@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/lib/components/descriptions/src/descriptions-row.js

@@ -2,11 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var descriptionsRow_vue_vue_type_script_lang = require('./descriptions-row.vue_vue_type_script_lang.js');
-var descriptionsRow_vue_vue_type_template_id_29b1db72_lang = require('./descriptions-row.vue_vue_type_template_id_29b1db72_lang.js');
+var vue = require('vue');
+var descriptionsCell = require('./descriptions-cell.js');
+var token = require('./token.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-descriptionsRow_vue_vue_type_script_lang["default"].render = descriptionsRow_vue_vue_type_template_id_29b1db72_lang.render;
-descriptionsRow_vue_vue_type_script_lang["default"].__file = "packages/components/descriptions/src/descriptions-row.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElDescriptionsRow",
+  components: {
+    [descriptionsCell["default"].name]: descriptionsCell["default"]
+  },
+  props: {
+    row: {
+      type: Array
+    }
+  },
+  setup() {
+    const descriptions = vue.inject(token.elDescriptionsKey, {});
+    return {
+      descriptions
+    };
+  }
+});
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_descriptions_cell = vue.resolveComponent("el-descriptions-cell");
+  return _ctx.descriptions.direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+    vue.createElementVNode("tr", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+        return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: `tr1-${index}`,
+          cell,
+          tag: "th",
+          type: "label"
+        }, null, 8, ["cell"]);
+      }), 128))
+    ]),
+    vue.createElementVNode("tr", null, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+        return vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: `tr2-${index}`,
+          cell,
+          tag: "td",
+          type: "content"
+        }, null, 8, ["cell"]);
+      }), 128))
+    ])
+  ], 64)) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row, (cell, index) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: `tr3-${index}`
+      }, [
+        _ctx.descriptions.border ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createVNode(_component_el_descriptions_cell, {
+            cell,
+            tag: "td",
+            type: "label"
+          }, null, 8, ["cell"]),
+          vue.createVNode(_component_el_descriptions_cell, {
+            cell,
+            tag: "td",
+            type: "content"
+          }, null, 8, ["cell"])
+        ], 64)) : (vue.openBlock(), vue.createBlock(_component_el_descriptions_cell, {
+          key: 1,
+          cell,
+          tag: "td",
+          type: "both"
+        }, null, 8, ["cell"]))
+      ], 64);
+    }), 128))
+  ]));
+}
+var DescriptionsRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = descriptionsRow_vue_vue_type_script_lang["default"];
+exports["default"] = DescriptionsRow;
 //# sourceMappingURL=descriptions-row.js.map

package/lib/components/descriptions/src/descriptions-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-row.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"descriptions-row.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr1-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, index) in row\" :key=\"`tr2-${index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, index) in row\" :key=\"`tr3-${index}`\">\n      <template v-if=\"descriptions.border\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject } from 'vue'\nimport DescriptionsCell from './descriptions-cell'\nimport { elDescriptionsKey } from './token'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsRow',\n  components: {\n    [DescriptionsCell.name]: DescriptionsCell,\n  },\n  props: {\n    row: {\n      type: Array,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","DescriptionsCell","inject","elDescriptionsKey","_createElementBlock","_Fragment","_createBlock"],"mappings":";;;;;;;;;AA+BA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,4BAAiB,OAAOA;AAAA;AAAA,EAE3B,OAAO;AAAA,IACL,KAAK;AAAA,MACH,MAAM;AAAA;AAAA;AAAA,EAGV,QAAQ;AACN,UAAM,eAAeC,WAAOC,yBAAmB;AAE/C,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;2BA5CJ,cAWW,+BAVTC,uBAIKC;AAAA,iCAHH;AAAA,mDAC6DA;gCADJC;AAAA,UAChC,KAAI,OAAM;AAAA,UAAE;AAAA,UAAS,KAAI;AAAA;;;;iCAIlD;AAAA,mDAC+DD;gCADNC;AAAA,UAChC,KAAI,OAAM;AAAA,UAAE;AAAA,UAAS,KAAI;AAAA;;;;qDAKpD,MAMW;AAAA;8BAN8CF;AAAA;SACvC;AAAA,0BAAhB,2BAC6DA;AAAA,0BAA1B;AAAA,YAAE;AAAA,YAAS,KAAI;AAAA;aAChD,SAA6D;AAAA,0BAA5B;AAAA,YAAE;AAAA,YAAS,KAAI;AAAA;;;UAEpB,KAAI;AAAA,UAAQ;AAAA,UAAS,KAAI;AAAA;;;;;;;;;;"}

