@element-plus/nightly 0.0.20220117 → 0.0.20220118

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

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

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

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

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

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

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

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

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

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

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

@@ -41,9 +41,8 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -106,6 +105,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -159,9 +159,8 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -224,6 +223,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -241,7 +241,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             virtualTriggering?: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         }> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "style" | "transition" | "offset" | "visible" | "content" | "effect" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "persistent" | "teleported" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "style" | "transition" | "offset" | "effect" | "visible" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "persistent" | "teleported" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -296,9 +296,8 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -361,6 +360,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -420,6 +420,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<{} & {} & {}> & import("vue").ShallowUnwrapRef<import("..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
             open: import("vue").Ref<boolean>;
+            hide: () => void;
             updatePopper: () => void;
             onOpen: () => void;
             onClose: () => void;
@@ -428,9 +429,8 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -493,6 +493,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -566,9 +567,8 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         style: import("vue").StyleValue;
         transition: string;
         offset: number;
-        visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-        content: string;
         effect: string;
+        visible: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
         arrowOffset: number;
         boundariesPadding: number;
         fallbackPlacements: import("@popperjs/core").Placement[];
@@ -631,6 +631,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
         popperStyle: import("vue").StyleValue;
         referenceEl: HTMLElement;
         stopPopperMouseEvent: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        content: string;
         showAfter: number;
         hideAfter: number;
         appendTo: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -690,6 +691,7 @@ export declare const ElDropdown: import("../../utils/types").SFCWithInstall<impo
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<{} & {} & {}> & import("vue").ShallowUnwrapRef<import("..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
         open: import("vue").Ref<boolean>;
+        hide: () => void;
         updatePopper: () => void;
         onOpen: () => void;
         onClose: () => void;

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

@@ -42,9 +42,8 @@ declare const _default: import("vue").DefineComponent<{
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -107,6 +106,7 @@ declare const _default: import("vue").DefineComponent<{
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -160,9 +160,8 @@ declare const _default: import("vue").DefineComponent<{
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -225,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -242,7 +242,7 @@ declare const _default: import("vue").DefineComponent<{
             virtualTriggering?: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
         }> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "style" | "transition" | "offset" | "visible" | "content" | "effect" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "persistent" | "teleported" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "style" | "transition" | "offset" | "effect" | "visible" | "arrowOffset" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "pure" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "content" | "showAfter" | "hideAfter" | "appendTo" | "rawContent" | "persistent" | "teleported" | "trigger" | "virtualRef" | "virtualTriggering" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -297,9 +297,8 @@ declare const _default: import("vue").DefineComponent<{
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -362,6 +361,7 @@ declare const _default: import("vue").DefineComponent<{
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -421,6 +421,7 @@ declare const _default: import("vue").DefineComponent<{
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<{} & {} & {}> & import("vue").ShallowUnwrapRef<import("../..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
             open: import("vue").Ref<boolean>;
+            hide: () => void;
             updatePopper: () => void;
             onOpen: () => void;
             onClose: () => void;
@@ -429,9 +430,8 @@ declare const _default: import("vue").DefineComponent<{
             style: import("vue").StyleValue;
             transition: string;
             offset: number;
-            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-            content: string;
             effect: string;
+            visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
             arrowOffset: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
@@ -494,6 +494,7 @@ declare const _default: import("vue").DefineComponent<{
             popperStyle: import("vue").StyleValue;
             referenceEl: HTMLElement;
             stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            content: string;
             showAfter: number;
             hideAfter: number;
             appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -567,9 +568,8 @@ declare const _default: import("vue").DefineComponent<{
         style: import("vue").StyleValue;
         transition: string;
         offset: number;
-        visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
-        content: string;
         effect: string;
+        visible: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<boolean | null>, unknown, unknown>;
         arrowOffset: number;
         boundariesPadding: number;
         fallbackPlacements: import("@popperjs/core").Placement[];
@@ -632,6 +632,7 @@ declare const _default: import("vue").DefineComponent<{
         popperStyle: import("vue").StyleValue;
         referenceEl: HTMLElement;
         stopPopperMouseEvent: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        content: string;
         showAfter: number;
         hideAfter: number;
         appendTo: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement>, unknown, unknown>;
@@ -691,6 +692,7 @@ declare const _default: import("vue").DefineComponent<{
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<{} & {} & {}> & import("vue").ShallowUnwrapRef<import("../..").ElPopperInjectionContext> & {} & {} & import("vue").ComponentCustomProperties) | null>;
         open: import("vue").Ref<boolean>;
+        hide: () => void;
         updatePopper: () => void;
         onOpen: () => void;
         onClose: () => void;

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

@@ -9,6 +9,17 @@ export declare const ElEmpty: import("../../utils/types").SFCWithInstall<import(
         readonly default: "";
     };
 }, {
+    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;
+    };
     emptyDescription: import("vue").ComputedRef<string>;
     imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

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

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type Empty from './empty.vue';
 export declare const emptyProps: {
     readonly image: {
         readonly type: StringConstructor;
@@ -11,3 +12,4 @@ export declare const emptyProps: {
     };
 };
 export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+export declare type EmptyInstance = InstanceType<typeof Empty>;

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

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}
+{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Empty from './empty.vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n\nexport type EmptyInstance = InstanceType<typeof Empty>\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH;;;;"}

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

@@ -10,6 +10,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "";
     };
 }, {
+    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;
+    };
     emptyDescription: import("vue").ComputedRef<string>;
     imageStyle: 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<{

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

@@ -4,6 +4,7 @@ import './img-empty.mjs';
 import { emptyProps } from './empty.mjs';
 import script$1 from './img-empty.vue_vue_type_script_lang.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElEmpty",
@@ -13,11 +14,13 @@ var script = defineComponent({
   props: emptyProps,
   setup(props) {
     const { t } = useLocale();
+    const ns = useNamespace("empty");
     const emptyDescription = computed(() => props.description || t("el.table.emptyText"));
     const imageStyle = computed(() => ({
       width: props.imageSize ? `${props.imageSize}px` : ""
     }));
     return {
+      ns,
       emptyDescription,
       imageStyle
     };

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

@@ -1 +1 @@
-{"version":3,"file":"empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div class=\"el-empty\">\n    <div class=\"el-empty__image\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div class=\"el-empty__description\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AAsBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,CAAC;IACJ,MAAM,EAAE;;;MAGN,KAAK,EAAE,KAAK,CAAC;;IAEf,OAAO;MACL,gBAAgB;MAChB,UAAU;MACV;;;;;;"}
+{"version":3,"file":"empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const ns = useNamespace('empty')\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      ns,\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AAsBA,aAAe,eAAe,CAAC;;AAE/B,EAAE,UAAU,EAAE;;AAEd,GAAG;EACD,OAAO;EACP,KAAK,CAAC;IACJ,MAAM,EAAE;;;IAGR,MAAM;;KAEL,CAAC,CAAC,CAAC;IACJ;MACE,EAAE;MACF,gBAAgB;MAChB,UAAU;;;;;;;"}

package/es/components/empty/src/empty.vue_vue_type_template_id_10d211eb_lang.mjs

@@ -1,35 +1,36 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
 
-const _hoisted_1 = { class: "el-empty" };
-const _hoisted_2 = ["src"];
-const _hoisted_3 = { class: "el-empty__description" };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = {
-  key: 0,
-  class: "el-empty__bottom"
-};
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 1 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_img_empty = resolveComponent("img-empty");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
     createElementVNode("div", {
-      class: "el-empty__image",
+      class: normalizeClass(_ctx.ns.e("image")),
       style: normalizeStyle(_ctx.imageStyle)
     }, [
       _ctx.image ? (openBlock(), createElementBlock("img", {
         key: 0,
         src: _ctx.image,
         ondragstart: "return false"
-      }, null, 8, _hoisted_2)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+      }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
         createVNode(_component_img_empty)
       ])
-    ], 4),
-    createElementVNode("div", _hoisted_3, [
-      _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.emptyDescription), 1))
-    ]),
-    _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5, [
+    ], 6),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("description"))
+    }, [
+      _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(_ctx.emptyDescription), 1))
+    ], 2),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(_ctx.ns.e("bottom"))
+    }, [
       renderSlot(_ctx.$slots, "default")
-    ])) : createCommentVNode("v-if", true)
-  ]);
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 2);
 }
 
 export { render };

