DOCS es21.0cb71eee40c7d7b6716e.js

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[87],{

/***/ 843:
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm-browser.prod.js
var vue_esm_browser_prod = __webpack_require__(0);

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist/templateLoader.js??ref--6!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/es/descriptions.md?vue&type=template&id=5c071095

const descriptionsvue_type_template_id_5c071095_hoisted_1 = {
  class: "content element-doc"
};

const descriptionsvue_type_template_id_5c071095_hoisted_2 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions ");

const descriptionsvue_type_template_id_5c071095_hoisted_3 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("p", null, "Display multiple fields in list form.", -1);

const descriptionsvue_type_template_id_5c071095_hoisted_4 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Basic usage ");

const descriptionsvue_type_template_id_5c071095_hoisted_5 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-descriptions title=\"User Info\">\n  <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n  <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n  <el-descriptions-item label=\"Place\">Suzhou</el-descriptions-item>\n  <el-descriptions-item label=\"Remarks\">\n    <el-tag size=\"small\">School</el-tag>\n  </el-descriptions-item>\n  <el-descriptions-item label=\"Address\"\n    >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n    Province</el-descriptions-item\n  >\n</el-descriptions>\n")], -1);

const descriptionsvue_type_template_id_5c071095_hoisted_6 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Sizes ");

const descriptionsvue_type_template_id_5c071095_hoisted_7 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<template>\n  <el-radio-group v-model=\"size\">\n    <el-radio label=\"\">Default</el-radio>\n    <el-radio label=\"medium\">Medium</el-radio>\n    <el-radio label=\"small\">Small</el-radio>\n    <el-radio label=\"mini\">Mini</el-radio>\n  </el-radio-group>\n\n  <el-descriptions\n    class=\"margin-top\"\n    title=\"With border\"\n    :column=\"3\"\n    :size=\"size\"\n    border\n  >\n    <template #extra>\n      <el-button type=\"primary\" size=\"small\">Operation</el-button>\n    </template>\n    <el-descriptions-item>\n      <template #label>\n        <i class=\"el-icon-user\"></i>\n        Username\n      </template>\n      kooriookami\n    </el-descriptions-item>\n    <el-descriptions-item>\n      <template #label>\n        <i class=\"el-icon-mobile-phone\"></i>\n        Telephone\n      </template>\n      18100000000\n    </el-descriptions-item>\n    <el-descriptions-item>\n      <template #label>\n        <i class=\"el-icon-location-outline\"></i>\n        Place\n      </template>\n      Suzhou\n    </el-descriptions-item>\n    <el-descriptions-item>\n      <template #label>\n        <i class=\"el-icon-tickets\"></i>\n        Remarks\n      </template>\n      <el-tag size=\"small\">School</el-tag>\n    </el-descriptions-item>\n    <el-descriptions-item>\n      <template #label>\n        <i class=\"el-icon-office-building\"></i>\n        Address\n      </template>\n      No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province\n    </el-descriptions-item>\n  </el-descriptions>\n\n  <el-descriptions\n    class=\"margin-top\"\n    title=\"Without border\"\n    :column=\"3\"\n    :size=\"size\"\n  >\n    <template #extra>\n      <el-button type=\"primary\" size=\"small\">Operation</el-button>\n    </template>\n    <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n    <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n    <el-descriptions-item label=\"Place\">Suzhou</el-descriptions-item>\n    <el-descriptions-item label=\"Remarks\">\n      <el-tag size=\"small\">School</el-tag>\n    </el-descriptions-item>\n    <el-descriptions-item label=\"Address\"\n      >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n      Province</el-descriptions-item\n    >\n  </el-descriptions>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        size: '',\n      }\n    },\n  }\n</script>\n")], -1);

const descriptionsvue_type_template_id_5c071095_hoisted_8 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Vertical List ");

const descriptionsvue_type_template_id_5c071095_hoisted_9 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-descriptions\n  title=\"Vertical list with border\"\n  direction=\"vertical\"\n  :column=\"4\"\n  border\n>\n  <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n  <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n  <el-descriptions-item label=\"Place\" :span=\"2\">Suzhou</el-descriptions-item>\n  <el-descriptions-item label=\"Remarks\">\n    <el-tag size=\"small\">School</el-tag>\n  </el-descriptions-item>\n  <el-descriptions-item label=\"Address\"\n    >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n    Province</el-descriptions-item\n  >\n</el-descriptions>\n\n<el-descriptions\n  class=\"margin-top\"\n  title=\"Vertical list without border\"\n  :column=\"4\"\n  direction=\"vertical\"\n>\n  <el-descriptions-item label=\"Username\">kooriookami</el-descriptions-item>\n  <el-descriptions-item label=\"Telephone\">18100000000</el-descriptions-item>\n  <el-descriptions-item label=\"Place\" :span=\"2\">Suzhou</el-descriptions-item>\n  <el-descriptions-item label=\"Remarks\">\n    <el-tag size=\"small\">School</el-tag>\n  </el-descriptions-item>\n  <el-descriptions-item label=\"Address\"\n    >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n    Province</el-descriptions-item\n  >\n</el-descriptions>\n")], -1);

