@element-plus/nightly 0.0.20220327 → 0.0.20220330

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

@@ -10,15 +10,25 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
 }, {
-    attrs: import("vue").ComputedRef<Record<string, unknown>>;
-    loading: import("vue").Ref<boolean>;
-    hasLoadError: import("vue").Ref<boolean>;
-    showViewer: import("vue").Ref<boolean>;
-    containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-    imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    preview: import("vue").ComputedRef<boolean>;
-    imageIndex: import("vue").ComputedRef<number>;
-    container: import("vue").Ref<HTMLElement | undefined>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly src: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly fit: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+        readonly lazy: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly scrollContainer: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+        readonly previewSrcList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly previewTeleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onError?: ((evt: Event) => any) | undefined;
+        onSwitch?: ((val: number) => any) | undefined;
+    }>>;
+    emit: ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "switch", val: number) => void);
+    prevOverflow: string;
+    t: import("../..").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -33,11 +43,172 @@ export declare const ElImage: import("element-plus/es/utils").SFCWithInstall<imp
             (name: string): string;
         };
     };
+    attrs: import("vue").ComputedRef<Record<string, unknown>>;
+    hasLoadError: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
+    showViewer: import("vue").Ref<boolean>;
+    container: import("vue").Ref<HTMLElement | undefined>;
+    _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
+    stopScrollListener: () => void;
+    stopWheelListener: () => void;
+    containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+    imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    preview: import("vue").ComputedRef<boolean>;
     teleported: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
+    imageIndex: import("vue").ComputedRef<number>;
+    loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
+    handleLazyLoad: () => void;
+    lazyLoadHandler: () => void;
+    addLazyLoadListener: () => Promise<void>;
+    removeLazyLoadListener: () => void;
+    wheelHandler: (e: WheelEvent) => false | undefined;
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;
-    t: import("../..").Translator;
+    ImageViewer: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    }, {
+        Mode: {
+            CONTAIN: {
+                name: string;
+                icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            };
+            ORIGINAL: {
+                name: string;
+                icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            };
+        };
+        mousewheelEventName: string;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+            readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+            readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        }>> & {
+            onClose?: (() => any) | undefined;
+            onSwitch?: ((index: number) => any) | undefined;
+        }>>;
+        emit: ((event: "close") => void) & ((event: "switch", index: number) => void);
+        t: import("../..").Translator;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        nextZIndex: () => number;
+        wrapper: import("vue").Ref<HTMLDivElement | undefined>;
+        imgRefs: import("vue").Ref<any[]>;
+        scopeEventListener: import("vue").EffectScope;
+        loading: import("vue").Ref<boolean>;
+        index: import("vue").Ref<number>;
+        mode: import("vue").Ref<{
+            name: string;
+            icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }>;
+        transform: import("vue").Ref<{
+            scale: number;
+            deg: number;
+            offsetX: number;
+            offsetY: number;
+            enableTransition: boolean;
+        }>;
+        isSingle: import("vue").ComputedRef<boolean>;
+        isFirst: import("vue").ComputedRef<boolean>;
+        isLast: import("vue").ComputedRef<boolean>;
+        currentImg: import("vue").ComputedRef<string>;
+        imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        computedZIndex: import("vue").ComputedRef<number>;
+        hide: () => void;
+        registerEventListener: () => void;
+        unregisterEventListener: () => void;
+        handleImgLoad: () => void;
+        handleImgError: (e: Event) => void;
+        handleMouseDown: (e: MouseEvent) => void;
+        reset: () => void;
+        toggleMode: () => void;
+        prev: () => void;
+        next: () => void;
+        handleActions: (action: import("..").ImageViewerAction, options?: {}) => void;
+        ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
+            style: import("vue").ComputedRef<import("vue").CSSProperties>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>>, {
+            size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+            color: string;
+        }>> & Record<string, any>;
+        ArrowLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ArrowRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RefreshLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RefreshRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ZoomOut: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => boolean;
+        switch: (index: number) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onSwitch?: ((index: number) => any) | undefined;
+    }, {
+        zIndex: number;
+        teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        initialIndex: number;
+        hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        urlList: string[];
+    }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
     switch: (val: number) => boolean;

