element-plus 2.2.30 → 2.2.32

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

@@ -1,24 +1,12 @@
 export declare const ElEmpty: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly image: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly image: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
+        readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly imageSize: NumberConstructor;
-        readonly description: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
+        readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -62,21 +50,16 @@ export declare const ElEmpty: import("element-plus/es/utils").SFCWithInstall<imp
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        id: number;
+        id: import("vue").Ref<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly image: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>>, {
     readonly description: string;
     readonly image: string;
 }>> & Record<string, any>;
 export default ElEmpty;
 export * from './src/empty';
+export type { EmptyInstance } from './src/instance';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Empty from './src/empty.vue'\n\nexport const ElEmpty = withInstall(Empty)\nexport default ElEmpty\n\nexport * from './src/empty'\n"],"names":["withInstall","Empty"],"mappings":";;;;;;;;;AAEY,MAAC,OAAO,GAAGA,mBAAW,CAACC,kBAAK;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/empty/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Empty from './src/empty.vue'\n\nexport const ElEmpty = withInstall(Empty)\nexport default ElEmpty\n\nexport * from './src/empty'\nexport type { EmptyInstance } from './src/instance'\n"],"names":["withInstall","Empty"],"mappings":";;;;;;;;;AAEY,MAAC,OAAO,GAAGA,mBAAW,CAACC,kBAAK;;;;;;"}

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

@@ -1,15 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
-import type Empty from './empty.vue';
 export declare const emptyProps: {
-    readonly image: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 };
 export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
-export declare type EmptyInstance = InstanceType<typeof Empty>;

package/lib/components/empty/src/empty.js