const descriptionsvue_type_template_id_5c071095_hoisted_10 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Customized Style ");

const descriptionsvue_type_template_id_5c071095_hoisted_11 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("pre", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("code", {
  class: "html"
}, "<el-descriptions title=\"Customized style list\" :column=\"3\" border>\n  <el-descriptions-item\n    label=\"Username\"\n    label-align=\"right\"\n    align=\"center\"\n    label-class-name=\"my-label\"\n    class-name=\"my-content\"\n    width=\"150px\"\n    >kooriookami</el-descriptions-item\n  >\n  <el-descriptions-item label=\"Telephone\" label-align=\"right\" align=\"center\"\n    >18100000000</el-descriptions-item\n  >\n  <el-descriptions-item label=\"Place\" label-align=\"right\" align=\"center\"\n    >Suzhou</el-descriptions-item\n  >\n  <el-descriptions-item label=\"Remarks\" label-align=\"right\" align=\"center\">\n    <el-tag size=\"small\">School</el-tag>\n  </el-descriptions-item>\n  <el-descriptions-item label=\"Address\" label-align=\"right\" align=\"center\"\n    >No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu\n    Province</el-descriptions-item\n  >\n</el-descriptions>\n")], -1);

const descriptionsvue_type_template_id_5c071095_hoisted_12 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Attributes ");

const descriptionsvue_type_template_id_5c071095_hoisted_13 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>border</td><td>with or without border</td><td>boolean</td><td>—</td><td>false</td></tr><tr><td>column</td><td>numbers of <code>Descriptions Item</code> in one line</td><td>number</td><td>—</td><td>3</td></tr><tr><td>direction</td><td>direction of list</td><td>string</td><td>vertical / horizontal</td><td>horizontal</td></tr><tr><td>size</td><td>size of list</td><td>string</td><td>medium / small / mini</td><td>—</td></tr><tr><td>title</td><td>title text, display on the top left</td><td>string</td><td>—</td><td>—</td></tr><tr><td>extra</td><td>extra text, display on the top right</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);

const descriptionsvue_type_template_id_5c071095_hoisted_14 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Slots ");

const descriptionsvue_type_template_id_5c071095_hoisted_15 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "title"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom title, display on the top left")]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "extra"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom extra area, display on the top right")])])], -1);

const descriptionsvue_type_template_id_5c071095_hoisted_16 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Item Attributes ");

const descriptionsvue_type_template_id_5c071095_hoisted_17 = /*#__PURE__*/Object(vue_esm_browser_prod["createStaticVNode"])("<table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>label</td><td>label text</td><td>string</td><td>—</td><td>—</td></tr><tr><td>span</td><td>colspan of column</td><td>number</td><td>—</td><td>1</td></tr><tr><td>width</td><td>column width, the width of the same column in different rows is set by the max value (If no <code>border</code>, width contains label and content)</td><td>string / number</td><td>—</td><td>—</td></tr><tr><td>min-width</td><td>column minimum width, columns with <code>width</code> has a fixed width, while columns with <code>min-width</code> has a width that is distributed in proportion (If no<code>border</code>, width contains label and content)</td><td>string / number</td><td>—</td><td>—</td></tr><tr><td>align</td><td>column content alignment (If no <code>border</code>, effective for both label and content)</td><td>string</td><td>left / center / right</td><td>left</td></tr><tr><td>label-align</td><td>column label alignment, if omitted, the value of the above <code>align</code> attribute will be applied (If no <code>border</code>, please use <code>align</code> attribute)</td><td>string</td><td>left / center / right</td><td>—</td></tr><tr><td>class-name</td><td>column content custom class name</td><td>string</td><td>—</td><td>—</td></tr><tr><td>label-class-name</td><td>column label custom class name</td><td>string</td><td>—</td><td>—</td></tr></tbody></table>", 1);

const descriptionsvue_type_template_id_5c071095_hoisted_18 = /*#__PURE__*/Object(vue_esm_browser_prod["createTextVNode"])("Descriptions Item Slots ");

