@element-plus/nightly 0.0.20220119 → 0.0.20220120

package/lib/components/container/src/container.vue.d.ts

@@ -5,6 +5,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     isVertical: import("vue").ComputedRef<boolean>;
+    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;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     direction: {
         type: StringConstructor;

package/lib/components/container/src/container.vue_vue_type_script_lang.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 var script = vue.defineComponent({
   name: "ElContainer",
@@ -13,6 +15,7 @@ var script = vue.defineComponent({
     }
   },
   setup(props, { slots }) {
+    const ns = index.useNamespace("container");
     const isVertical = vue.computed(() => {
       if (props.direction === "vertical") {
         return true;
@@ -30,7 +33,8 @@ var script = vue.defineComponent({
       }
     });
     return {
-      isVertical
+      isVertical,
+      ns
     };
   }
 });

package/lib/components/container/src/container.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section class=\"el-container\" :class=\"{ 'is-vertical': isVertical }\">\n    <slot></slot>\n  </section>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\n\nimport type { Component, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ElContainer',\n  props: {\n    direction: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    const isVertical = computed(() => {\n      if (props.direction === 'vertical') {\n        return true\n      } else if (props.direction === 'horizontal') {\n        return false\n      }\n      if (slots && slots.default) {\n        const vNodes: VNode[] = slots.default()\n        return vNodes.some((vNode) => {\n          const tag = (vNode.type as Component).name\n          return tag === 'ElHeader' || tag === 'ElFooter'\n        })\n      } else {\n        return false\n      }\n    })\n    return {\n      isVertical,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAMA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,CAAC,KAAK,EAAE,EAAE;UACP;;;OAGH,MAAM,IAAI,MAAM;QACf,OAAO,MAAM;OACd;UACG,KAAK;QACP,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;QAC/B,OAAO;;UAEL,OAAO,GAAG,KAAK;SAChB,CAAC,CAAC;aACE;oBACO;;;WAGT;gBACK;MACV;;;;;;"}
+{"version":3,"file":"container.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n    <slot></slot>\n  </section>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\nexport default defineComponent({\n  name: 'ElContainer',\n  props: {\n    direction: {\n      type: String,\n      default: '',\n    },\n  },\n  setup(props, { slots }) {\n    const ns = useNamespace('container')\n\n    const isVertical = computed(() => {\n      if (props.direction === 'vertical') {\n        return true\n      } else if (props.direction === 'horizontal') {\n        return false\n      }\n      if (slots && slots.default) {\n        const vNodes: VNode[] = slots.default()\n        return vNodes.some((vNode) => {\n          const tag = (vNode.type as Component).name\n          return tag === 'ElHeader' || tag === 'ElFooter'\n        })\n      } else {\n        return false\n      }\n    })\n    return {\n      isVertical,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,CAAC,KAAK,EAAE,EAAE;UACP,EAAE,GAAGC;IACX;;QAEI,OAAO,IAAI,CAAC;OACb,MAAM,IAAI,KAAK,CAAC,SAAS,KAAK;;OAE9B;MACD,IAAI,KAAK,IAAI,KAAK,QAAQ,EAAE;QAC1B;QACA,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK;UAC5B,MAAM,GAAG;;SAEV,CAAC,CAAC;;QAEH,OAAO,KAAK,CAAC;;;;MAIf;QACE;MACF;;;;;;"}

package/lib/components/container/src/container.vue_vue_type_template_id_60a2865a_lang.js

@@ -6,7 +6,7 @@ var vue = require('vue');
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("section", {
-    class: vue.normalizeClass(["el-container", { "is-vertical": _ctx.isVertical }])
+    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.isVertical)])
   }, [
     vue.renderSlot(_ctx.$slots, "default")
   ], 2);

package/lib/components/container/src/footer.vue.d.ts

@@ -6,6 +6,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     style: import("vue").ComputedRef<CSSProperties>;
+    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;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: StringConstructor;