package/es/components/empty/src/empty.vue_vue_type_template_id_10d211eb_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.vue_vue_type_template_id_10d211eb_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue?vue&type=template&id=10d211eb&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-empty\">\n    <div class=\"el-empty__image\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div class=\"el-empty__description\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" class=\"el-empty__bottom\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;0BACY;;qBAOH,KAAK;;;;EAIiB;;;;;;;;MAVtB,KAAK;WAAyB;;;;;;;;UAEjC;;;;;;;;;;"}
+{"version":3,"file":"empty.vue_vue_type_template_id_10d211eb_lang.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue?vue&type=template&id=10d211eb&lang.js"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\"></slot>\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElEmpty',\n  components: {\n    ImgEmpty,\n  },\n\n  props: emptyProps,\n\n  setup(props) {\n    const { t } = useLocale()\n    const ns = useNamespace('empty')\n    const emptyDescription = computed(\n      () => props.description || t('el.table.emptyText')\n    )\n    const imageStyle = computed<CSSProperties>(() => ({\n      width: props.imageSize ? `${props.imageSize}px` : '',\n    }))\n\n    return {\n      ns,\n      emptyDescription,\n      imageStyle,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;uBACE;iCAAe,EAAE;;;MACT,KAAK;WAAuB;;;;;;;;;;;;IAMlC;MAAM,KAAK;;OACG;;;;;;;;"}

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