package/es/components/image/index.mjs

@@ -1,9 +1,9 @@
 import '../../utils/index.mjs';
-import Image from './src/image2.mjs';
+import _sfc_main from './src/image2.mjs';
 export { imageEmits, imageProps } from './src/image.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
-const ElImage = withInstall(Image);
+const ElImage = withInstall(_sfc_main);
 
 export { ElImage, ElImage as default };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Image from './src/image.vue'\n\nexport const ElImage = withInstall(Image)\nexport default ElImage\n\nexport * from './src/image'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,OAAO,GAAG,WAAW,CAAC,KAAK;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Image from './src/image.vue'\n\nexport const ElImage = withInstall(Image)\nexport default ElImage\n\nexport * from './src/image'\n"],"names":["Image"],"mappings":";;;;;AAEY,MAAC,OAAO,GAAG,WAAW,CAACA,SAAK;;;;"}

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

@@ -11,15 +11,25 @@ declare const _default: import("vue").DefineComponent<{
     readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
     readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
 }, {
-    attrs: import("vue").ComputedRef<Record<string, unknown>>;
-    loading: import("vue").Ref<boolean>;
-    hasLoadError: import("vue").Ref<boolean>;
-    showViewer: import("vue").Ref<boolean>;
-    containerStyle: import("vue").ComputedRef<StyleValue>;
-    imageStyle: import("vue").ComputedRef<CSSProperties>;
-    preview: import("vue").ComputedRef<boolean>;
-    imageIndex: import("vue").ComputedRef<number>;
-    container: import("vue").Ref<HTMLElement | undefined>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly appendToBody: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly src: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly fit: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+        readonly lazy: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly scrollContainer: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+        readonly previewSrcList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly previewTeleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onError?: ((evt: Event) => any) | undefined;
+        onSwitch?: ((val: number) => any) | undefined;
+    }>>;
+    emit: ((event: "error", evt: Event) => void) & ((event: "close") => void) & ((event: "switch", val: number) => void);
+    prevOverflow: string;
+    t: import("element-plus/es/hooks").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -34,11 +44,172 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): string;
         };
     };
+    attrs: import("vue").ComputedRef<Record<string, unknown>>;
+    hasLoadError: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<boolean>;
+    imgWidth: import("vue").Ref<number>;
+    imgHeight: import("vue").Ref<number>;
+    showViewer: import("vue").Ref<boolean>;
+    container: import("vue").Ref<HTMLElement | undefined>;
+    _scrollContainer: import("vue").Ref<Window | HTMLElement | undefined>;
+    stopScrollListener: () => void;
+    stopWheelListener: () => void;
+    containerStyle: import("vue").ComputedRef<StyleValue>;
+    imageStyle: import("vue").ComputedRef<CSSProperties>;
+    preview: import("vue").ComputedRef<boolean>;
     teleported: import("vue").ComputedRef<import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>>;