package/lib/components/descriptions/src/index.js

@@ -2,11 +2,157 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
-var index_vue_vue_type_template_id_788d3854_lang = require('./index.vue_vue_type_template_id_788d3854_lang.js');
+var vue = require('vue');
+var validators = require('../../../utils/validators.js');
+require('../../../hooks/index.js');
+var descriptionsRow = require('./descriptions-row.js');
+var token = require('./token.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
 
-index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_788d3854_lang.render;
-index_vue_vue_type_script_lang["default"].__file = "packages/components/descriptions/src/index.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElDescriptions",
+  components: {
+    [descriptionsRow["default"].name]: descriptionsRow["default"]
+  },
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: Number,
+      default: 3
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    },
+    size: {
+      type: String,
+      validator: validators.isValidComponentSize
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    extra: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, { slots }) {
+    vue.provide(token.elDescriptionsKey, props);
+    const descriptionsSize = index.useSize();
+    const ns = index$1.useNamespace("descriptions");
+    const descriptionKls = vue.computed(() => [
+      ns.b(),
+      ns.is(ns.m(descriptionsSize.value), !!descriptionsSize.value)
+    ]);
+    const flattedChildren = (children) => {
+      const temp = Array.isArray(children) ? children : [children];
+      const res = [];
+      temp.forEach((child) => {
+        if (Array.isArray(child.children)) {
+          res.push(...flattedChildren(child.children));
+        } else {
+          res.push(child);
+        }
+      });
+      return res;
+    };
+    const filledNode = (node, span, count, isLast = false) => {
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        node.props.span = span;
+      }
+      return node;
+    };
+    const getRows = () => {
+      const children = flattedChildren(slots.default?.()).filter((node) => node?.type?.name === "ElDescriptionsItem");
+      const rows = [];
+      let temp = [];
+      let count = props.column;
+      let totalSpan = 0;
+      children.forEach((node, index) => {
+        const span = node.props?.span || 1;
+        if (index < children.length - 1) {
+          totalSpan += span > count ? count : span;
+        }
+        if (index === children.length - 1) {
+          const lastSpan = props.column - totalSpan % props.column;
+          temp.push(filledNode(node, lastSpan, count, true));
+          rows.push(temp);
+          return;
+        }
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(filledNode(node, span, count));
+          rows.push(temp);
+          count = props.column;
+          temp = [];
+        }
+      });
+      return rows;
+    };
+    return {
+      descriptionKls,
+      getRows,
+      ns
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_descriptions_row = vue.resolveComponent("el-descriptions-row");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.descriptionKls)
+  }, [
+    _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: vue.normalizeClass(_ctx.ns.e("header"))
+    }, [
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("title"))
+      }, [
+        vue.renderSlot(_ctx.$slots, "title", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+        ])
+      ], 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("extra"))
+      }, [
+        vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
+        ])
+      ], 2)
+    ], 2)) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ns.e("body"))
+    }, [
+      vue.createElementVNode("table", {
+        class: vue.normalizeClass([_ctx.ns.e("table"), _ctx.ns.is("bordered", _ctx.border)])
+      }, [
+        vue.createElementVNode("tbody", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getRows(), (row, index) => {
+            return vue.openBlock(), vue.createBlock(_component_el_descriptions_row, {
+              key: index,
+              row
+            }, null, 8, ["row"]);
+          }), 128))
+        ])
+      ], 2)
+    ], 2)
+  ], 2);
+}
+var Descriptions = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = index_vue_vue_type_script_lang["default"];
+exports["default"] = Descriptions;
 //# sourceMappingURL=index.js.map