package/lib/components/container/src/footer.vue_vue_type_script_lang.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 var script = vue.defineComponent({
   name: "ElFooter",
@@ -13,10 +15,12 @@ var script = vue.defineComponent({
     }
   },
   setup(props) {
+    const ns = index.useNamespace("footer");
     return {
       style: vue.computed(() => props.height ? {
         "--el-footer-height": props.height
-      } : {})
+      } : {}),
+      ns
     };
   }
 });

package/lib/components/container/src/footer.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer class=\"el-footer\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAMA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;WACJ;;;OAGJ,GAAG,EAAE,CAAC;KACR,CAAC;;;;;;"}
+{"version":3,"file":"footer.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('footer')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAGC;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}

package/lib/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.js

@@ -6,11 +6,11 @@ var vue = require('vue');
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("footer", {
-    class: "el-footer",
+    class: vue.normalizeClass(_ctx.ns.b()),
     style: vue.normalizeStyle(_ctx.style)
   }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 4);
+  ], 6);
 }
 
 exports.render = render;

package/lib/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.vue_vue_type_template_id_2c2b128e_lang.js","sources":["../../../../../../packages/components/container/src/footer.vue?vue&type=template&id=2c2b128e&lang.js"],"sourcesContent":["<template>\n  <footer class=\"el-footer\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;;;;;IACU,KAAK,EAACA;;;;;;;;"}
+{"version":3,"file":"footer.vue_vue_type_template_id_2c2b128e_lang.js","sources":["../../../../../../packages/components/container/src/footer.vue?vue&type=template&id=2c2b128e&lang.js"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </footer>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElFooter',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('footer')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-footer-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IACW,KAAK,qBAAE;;;;;;;;"}

package/lib/components/container/src/header.vue.d.ts

@@ -6,6 +6,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     style: import("vue").ComputedRef<CSSProperties>;
+    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;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
         type: StringConstructor;

package/lib/components/container/src/header.vue_vue_type_script_lang.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 var script = vue.defineComponent({
   name: "ElHeader",
@@ -13,10 +15,12 @@ var script = vue.defineComponent({
     }
   },
   setup(props) {
+    const ns = index.useNamespace("header");
     return {
       style: vue.computed(() => props.height ? {
         "--el-header-height": props.height
-      } : {})
+      } : {}),
+      ns
     };
   }
 });

package/lib/components/container/src/header.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header class=\"el-header\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAMA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;WACJ;;;OAGJ,GAAG,EAAE,CAAC;KACR,CAAC;;;;;;"}
+{"version":3,"file":"header.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('header')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAGC;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}

package/lib/components/container/src/header.vue_vue_type_template_id_0b1cdaab_lang.js

@@ -6,11 +6,11 @@ var vue = require('vue');
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("header", {
-    class: "el-header",
+    class: vue.normalizeClass(_ctx.ns.b()),
     style: vue.normalizeStyle(_ctx.style)
   }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ], 4);
+  ], 6);
 }
 
 exports.render = render;