+    imageIndex: import("vue").ComputedRef<number>;
+    loadImage: () => void;
+    handleLoad: (e: Event, img: HTMLImageElement) => void;
+    handleError: (event: Event) => void;
+    handleLazyLoad: () => void;
+    lazyLoadHandler: () => void;
+    addLazyLoadListener: () => Promise<void>;
+    removeLazyLoadListener: () => void;
+    wheelHandler: (e: WheelEvent) => false | undefined;
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;
-    t: import("element-plus/es/hooks").Translator;
+    ImageViewer: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    }, {
+        Mode: {
+            CONTAIN: {
+                name: string;
+                icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            };
+            ORIGINAL: {
+                name: string;
+                icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            };
+        };
+        mousewheelEventName: string;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+            readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+            readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        }>> & {
+            onClose?: (() => any) | undefined;
+            onSwitch?: ((index: number) => any) | undefined;
+        }>>;
+        emit: ((event: "close") => void) & ((event: "switch", index: number) => void);
+        t: import("element-plus/es/hooks").Translator;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        nextZIndex: () => number;
+        wrapper: import("vue").Ref<HTMLDivElement | undefined>;
+        imgRefs: import("vue").Ref<any[]>;
+        scopeEventListener: import("vue").EffectScope;
+        loading: import("vue").Ref<boolean>;
+        index: import("vue").Ref<number>;
+        mode: import("vue").Ref<{
+            name: string;
+            icon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }>;
+        transform: import("vue").Ref<{
+            scale: number;
+            deg: number;
+            offsetX: number;
+            offsetY: number;
+            enableTransition: boolean;
+        }>;
+        isSingle: import("vue").ComputedRef<boolean>;
+        isFirst: import("vue").ComputedRef<boolean>;
+        isLast: import("vue").ComputedRef<boolean>;
+        currentImg: import("vue").ComputedRef<string>;
+        imgStyle: import("vue").ComputedRef<CSSProperties>;
+        computedZIndex: import("vue").ComputedRef<number>;
+        hide: () => void;
+        registerEventListener: () => void;
+        unregisterEventListener: () => void;
+        handleImgLoad: () => void;
+        handleImgError: (e: Event) => void;
+        handleMouseDown: (e: MouseEvent) => void;
+        reset: () => void;
+        toggleMode: () => void;
+        prev: () => void;
+        next: () => void;
+        handleActions: (action: import("element-plus/es/components/image-viewer").ImageViewerAction, options?: {}) => void;
+        ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
+            style: import("vue").ComputedRef<CSSProperties>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>>, {
+            size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+            color: string;
+        }>> & Record<string, any>;
+        ArrowLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ArrowRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RefreshLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        RefreshRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ZoomOut: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => boolean;
+        switch: (index: number) => boolean;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly urlList: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("element-plus/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    }>> & {
+        onClose?: (() => any) | undefined;
+        onSwitch?: ((index: number) => any) | undefined;
+    }, {
+        zIndex: number;
+        teleported: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        infinite: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        initialIndex: number;
+        hideOnClickModal: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        urlList: string[];
+    }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
     switch: (val: number) => boolean;

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

@@ -1,29 +1,30 @@
-import { defineComponent, computed, ref, nextTick, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, Fragment, createBlock, withCtx, createCommentVNode } from 'vue';
-import { isString } from '@vue/shared';
+import { defineComponent, computed, ref, nextTick, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, Fragment, createBlock, withCtx, createCommentVNode } from 'vue';
 import { isBoolean, isClient, useThrottleFn, useEventListener } from '@vueuse/core';
 import '../../../hooks/index.mjs';
 import { ElImageViewer } from '../../image-viewer/index.mjs';
 import '../../../utils/index.mjs';
 import { imageProps, imageEmits } from './image.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useDeprecated } from '../../../hooks/use-deprecated/index.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useAttrs } from '../../../hooks/use-attrs/index.mjs';
 import { isInContainer } from '../../../utils/dom/position.mjs';
 import { isElement } from '../../../utils/types.mjs';
+import { isString } from '@vue/shared';
 import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
 
