@element-plus/nightly 0.0.20220116 → 0.0.20220120

package/es/components/descriptions/src/index.vue_vue_type_script_lang.mjs

@@ -5,6 +5,7 @@ import './descriptions-row.mjs';
 import { elDescriptionsKey } from './token.mjs';
 import script$1 from './descriptions-row.vue_vue_type_script_lang.mjs';
 import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElDescriptions",
@@ -40,10 +41,10 @@ var script = defineComponent({
   setup(props, { slots }) {
     provide(elDescriptionsKey, props);
     const descriptionsSize = useSize();
-    const prefix = "el-descriptions";
+    const ns = useNamespace("descriptions");
     const descriptionKls = computed(() => [
-      prefix,
-      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : ""
+      ns.b(),
+      ns.is(ns.m(descriptionsSize.value), !!descriptionsSize.value)
     ]);
     const flattedChildren = (children) => {
       const temp = Array.isArray(children) ? children : [children];
@@ -105,7 +106,8 @@ var script = defineComponent({
     };
     return {
       descriptionKls,
-      getRows
+      getRows,
+      ns
     };
   }
 });

package/es/components/descriptions/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table :class=\"['el-descriptions__table', { 'is-bordered': border }]\">\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n\n    const prefix = 'el-descriptions'\n    const descriptionKls = computed(() => [\n      prefix,\n      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : '',\n    ])\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionKls,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":["DescriptionsRow"],"mappings":";;;;;;;;AA+BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACA,QAAe,CAAC,IAAI,GAAGA,QAAe;;AAE3C,EAAE,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE;MACN,OAAO,EAAE,KAAK;;IAEhB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,CAAC;;IAEZ;MACE,IAAI,EAAE;MACN,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE;MACN,SAAS,EAAE,oBAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;YACI;UACF;IACN;;MAEE,MAAM;MACN,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAAE;;IAE9B,MAAM,eAAe,IAAI,QAAQ;;MAE/B,MAAM,GAAG,KAAK,CAAC;MACf,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;QACtB,IAAI;UACF,GAAG,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;OAIhD,CAAC,CAAC;MACH,OAAO,GAAG;MACV;oBACc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;UACjC,CAAC,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC;;;;OAIN;;;OAGA;MACD,OAAO,IAAI,CAAC;;;MAGZ,IAAI,EAAE,CAAC;YACD,QAAQ;;eAEL,CAAC;QACR,CAAC;YACG,IAAI,GAAG,EAAE,CAAC;MAChB;MACA,IAAI,KAAK;;;QAGP,IAAI,GAAG,CAAC;QACR,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;QACxD,IAAI,QAAQ,QAAQ,CAAC,MAAM,IAAI,EAAE;;SAEhC;QACD,IAAI,KAAK;UACP,MAAM,QAAQ,GAAG;UACjB,IAAI,CAAC,KAAK,WAAW,IAAI,EAAE,QAAQ,EAAE;;UAErC,OAAO;SACR;;eAEM,QAAQ,CAAC;UACd,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;;;cAGZ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;UAChB,KAAK,GAAG,KAAK,CAAC,MAAM;UACpB,IAAI,GAAG,EAAE,CAAC;;;aAGP;;;oBAGO;aACP;;;;;;;"}
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize, useNamespace } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n    const ns = useNamespace('descriptions')\n\n    const descriptionKls = computed(() => [\n      ns.b(),\n      ns.is(ns.m(descriptionsSize.value), !!descriptionsSize.value),\n    ])\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionKls,\n      getRows,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["DescriptionsRow"],"mappings":";;;;;;;;;AA+BA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACA,QAAe,CAAC,IAAI,GAAGA,QAAe;;AAE3C,EAAE,KAAK,EAAE;IACL,MAAM,EAAE;MACN,IAAI,EAAE;MACN,OAAO,EAAE,KAAK;;IAEhB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,CAAC;;IAEZ;MACE,IAAI,EAAE;MACN,OAAO,EAAE;;IAEX;MACE,IAAI,EAAE;MACN,SAAS,EAAE,oBAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;YACI;UACF;IACN;;MAEE,EAAE,CAAC,CAAC,EAAE;MACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;;IAE9B,MAAM,eAAe,IAAI,QAAQ;MAC/B,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;;MAEpC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK;QACtB,IAAI;UACF,GAAG,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;;;;OAIhD,CAAC,CAAC;MACH,OAAO,GAAG;MACV;oBACc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;UACjC,CAAC,IAAI,CAAC,KAAK,EAAE;QACf,IAAI,CAAC;;;;OAIN;;;OAGA;MACD,OAAO,IAAI,CAAC;;;MAGZ,IAAI,EAAE,CAAC;YACD,QAAQ;;eAEL,CAAC;QACR,CAAC;YACG,IAAI,GAAG,EAAE,CAAC;MAChB;MACA,IAAI,KAAK;;;QAGP,IAAI,GAAG,CAAC;QACR,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;QACxD,IAAI,QAAQ,QAAQ,CAAC,MAAM,IAAI,EAAE;;SAEhC;QACD,IAAI,KAAK;UACP,MAAM,QAAQ,GAAG;UACjB,IAAI,CAAC,KAAK,WAAW,IAAI,EAAE,QAAQ,EAAE;;UAErC,OAAO;SACR;;eAEM,QAAQ,CAAC;UACd,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;;;cAGZ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;UAChB,KAAK,GAAG,KAAK,CAAC,MAAM;UACpB,IAAI,GAAG,EAAE,CAAC;;;aAGP;;;oBAGO;aACP;;;;;;;;"}