package/lib/components/descriptions/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index.js","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":["defineComponent","DescriptionsRow","isValidComponentSize","elDescriptionsKey","useSize","useNamespace","computed","_openBlock","_createCommentVNode","_Fragment","_createBlock"],"mappings":";;;;;;;;;;;;;AAoCA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,KACTC,2BAAgB,OAAOA;AAAA;AAAA,EAE1B,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAWC;AAAA;AAAA,IAEb,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO,EAAE,SAAS;AACtB,gBAAQC,yBAAmB;AAE3B,UAAM,mBAAmBC;AACzB,UAAM,KAAKC,qBAAa;AAExB,UAAM,iBAAiBC,aAAS,MAAM;AAAA,MACpC,GAAG;AAAA,MACH,GAAG,GAAG,GAAG,EAAE,iBAAiB,QAAQ,CAAC,CAAC,iBAAiB;AAAA;AAGzD,UAAM,kBAAkB,CAAC,aAAa;AACpC,YAAM,OAAO,MAAM,QAAQ,YAAY,WAAW,CAAC;AACnD,YAAM,MAAM;AACZ,WAAK,QAAQ,CAAC,UAAU;AACtB,YAAI,MAAM,QAAQ,MAAM,WAAW;AACjC,cAAI,KAAK,GAAG,gBAAgB,MAAM;AAAA,eAC7B;AACL,cAAI,KAAK;AAAA;AAAA;AAGb,aAAO;AAAA;AAGT,UAAM,aAAa,CAAC,MAAM,MAAM,OAAO,SAAS,UAAU;AACxD,UAAI,CAAC,KAAK,OAAO;AACf,aAAK,QAAQ;AAAA;AAEf,UAAI,OAAO,OAAO;AAChB,aAAK,MAAM,OAAO;AAAA;AAEpB,UAAI,QAAQ;AAEV,aAAK,MAAM,OAAO;AAAA;AAEpB,aAAO;AAAA;AAGT,UAAM,UAAU,MAAM;AACpB,YAAM,WAAW,gBAAgB,MAAM,aAAa,OAClD,CAAC,SAAS,MAAM,MAAM,SAAS;AAEjC,YAAM,OAAO;AACb,UAAI,OAAO;AACX,UAAI,QAAQ,MAAM;AAClB,UAAI,YAAY;AAEhB,eAAS,QAAQ,CAAC,MAAM,UAAU;AAChC,cAAM,OAAO,KAAK,OAAO,QAAQ;AAEjC,YAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,uBAAa,OAAO,QAAQ,QAAQ;AAAA;AAGtC,YAAI,UAAU,SAAS,SAAS,GAAG;AAEjC,gBAAM,WAAW,MAAM,SAAU,YAAY,MAAM;AACnD,eAAK,KAAK,WAAW,MAAM,UAAU,OAAO;AAC5C,eAAK,KAAK;AACV;AAAA;AAGF,YAAI,OAAO,OAAO;AAChB,mBAAS;AACT,eAAK,KAAK;AAAA,eACL;AACL,eAAK,KAAK,WAAW,MAAM,MAAM;AACjC,eAAK,KAAK;AACV,kBAAQ,MAAM;AACd,iBAAO;AAAA;AAAA;AAIX,aAAO;AAAA;AAGT,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;SAjJOC,wCAAE,OAAc;AAAA;KAEjB;AAAA,uBADR,qBAUM;MARH,KAAK;AAAA;OAEN;AAAA,6BAAW,OAAE;AAAA;SACX;AAAA,iDAAsB;AAAA;;SAExB;AAAA,6BAAW,OAAE;AAAA;SACX;AAAA,iDAAsB;AAAA;;;aAI1BC,uBAQM;AAAA,2BARK,OAAE;AAAA;OACX;AAAA,6BAAa,SAAG;AAAA;SACd;AAAA,wCACE;AAAA,uDACoCC;mBADcF,iBAAKG;AAAA,cAC/B,KAAK;AAAA;;;;;;;;;;;;"}

package/lib/components/dialog/index.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/dialog2.js');
+var dialog$1 = require('./src/dialog2.js');
 var useDialog = require('./src/use-dialog.js');
 var dialog = require('./src/dialog.js');
-var dialog_vue_vue_type_script_lang = require('./src/dialog.vue_vue_type_script_lang.js');
 
-const ElDialog = withInstall.withInstall(dialog_vue_vue_type_script_lang["default"]);
+const ElDialog = withInstall.withInstall(dialog$1["default"]);
 
 exports.useDialog = useDialog.useDialog;
 exports.dialogEmits = dialog.dialogEmits;