-let prevOverflow = "";
-const _sfc_main = defineComponent({
-  name: "ElImage",
-  components: {
-    ImageViewer: ElImageViewer
-  },
-  inheritAttrs: false,
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 0 };
+const __default__ = {
+  name: "ElImage"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
   props: imageProps,
   emits: imageEmits,
-  setup(props, { emit, attrs: rawAttrs }) {
+  setup(__props, { emit }) {
+    const props = __props;
+    let prevOverflow = "";
     useDeprecated({
       scope: "el-image",
       from: "append-to-body",
@@ -43,7 +44,7 @@ const _sfc_main = defineComponent({
     const _scrollContainer = ref();
     let stopScrollListener;
     let stopWheelListener;
-    const containerStyle = computed(() => rawAttrs.style);
+    const containerStyle = computed(() => attrs.value.style);
     const imageStyle = computed(() => {
       const { fit } = props;
       if (isClient && fit) {
@@ -181,70 +182,50 @@ const _sfc_main = defineComponent({
         loadImage();
       }
     });
-    return {
-      attrs,
-      loading,
-      hasLoadError,
-      showViewer,
-      containerStyle,
-      imageStyle,
-      preview,
-      imageIndex,
-      container,
-      ns,
-      teleported,
-      clickHandler,
-      closeViewer,
-      switchViewer,
-      t
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "container",
+        ref: container,
+        class: normalizeClass([unref(ns).b(), _ctx.$attrs.class]),
+        style: normalizeStyle(unref(containerStyle))
+      }, [
+        loading.value ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("placeholder"))
+          }, null, 2)
+        ]) : hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("error"))
+          }, toDisplayString(unref(t)("el.image.error")), 3)
+        ]) : (openBlock(), createElementBlock("img", mergeProps({ key: 2 }, unref(attrs), {
+          src: _ctx.src,
+          style: unref(imageStyle),
+          class: [unref(ns).e("inner"), unref(preview) ? unref(ns).e("preview") : ""],
+          onClick: clickHandler
+        }), null, 16, _hoisted_1)),
+        unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          showViewer.value ? (openBlock(), createBlock(unref(ElImageViewer), {
+            key: 0,
+            "z-index": _ctx.zIndex,
+            "initial-index": unref(imageIndex),
+            "url-list": _ctx.previewSrcList,
+            "hide-on-click-modal": _ctx.hideOnClickModal,
+            teleported: unref(teleported),
+            onClose: closeViewer,
+            onSwitch: switchViewer
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                renderSlot(_ctx.$slots, "viewer")
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["z-index", "initial-index", "url-list", "hide-on-click-modal", "teleported"])) : createCommentVNode("v-if", true)
+        ], 2112)) : createCommentVNode("v-if", true)
+      ], 6);
     };
   }
 });
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { key: 0 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_image_viewer = resolveComponent("image-viewer");
-  return openBlock(), createElementBlock("div", {
-    ref: "container",
-    class: normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
-    style: normalizeStyle(_ctx.containerStyle)
-  }, [
-    _ctx.loading ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("placeholder"))
-      }, null, 2)
-    ]) : _ctx.hasLoadError ? renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-      createElementVNode("div", {
-        class: normalizeClass(_ctx.ns.e("error"))
-      }, toDisplayString(_ctx.t("el.image.error")), 3)
-    ]) : (openBlock(), createElementBlock("img", mergeProps({ key: 2 }, _ctx.attrs, {
-      src: _ctx.src,
-      style: _ctx.imageStyle,
-      class: [_ctx.ns.e("inner"), _ctx.preview ? _ctx.ns.e("preview") : ""],
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
-    }), null, 16, _hoisted_1)),
-    _ctx.preview ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-      _ctx.showViewer ? (openBlock(), createBlock(_component_image_viewer, {
-        key: 0,
-        "z-index": _ctx.zIndex,
-        "initial-index": _ctx.imageIndex,
-        "url-list": _ctx.previewSrcList,
-        "hide-on-click-modal": _ctx.hideOnClickModal,
-        teleported: _ctx.teleported,
-        onClose: _ctx.closeViewer,
-        onSwitch: _ctx.switchViewer
-      }, {
-        default: withCtx(() => [
-          _ctx.$slots.viewer ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            renderSlot(_ctx.$slots, "viewer")
-          ])) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["z-index", "initial-index", "url-list", "hide-on-click-modal", "teleported", "onClose", "onSwitch"])) : createCommentVNode("v-if", true)
-    ], 2112)) : createCommentVNode("v-if", true)
-  ], 6);
-}
-var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { Image$1 as default };
+export { _sfc_main as default };
 //# sourceMappingURL=image2.mjs.map