package/es/components/descriptions/src/index.vue_vue_type_template_id_788d3854_lang.mjs

@@ -1,32 +1,34 @@
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
 
-const _hoisted_1 = {
-  key: 0,
-  class: "el-descriptions__header"
-};
-const _hoisted_2 = { class: "el-descriptions__title" };
-const _hoisted_3 = { class: "el-descriptions__extra" };
-const _hoisted_4 = { class: "el-descriptions__body" };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_descriptions_row = resolveComponent("el-descriptions-row");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.descriptionKls)
   }, [
-    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_1, [
-      createElementVNode("div", _hoisted_2, [
+    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("header"))
+    }, [
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.ns.e("title"))
+      }, [
         renderSlot(_ctx.$slots, "title", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ])
-      ]),
-      createElementVNode("div", _hoisted_3, [
+      ], 2),
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.ns.e("extra"))
+      }, [
         renderSlot(_ctx.$slots, "extra", {}, () => [
           createTextVNode(toDisplayString(_ctx.extra), 1)
         ])
-      ])
-    ])) : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_4, [
+      ], 2)
+    ], 2)) : createCommentVNode("v-if", true),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("body"))
+    }, [
       createElementVNode("table", {
-        class: normalizeClass(["el-descriptions__table", { "is-bordered": _ctx.border }])
+        class: normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
       }, [
         createElementVNode("tbody", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getRows(), (row, index) => {
@@ -37,7 +39,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ])
       ], 2)
-    ])
+    ], 2)
   ], 2);
 }
 