package/lib/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/dialog/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Dialog from './src/dialog.vue'\n\nexport const ElDialog = withInstall(Dialog)\nexport default ElDialog\n\nexport * from './src/use-dialog'\nexport * from './src/dialog'\n"],"names":["withInstall","Dialog"],"mappings":";;;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,0CAAM;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/dialog/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Dialog from './src/dialog.vue'\n\nexport const ElDialog = withInstall(Dialog)\nexport default ElDialog\n\nexport * from './src/use-dialog'\nexport * from './src/dialog'\n"],"names":["withInstall","Dialog"],"mappings":";;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,mBAAM;;;;;;;;"}

package/lib/components/dialog/src/dialog2.js

@@ -2,11 +2,137 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var dialog_vue_vue_type_script_lang = require('./dialog.vue_vue_type_script_lang.js');
-var dialog_vue_vue_type_template_id_02672805_lang = require('./dialog.vue_vue_type_template_id_02672805_lang.js');
+var vue = require('vue');
+require('../../../directives/index.js');
+var index = require('../../overlay/index.js');
+var index$1 = require('../../icon/index.js');
+var icon = require('../../../utils/icon.js');
+require('../../../hooks/index.js');
+var dialog = require('./dialog.js');
+var useDialog = require('./use-dialog.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../directives/trap-focus/index.js');
+var index$3 = require('../../../hooks/use-same-target/index.js');
 
-dialog_vue_vue_type_script_lang["default"].render = dialog_vue_vue_type_template_id_02672805_lang.render;
-dialog_vue_vue_type_script_lang["default"].__file = "packages/components/dialog/src/dialog.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElDialog",
+  components: {
+    ElOverlay: index.ElOverlay,
+    ElIcon: index$1.ElIcon,
+    ...icon.CloseComponents
+  },
+  directives: {
+    TrapFocus: index$2["default"]
+  },
+  props: dialog.dialogProps,
+  emits: dialog.dialogEmits,
+  setup(props, ctx) {
+    const dialogRef = vue.ref();
+    const dialog = useDialog.useDialog(props, ctx, dialogRef);
+    const overlayEvent = index$3.useSameTarget(dialog.onModalClick);
+    return {
+      dialogRef,
+      overlayEvent,
+      ...dialog
+    };
+  }
+});
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "el-dialog__header" };
+const _hoisted_3 = { class: "el-dialog__title" };
+const _hoisted_4 = {
+  key: 0,
+  class: "el-dialog__body"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "el-dialog__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_overlay = vue.resolveComponent("el-overlay");
+  const _directive_trap_focus = vue.resolveDirective("trap-focus");
+  return vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: "body",
+    disabled: !_ctx.appendToBody
+  }, [
+    vue.createVNode(vue.Transition, {
+      name: "dialog-fade",
+      onAfterEnter: _ctx.afterEnter,
+      onAfterLeave: _ctx.afterLeave,
+      onBeforeLeave: _ctx.beforeLeave
+    }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createVNode(_component_el_overlay, {
+          "custom-mask-event": "",
+          mask: _ctx.modal,
+          "overlay-class": _ctx.modalClass,
+          "z-index": _ctx.zIndex
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "el-overlay-dialog",
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
+              onMousedown: _cache[3] || (_cache[3] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
+              onMouseup: _cache[4] || (_cache[4] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
+            }, [
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                ref: "dialogRef",
+                class: vue.normalizeClass([
+                  "el-dialog",
+                  {
+                    "is-fullscreen": _ctx.fullscreen,
+                    "el-dialog--center": _ctx.center
+                  },
+                  _ctx.customClass
+                ]),
+                "aria-modal": "true",
+                role: "dialog",
+                "aria-label": _ctx.title || "dialog",
+                style: vue.normalizeStyle(_ctx.style),
+                onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(_ctx.title), 1)
+                  ]),
+                  _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    "aria-label": "close",
+                    class: "el-dialog__headerbtn",
+                    type: "button",
+                    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
+                  }, [
+                    vue.createVNode(_component_el_icon, { class: "el-dialog__close" }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon || "close")))
+                      ]),
+                      _: 1
+                    })
+                  ])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ])) : vue.createCommentVNode("v-if", true),
+                _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                  vue.renderSlot(_ctx.$slots, "footer")
+                ])) : vue.createCommentVNode("v-if", true)
+              ], 14, _hoisted_1)), [
+                [_directive_trap_focus]
+              ])
+            ], 32)
+          ]),
+          _: 3
+        }, 8, ["mask", "overlay-class", "z-index"]), [
+          [vue.vShow, _ctx.visible]
+        ])
+      ]),
+      _: 3
+    }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+  ], 8, ["disabled"]);
+}
+var Dialog = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = dialog_vue_vue_type_script_lang["default"];
+exports["default"] = Dialog;
 //# sourceMappingURL=dialog2.js.map