@@ -2,7 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyProps = {
+require('../../../utils/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+
+const emptyProps = runtime.buildProps({
   image: {
     type: String,
     default: ""
@@ -12,7 +15,7 @@ const emptyProps = {
     type: String,
     default: ""
   }
-};
+});
 
 exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty.js.map

package/lib/components/empty/src/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","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;;;;"}
+{"version":3,"file":"empty.js","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,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,CAAC;;;;"}

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

@@ -1,25 +1,13 @@
 import type { CSSProperties } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly image: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly image: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
+        readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly imageSize: NumberConstructor;
-        readonly description: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
+        readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -63,18 +51,12 @@ declare const _default: import("vue").DefineComponent<{
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        id: number;
+        id: import("vue").Ref<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly image: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly image: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
-    readonly description: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
+    readonly description: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>>, {
     readonly description: string;
     readonly image: string;

package/lib/components/empty/src/empty2.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../../hooks/index.js');
+require('../../../utils/index.js');
 var imgEmpty = require('./img-empty.js');
 var empty = require('./empty.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-locale/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
+var style = require('../../../utils/dom/style.js');
 
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { key: 1 };
@@ -24,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const ns = index$1.useNamespace("empty");
     const emptyDescription = vue.computed(() => props.description || t("el.table.emptyText"));
     const imageStyle = vue.computed(() => ({
-      width: props.imageSize ? `${props.imageSize}px` : ""
+      width: style.addUnit(props.imageSize)
     }));
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {

package/lib/components/empty/src/empty2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.js","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\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } 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\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: props.imageSize ? `${props.imageSize}px` : '',\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;uCA0Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmBC,YACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAO,EAAA,KAAA,CAAM,SAAY,GAAA,CAAA,EAAG,MAAM,SAAgB,CAAA,EAAA,CAAA,GAAA,EAAA;AAAA,KAClD,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty2.js","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\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["useLocale","useNamespace","computed","addUnit"],"mappings":";;;;;;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,MAAMA,eAAU,EAAA,CAAA;AACxB,IAAM,MAAA,EAAA,GAAKC,qBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,mBAAmBC,YACvB,CAAA,MAAM,MAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CACnD,CAAA,CAAA;AACA,IAAM,MAAA,UAAA,GAAaA,aAAwB,OAAO;AAAA,MAChD,KAAA,EAAOC,aAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/empty/src/img-empty.js

@@ -6,18 +6,8 @@ var vue = require('vue');
 require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
 
-let id = 0;
-const _sfc_main = vue.defineComponent({
-  name: "ImgEmpty",
-  setup() {
-    const ns = index.useNamespace("empty");
-    return {
-      ns,
-      id: ++id
-    };
-  }
-});
 const _hoisted_1 = {
   viewBox: "0 0 79 86",
   version: "1.1",
@@ -64,126 +54,136 @@ const _hoisted_20 = {
 const _hoisted_21 = ["fill", "xlink:href"];
 const _hoisted_22 = ["fill", "mask"];
 const _hoisted_23 = ["fill"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
-    vue.createElementVNode("defs", null, [
-      vue.createElementVNode("linearGradient", {
-        id: `linearGradient-1-${_ctx.id}`,
-        x1: "38.8503086%",
-        y1: "0%",
-        x2: "61.1496914%",
-        y2: "100%"
-      }, [
-        vue.createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-          offset: "0%"
-        }, null, 8, _hoisted_3),
-        vue.createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-4")})`,
-          offset: "100%"
-        }, null, 8, _hoisted_4)
-      ], 8, _hoisted_2),
-      vue.createElementVNode("linearGradient", {
-        id: `linearGradient-2-${_ctx.id}`,
-        x1: "0%",
-        y1: "9.5%",
-        x2: "100%",
-        y2: "90.5%"
-      }, [
-        vue.createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-1")})`,
-          offset: "0%"
-        }, null, 8, _hoisted_6),
-        vue.createElementVNode("stop", {
-          "stop-color": `var(${_ctx.ns.cssVarBlockName("fill-color-6")})`,
-          offset: "100%"
-        }, null, 8, _hoisted_7)
-      ], 8, _hoisted_5),
-      vue.createElementVNode("rect", {
-        id: `path-3-${_ctx.id}`,
-        x: "0",
-        y: "0",
-        width: "17",
-        height: "36"
-      }, null, 8, _hoisted_8)
-    ]),
-    vue.createElementVNode("g", _hoisted_9, [
-      vue.createElementVNode("g", _hoisted_10, [
-        vue.createElementVNode("g", _hoisted_11, [
-          vue.createElementVNode("path", {
-            id: "Oval-Copy-2",
-            d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-3")})`
-          }, null, 8, _hoisted_12),
-          vue.createElementVNode("polygon", {
-            id: "Rectangle-Copy-14",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-7")})`,
-            transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
-            points: "13 58 53 58 42 45 2 45"
-          }, null, 8, _hoisted_13),
-          vue.createElementVNode("g", _hoisted_14, [
-            vue.createElementVNode("polygon", {
-              id: "Rectangle-Copy-10",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-7")})`,
-              transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
-              points: "2.84078316e-14 3 18 3 23 7 5 7"
-            }, null, 8, _hoisted_15),
-            vue.createElementVNode("polygon", {
-              id: "Rectangle-Copy-11",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-5")})`,
-              points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
-            }, null, 8, _hoisted_16),
-            vue.createElementVNode("rect", {
-              id: "Rectangle-Copy-12",
-              fill: `url(#linearGradient-1-${_ctx.id})`,
-              transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
-              x: "38",
-              y: "7",
-              width: "17",
-              height: "36"
-            }, null, 8, _hoisted_17),
-            vue.createElementVNode("polygon", {
-              id: "Rectangle-Copy-13",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-2")})`,
-              transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
-              points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
-            }, null, 8, _hoisted_18)
-          ]),
+const __default__ = vue.defineComponent({
+  name: "ImgEmpty"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  setup(__props) {
+    const ns = index.useNamespace("empty");
+    const id = index$1.useId();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+        vue.createElementVNode("defs", null, [
+          vue.createElementVNode("linearGradient", {
+            id: `linearGradient-1-${vue.unref(id)}`,
+            x1: "38.8503086%",
+            y1: "0%",
+            x2: "61.1496914%",
+            y2: "100%"
+          }, [
+            vue.createElementVNode("stop", {
+              "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
+              offset: "0%"
+            }, null, 8, _hoisted_3),
+            vue.createElementVNode("stop", {
+              "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-4")})`,
+              offset: "100%"
+            }, null, 8, _hoisted_4)
+          ], 8, _hoisted_2),
+          vue.createElementVNode("linearGradient", {
+            id: `linearGradient-2-${vue.unref(id)}`,
+            x1: "0%",
+            y1: "9.5%",
+            x2: "100%",
+            y2: "90.5%"
+          }, [
+            vue.createElementVNode("stop", {
+              "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-1")})`,
+              offset: "0%"
+            }, null, 8, _hoisted_6),
+            vue.createElementVNode("stop", {
+              "stop-color": `var(${vue.unref(ns).cssVarBlockName("fill-color-6")})`,
+              offset: "100%"
+            }, null, 8, _hoisted_7)
+          ], 8, _hoisted_5),
           vue.createElementVNode("rect", {
-            id: "Rectangle-Copy-15",
-            fill: `url(#linearGradient-2-${_ctx.id})`,
-            x: "13",
-            y: "45",
-            width: "40",
+            id: `path-3-${vue.unref(id)}`,
+            x: "0",
+            y: "0",
+            width: "17",
             height: "36"
-          }, null, 8, _hoisted_19),
-          vue.createElementVNode("g", _hoisted_20, [
-            vue.createElementVNode("use", {
-              id: "Mask",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-8")})`,
-              transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
-              "xlink:href": `#path-3-${_ctx.id}`
-            }, null, 8, _hoisted_21),
-            vue.createElementVNode("polygon", {
-              id: "Rectangle-Copy",
-              fill: `var(${_ctx.ns.cssVarBlockName("fill-color-9")})`,
-              mask: `url(#mask-4-${_ctx.id})`,
-              transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
-              points: "7 0 24 0 20 18 7 16.5"
-            }, null, 8, _hoisted_22)
-          ]),
-          vue.createElementVNode("polygon", {
-            id: "Rectangle-Copy-18",
-            fill: `var(${_ctx.ns.cssVarBlockName("fill-color-2")})`,
-            transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
-            points: "62 45 79 45 70 58 53 58"
-          }, null, 8, _hoisted_23)
+          }, null, 8, _hoisted_8)
+        ]),
+        vue.createElementVNode("g", _hoisted_9, [
+          vue.createElementVNode("g", _hoisted_10, [
+            vue.createElementVNode("g", _hoisted_11, [
+              vue.createElementVNode("path", {
+                id: "Oval-Copy-2",
+                d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+                fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-3")})`
+              }, null, 8, _hoisted_12),
+              vue.createElementVNode("polygon", {
+                id: "Rectangle-Copy-14",
+                fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-7")})`,
+                transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+                points: "13 58 53 58 42 45 2 45"
+              }, null, 8, _hoisted_13),
+              vue.createElementVNode("g", _hoisted_14, [
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy-10",
+                  fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-7")})`,
+                  transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+                  points: "2.84078316e-14 3 18 3 23 7 5 7"
+                }, null, 8, _hoisted_15),
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy-11",
+                  fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-5")})`,
+                  points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+                }, null, 8, _hoisted_16),
+                vue.createElementVNode("rect", {
+                  id: "Rectangle-Copy-12",
+                  fill: `url(#linearGradient-1-${vue.unref(id)})`,
+                  transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+                  x: "38",
+                  y: "7",
+                  width: "17",
+                  height: "36"
+                }, null, 8, _hoisted_17),
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy-13",
+                  fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-2")})`,
+                  transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+                  points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+                }, null, 8, _hoisted_18)
+              ]),
+              vue.createElementVNode("rect", {
+                id: "Rectangle-Copy-15",
+                fill: `url(#linearGradient-2-${vue.unref(id)})`,
+                x: "13",
+                y: "45",
+                width: "40",
+                height: "36"
+              }, null, 8, _hoisted_19),
+              vue.createElementVNode("g", _hoisted_20, [
+                vue.createElementVNode("use", {
+                  id: "Mask",
+                  fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-8")})`,
+                  transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+                  "xlink:href": `#path-3-${vue.unref(id)}`
+                }, null, 8, _hoisted_21),
+                vue.createElementVNode("polygon", {
+                  id: "Rectangle-Copy",
+                  fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-9")})`,
+                  mask: `url(#mask-4-${vue.unref(id)})`,
+                  transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+                  points: "7 0 24 0 20 18 7 16.5"
+                }, null, 8, _hoisted_22)
+              ]),
+              vue.createElementVNode("polygon", {
+                id: "Rectangle-Copy-18",
+                fill: `var(${vue.unref(ns).cssVarBlockName("fill-color-2")})`,
+                transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+                points: "62 45 79 45 70 58 53 58"
+              }, null, 8, _hoisted_23)
+            ])
+          ])
         ])
