@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1,25 +1,42 @@
+import type { DividerProps } from './divider';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
-    readonly borderStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "solid", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
-    readonly borderStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "solid", boolean>;
-}>>, {
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly borderStyle: string;
-    readonly contentPosition: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DividerProps>, {
+    direction: string;
+    contentPosition: string;
+    borderStyle: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DividerProps>, {
+    direction: string;
+    contentPosition: string;
+    borderStyle: string;
+}>>>, {
+    direction: "horizontal" | "vertical";
+    borderStyle: import("./divider").BorderStyle;
+    contentPosition: "left" | "center" | "right";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,5 +1,4 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
-import { dividerProps } from './divider.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -7,7 +6,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElDivider"
   },
   __name: "divider",
-  props: dividerProps,
+  props: {
+    direction: { type: String, required: false, default: "horizontal" },
+    contentPosition: { type: String, required: false, default: "center" },
+    borderStyle: { type: null, required: false, default: "solid" }
+  },
   setup(__props) {
     const props = __props;
     const ns = useNamespace("divider");
@@ -20,16 +23,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock(
         "div",
         {
-          class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
+          class: normalizeClass([unref(ns).b(), unref(ns).m(__props.direction)]),
           style: normalizeStyle(dividerStyle.value),
           role: "separator"
         },
         [
-          _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock(
+          _ctx.$slots.default && __props.direction !== "vertical" ? (openBlock(), createElementBlock(
             "div",
             {
               key: 0,
-              class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
+              class: normalizeClass([unref(ns).e("text"), unref(ns).is(__props.contentPosition)])
             },
             [
               renderSlot(_ctx.$slots, "default")

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

@@ -1 +1 @@
-{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","direction","$slots","contentPosition","_renderSlot"],"mappings":";;;;;;;;;;;AAyBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,EAAA,GAAK,aAAa,SAAS,CAAA;AACjC,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAA,CAAO;AAAA,QACf,gBAAgB,KAAA,CAAM;AAAA,OACvB,CAAA;AAAA,IACH,CAAC,CAAA;;0BA9BCA,kBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAEC,IAAAA,CAAAA,SAAS,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACpB,IAAA,EAAK;AAAA;;UAGGC,KAAAA,MAAAA,CAAO,OAAA,IAAWD,KAAAA,SAAAA,KAAS,UAAA,iBADnCH,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA;cAHH,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAGG,IAAAA,CAAAA,eAAe,CAAA,CAAA;AAAA;;cAE5CC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n  direction: 'horizontal',\n  contentPosition: 'center',\n  borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,EAAA,GAAK,aAAa,SAAS,CAAA;AACjC,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAA,CAAO;AAAA,QACf,gBAAgB,KAAA,CAAM;AAAA,OACvB,CAAA;AAAA,IACH,CAAC,CAAA;;0BAlCCA,kBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,SAAS,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACpB,IAAA,EAAK;AAAA;;UAGGC,KAAAA,MAAAA,CAAO,OAAA,IAAW,QAAA,SAAA,KAAS,UAAA,iBADnCH,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA;cAHH,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAG,OAAA,CAAA,eAAe,CAAA,CAAA;AAAA;;cAE5CE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}

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

@@ -38,7 +38,7 @@ export declare const dropdownProps: {
         readonly __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger"))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -24,7 +24,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         readonly __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger"))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -226,7 +226,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
         readonly __epPropKey: true;
     };
     readonly type: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>) | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | ((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger"))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

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

@@ -1,8 +1,27 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+export interface EmptyProps {
+    /**
+     * @description image URL of empty
+     */
+    image?: string;
+    /**
+     * @description image size (width) of empty
+     */
+    imageSize?: number;
+    /**
+     * @description description of empty
+     */
+    description?: string;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `EmptyProps` instead.
+ */
 export declare const emptyProps: {
     readonly image: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly imageSize: NumberConstructor;
     readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 };
-export type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `EmptyProps` instead.
+ */
 export type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\nexport type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport interface EmptyProps {\n  /**\n   * @description image URL of empty\n   */\n  image?: string\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize?: number\n  /**\n   * @description description of empty\n   */\n  description?: string\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `EmptyProps` instead.\n */\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `EmptyProps` instead.\n */\nexport type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;AAsBO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,MAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}

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

@@ -1,3 +1,4 @@
+import type { EmptyProps } from './empty';
 declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     image?: (props: typeof __VLS_1) => any;
@@ -6,23 +7,37 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly image: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly imageSize: NumberConstructor;
-    readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly image: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly imageSize: NumberConstructor;
-    readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-}>>, {
-    readonly image: string;
-    readonly description: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<EmptyProps>, {
+    image: string;
+    description: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<EmptyProps>, {
+    image: string;
+    description: string;
+}>>>, {
+    image: string;
+    description: string;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,6 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, normalizeStyle, renderSlot, createVNode, toDisplayString } from 'vue';
 import _sfc_main$1 from './img-empty.vue2.mjs';
-import { emptyProps } from './empty.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { addUnit } from '../../../utils/dom/style.mjs';
@@ -12,7 +11,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElEmpty"
   },
   __name: "empty",
-  props: emptyProps,
+  props: {
+    image: { type: String, required: false, default: "" },
+    imageSize: { type: Number, required: false },
+    description: { type: String, required: false, default: "" }
+  },
   setup(__props) {
     const props = __props;
     const { t } = useLocale();
@@ -37,9 +40,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(imageStyle.value)
             },
             [
-              _ctx.image ? (openBlock(), createElementBlock("img", {
+              __props.image ? (openBlock(), createElementBlock("img", {
                 key: 0,
-                src: _ctx.image,
+                src: __props.image,
                 ondragstart: "return false"
               }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
                 createVNode(_sfc_main$1)

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

@@ -1 +1 @@
-{"version":3,"file":"empty.vue2.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\" />\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":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","image","_renderSlot","_createVNode","ImgEmpty","$slots","_openBlock"],"mappings":";;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,gBAAA,GAAmB,QAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAA,IAAe,CAAA,CAAE,oBAAoB;AAAA,KACnD;AACA,IAAA,MAAM,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS;AAAA,KAChC,CAAE,CAAA;;0BAvCAA,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,iBAAO,UAAA,CAAA,KAAU;AAAA;;cACjCE,IAAAA,CAAAA,KAAAA,iBAAXJ,mBAA4D,KAAA,EAAA;AAAA;gBAAzC,KAAKI,IAAAA,CAAAA,KAAAA;AAAAA,gBAAO,WAAA,EAAY;AAAA,yCAC3CC,UAAA,CAEO,IAAA,8BAFP,MAEO;AAAA,gBADLC,YAAaC,WAAA;AAAA;;;;;UAGjBJ,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,aAAA,CAAA;AAAA;;cACHM,IAAAA,CAAAA,MAAAA,CAAO,WAAA,GAAnBH,UAAA,CAAqD,IAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IACrDI,WAAA,EAAAT,kBAAA;AAAA,gBAAoC,GAAA;AAAA;gCAAvB,iBAAA,KAAgB,CAAA;AAAA,gBAAA;AAAA;AAAA,eAAA;AAAA;;;;UAEpBQ,IAAAA,CAAAA,MAAAA,CAAO,OAAA,iBAAlBR,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFsB,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;cACrCG,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"empty.vue2.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\" />\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'\n\nimport type { CSSProperties } from 'vue'\nimport type { EmptyProps } from './empty'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = withDefaults(defineProps<EmptyProps>(), {\n  image: '',\n  description: '',\n})\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":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","ImgEmpty","$slots","_openBlock"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,gBAAA,GAAmB,QAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAA,IAAe,CAAA,CAAE,oBAAoB;AAAA,KACnD;AACA,IAAA,MAAM,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAA,EAAO,OAAA,CAAQ,KAAA,CAAM,SAAS;AAAA,KAChC,CAAE,CAAA;;0BA1CAA,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC;AAAA;;UACfC,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,iBAAO,UAAA,CAAA,KAAU;AAAA;;cACjC,OAAA,CAAA,KAAA,iBAAXF,mBAA4D,KAAA,EAAA;AAAA;gBAAzC,KAAK,OAAA,CAAA,KAAA;AAAA,gBAAO,WAAA,EAAY;AAAA,yCAC3CI,UAAA,CAEO,IAAA,8BAFP,MAEO;AAAA,gBADLC,YAAaC,WAAA;AAAA;;;;;UAGjBH,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,aAAA,CAAA;AAAA;;cACHK,IAAAA,CAAAA,MAAAA,CAAO,WAAA,GAAnBH,UAAA,CAAqD,IAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IACrDI,WAAA,EAAAR,kBAAA;AAAA,gBAAoC,GAAA;AAAA;gCAAvB,iBAAA,KAAgB,CAAA;AAAA,gBAAA;AAAA;AAAA,eAAA;AAAA;;;;UAEpBO,IAAAA,CAAAA,MAAAA,CAAO,OAAA,iBAAlBP,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA;cAFsB,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;cACrCE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,84 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Image from './image.vue';
+export type ImageFitType = '' | 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImageCrossorigin = 'anonymous' | 'use-credentials' | '';
+export interface ImageProps {
+    /**
+     * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.
+     */
+    hideOnClickModal?: boolean;
+    /**
+     * @description image source, same as native.
+     */
+    src?: string;
+    /**
+     * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
+     */
+    fit?: ImageFitType;
+    /**
+     * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)
+     */
+    loading?: 'eager' | 'lazy';
+    /**
+     * @description whether to use lazy load.
+     */
+    lazy?: boolean;
+    /**
+     * @description the container to add scroll listener when using lazy load.
+     */
+    scrollContainer?: string | HTMLElement;
+    /**
+     * @description allow big image preview.
+     */
+    previewSrcList?: string[];
+    /**
+     * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.
+     */
+    previewTeleported?: boolean;
+    /**
+     * @description set image preview z-index.
+     */
+    zIndex?: number;
+    /**
+     * @description initial preview image index, less than the length of `url-list`.
+     */
+    initialIndex?: number;
+    /**
+     * @description whether the viewer preview is infinite.
+     */
+    infinite?: boolean;
+    /**
+     * @description whether the image-viewer can be closed by pressing ESC.
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description the zoom rate of the image viewer zoom event
+     */
+    zoomRate?: number;
+    /**
+     * @description preview image scale.
+     */
+    scale?: number;
+    /**
+     * @description the min scale of the image viewer zoom event.
+     */
+    minScale?: number;
+    /**
+     * @description the max scale of the image viewer zoom event.
+     */
+    maxScale?: number;
+    /**
+     * @description show preview image progress content.
+     */
+    showProgress?: boolean;
+    /**
+     * @description set HTML attribute: crossorigin.
+     */
+    crossorigin?: ImageCrossorigin;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ImageProps` instead.
+ */
 export declare const imageProps: {
     readonly hideOnClickModal: BooleanConstructor;
     readonly src: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -34,13 +113,15 @@ export declare const imageProps: {
     readonly maxScale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     readonly showProgress: BooleanConstructor;
     readonly crossorigin: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => ImageCrossorigin))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 };
-export type ImageProps = ExtractPropTypes<typeof imageProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `ImageProps` instead.
+ */
 export type ImagePropsPublic = ExtractPublicPropTypes<typeof imageProps>;
 export declare const imageEmits: {
     load: (evt: Event) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Image from './image.vue'\n\nexport const imageProps = buildProps({\n  /**\n   * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.\n   */\n  hideOnClickModal: Boolean,\n  /**\n   * @description image source, same as native.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\n   */\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  /**\n   * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)\n   */\n  loading: {\n    type: String,\n    values: ['eager', 'lazy'],\n  },\n  /**\n   * @description whether to use lazy load.\n   */\n  lazy: Boolean,\n  /**\n   * @description the container to add scroll listener when using lazy load.\n   */\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  /**\n   * @description allow big image preview.\n   */\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.\n   */\n  previewTeleported: Boolean,\n  /**\n   * @description set image preview z-index.\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description initial preview image index, less than the length of `url-list`.\n   */\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether the viewer preview is infinite.\n   */\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the image-viewer can be closed by pressing ESC.\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description the zoom rate of the image viewer zoom event\n   */\n  zoomRate: {\n    type: Number,\n    default: 1.2,\n  },\n  /**\n   * @description preview image scale.\n   */\n  scale: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description the min scale of the image viewer zoom event.\n   */\n  minScale: {\n    type: Number,\n    default: 0.2,\n  },\n  /**\n   * @description the max scale of the image viewer zoom event.\n   */\n  maxScale: {\n    type: Number,\n    default: 7,\n  },\n  /**\n   * @description show preview image progress content.\n   */\n  showProgress: Boolean,\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin: {\n    type: definePropType<'anonymous' | 'use-credentials' | ''>(String),\n  },\n} as const)\nexport type ImageProps = ExtractPropTypes<typeof imageProps>\nexport type ImagePropsPublic = ExtractPublicPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  load: (evt: Event) => evt instanceof Event,\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n  show: () => true,\n}\nexport type ImageEmits = typeof imageEmits\nexport type ImageInstance = InstanceType<typeof Image> & unknown\n"],"names":[],"mappings":";;;;AAUO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,gBAAA,EAAkB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,WAAW,OAAA,EAAS,MAAA,EAAQ,QAAQ,YAAY,CAAA;AAAA,IAC7D,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,OAAA,EAAS,MAAM;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,cAAA,CAAiD,CAAC,MAAA,EAAQ,MAAM,CAAC;AAAA,GACzE;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,OAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAA,EAAmB,OAAA;AAAA;AAAA;AAAA;AAAA,EAInB,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAqD,MAAM;AAAA;AAErE,CAAU;AAIH,MAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,CAAC,GAAA,KAAe,GAAA,YAAe,KAAA;AAAA,EACrC,KAAA,EAAO,CAAC,GAAA,KAAe,GAAA,YAAe,KAAA;AAAA,EACtC,MAAA,EAAQ,CAAC,GAAA,KAAgB,QAAA,CAAS,GAAG,CAAA;AAAA,EACrC,OAAO,MAAM,IAAA;AAAA,EACb,MAAM,MAAM;AACd;;;;"}
+{"version":3,"file":"image.mjs","sources":["../../../../../../packages/components/image/src/image.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isNumber,\n  mutable,\n} from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Image from './image.vue'\n\nexport type ImageFitType =\n  | ''\n  | 'contain'\n  | 'cover'\n  | 'fill'\n  | 'none'\n  | 'scale-down'\nexport type ImageCrossorigin = 'anonymous' | 'use-credentials' | ''\n\nexport interface ImageProps {\n  /**\n   * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.\n   */\n  hideOnClickModal?: boolean\n  /**\n   * @description image source, same as native.\n   */\n  src?: string\n  /**\n   * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\n   */\n  fit?: ImageFitType\n  /**\n   * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)\n   */\n  loading?: 'eager' | 'lazy'\n  /**\n   * @description whether to use lazy load.\n   */\n  lazy?: boolean\n  /**\n   * @description the container to add scroll listener when using lazy load.\n   */\n  scrollContainer?: string | HTMLElement\n  /**\n   * @description allow big image preview.\n   */\n  previewSrcList?: string[]\n  /**\n   * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.\n   */\n  previewTeleported?: boolean\n  /**\n   * @description set image preview z-index.\n   */\n  zIndex?: number\n  /**\n   * @description initial preview image index, less than the length of `url-list`.\n   */\n  initialIndex?: number\n  /**\n   * @description whether the viewer preview is infinite.\n   */\n  infinite?: boolean\n  /**\n   * @description whether the image-viewer can be closed by pressing ESC.\n   */\n  closeOnPressEscape?: boolean\n  /**\n   * @description the zoom rate of the image viewer zoom event\n   */\n  zoomRate?: number\n  /**\n   * @description preview image scale.\n   */\n  scale?: number\n  /**\n   * @description the min scale of the image viewer zoom event.\n   */\n  minScale?: number\n  /**\n   * @description the max scale of the image viewer zoom event.\n   */\n  maxScale?: number\n  /**\n   * @description show preview image progress content.\n   */\n  showProgress?: boolean\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin?: ImageCrossorigin\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ImageProps` instead.\n */\nexport const imageProps = buildProps({\n  /**\n   * @description when enabling preview, use this flag to control whether clicking on backdrop can exit preview mode.\n   */\n  hideOnClickModal: Boolean,\n  /**\n   * @description image source, same as native.\n   */\n  src: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).\n   */\n  fit: {\n    type: String,\n    values: ['', 'contain', 'cover', 'fill', 'none', 'scale-down'],\n    default: '',\n  },\n  /**\n   * @description Indicates how the browser should load the image, same as [native](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading)\n   */\n  loading: {\n    type: String,\n    values: ['eager', 'lazy'],\n  },\n  /**\n   * @description whether to use lazy load.\n   */\n  lazy: Boolean,\n  /**\n   * @description the container to add scroll listener when using lazy load.\n   */\n  scrollContainer: {\n    type: definePropType<string | HTMLElement | undefined>([String, Object]),\n  },\n  /**\n   * @description allow big image preview.\n   */\n  previewSrcList: {\n    type: definePropType<string[]>(Array),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description whether to append image-viewer to body. A nested parent element attribute transform should have this attribute set to `true`.\n   */\n  previewTeleported: Boolean,\n  /**\n   * @description set image preview z-index.\n   */\n  zIndex: {\n    type: Number,\n  },\n  /**\n   * @description initial preview image index, less than the length of `url-list`.\n   */\n  initialIndex: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description whether the viewer preview is infinite.\n   */\n  infinite: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether the image-viewer can be closed by pressing ESC.\n   */\n  closeOnPressEscape: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description the zoom rate of the image viewer zoom event\n   */\n  zoomRate: {\n    type: Number,\n    default: 1.2,\n  },\n  /**\n   * @description preview image scale.\n   */\n  scale: {\n    type: Number,\n    default: 1,\n  },\n  /**\n   * @description the min scale of the image viewer zoom event.\n   */\n  minScale: {\n    type: Number,\n    default: 0.2,\n  },\n  /**\n   * @description the max scale of the image viewer zoom event.\n   */\n  maxScale: {\n    type: Number,\n    default: 7,\n  },\n  /**\n   * @description show preview image progress content.\n   */\n  showProgress: Boolean,\n  /**\n   * @description set HTML attribute: crossorigin.\n   */\n  crossorigin: {\n    type: definePropType<ImageCrossorigin>(String),\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `ImageProps` instead.\n */\nexport type ImagePropsPublic = ExtractPublicPropTypes<typeof imageProps>\n\nexport const imageEmits = {\n  load: (evt: Event) => evt instanceof Event,\n  error: (evt: Event) => evt instanceof Event,\n  switch: (val: number) => isNumber(val),\n  close: () => true,\n  show: () => true,\n}\nexport type ImageEmits = typeof imageEmits\nexport type ImageInstance = InstanceType<typeof Image> & unknown\n"],"names":[],"mappings":";;;;AAiGO,MAAM,aAAa,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAInC,gBAAA,EAAkB,OAAA;AAAA;AAAA;AAAA;AAAA,EAIlB,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,WAAW,OAAA,EAAS,MAAA,EAAQ,QAAQ,YAAY,CAAA;AAAA,IAC7D,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,OAAA,EAAS,MAAM;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,cAAA,CAAiD,CAAC,MAAA,EAAQ,MAAM,CAAC;AAAA,GACzE;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,OAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAA,EAAmB,OAAA;AAAA;AAAA;AAAA;AAAA,EAInB,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAA,EAAc,OAAA;AAAA;AAAA;AAAA;AAAA,EAId,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAiC,MAAM;AAAA;AAEjD,CAAU;AAOH,MAAM,UAAA,GAAa;AAAA,EACxB,IAAA,EAAM,CAAC,GAAA,KAAe,GAAA,YAAe,KAAA;AAAA,EACrC,KAAA,EAAO,CAAC,GAAA,KAAe,GAAA,YAAe,KAAA;AAAA,EACtC,MAAA,EAAQ,CAAC,GAAA,KAAgB,QAAA,CAAS,GAAG,CAAA;AAAA,EACrC,OAAO,MAAM,IAAA;AAAA,EACb,MAAM,MAAM;AACd;;;;"}

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

@@ -1,3 +1,4 @@
+import type { ImageProps } from './image';
 declare function clickHandler(): void;
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_14: {}, __VLS_17: {
     activeIndex: number;
@@ -26,46 +27,18 @@ type __VLS_Slots = {} & {
 } & {
     'viewer-error'?: (props: typeof __VLS_23) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly hideOnClickModal: BooleanConstructor;
-    readonly src: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly fit: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
-    readonly loading: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly lazy: BooleanConstructor;
-    readonly scrollContainer: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly previewSrcList: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-    readonly previewTeleported: BooleanConstructor;
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly initialIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly infinite: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly zoomRate: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
-    readonly scale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    readonly minScale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
-    readonly maxScale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-    readonly showProgress: BooleanConstructor;
-    readonly crossorigin: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ImageProps>, {
+    src: string;
+    fit: string;
+    previewSrcList: () => never[];
+    initialIndex: number;
+    infinite: boolean;
+    closeOnPressEscape: boolean;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+}>, {
     /** @description manually open preview */
     showPreview: typeof clickHandler;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -74,72 +47,56 @@ declare const __VLS_base: import("vue").DefineComponent<{
     close: () => void;
     error: (evt: Event) => void;
     load: (evt: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly hideOnClickModal: BooleanConstructor;
-    readonly src: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly fit: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
-    readonly loading: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly lazy: BooleanConstructor;
-    readonly scrollContainer: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement | undefined))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly previewSrcList: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
-    readonly previewTeleported: BooleanConstructor;
-    readonly zIndex: {
-        readonly type: import("vue").PropType<number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly initialIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly infinite: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly zoomRate: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
-    readonly scale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
-    readonly minScale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
-    readonly maxScale: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-    readonly showProgress: BooleanConstructor;
-    readonly crossorigin: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials"))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ImageProps>, {
+    src: string;
+    fit: string;
+    previewSrcList: () => never[];
+    initialIndex: number;
+    infinite: boolean;
+    closeOnPressEscape: boolean;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+}>>> & {
     onShow?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
     onError?: ((evt: Event) => any) | undefined;
     onLoad?: ((evt: Event) => any) | undefined;
     onSwitch?: ((val: number) => any) | undefined;
 }, {
-    readonly scale: number;
-    readonly infinite: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly lazy: boolean;
-    readonly src: string;
-    readonly fit: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown>;
-    readonly closeOnPressEscape: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly initialIndex: number;
-    readonly zoomRate: number;
-    readonly minScale: number;
-    readonly maxScale: number;
-    readonly hideOnClickModal: boolean;
-    readonly showProgress: boolean;
-    readonly previewSrcList: string[];
-    readonly previewTeleported: boolean;
+    scale: number;
+    infinite: boolean;
+    src: string;
+    fit: import("./image").ImageFitType;
+    closeOnPressEscape: boolean;
+    initialIndex: number;
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+    previewSrcList: string[];
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};