package/lib/components/dialog/src/dialog2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"dialog2.js","sources":["../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"dialog-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        custom-mask-event\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n      >\n        <div\n          class=\"el-overlay-dialog\"\n          @click=\"overlayEvent.onClick\"\n          @mousedown=\"overlayEvent.onMousedown\"\n          @mouseup=\"overlayEvent.onMouseup\"\n        >\n          <div\n            ref=\"dialogRef\"\n            v-trap-focus\n            :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n            aria-modal=\"true\"\n            role=\"dialog\"\n            :aria-label=\"title || 'dialog'\"\n            :style=\"style\"\n            @click.stop=\"\"\n          >\n            <div class=\"el-dialog__header\">\n              <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n              </slot>\n              <button\n                v-if=\"showClose\"\n                aria-label=\"close\"\n                class=\"el-dialog__headerbtn\"\n                type=\"button\"\n                @click=\"handleClose\"\n              >\n                <el-icon class=\"el-dialog__close\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <template v-if=\"rendered\">\n              <div class=\"el-dialog__body\">\n                <slot></slot>\n              </div>\n            </template>\n            <div v-if=\"$slots.footer\" class=\"el-dialog__footer\">\n              <slot name=\"footer\"></slot>\n            </div>\n          </div>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { TrapFocus } from '@element-plus/directives'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CloseComponents } from '@element-plus/utils/icon'\nimport { useSameTarget } from '@element-plus/hooks'\nimport { dialogProps, dialogEmits } from './dialog'\nimport { useDialog } from './use-dialog'\n\nexport default defineComponent({\n  name: 'ElDialog',\n  components: {\n    ElOverlay,\n    ElIcon,\n    ...CloseComponents,\n  },\n  directives: {\n    TrapFocus,\n  },\n\n  props: dialogProps,\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElOverlay","ElIcon","CloseComponents","TrapFocus","dialogProps","dialogEmits","ref","useDialog","useSameTarget","_openBlock","_createBlock","_Transition","_createVNode","_withCtx","_createElementBlock","_normalizeStyle","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;AAiFA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,OACGC;AAAA;AAAA,EAEL,YAAY;AAAA,eACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAClB,UAAM,SAASC,oBAAU,OAAO,KAAK;AACrC,UAAM,eAAeC,sBAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;qBA/Da,OAAM;;;EAiBT,KAAK;AAAA;;;EAIc,KAAK;AAAA;;;;;;SA5D5BC,iBAAMC;AAAA,IAAE;AAAA;KACnB;AAAA,oBACOC,gBAAa;AAAA,MACjB;AAAA,MACA,cAAa;AAAA,MACb,cAAY,KAAE;AAAA;;2BAEf;AAAA,2BAEEC,gBAAiB;AAAA,UAChB,qBAAW;AAAA,UACX;AAAA,UACA,iBAAS,KAAM;AAAA;;mBAEhBC,kBAkDM;AAAA,mCAjDE;AAAA,cACL,OAAK;AAAA,cACL,gBAAS,qCAAE,wBAAa,KAAW,aAAxB,QAAa;AAAA,cACxB,aAAO,uCAAE,kBAAa,eAAb,kBAAa,YAAS;AAAA;;mDAGfC;AAAA,gBAEd,KAAK;AAAA;;;0CAAiI;AAAA;;;;gBASvI,cAAa;AAAA,gBACZ;AAAA,gBACA,cAAK,cAAE;AAAA,gBACP,OAAKC;AAAA;;iBAEN;AAAA,uCAKS;AAAA,iCAHL,aAEO,SAFP,UAEO;AAAA;;;oBAIP;AAAA,oBACA,cAAM;AAAA,oBACN,OAAK;AAAA,oBACJ;AAAA;qBAED;AAAA,wDAC0C;AAAA,2CAAxC;AAAA;;;;;;kDAMWD;AAAA;sBAGNE,uBAAa;AAAA,uDACKF;AAAA;;;;;;;;cArDzB,SAAO;AAAA;;;;;;;;;;;"}