const descriptionsvue_type_template_id_5c071095_hoisted_19 = /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("table", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("thead", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Name"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("th", null, "Description")])]), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tbody", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("tr", null, [/*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "label"), /*#__PURE__*/Object(vue_esm_browser_prod["createElementVNode"])("td", null, "custom label")])])], -1);

function descriptionsvue_type_template_id_5c071095_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_app_link = Object(vue_esm_browser_prod["resolveComponent"])("app-link");

  const _component_app_heading = Object(vue_esm_browser_prod["resolveComponent"])("app-heading");

  const _component_element_demo0 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo0");

  const _component_demo_block = Object(vue_esm_browser_prod["resolveComponent"])("demo-block");

  const _component_element_demo1 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo1");

  const _component_element_demo2 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo2");

  const _component_element_demo3 = Object(vue_esm_browser_prod["resolveComponent"])("element-demo3");

  const _component_right_nav = Object(vue_esm_browser_prod["resolveComponent"])("right-nav");

  return Object(vue_esm_browser_prod["openBlock"])(), Object(vue_esm_browser_prod["createElementBlock"])("section", descriptionsvue_type_template_id_5c071095_hoisted_1, [Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "descriptions",
    content: "Descriptions",
    href: "#descriptions",
    level: "2"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_2, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#descriptions"
    })]),
    _: 1
  }), descriptionsvue_type_template_id_5c071095_hoisted_3, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "basic-usage",
    content: "Basic usage",
    href: "#basic-usage",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_4, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#basic-usage"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo0)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_5]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "sizes",
    content: "Sizes",
    href: "#sizes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_6, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#sizes"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo1)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_7]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "vertical-list",
    content: "Vertical List",
    href: "#vertical-list",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_8, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#vertical-list"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo2)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_9]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "customized-style",
    content: "Customized Style",
    href: "#customized-style",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_10, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#customized-style"
    })]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_demo_block, null, {
    source: Object(vue_esm_browser_prod["withCtx"])(() => [Object(vue_esm_browser_prod["createVNode"])(_component_element_demo3)]),
    highlight: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_11]),
    _: 1
  }), Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "descriptions-attributes",
    content: "Descriptions Attributes",
    href: "#descriptions-attributes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_12, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#descriptions-attributes"
    })]),
    _: 1
  }), descriptionsvue_type_template_id_5c071095_hoisted_13, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "descriptions-slots",
    content: "Descriptions Slots",
    href: "#descriptions-slots",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_14, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#descriptions-slots"
    })]),
    _: 1
  }), descriptionsvue_type_template_id_5c071095_hoisted_15, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "descriptions-item-attributes",
    content: "Descriptions Item Attributes",
    href: "#descriptions-item-attributes",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_16, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#descriptions-item-attributes"
    })]),
    _: 1
  }), descriptionsvue_type_template_id_5c071095_hoisted_17, Object(vue_esm_browser_prod["createVNode"])(_component_app_heading, {
    id: "descriptions-item-slots",
    content: "Descriptions Item Slots",
    href: "#descriptions-item-slots",
    level: "3"
  }, {
    default: Object(vue_esm_browser_prod["withCtx"])(() => [descriptionsvue_type_template_id_5c071095_hoisted_18, Object(vue_esm_browser_prod["createVNode"])(_component_app_link, {
      class: "header-anchor",
      href: "#descriptions-item-slots"
    })]),
    _: 1
  }), descriptionsvue_type_template_id_5c071095_hoisted_19, Object(vue_esm_browser_prod["createVNode"])(_component_right_nav)]);
}
// CONCATENATED MODULE: ./website/docs/es/descriptions.md?vue&type=template&id=5c071095

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/dist??ref--3-0!./website/md-loader!./website/docs/es/descriptions.md?vue&type=script&lang=ts

