@element-plus/nightly 0.0.20220117 → 0.0.20220121

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

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

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

@@ -1,4 +1,6 @@
 import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElContainer",
@@ -9,6 +11,7 @@ var script = defineComponent({
     }
   },
   setup(props, { slots }) {
+    const ns = useNamespace("container");
     const isVertical = computed(() => {
       if (props.direction === "vertical") {
         return true;
@@ -26,7 +29,8 @@ var script = defineComponent({
       }
     });
     return {
-      isVertical
+      isVertical,
+      ns
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"container.vue_vue_type_script_lang.mjs","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":[],"mappings":";;AAMA,aAAe,eAAe,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.mjs","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":[],"mappings":";;;;AAOA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE,EAAE;KACZ;;OAEE,CAAC,KAAK,EAAE,EAAE;UACP,EAAE,GAAG;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/es/components/container/src/container.vue_vue_type_template_id_60a2865a_lang.mjs

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

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

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

package/es/components/container/src/footer.vue_vue_type_script_lang.mjs

@@ -1,4 +1,6 @@
 import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElFooter",
@@ -9,10 +11,12 @@ var script = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("footer");
     return {
       style: computed(() => props.height ? {
         "--el-footer-height": props.height
-      } : {})
+      } : {}),
+      ns
     };
   }
 });

package/es/components/container/src/footer.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"footer.vue_vue_type_script_lang.mjs","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":[],"mappings":";;AAMA,aAAe,eAAe,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.mjs","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":[],"mappings":";;;;AAOA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAG;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}

package/es/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.mjs

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

package/es/components/container/src/footer.vue_vue_type_template_id_2c2b128e_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"footer.vue_vue_type_template_id_2c2b128e_lang.mjs","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.mjs","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,iBAAE;;;;;;;;"}

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

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

package/es/components/container/src/header.vue_vue_type_script_lang.mjs

@@ -1,4 +1,6 @@
 import { defineComponent, computed } from 'vue';
+import '../../../hooks/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElHeader",
@@ -9,10 +11,12 @@ var script = defineComponent({
     }
   },
   setup(props) {
+    const ns = useNamespace("header");
     return {
       style: computed(() => props.height ? {
         "--el-header-height": props.height
-      } : {})
+      } : {}),
+      ns
     };
   }
 });

package/es/components/container/src/header.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue_vue_type_script_lang.mjs","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":[],"mappings":";;AAMA,aAAe,eAAe,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.mjs","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":[],"mappings":";;;;AAOA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,MAAM;MACZ,OAAO,EAAE;KACV;;OAEE,CAAC,KAAK,EAAE;UACL,EAAE,GAAG;IACX;;QAEI;OACD,GAAG,GAAG;;KAER,CAAC;;;;;;"}

package/es/components/container/src/header.vue_vue_type_template_id_0b1cdaab_lang.mjs

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

package/es/components/container/src/header.vue_vue_type_template_id_0b1cdaab_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue_vue_type_template_id_0b1cdaab_lang.mjs","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.mjs","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,iBAAE;;;;;;;;"}

package/es/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<{} & {} & {}>, {}>;
+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/es/components/container/src/main.vue_vue_type_script_lang.mjs

@@ -1,7 +1,15 @@
 import { defineComponent } from 'vue';
+import '../../../hooks/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
-  name: "ElMain"
+  name: "ElMain",
+  setup() {
+    const ns = useNamespace("main");
+    return {
+      ns
+    };
+  }
 });
 
 export { script as default };

package/es/components/container/src/main.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main.vue_vue_type_script_lang.mjs","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":[],"mappings":";;AAMA,aAAe,eAAe;;AAE9B,CAAC,CAAC;;;;"}
+{"version":3,"file":"main.vue_vue_type_script_lang.mjs","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":[],"mappings":";;;;AAOA,aAAe,eAAe,CAAC;;AAE/B,EAAE,KAAK,GAAG;IACN,MAAM,EAAE,GAAG;IACX;MACE,EAAE;;;;;;;"}

package/es/components/container/src/main.vue_vue_type_template_id_526ed157_lang.mjs

@@ -1,10 +1,11 @@
-import { openBlock, createElementBlock, renderSlot } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
 
-const _hoisted_1 = { class: "el-main" };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("main", _hoisted_1, [
+  return openBlock(), createElementBlock("main", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ]);
+  ], 2);
 }
 
 export { render };

package/es/components/container/src/main.vue_vue_type_template_id_526ed157_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main.vue_vue_type_template_id_526ed157_lang.mjs","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.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}