package/lib/components/container/src/header.vue_vue_type_template_id_0b1cdaab_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue_vue_type_template_id_0b1cdaab_lang.js","sources":["../../../../../../packages/components/container/src/header.vue?vue&type=template&id=0b1cdaab&lang.js"],"sourcesContent":["<template>\n  <header class=\"el-header\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_normalizeStyle"],"mappings":";;;;;;;;;IACU,KAAK,EAACA;;;;;;;;"}
+{"version":3,"file":"header.vue_vue_type_template_id_0b1cdaab_lang.js","sources":["../../../../../../packages/components/container/src/header.vue?vue&type=template&id=0b1cdaab&lang.js"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot></slot>\n  </header>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElHeader',\n  props: {\n    height: {\n      type: String,\n      default: null,\n    },\n  },\n  setup(props) {\n    const ns = useNamespace('header')\n\n    return {\n      style: computed(\n        () =>\n          (props.height\n            ? {\n                '--el-header-height': props.height,\n              }\n            : {}) as CSSProperties\n      ),\n      ns,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IACW,KAAK,qBAAE;;;;;;;;"}

package/lib/components/container/src/main.vue.d.ts

@@ -1,2 +1,14 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {
+    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;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/lib/components/container/src/main.vue_vue_type_script_lang.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 var script = vue.defineComponent({
-  name: "ElMain"
+  name: "ElMain",
+  setup() {
+    const ns = index.useNamespace("main");
+    return {
+      ns
+    };
+  }
 });
 
 exports["default"] = script;

package/lib/components/container/src/main.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main class=\"el-main\">\n    <slot></slot>\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMain',\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAMA,aAAeA,mBAAe;;AAE9B,CAAC,CAAC;;;;"}
+{"version":3,"file":"main.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/container/src/main.vue"],"sourcesContent":["<template>\n  <main :class=\"ns.b()\">\n    <slot></slot>\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElMain',\n  setup() {\n    const ns = useNamespace('main')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace"],"mappings":";;;;;;;;AAOA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,GAAG;IACN,MAAM,EAAE,GAAGC;IACX;MACE,EAAE;;;;;;;"}

package/lib/components/container/src/main.vue_vue_type_template_id_526ed157_lang.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-const _hoisted_1 = { class: "el-main" };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("main", _hoisted_1, [
+  return vue.openBlock(), vue.createElementBlock("main", {
+    class: vue.normalizeClass(_ctx.ns.b())
+  }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ]);
+  ], 2);
 }
 
 exports.render = render;