package/es/components/descriptions/src/index.vue_vue_type_template_id_788d3854_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_template_id_788d3854_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue?vue&type=template&id=788d3854&lang.js"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      class=\"el-descriptions__header\"\n    >\n      <div class=\"el-descriptions__title\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div class=\"el-descriptions__extra\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div class=\"el-descriptions__body\">\n      <table :class=\"['el-descriptions__table', { 'is-bordered': border }]\">\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n\n    const prefix = 'el-descriptions'\n    const descriptionKls = computed(() => [\n      prefix,\n      descriptionsSize.value ? `${prefix}--${descriptionsSize.value}` : '',\n    ])\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionKls,\n      getRows,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;EAIM;;qBAEK,KAAK,EAAC,wBAAwB;qBAG9B,KAAK,EAAC;4CAKqB;;;;;;;;0CAXF,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue_vue_type_template_id_788d3854_lang.mjs","sources":["../../../../../../packages/components/descriptions/src/index.vue?vue&type=template&id=788d3854&lang.js"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, index) in getRows()\" :key=\"index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, provide } from 'vue'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useSize, useNamespace } from '@element-plus/hooks'\nimport DescriptionsRow from './descriptions-row.vue'\nimport { elDescriptionsKey } from './token'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElDescriptions',\n  components: {\n    [DescriptionsRow.name]: DescriptionsRow,\n  },\n  props: {\n    border: {\n      type: Boolean,\n      default: false,\n    },\n    column: {\n      type: Number,\n      default: 3,\n    },\n    direction: {\n      type: String as PropType<'horizontal' | 'vertical'>,\n      default: 'horizontal',\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    title: {\n      type: String,\n      default: '',\n    },\n    extra: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    provide(elDescriptionsKey, props)\n\n    const descriptionsSize = useSize()\n    const ns = useNamespace('descriptions')\n\n    const descriptionKls = computed(() => [\n      ns.b(),\n      ns.is(ns.m(descriptionsSize.value), !!descriptionsSize.value),\n    ])\n\n    const flattedChildren = (children) => {\n      const temp = Array.isArray(children) ? children : [children]\n      const res = []\n      temp.forEach((child) => {\n        if (Array.isArray(child.children)) {\n          res.push(...flattedChildren(child.children))\n        } else {\n          res.push(child)\n        }\n      })\n      return res\n    }\n\n    const filledNode = (node, span, count, isLast = false) => {\n      if (!node.props) {\n        node.props = {}\n      }\n      if (span > count) {\n        node.props.span = count\n      }\n      if (isLast) {\n        // set the last span\n        node.props.span = span\n      }\n      return node\n    }\n\n    const getRows = () => {\n      const children = flattedChildren(slots.default?.()).filter(\n        (node) => node?.type?.name === 'ElDescriptionsItem'\n      )\n      const rows = []\n      let temp = []\n      let count = props.column\n      let totalSpan = 0 // all spans number of item\n\n      children.forEach((node, index) => {\n        const span = node.props?.span || 1\n\n        if (index < children.length - 1) {\n          totalSpan += span > count ? count : span\n        }\n\n        if (index === children.length - 1) {\n          // calculate the last item span\n          const lastSpan = props.column - (totalSpan % props.column)\n          temp.push(filledNode(node, lastSpan, count, true))\n          rows.push(temp)\n          return\n        }\n\n        if (span < count) {\n          count -= span\n          temp.push(node)\n        } else {\n          temp.push(filledNode(node, span, count))\n          rows.push(temp)\n          count = props.column\n          temp = []\n        }\n      })\n\n      return rows\n    }\n\n    return {\n      descriptionKls,\n      getRows,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_normalizeClass"],"mappings":";;;;;;;IACQ,KAAK;;gCAEiB;;;eAClBA,wBAAI,CAAC;;;yCAEK,CAAC;;;;;;;yCAGD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/dialog/index.d.ts