/* harmony default export */ var descriptionsvue_type_script_lang_ts = ({
  name: 'component-doc',
  components: {
    "element-demo0": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");

      const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");

      function render(_ctx, _cache) {
        const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");

        const _component_el_tag = _resolveComponent("el-tag");

        const _component_el_descriptions = _resolveComponent("el-descriptions");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
          title: "User Info"
        }, {
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
            label: "Username"
          }, {
            default: _withCtx(() => [_hoisted_1]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Telephone"
          }, {
            default: _withCtx(() => [_hoisted_2]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Place"
          }, {
            default: _withCtx(() => [_hoisted_3]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Remarks"
          }, {
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_4]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Address"
          }, {
            default: _withCtx(() => [_hoisted_5]),
            _: 1
          })]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo1": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        createElementVNode: _createElementVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode("Default");

      const _hoisted_2 = /*#__PURE__*/_createTextVNode("Medium");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Small");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("Mini");

      const _hoisted_5 = /*#__PURE__*/_createTextVNode("Operation");

      const _hoisted_6 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-user"
      }, null, -1);

      const _hoisted_7 = /*#__PURE__*/_createTextVNode(" Username ");

      const _hoisted_8 = /*#__PURE__*/_createTextVNode(" kooriookami ");

      const _hoisted_9 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-mobile-phone"
      }, null, -1);

      const _hoisted_10 = /*#__PURE__*/_createTextVNode(" Telephone ");

      const _hoisted_11 = /*#__PURE__*/_createTextVNode(" 18100000000 ");

      const _hoisted_12 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-location-outline"
      }, null, -1);

      const _hoisted_13 = /*#__PURE__*/_createTextVNode(" Place ");

      const _hoisted_14 = /*#__PURE__*/_createTextVNode(" Suzhou ");

      const _hoisted_15 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-tickets"
      }, null, -1);

      const _hoisted_16 = /*#__PURE__*/_createTextVNode(" Remarks ");

      const _hoisted_17 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_18 = /*#__PURE__*/_createElementVNode("i", {
        class: "el-icon-office-building"
      }, null, -1);

      const _hoisted_19 = /*#__PURE__*/_createTextVNode(" Address ");

      const _hoisted_20 = /*#__PURE__*/_createTextVNode(" No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province ");

      const _hoisted_21 = /*#__PURE__*/_createTextVNode("Operation");

      const _hoisted_22 = /*#__PURE__*/_createTextVNode("kooriookami");

      const _hoisted_23 = /*#__PURE__*/_createTextVNode("18100000000");

      const _hoisted_24 = /*#__PURE__*/_createTextVNode("Suzhou");

      const _hoisted_25 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_26 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");

      function render(_ctx, _cache) {
        const _component_el_radio = _resolveComponent("el-radio");

        const _component_el_radio_group = _resolveComponent("el-radio-group");

        const _component_el_button = _resolveComponent("el-button");

        const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");

        const _component_el_tag = _resolveComponent("el-tag");

        const _component_el_descriptions = _resolveComponent("el-descriptions");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_radio_group, {
          modelValue: _ctx.size,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.size = $event)
        }, {
          default: _withCtx(() => [_createVNode(_component_el_radio, {
            label: ""
          }, {
            default: _withCtx(() => [_hoisted_1]),
            _: 1
          }), _createVNode(_component_el_radio, {
            label: "medium"
          }, {
            default: _withCtx(() => [_hoisted_2]),
            _: 1
          }), _createVNode(_component_el_radio, {
            label: "small"
          }, {
            default: _withCtx(() => [_hoisted_3]),
            _: 1
          }), _createVNode(_component_el_radio, {
            label: "mini"
          }, {
            default: _withCtx(() => [_hoisted_4]),
            _: 1
          })]),
          _: 1
        }, 8, ["modelValue"]), _createVNode(_component_el_descriptions, {
          class: "margin-top",
          title: "With border",
          column: 3,
          size: _ctx.size,
          border: ""
        }, {
          extra: _withCtx(() => [_createVNode(_component_el_button, {
            type: "primary",
            size: "small"
          }, {
            default: _withCtx(() => [_hoisted_5]),
            _: 1
          })]),
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, null, {
            label: _withCtx(() => [_hoisted_6, _hoisted_7]),
            default: _withCtx(() => [_hoisted_8]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, null, {
            label: _withCtx(() => [_hoisted_9, _hoisted_10]),
            default: _withCtx(() => [_hoisted_11]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, null, {
            label: _withCtx(() => [_hoisted_12, _hoisted_13]),
            default: _withCtx(() => [_hoisted_14]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, null, {
            label: _withCtx(() => [_hoisted_15, _hoisted_16]),
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_17]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, null, {
            label: _withCtx(() => [_hoisted_18, _hoisted_19]),
            default: _withCtx(() => [_hoisted_20]),
            _: 1
          })]),
          _: 1
        }, 8, ["size"]), _createVNode(_component_el_descriptions, {
          class: "margin-top",
          title: "Without border",
          column: 3,
          size: _ctx.size
        }, {
          extra: _withCtx(() => [_createVNode(_component_el_button, {
            type: "primary",
            size: "small"
          }, {
            default: _withCtx(() => [_hoisted_21]),
            _: 1
          })]),
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
            label: "Username"
          }, {
            default: _withCtx(() => [_hoisted_22]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Telephone"
          }, {
            default: _withCtx(() => [_hoisted_23]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Place"
          }, {
            default: _withCtx(() => [_hoisted_24]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Remarks"
          }, {
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_25]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Address"
          }, {
            default: _withCtx(() => [_hoisted_26]),
            _: 1
          })]),
          _: 1
        }, 8, ["size"])]);
      }

      const democomponentExport = {
        data() {
          return {
            size: ''
          };
        }

      };
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo2": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");

      const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");

      const _hoisted_6 = /*#__PURE__*/_createTextVNode("kooriookami");

      const _hoisted_7 = /*#__PURE__*/_createTextVNode("18100000000");

      const _hoisted_8 = /*#__PURE__*/_createTextVNode("Suzhou");

      const _hoisted_9 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_10 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");

      function render(_ctx, _cache) {
        const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");

        const _component_el_tag = _resolveComponent("el-tag");

        const _component_el_descriptions = _resolveComponent("el-descriptions");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
          title: "Vertical list with border",
          direction: "vertical",
          column: 4,
          border: ""
        }, {
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
            label: "Username"
          }, {
            default: _withCtx(() => [_hoisted_1]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Telephone"
          }, {
            default: _withCtx(() => [_hoisted_2]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Place",
            span: 2
          }, {
            default: _withCtx(() => [_hoisted_3]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Remarks"
          }, {
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_4]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Address"
          }, {
            default: _withCtx(() => [_hoisted_5]),
            _: 1
          })]),
          _: 1
        }), _createVNode(_component_el_descriptions, {
          class: "margin-top",
          title: "Vertical list without border",
          column: 4,
          direction: "vertical"
        }, {
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
            label: "Username"
          }, {
            default: _withCtx(() => [_hoisted_6]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Telephone"
          }, {
            default: _withCtx(() => [_hoisted_7]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Place",
            span: 2
          }, {
            default: _withCtx(() => [_hoisted_8]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Remarks"
          }, {
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_9]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Address"
          }, {
            default: _withCtx(() => [_hoisted_10]),
            _: 1
          })]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }(),
    "element-demo3": function () {
      const {
        createTextVNode: _createTextVNode,
        resolveComponent: _resolveComponent,
        withCtx: _withCtx,
        createVNode: _createVNode,
        openBlock: _openBlock,
        createElementBlock: _createElementBlock
      } = vue_esm_browser_prod;

      const _hoisted_1 = /*#__PURE__*/_createTextVNode("kooriookami");

      const _hoisted_2 = /*#__PURE__*/_createTextVNode("18100000000");

      const _hoisted_3 = /*#__PURE__*/_createTextVNode("Suzhou");

      const _hoisted_4 = /*#__PURE__*/_createTextVNode("School");

      const _hoisted_5 = /*#__PURE__*/_createTextVNode("No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province");

      function render(_ctx, _cache) {
        const _component_el_descriptions_item = _resolveComponent("el-descriptions-item");

        const _component_el_tag = _resolveComponent("el-tag");

        const _component_el_descriptions = _resolveComponent("el-descriptions");

        return _openBlock(), _createElementBlock("div", null, [_createVNode(_component_el_descriptions, {
          title: "Customized style list",
          column: 3,
          border: ""
        }, {
          default: _withCtx(() => [_createVNode(_component_el_descriptions_item, {
            label: "Username",
            "label-align": "right",
            align: "center",
            "label-class-name": "my-label",
            "class-name": "my-content",
            width: "150px"
          }, {
            default: _withCtx(() => [_hoisted_1]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Telephone",
            "label-align": "right",
            align: "center"
          }, {
            default: _withCtx(() => [_hoisted_2]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Place",
            "label-align": "right",
            align: "center"
          }, {
            default: _withCtx(() => [_hoisted_3]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Remarks",
            "label-align": "right",
            align: "center"
          }, {
            default: _withCtx(() => [_createVNode(_component_el_tag, {
              size: "small"
            }, {
              default: _withCtx(() => [_hoisted_4]),
              _: 1
            })]),
            _: 1
          }), _createVNode(_component_el_descriptions_item, {
            label: "Address",
            "label-align": "right",
            align: "center"
          }, {
            default: _withCtx(() => [_hoisted_5]),
            _: 1
          })]),
          _: 1
        })]);
      }

      const democomponentExport = {};
      return {
        render,
        ...democomponentExport
      };
    }()
  }
});
// CONCATENATED MODULE: ./website/docs/es/descriptions.md?vue&type=script&lang=ts
 
// CONCATENATED MODULE: ./website/docs/es/descriptions.md



descriptionsvue_type_script_lang_ts.render = descriptionsvue_type_template_id_5c071095_render

/* harmony default export */ var descriptions = __webpack_exports__["default"] = (descriptionsvue_type_script_lang_ts);

/***/ })

}]);