package/lib/components/container/src/main.vue_vue_type_template_id_526ed157_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.vue_vue_type_template_id_526ed157_lang.js","sources":["../../../../../../packages/components/container/src/main.vue?vue&type=template&id=526ed157&lang.js"],"sourcesContent":["<template>\n  <main class=\"el-main\">\n    <slot></slot>\n  </main>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMain',\n})\n</script>\n"],"names":[],"mappings":";;;;;;;8BACuB;;;;;;;;"}
+{"version":3,"file":"main.vue_vue_type_template_id_526ed157_lang.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/lib/components/descriptions/index.d.ts

@@ -26,6 +26,17 @@ export declare const ElDescriptions: import("../../utils/types").SFCWithInstall<
 }, {
     descriptionKls: import("vue").ComputedRef<string[]>;
     getRows: () => never[];
+    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;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var util = require('../../../utils/util.js');
 var vnode = require('../../../utils/vnode.js');
+require('../../../hooks/index.js');
 var token = require('./token.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 var DescriptionsCell = vue.defineComponent({
   name: "ElDescriptionsCell",
@@ -42,17 +44,16 @@ var DescriptionsCell = vue.defineComponent({
       width: util.addUnit(item.width),
       minWidth: util.addUnit(item.minWidth)
     };
+    const ns = index.useNamespace("descriptions");
     switch (this.type) {
       case "label":
         return vue.h(this.tag, {
           style,
           class: [
-            "el-descriptions__cell",
-            "el-descriptions__label",
-            {
-              "is-bordered-label": border,
-              "is-vertical-label": isVertical
-            },
+            ns.e("cell"),
+            ns.e("label"),
+            ns.is("bordered-label", border),
+            ns.is("vertical-label", isVertical),
             labelAlign,
             labelClassName
           ],
@@ -62,12 +63,10 @@ var DescriptionsCell = vue.defineComponent({
         return vue.h(this.tag, {
           style,
           class: [
-            "el-descriptions__cell",
-            "el-descriptions__content",
-            {
-              "is-bordered-content": border,
-              "is-vertical-content": isVertical
-            },
+            ns.e("cell"),
+            ns.e("content"),
+            ns.is("bordered-content", border),
+            ns.is("vertical-content", isVertical),
             align,
             className
           ],
@@ -76,14 +75,14 @@ var DescriptionsCell = vue.defineComponent({
       default:
         return vue.h("td", {
           style,
-          class: ["el-descriptions__cell", align],
+          class: [ns.e("cell"), align],
           colSpan: span
         }, [
           vue.h("span", {
-            class: ["el-descriptions__label", labelClassName]
+            class: [ns.e("label"), labelClassName]
           }, label),
           vue.h("span", {
-            class: ["el-descriptions__content", className]
+            class: [ns.e("content"), className]
           }, content)
         ]);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"descriptions-cell.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-plus/utils/util'\nimport { getNormalizedProps } from '@element-plus/utils/vnode'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const { border, direction } = this.descriptions\n    const isVertical = direction === 'vertical'\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__label',\n              {\n                'is-bordered-label': border,\n                'is-vertical-label': isVertical,\n              },\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: isVertical ? span : 1,\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              'el-descriptions__cell',\n              'el-descriptions__content',\n              {\n                'is-bordered-content': border,\n                'is-vertical-content': isVertical,\n              },\n              align,\n              className,\n            ],\n            colSpan: isVertical ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: ['el-descriptions__cell', align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: ['el-descriptions__label', labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: ['el-descriptions__content', className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":["defineComponent","inject","elDescriptionsKey","getNormalizedProps","addUnit","h"],"mappings":"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"}
+{"version":3,"file":"descriptions-cell.js","sources":["../../../../../../packages/components/descriptions/src/descriptions-cell.ts"],"sourcesContent":["import { defineComponent, h, inject } from 'vue'\nimport { addUnit } from '@element-plus/utils/util'\nimport { getNormalizedProps } from '@element-plus/utils/vnode'\nimport { useNamespace } from '@element-plus/hooks'\nimport { elDescriptionsKey } from './token'\n\nimport type { VNode } from 'vue'\nimport type {\n  IDescriptionsInject,\n  IDescriptionsItemInject,\n} from './descriptions.type'\n\nexport default defineComponent({\n  name: 'ElDescriptionsCell',\n  props: {\n    cell: {\n      type: Object,\n    },\n    tag: {\n      type: String,\n    },\n    type: {\n      type: String,\n    },\n  },\n  setup() {\n    const descriptions = inject(elDescriptionsKey, {} as IDescriptionsInject)\n\n    return {\n      descriptions,\n    }\n  },\n  render() {\n    const item = getNormalizedProps(\n      this.cell as VNode\n    ) as IDescriptionsItemInject\n\n    const { border, direction } = this.descriptions\n    const isVertical = direction === 'vertical'\n    const label = this.cell?.children?.label?.() || item.label\n    const content = this.cell?.children?.default?.()\n    const span = item.span\n    const align = item.align ? `is-${item.align}` : ''\n    const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : '' || align\n    const className = item.className\n    const labelClassName = item.labelClassName\n    const style = {\n      width: addUnit(item.width),\n      minWidth: addUnit(item.minWidth),\n    }\n    const ns = useNamespace('descriptions')\n\n    switch (this.type) {\n      case 'label':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              ns.e('cell'),\n              ns.e('label'),\n              ns.is('bordered-label', border),\n              ns.is('vertical-label', isVertical),\n              labelAlign,\n              labelClassName,\n            ],\n            colSpan: isVertical ? span : 1,\n          },\n          label\n        )\n      case 'content':\n        return h(\n          this.tag,\n          {\n            style,\n            class: [\n              ns.e('cell'),\n              ns.e('content'),\n              ns.is('bordered-content', border),\n              ns.is('vertical-content', isVertical),\n              align,\n              className,\n            ],\n            colSpan: isVertical ? span : span * 2 - 1,\n          },\n          content\n        )\n      default:\n        return h(\n          'td',\n          {\n            style,\n            class: [ns.e('cell'), align],\n            colSpan: span,\n          },\n          [\n            h(\n              'span',\n              {\n                class: [ns.e('label'), labelClassName],\n              },\n              label\n            ),\n            h(\n              'span',\n              {\n                class: [ns.e('content'), className],\n              },\n              content\n            ),\n          ]\n        )\n    }\n  },\n})\n"],"names":["defineComponent","inject","elDescriptionsKey","getNormalizedProps","addUnit","useNamespace","h"],"mappings":"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"}

package/lib/components/descriptions/src/index.vue.d.ts

@@ -28,6 +28,17 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     descriptionKls: import("vue").ComputedRef<string[]>;
     getRows: () => never[];
+    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;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;

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

@@ -9,6 +9,7 @@ require('./descriptions-row.js');
 var token = require('./token.js');
 var descriptionsRow_vue_vue_type_script_lang = require('./descriptions-row.vue_vue_type_script_lang.js');
 var index = require('../../../hooks/use-common-props/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
 
 var script = vue.defineComponent({
   name: "ElDescriptions",
@@ -44,10 +45,10 @@ var script = vue.defineComponent({
   setup(props, { slots }) {
     vue.provide(token.elDescriptionsKey, props);
     const descriptionsSize = index.useSize();
-    const prefix = "el-descriptions";
+    const ns = index$1.useNamespace("descriptions");
     const descriptionKls = vue.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];
@@ -109,7 +110,8 @@ var script = vue.defineComponent({
     };
     return {
       descriptionKls,
-      getRows
+      getRows,
+      ns
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.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=\"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":["defineComponent","DescriptionsRow","isValidComponentSize","elDescriptionsKey"],"mappings":";;;;;;;;;;;;AA+BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACC,mDAAe,CAAC,IAAI,GAAGA,mDAAe;;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,EAAEC,+BAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;gBACIC;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.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"],"mappings":";;;;;;;;;;;;;AA+BA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;AACd,IAAI,CAACC,mDAAe,CAAC,IAAI,GAAGA,mDAAe;;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,EAAEC,+BAAoB;;IAEjC;MACE,IAAI;MACJ,OAAO,EAAE,EAAE;;IAEb;MACE;MACA,OAAO,EAAE,EAAE;;;OAGV,CAAC;gBACIC;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/lib/components/descriptions/src/index.vue_vue_type_template_id_788d3854_lang.js

@@ -4,33 +4,35 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('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 = 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", _hoisted_1, [
-      vue.createElementVNode("div", _hoisted_2, [
+    _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)
         ])
-      ]),
-      vue.createElementVNode("div", _hoisted_3, [
+      ], 2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.ns.e("extra"))
+      }, [
         vue.renderSlot(_ctx.$slots, "extra", {}, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.extra), 1)
         ])
-      ])
-    ])) : vue.createCommentVNode("v-if", true),
-    vue.createElementVNode("div", _hoisted_4, [
+      ], 2)
+    ], 2)) : vue.createCommentVNode("v-if", true),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.ns.e("body"))
+    }, [
       vue.createElementVNode("table", {
-        class: vue.normalizeClass(["el-descriptions__table", { "is-bordered": _ctx.border }])
+        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) => {
@@ -41,7 +43,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ])
       ], 2)
-    ])
+    ], 2)
   ], 2);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_template_id_788d3854_lang.js","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;;;;;;;;kDAXF,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.vue_vue_type_template_id_788d3854_lang.js","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;;oCAEiB;;;eAClBA,4BAAI,CAAC;;;iDAEK,CAAC;;;;;;;iDAGD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/slider/src/button.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      manual\n      persistent\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","useSliderButton"],"mappings":";;;;;;;;;AA2CA,aAAeA,mBAAe;;AAE9B,EAAE,UAAU;eACRC,eAAS;;EAEX,KAAK,EAAE;IACL;;;KAGC;IACD,QAAQ,EAAE;MACR,IAAI,EAAE;MACN,OAAO,EAAE;KACV;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,EAAE,CAACC;OACH,CAAC,KAAK,EAAE,EAAE;IACb;;;MAGE,OAAO,EAAE,KAAK;;MAEd,WAAW;MACX,MAAM,EAAE,CAAC;MACT,QAAQ,EAAE,CAAC;MACX,aAAa,EAAE;MACf,WAAW,EAAE,CAAC;MACd,QAAQ;MACR,CAAC;UACG;MACJ,OAAO;MACP,WAAW;MACX,cAAc;MACd,YAAY;;;MAGZ;MACA;MACA;MACA,cAAc;MACd,WAAW;QACTC;UACE,EAAE,QAAQ,EAAE;WACX;MACL,OAAO;MACP;MACA,WAAW;MACX;MACA,WAAW;;MAEX,gBAAgB;;MAEhB;MACA;MACA,WAAW;MACX,QAAQ;MACR,QAAQ;MACR;;;;;;"}