@@ -44,50 +44,28 @@ export declare const ElDialog: import("../../utils/types").SFCWithInstall<import
     close: () => boolean;
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly appendToBody?: unknown;
-    readonly beforeClose?: unknown;
-    readonly destroyOnClose?: unknown;
-    readonly center?: unknown;
-    readonly customClass?: unknown;
-    readonly closeIcon?: unknown;
-    readonly closeOnClickModal?: unknown;
-    readonly closeOnPressEscape?: unknown;
-    readonly fullscreen?: unknown;
-    readonly lockScroll?: unknown;
-    readonly modal?: unknown;
-    readonly showClose?: unknown;
-    readonly title?: unknown;
-    readonly openDelay?: unknown;
-    readonly closeDelay?: unknown;
-    readonly top?: unknown;
-    readonly modelValue?: unknown;
-    readonly modalClass?: unknown;
-    readonly width?: unknown;
-    readonly zIndex?: unknown;
-} & {
-    modelValue: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    title: string;
-    center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeDelay: number;
-} & {
-    zIndex?: number | undefined;
-    top?: string | undefined;
-    width?: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-    beforeClose?: ((...args: any[]) => void) | undefined;
-    modalClass?: string | undefined;
-}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}>> & {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;

package/es/components/dialog/src/dialog.vue.d.ts

@@ -44,50 +44,28 @@ declare const _default: import("vue").DefineComponent<{
     close: () => boolean;
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly appendToBody?: unknown;
-    readonly beforeClose?: unknown;
-    readonly destroyOnClose?: unknown;
-    readonly center?: unknown;
-    readonly customClass?: unknown;
-    readonly closeIcon?: unknown;
-    readonly closeOnClickModal?: unknown;
-    readonly closeOnPressEscape?: unknown;
-    readonly fullscreen?: unknown;
-    readonly lockScroll?: unknown;
-    readonly modal?: unknown;
-    readonly showClose?: unknown;
-    readonly title?: unknown;
-    readonly openDelay?: unknown;
-    readonly closeDelay?: unknown;
-    readonly top?: unknown;
-    readonly modelValue?: unknown;
-    readonly modalClass?: unknown;
-    readonly width?: unknown;
-    readonly zIndex?: unknown;
-} & {
-    modelValue: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    title: string;
-    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeIcon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeDelay: number;
-} & {
-    zIndex?: number | undefined;
-    top?: string | undefined;
-    width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-    beforeClose?: ((...args: any[]) => void) | undefined;
-    modalClass?: string | undefined;
-}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly appendToBody: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}>> & {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;

package/es/components/divider/index.d.ts

@@ -2,15 +2,24 @@ export declare const ElDivider: import("../../utils/types").SFCWithInstall<impor
     readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
     readonly contentPosition: import("../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
     readonly borderStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly direction?: unknown;
-    readonly contentPosition?: unknown;
-    readonly borderStyle?: unknown;
-} & {
-    direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
-    borderStyle: string;
-    contentPosition: import("../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
-} & {}>, {
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+    dividerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+}>>, {
     direction: import("../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
     borderStyle: string;
     contentPosition: import("../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;

package/es/components/divider/src/divider.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type Divider from './divider.vue';
 export declare type BorderStyle = CSSStyleDeclaration['borderStyle'];
 export declare const dividerProps: {
     readonly direction: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
@@ -6,3 +7,4 @@ export declare const dividerProps: {
     readonly borderStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
 };
 export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
+export declare type DividerInstance = InstanceType<typeof Divider>;

package/es/components/divider/src/divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n"],"names":[],"mappings":";;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/es/components/divider/src/divider.vue.d.ts

@@ -1,16 +1,26 @@
+import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
     readonly contentPosition: import("../../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
     readonly borderStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly direction?: unknown;
-    readonly contentPosition?: unknown;
-    readonly borderStyle?: unknown;
-} & {
-    direction: import("../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
-    borderStyle: string;
-    contentPosition: import("../../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;
-} & {}>, {
+}, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+    dividerStyle: import("vue").ComputedRef<CSSProperties>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: import("../../../utils/props").BuildPropReturn<StringConstructor, "horizontal", unknown, "horizontal" | "vertical", unknown>;
+    readonly contentPosition: import("../../../utils/props").BuildPropReturn<StringConstructor, "center", unknown, "right" | "left" | "center", unknown>;
+    readonly borderStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string>, "solid", unknown, unknown, unknown>;
+}>>, {
     direction: import("../../../utils/props").BuildPropType<StringConstructor, "horizontal" | "vertical", unknown>;
     borderStyle: string;
     contentPosition: import("../../../utils/props").BuildPropType<StringConstructor, "right" | "left" | "center", unknown>;

package/es/components/divider/src/divider.vue_vue_type_script_lang.mjs

@@ -1,9 +1,23 @@
-import { defineComponent } from 'vue';
+import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
 import { dividerProps } from './divider.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElDivider",
-  props: dividerProps
+  props: dividerProps,
+  setup(props) {
+    const ns = useNamespace("divider");
+    const dividerStyle = computed(() => {
+      return {
+        "--el-border-style": props.borderStyle
+      };
+    });
+    return {
+      ns,
+      dividerStyle
+    };
+  }
 });
 
 export { script as default };

package/es/components/divider/src/divider.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['el-divider', `el-divider--${direction}`]\"\n    :style=\"{ '--el-border-style': borderStyle }\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"['el-divider__text', `is-${contentPosition}`]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport { dividerProps } from './divider'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n})\n</script>\n"],"names":[],"mappings":";;;;AAiBA,EAAE,iBAAiB;;AAEnB,CAAC,CAAC;;;;"}
+{"version":3,"file":"divider.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(direction)]\" :style=\"dividerStyle\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n\n  setup(props) {\n    const ns = useNamespace('divider')\n\n    const dividerStyle = computed(() => {\n      return {\n        '--el-border-style': props.borderStyle,\n      } as CSSProperties\n    })\n\n    return {\n      ns,\n      dividerStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAeA,EAAE,iBAAiB;AACnB,EAAE,KAAK,EAAE,YAAY;;AAErB,IAAI,MAAM,EAAE,GAAG,YAAY,CAAC;IACxB,MAAM;MACJ,OAAO;;OAEN,CAAC;KACH,CAAC,CAAC;;MAED,EAAE;MACF;;;;;;;"}

package/es/components/divider/src/divider.vue_vue_type_template_id_6ddd3543_lang.mjs

@@ -2,12 +2,12 @@ import { openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSl
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["el-divider", `el-divider--${_ctx.direction}`]),
-    style: normalizeStyle({ "--el-border-style": _ctx.borderStyle })
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
+    style: normalizeStyle(_ctx.dividerStyle)
   }, [
     _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
       key: 0,
-      class: normalizeClass(["el-divider__text", `is-${_ctx.contentPosition}`])
+      class: normalizeClass([_ctx.ns.e("text"), _ctx.ns.is(_ctx.contentPosition)])
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2)) : createCommentVNode("v-if", true)

package/es/components/divider/src/divider.vue_vue_type_template_id_6ddd3543_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.vue_vue_type_template_id_6ddd3543_lang.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue?vue&type=template&id=6ddd3543&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"['el-divider', `el-divider--${direction}`]\"\n    :style=\"{ '--el-border-style': borderStyle }\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"['el-divider__text', `is-${contentPosition}`]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nimport { dividerProps } from './divider'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n})\n</script>\n"],"names":[],"mappings":";;;;;IAEK,KAAK;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.vue_vue_type_template_id_6ddd3543_lang.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue?vue&type=template&id=6ddd3543&lang.js"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(direction)]\" :style=\"dividerStyle\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElDivider',\n  props: dividerProps,\n\n  setup(props) {\n    const ns = useNamespace('divider')\n\n    const dividerStyle = computed(() => {\n      return {\n        '--el-border-style': props.borderStyle,\n      } as CSSProperties\n    })\n\n    return {\n      ns,\n      dividerStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IACQ,KAAK;;;;;;wCAGI;;;;;;;"}