-      ])
-    ])
-  ]);
-}
-var ImgEmpty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/img-empty.vue"]]);
+      ]);
+    };
+  }
+});
+var ImgEmpty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/img-empty.vue"]]);
 
 exports["default"] = ImgEmpty;
 //# sourceMappingURL=img-empty.js.map

package/lib/components/empty/src/img-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"img-empty.js","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-1')})`\"\n          offset=\"0%\"\n        />\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-4')})`\"\n          offset=\"100%\"\n        />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-1')})`\"\n          offset=\"0%\"\n        />\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-6')})`\"\n          offset=\"100%\"\n        />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-3')})`\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-7')})`\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-7')})`\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-5')})`\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-2')})`\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <use\n              id=\"Mask\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-8')})`\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-9')})`\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 7 16.5\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-2')})`\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    const ns = useNamespace('empty')\n    return {\n      ns,\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"img-empty.js","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-1')})`\"\n          offset=\"0%\"\n        />\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-4')})`\"\n          offset=\"100%\"\n        />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-1')})`\"\n          offset=\"0%\"\n        />\n        <stop\n          :stop-color=\"`var(${ns.cssVarBlockName('fill-color-6')})`\"\n          offset=\"100%\"\n        />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-3')})`\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-7')})`\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-7')})`\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-5')})`\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-2')})`\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <use\n              id=\"Mask\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-8')})`\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              :fill=\"`var(${ns.cssVarBlockName('fill-color-9')})`\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 7 16.5\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            :fill=\"`var(${ns.cssVarBlockName('fill-color-2')})`\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useId, useNamespace } from '@element-plus/hooks'\n\ndefineOptions({\n  name: 'ImgEmpty',\n})\n\nconst ns = useNamespace('empty')\nconst id = useId()\n</script>\n"],"names":["useNamespace","useId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCAmIc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,EAAA,GAAKA,mBAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,KAAKC,aAAM,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/empty/src/img-empty.vue.d.ts

@@ -17,6 +17,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    id: number;
+    id: import("vue").Ref<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/empty/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Empty from './empty.vue';
+export declare type EmptyInstance = InstanceType<typeof Empty>;

package/lib/components/empty/src/instance.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.js.map

package/lib/components/empty/src/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/focus-trap/src/focus-trap.js

@@ -221,7 +221,7 @@ const _sfc_main = vue.defineComponent({
         });
         trapContainer.addEventListener(tokens.FOCUS_AFTER_RELEASED, releaseOnFocus);
         trapContainer.dispatchEvent(releasedEvent);
-        if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !utils.isFocusCausedByUserEvent())) {
+        if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !utils.isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
           utils.tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
         }
         trapContainer.removeEventListener(tokens.FOCUS_AFTER_RELEASED, trapOnFocus);