@element-plus/nightly 0.0.20220327 → 0.0.20220330

package/lib/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/lib/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/lib/components/image/src/image2.js

@@ -3,41 +3,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var shared = require('@vue/shared');
 var core = require('@vueuse/core');
 require('../../../hooks/index.js');
-var index = require('../../image-viewer/index.js');
+var index$4 = require('../../image-viewer/index.js');
 require('../../../utils/index.js');
 var image = require('./image.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-deprecated/index.js');
-var index$2 = require('../../../hooks/use-locale/index.js');
-var index$3 = require('../../../hooks/use-namespace/index.js');
-var index$4 = require('../../../hooks/use-attrs/index.js');
+var index = require('../../../hooks/use-deprecated/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
+var index$3 = require('../../../hooks/use-attrs/index.js');
 var position = require('../../../utils/dom/position.js');
 var types = require('../../../utils/types.js');
+var shared = require('@vue/shared');
 var scroll = require('../../../utils/dom/scroll.js');
 
-let prevOverflow = "";
-const _sfc_main = vue.defineComponent({
-  name: "ElImage",
-  components: {
-    ImageViewer: index.ElImageViewer
-  },
-  inheritAttrs: false,
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 0 };
+const __default__ = {
+  name: "ElImage"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: image.imageProps,
   emits: image.imageEmits,
-  setup(props, { emit, attrs: rawAttrs }) {
-    index$1.useDeprecated({
+  setup(__props, { emit }) {
+    const props = __props;
+    let prevOverflow = "";
+    index.useDeprecated({
       scope: "el-image",
       from: "append-to-body",
       replacement: "preview-teleported",
       version: "2.2.0",
       ref: "https://element-plus.org/en-US/component/image.html#image-attributess"
     }, vue.computed(() => core.isBoolean(props.appendToBody)));
-    const { t } = index$2.useLocale();
-    const ns = index$3.useNamespace("image");
-    const attrs = index$4.useAttrs();
+    const { t } = index$1.useLocale();
+    const ns = index$2.useNamespace("image");
+    const attrs = index$3.useAttrs();
     const hasLoadError = vue.ref(false);
     const loading = vue.ref(true);
     const imgWidth = vue.ref(0);
@@ -47,7 +48,7 @@ const _sfc_main = vue.defineComponent({
     const _scrollContainer = vue.ref();
     let stopScrollListener;
     let stopWheelListener;
-    const containerStyle = vue.computed(() => rawAttrs.style);
+    const containerStyle = vue.computed(() => attrs.value.style);
     const imageStyle = vue.computed(() => {
       const { fit } = props;
       if (core.isClient && fit) {
@@ -185,70 +186,50 @@ const _sfc_main = vue.defineComponent({
         loadImage();
       }
     });
-    return {
-      attrs,
-      loading,
-      hasLoadError,
-      showViewer,
-      containerStyle,
-      imageStyle,
-      preview,
-      imageIndex,
-      container,
-      ns,
-      teleported,
-      clickHandler,
-      closeViewer,
-      switchViewer,
-      t
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "container",
+        ref: container,
+        class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
+        style: vue.normalizeStyle(vue.unref(containerStyle))
+      }, [
+        loading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
+          }, null, 2)
+        ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("error"))
+          }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
+        ]) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 2 }, vue.unref(attrs), {
+          src: _ctx.src,
+          style: vue.unref(imageStyle),
+          class: [vue.unref(ns).e("inner"), vue.unref(preview) ? vue.unref(ns).e("preview") : ""],
+          onClick: clickHandler
+        }), null, 16, _hoisted_1)),
+        vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+          showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElImageViewer), {
+            key: 0,
+            "z-index": _ctx.zIndex,
+            "initial-index": vue.unref(imageIndex),
+            "url-list": _ctx.previewSrcList,
+            "hide-on-click-modal": _ctx.hideOnClickModal,
+            teleported: vue.unref(teleported),
+            onClose: closeViewer,
+            onSwitch: switchViewer
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                vue.renderSlot(_ctx.$slots, "viewer")
+              ])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["z-index", "initial-index", "url-list", "hide-on-click-modal", "teleported"])) : vue.createCommentVNode("v-if", true)
+        ], 2112)) : vue.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 = vue.resolveComponent("image-viewer");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    ref: "container",
-    class: vue.normalizeClass([_ctx.ns.b(), _ctx.$attrs.class]),
-    style: vue.normalizeStyle(_ctx.containerStyle)
-  }, [
-    _ctx.loading ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("placeholder"))
-      }, null, 2)
-    ]) : _ctx.hasLoadError ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.ns.e("error"))
-      }, vue.toDisplayString(_ctx.t("el.image.error")), 3)
-    ]) : (vue.openBlock(), vue.createElementBlock("img", vue.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 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-      _ctx.showViewer ? (vue.openBlock(), vue.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: vue.withCtx(() => [
-          _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-            vue.renderSlot(_ctx.$slots, "viewer")
-          ])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["z-index", "initial-index", "url-list", "hide-on-click-modal", "teleported", "onClose", "onSwitch"])) : vue.createCommentVNode("v-if", true)
-    ], 2112)) : vue.createCommentVNode("v-if", true)
-  ], 6);
-}
-var Image$1 = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = Image$1;
+exports["default"] = _sfc_main;
 //# sourceMappingURL=image2.js.map