+{"version":3,"file":"button.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/slider/src/button.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"button\"\n    class=\"el-slider__button-wrapper\"\n    :class=\"{ hover: hovering, dragging: dragging }\"\n    :style=\"wrapperStyle\"\n    tabindex=\"0\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @mousedown=\"onButtonDown\"\n    @touchstart=\"onButtonDown\"\n    @focus=\"handleMouseEnter\"\n    @blur=\"handleMouseLeave\"\n    @keydown.left=\"onLeftKeyDown\"\n    @keydown.right=\"onRightKeyDown\"\n    @keydown.down.prevent=\"onLeftKeyDown\"\n    @keydown.up.prevent=\"onRightKeyDown\"\n  >\n    <el-tooltip\n      ref=\"tooltip\"\n      v-model:visible=\"tooltipVisible\"\n      placement=\"top\"\n      :stop-popper-mouse-event=\"false\"\n      :popper-class=\"tooltipClass\"\n      :disabled=\"!showTooltip\"\n      persistent\n    >\n      <template #content>\n        <span>{{ formatValue }}</span>\n      </template>\n      <div\n        class=\"el-slider__button\"\n        :class=\"{ hover: hovering, dragging: dragging }\"\n      ></div>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, reactive, toRefs } from 'vue'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useSliderButton } from './useSliderButton'\n\nexport default defineComponent({\n  name: 'ElSliderButton',\n\n  components: {\n    ElTooltip,\n  },\n\n  props: {\n    modelValue: {\n      type: Number,\n      default: 0,\n    },\n    vertical: {\n      type: Boolean,\n      default: false,\n    },\n    tooltipClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [UPDATE_MODEL_EVENT],\n\n  setup(props, { emit }) {\n    const initData = reactive({\n      hovering: false,\n      dragging: false,\n      isClick: false,\n      startX: 0,\n      currentX: 0,\n      startY: 0,\n      currentY: 0,\n      startPosition: 0,\n      newPosition: 0,\n      oldValue: props.modelValue,\n    })\n\n    const {\n      tooltip,\n      showTooltip,\n      tooltipVisible,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n    } = useSliderButton(props, initData, emit)\n\n    const { hovering, dragging } = toRefs(initData)\n\n    return {\n      tooltip,\n      tooltipVisible,\n      showTooltip,\n      wrapperStyle,\n      formatValue,\n      handleMouseEnter,\n      handleMouseLeave,\n      onButtonDown,\n      onLeftKeyDown,\n      onRightKeyDown,\n      setPosition,\n\n      hovering,\n      dragging,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTooltip","UPDATE_MODEL_EVENT","useSliderButton"],"mappings":";;;;;;;;;AA0CA,aAAeA,mBAAe;;AAE9B,EAAE,UAAU;eACRC,eAAS;;EAEX,KAAK,EAAE;IACL;;;KAGC;IACD,QAAQ,EAAE;MACR,IAAI,EAAE;MACN,OAAO,EAAE;KACV;IACD;MACE,IAAI,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,EAAE,CAACC;OACH,CAAC,KAAK,EAAE,EAAE;IACb;;;MAGE,OAAO,EAAE,KAAK;;MAEd,WAAW;MACX,MAAM,EAAE,CAAC;MACT,QAAQ,EAAE,CAAC;MACX,aAAa,EAAE;MACf,WAAW,EAAE,CAAC;MACd,QAAQ;MACR,CAAC;UACG;MACJ,OAAO;MACP,WAAW;MACX,cAAc;MACd,YAAY;;;MAGZ;MACA;MACA;MACA,cAAc;MACd,WAAW;QACTC;UACE,EAAE,QAAQ,EAAE;WACX;MACL,OAAO;MACP;MACA,WAAW;MACX;MACA,WAAW;;MAEX,gBAAgB;;MAEhB;MACA;MACA,WAAW;MACX,QAAQ;MACR,QAAQ;MACR;;;;;;"}