package/es/components/drawer/index.d.ts

@@ -45,58 +45,32 @@ export declare const ElDrawer: import("../../utils/types").SFCWithInstall<import
     close: () => boolean;
     closed: () => boolean;
     "update:modelValue": (value: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly direction?: unknown;
-    readonly size?: unknown;
-    readonly withHeader?: unknown;
-    readonly modalFade?: unknown;
-    readonly appendToBody?: unknown;
-    readonly beforeClose?: unknown;
-    readonly destroyOnClose?: unknown;
-    readonly center?: unknown;
-    readonly customClass?: unknown;
-    readonly closeIcon?: unknown;
-    readonly closeOnClickModal?: unknown;
-    readonly closeOnPressEscape?: unknown;
-    readonly fullscreen?: unknown;
-    readonly lockScroll?: unknown;
-    readonly modal?: unknown;
-    readonly showClose?: unknown;
-    readonly title?: unknown;
-    readonly openDelay?: unknown;
-    readonly closeDelay?: unknown;
-    readonly top?: unknown;
-    readonly modelValue?: unknown;
-    readonly modalClass?: unknown;
-    readonly width?: unknown;
-    readonly zIndex?: unknown;
-} & {
-    size: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    modelValue: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    title: string;
-    center: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: import("../../utils/props").BuildPropType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
-    openDelay: number;
-    showClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeIcon: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    closeOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeDelay: number;
-    withHeader: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modalFade: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-} & {
-    zIndex?: number | undefined;
-    top?: string | undefined;
-    width?: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-    beforeClose?: ((...args: any[]) => void) | undefined;
-    modalClass?: string | undefined;
-}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: import("../../utils/props").BuildPropReturn<StringConstructor, "rtl", unknown, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    readonly size: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
+    readonly withHeader: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modalFade: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly beforeClose: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
+    readonly destroyOnClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly center: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly customClass: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly closeIcon: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    readonly closeOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly fullscreen: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly lockScroll: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly modal: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly showClose: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly openDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly closeDelay: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly top: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly modelValue: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
+    readonly modalClass: StringConstructor;
+    readonly width: import("../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+}>> & {
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;