@@ -2,6 +2,17 @@ export declare const ElIcon: import("../../utils/types").SFCWithInstall<import("
     readonly size: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
     readonly color: import("../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly size?: unknown;

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

@@ -1,6 +1,8 @@
 import type { ExtractPropTypes } from 'vue';
+import type Icon from './icon.vue';
 export declare const iconProps: {
     readonly size: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
     readonly color: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
 };
 export declare type IconProps = ExtractPropTypes<typeof iconProps>;
+export declare type IconInstance = InstanceType<typeof Icon>;

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

@@ -1 +1 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { definePropType, buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":[],"mappings":";;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"icon.mjs","sources":["../../../../../../packages/components/icon/src/icon.ts"],"sourcesContent":["import { definePropType, buildProps } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type Icon from './icon.vue'\n\nexport const iconProps = buildProps({\n  size: {\n    type: definePropType<number | string>([Number, String]),\n  },\n  color: {\n    type: String,\n  },\n} as const)\nexport type IconProps = ExtractPropTypes<typeof iconProps>\nexport type IconInstance = InstanceType<typeof Icon>\n"],"names":[],"mappings":";;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}

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

@@ -3,6 +3,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
     readonly color: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     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<{
     readonly size?: unknown;

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

@@ -1,27 +1,26 @@
 import { defineComponent, computed } from 'vue';
-import { isNumber } from '../../../utils/util.mjs';
+import { isUndefined, addUnit } from '../../../utils/util.mjs';
+import '../../../hooks/index.mjs';
 import { iconProps } from './icon.mjs';
-import { isString } from '@vue/shared';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElIcon",
   inheritAttrs: false,
   props: iconProps,
   setup(props) {
+    const ns = useNamespace("icon");
+    const style = computed(() => {
+      if (!props.size && !props.color)
+        return {};
+      return {
+        fontSize: isUndefined(props.size) ? void 0 : addUnit(props.size),
+        "--color": props.color
+      };
+    });
     return {
-      style: computed(() => {
-        if (!props.size && !props.color) {
-          return {};
-        }
-        let size = props.size;
-        if (isNumber(size) || isString(size) && !size.endsWith("px")) {
-          size = `${size}px`;
-        }
-        return {
-          ...props.size ? { fontSize: size } : {},
-          ...props.color ? { "--color": props.color } : {}
-        };
-      })
+      ns,
+      style
     };
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"icon.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i class=\"el-icon\" :style=\"style\" v-bind=\"$attrs\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { isNumber, isString } from '@element-plus/utils/util'\nimport { iconProps } from './icon'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElIcon',\n  inheritAttrs: false,\n\n  props: iconProps,\n\n  setup(props) {\n    return {\n      style: computed<CSSProperties>(() => {\n        if (!props.size && !props.color) {\n          return {}\n        }\n        let size = props.size\n        if (isNumber(size) || (isString(size) && !size.endsWith('px'))) {\n          size = `${size}px`\n        }\n        return {\n          ...(props.size ? { fontSize: size } : {}),\n          ...(props.color ? { '--color': props.color } : {}),\n        } as CSSProperties\n      }),\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AASA,aAAe,eAAe,CAAC;;AAE/B,EAAE,YAAY,EAAE,KAAK;;AAErB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,OAAO;MACL,KAAK,EAAE,QAAQ;;UAEX,OAAO;;QAET,IAAI;QACJ;UACE,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;SACpB;eACM;;UAEL,GAAG,MAAM,KAAK,GAAG;SAClB;;;;;;;;"}
+{"version":3,"file":"icon.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i :class=\"ns.b()\" :style=\"style\" v-bind=\"$attrs\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { addUnit, isUndefined } from '@element-plus/utils/util'\nimport { useNamespace } from '@element-plus/hooks'\nimport { iconProps } from './icon'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElIcon',\n  inheritAttrs: false,\n\n  props: iconProps,\n\n  setup(props) {\n    const ns = useNamespace('icon')\n\n    const style = computed<CSSProperties>(() => {\n      if (!props.size && !props.color) return {}\n\n      return {\n        fontSize: isUndefined(props.size) ? undefined : addUnit(props.size),\n        '--color': props.color,\n      }\n    })\n\n    return {\n      ns,\n      style,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAUA,aAAe,eAAe,CAAC;;AAE/B,EAAE,YAAY,EAAE,KAAK;;AAErB,EAAE,KAAK,CAAC,KAAK,EAAE;IACX,MAAM,EAAE,GAAG;IACX,MAAM,QAAQ;;eAEH,EAAE,CAAC;;QAEV;QACA,SAAS,EAAE,KAAK,CAAC,KAAK;;KAEzB,CAAC,CAAC;WACI;;MAEL,KAAK;;;;;;;"}

package/es/components/icon/src/icon.vue_vue_type_template_id_89b755b6_lang.mjs

@@ -2,7 +2,7 @@ import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("i", mergeProps({
-    class: "el-icon",
+    class: _ctx.ns.b(),
     style: _ctx.style
   }, _ctx.$attrs), [
     renderSlot(_ctx.$slots, "default")