package/lib/components/divider/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/divider2.js');
+var divider$1 = require('./src/divider2.js');
 var divider = require('./src/divider.js');
-var divider_vue_vue_type_script_lang = require('./src/divider.vue_vue_type_script_lang.js');
 
-const ElDivider = withInstall.withInstall(divider_vue_vue_type_script_lang["default"]);
+const ElDivider = withInstall.withInstall(divider$1["default"]);
 
 exports.dividerProps = divider.dividerProps;
 exports.ElDivider = ElDivider;

package/lib/components/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Divider from './src/divider.vue'\n\nexport const ElDivider = withInstall(Divider)\nexport default ElDivider\n\nexport * from './src/divider'\n"],"names":["withInstall","Divider"],"mappings":";;;;;;;;;AAEY,MAAC,SAAS,GAAGA,uBAAW,CAACC,2CAAO;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/divider/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\n\nimport Divider from './src/divider.vue'\n\nexport const ElDivider = withInstall(Divider)\nexport default ElDivider\n\nexport * from './src/divider'\n"],"names":["withInstall","Divider"],"mappings":";;;;;;;;AAEY,MAAC,SAAS,GAAGA,uBAAW,CAACC,oBAAO;;;;;;"}

package/lib/components/divider/src/divider2.js

@@ -2,11 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var divider_vue_vue_type_script_lang = require('./divider.vue_vue_type_script_lang.js');
-var divider_vue_vue_type_template_id_6ddd3543_lang = require('./divider.vue_vue_type_template_id_6ddd3543_lang.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var divider = require('./divider.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-divider_vue_vue_type_script_lang["default"].render = divider_vue_vue_type_template_id_6ddd3543_lang.render;
-divider_vue_vue_type_script_lang["default"].__file = "packages/components/divider/src/divider.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElDivider",
+  props: divider.dividerProps,
+  setup(props) {
+    const ns = index.useNamespace("divider");
+    const dividerStyle = vue.computed(() => {
+      return {
+        "--el-border-style": props.borderStyle
+      };
+    });
+    return {
+      ns,
+      dividerStyle
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.m(_ctx.direction)]),
+    style: vue.normalizeStyle(_ctx.dividerStyle)
+  }, [
+    _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: vue.normalizeClass([_ctx.ns.e("text"), _ctx.ns.is(_ctx.contentPosition)])
+    }, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 2)) : vue.createCommentVNode("v-if", true)
+  ], 6);
+}
+var Divider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = divider_vue_vue_type_script_lang["default"];
+exports["default"] = Divider;
 //# sourceMappingURL=divider2.js.map

package/lib/components/divider/src/divider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"divider2.js","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":["defineComponent","dividerProps","useNamespace","computed","_openBlock","_normalizeClass"],"mappings":";;;;;;;;;;AAkBA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAOC;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAKC,mBAAa;AAExB,UAAM,eAAeC,aAAS,MAAM;AAClC,aAAO;AAAA,QACL,qBAAqB,MAAM;AAAA;AAAA;AAI/B,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;2BAhCJ,wBAOM;SAPKC,wCAAW,OAAK;AAAA,IAAc,OAAKC,mBAAE,mBAAY;AAAA;KAElD;AAAA,2BADR,mBAKM;MAHH,KAAK;AAAA;OAEN;AAAA;;;;;;;;"}

package/lib/components/drawer/index.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/drawer2.js');
+var drawer$1 = require('./src/drawer2.js');
 var drawer = require('./src/drawer.js');
-var drawer_vue_vue_type_script_lang = require('./src/drawer.vue_vue_type_script_lang.js');
 
-const ElDrawer = withInstall.withInstall(drawer_vue_vue_type_script_lang["default"]);
+const ElDrawer = withInstall.withInstall(drawer$1["default"]);
 
 exports.drawerEmits = drawer.drawerEmits;
 exports.drawerProps = drawer.drawerProps;

package/lib/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["withInstall","Drawer"],"mappings":";;;;;;;;;AAEY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,0CAAM;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Drawer from './src/drawer.vue'\n\nexport const ElDrawer = withInstall(Drawer)\nexport default ElDrawer\n\nexport * from './src/drawer'\n"],"names":["withInstall","Drawer"],"mappings":";;;;;;;;AAEY,MAAC,QAAQ,GAAGA,uBAAW,CAACC,mBAAM;;;;;;;"}