@maple-design/ui-vue 0.0.0-stage → 1.1.0

package/types-generated/image/index.d.ts

@@ -0,0 +1,4507 @@
+import { imagePreviewGroupProps } from './groupProps';
+import _ImagePreviewAction from './ImagePreviewAction.vue';
+import { imagePreview } from './preview';
+import { imagePreviewProps } from './previewProps';
+import { imageProps } from './props';
+declare const ImagePreview: import("../utils/components").ComponentWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interaction: {
+        type: import("vue").PropType<import("./api").ImageInteraction>;
+        default: string;
+    };
+    popupContainer: {
+        type: import("vue").PropType<import("..").PopupContainer>;
+        default: undefined;
+        validator: ((value: unknown) => boolean) | undefined;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlayClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreventDefault: BooleanConstructor;
+    defaultScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    scaleStep: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    wheelZoom: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepDragOffset: BooleanConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+    previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+}>, {
+    n: (suffix?: string | undefined) => string;
+    refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    overlayRef: import("vue").Ref<{
+        _isTopLayer: (event?: Event | undefined) => boolean;
+    } | undefined, {
+        _isTopLayer: (event?: Event | undefined) => boolean;
+    } | undefined>;
+    wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+    isPreviewLoading: import("vue").Ref<boolean, boolean>;
+    handlePreviewSettled: (event: Event) => void;
+    mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+    labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+    actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+    toggleFullscreen: () => Promise<void> | undefined;
+    mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+    scale: import("vue").Ref<number, number>;
+    rotate: import("vue").Ref<number, number>;
+    translateX: import("vue").Ref<number, number>;
+    translateY: import("vue").Ref<number, number>;
+    moving: import("vue").Ref<boolean, boolean>;
+    isDesktop: import("vue").ComputedRef<boolean>;
+    isTouch: import("vue").ComputedRef<boolean>;
+    mergedWheelZoom: import("vue").ComputedRef<boolean>;
+    mergedKeyboard: import("vue").ComputedRef<boolean>;
+    open: () => void;
+    close: () => void;
+    reset: () => void;
+    zoomTo: (value: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    onPointerDown: (event: PointerEvent) => void;
+    onPointerMove: (event: PointerEvent) => void;
+    onPointerUp: (event: PointerEvent) => void;
+    onPointerCancel: (event: PointerEvent) => void;
+    onWheel: (event: WheelEvent) => void;
+    onDoubleClick: (event: MouseEvent) => void;
+    onOverlayClick: (event: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interaction: {
+        type: import("vue").PropType<import("./api").ImageInteraction>;
+        default: string;
+    };
+    popupContainer: {
+        type: import("vue").PropType<import("..").PopupContainer>;
+        default: undefined;
+        validator: ((value: unknown) => boolean) | undefined;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlayClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreventDefault: BooleanConstructor;
+    defaultScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    scaleStep: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    wheelZoom: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepDragOffset: BooleanConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+    previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    "onKey-escape"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    onPrev?: ((...args: any[]) => any) | undefined;
+    onNext?: ((...args: any[]) => any) | undefined;
+    "onLong-press"?: ((...args: any[]) => any) | undefined;
+}>, {
+    draggable: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    lockScroll: boolean;
+    overlayClosable: boolean;
+    escToClose: boolean;
+    popupContainer: import("..").PopupContainer;
+    closable: boolean;
+    keyboard: boolean;
+    interaction: import("./api").ImageInteraction;
+    imagePreventDefault: boolean;
+    defaultScale: number;
+    minScale: number;
+    maxScale: number;
+    scaleStep: number;
+    wheelZoom: boolean;
+    keepDragOffset: boolean;
+    showToolbar: boolean;
+}, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+    Overlay: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            zIndex: NumberConstructor;
+        }>> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+            close: () => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            click: (value: MouseEvent) => void;
+            "key-escape": (value: KeyboardEvent) => void;
+        }, import("vue").PublicProps, {
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unmountOnClose: boolean;
+            popupContainer: import("..").PopupContainer;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            zIndex: NumberConstructor;
+        }>> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        }, {}, {}, {}, {
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unmountOnClose: boolean;
+            popupContainer: import("..").PopupContainer;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmountOnClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        zIndex: NumberConstructor;
+    }>> & Readonly<{
+        onClick?: ((value: MouseEvent) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {
+        _isTopLayer: (event?: Event | undefined) => boolean;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:open": (value: boolean) => void;
+        close: () => void;
+        open: () => void;
+        opened: () => void;
+        closed: () => void;
+        click: (value: MouseEvent) => void;
+        "key-escape": (value: KeyboardEvent) => void;
+    }, string, {
+        open: boolean;
+        defaultOpen: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        unmountOnClose: boolean;
+        popupContainer: import("..").PopupContainer;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: ((props: {}) => any) | undefined;
+        };
+    });
+    PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        actions: {
+            type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            default: () => never[];
+        };
+        actionsLayout: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+    }>, {
+        n: (suffix?: string | undefined) => string;
+        resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        actions: {
+            type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            default: () => never[];
+        };
+        actionsLayout: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, {
+        actions: import("./ImagePreviewToolbar.vue").ActionType[];
+        actionsLayout: string[];
+    }, {}, {
+        PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            name: StringConstructor;
+            disabled: BooleanConstructor;
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            actionLabel: () => string | undefined;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            name: StringConstructor;
+            disabled: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            disabled: boolean;
+        }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    PreviewCloseIcon: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, import("vue").PublicProps, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        size?: string | number | undefined;
+        color?: string | undefined;
+        rotate?: number | undefined;
+        spin?: boolean | undefined;
+        title?: string | undefined;
+        strokeWidth?: number | undefined;
+        strokeLinecap?: "round" | "butt" | "square" | undefined;
+        strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+    }> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+    }, string, {
+        strokeWidth: number;
+        strokeLinecap: "round" | "butt" | "square";
+        strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App<any>): void;
+    };
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+declare const ImagePreviewGroup: import("../utils/components").ComponentWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    images: import("vue").PropType<string[]>;
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interaction: {
+        type: import("vue").PropType<import("./api").ImageInteraction>;
+        default: string;
+    };
+    popupContainer: {
+        type: import("vue").PropType<import("..").PopupContainer>;
+        default: undefined;
+        validator: ((value: unknown) => boolean) | undefined;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlayClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreventDefault: BooleanConstructor;
+    defaultScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    scaleStep: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    wheelZoom: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepDragOffset: BooleanConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+}>, {
+    previewRef: import("vue").Ref<import("./api").ImagePreviewInstance | undefined, import("./api").ImagePreviewInstance | undefined>;
+    currentUrl: import("vue").ComputedRef<string>;
+    trackImages: import("vue").ComputedRef<string[]>;
+    trackInstant: import("vue").Ref<boolean, boolean>;
+    trackStyle: (translateX: number, scale: number) => {
+        transform: string;
+    };
+    slideImageStyle: (index: number, scale: number, rotate: number, x: number, y: number) => {
+        transform: string;
+    };
+    handleTrackTransitionEnd: (event: TransitionEvent) => void;
+    previewBindings: import("vue").ComputedRef<{
+        draggable: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        closable: boolean;
+        interaction: import("./api").ImageInteraction;
+        imagePreventDefault: boolean;
+        defaultScale: number;
+        minScale: number;
+        maxScale: number;
+        scaleStep: number;
+        keepDragOffset: boolean;
+        showToolbar: boolean;
+        popupContainer: import("..").PopupContainer | undefined;
+        keyboard: boolean | undefined;
+        wheelZoom: boolean | undefined;
+        actionsLayout: import("./api").ImagePreviewActionName[] | undefined;
+        onChange: ((...args: any[]) => any) | undefined;
+        onClose: ((...args: any[]) => any) | undefined;
+        onOpen: ((...args: any[]) => any) | undefined;
+        onOpened: ((...args: any[]) => any) | undefined;
+        onClosed: ((...args: any[]) => any) | undefined;
+        "onKey-escape": ((...args: any[]) => any) | undefined;
+        "onUpdate:open": ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue": ((...args: any[]) => any) | undefined;
+        "onOpen-change": ((...args: any[]) => any) | undefined;
+        "onLong-press": ((...args: any[]) => any) | undefined;
+    }>;
+    open: (imageNumber?: number) => void;
+    close: () => void;
+    prev: () => void;
+    next: () => void;
+    to: (imageNumber: number) => void;
+    reset: () => void;
+    zoomTo: (scale: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    toggleFullscreen: () => Promise<void> | undefined;
+    previewImages: import("vue").ComputedRef<string[]>;
+    mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+    mergedCurrent: import("vue").WritableComputedRef<number, number>;
+    registerImageUrl: (id: number, url: string, canPreview: boolean, element?: (() => HTMLElement | null | undefined) | undefined) => () => void;
+    refreshOrder: () => void;
+    previewByImageId: (imageId: number) => void;
+    isDataMode: import("vue").ComputedRef<boolean>;
+    n: (suffix?: string | undefined) => string;
+    actionLabels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+    trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "open-change" | "update:modelValue" | "long-press")[], "change" | "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "open-change" | "update:modelValue" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    images: import("vue").PropType<string[]>;
+    modelValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    interaction: {
+        type: import("vue").PropType<import("./api").ImageInteraction>;
+        default: string;
+    };
+    popupContainer: {
+        type: import("vue").PropType<import("..").PopupContainer>;
+        default: undefined;
+        validator: ((value: unknown) => boolean) | undefined;
+    };
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overlayClosable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imagePreventDefault: BooleanConstructor;
+    defaultScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    minScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    maxScale: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    scaleStep: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    wheelZoom: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    keyboard: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepDragOffset: BooleanConstructor;
+    showToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    "onKey-escape"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    "onLong-press"?: ((...args: any[]) => any) | undefined;
+}>, {
+    draggable: boolean;
+    modelValue: number;
+    defaultValue: number;
+    open: boolean;
+    defaultOpen: boolean;
+    lockScroll: boolean;
+    overlayClosable: boolean;
+    escToClose: boolean;
+    popupContainer: import("..").PopupContainer;
+    closable: boolean;
+    loop: boolean;
+    keyboard: boolean;
+    interaction: import("./api").ImageInteraction;
+    imagePreventDefault: boolean;
+    defaultScale: number;
+    minScale: number;
+    maxScale: number;
+    scaleStep: number;
+    wheelZoom: boolean;
+    keepDragOffset: boolean;
+    showToolbar: boolean;
+}, import("vue").SlotsType<import("./api").ImagePreviewGroupSlots>, {
+    ImagePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>, {
+        n: (suffix?: string | undefined) => string;
+        refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        overlayRef: import("vue").Ref<{
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined>;
+        wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+        isPreviewLoading: import("vue").Ref<boolean, boolean>;
+        handlePreviewSettled: (event: Event) => void;
+        mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+        labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+        actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        toggleFullscreen: () => Promise<void> | undefined;
+        mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        scale: import("vue").Ref<number, number>;
+        rotate: import("vue").Ref<number, number>;
+        translateX: import("vue").Ref<number, number>;
+        translateY: import("vue").Ref<number, number>;
+        moving: import("vue").Ref<boolean, boolean>;
+        isDesktop: import("vue").ComputedRef<boolean>;
+        isTouch: import("vue").ComputedRef<boolean>;
+        mergedWheelZoom: import("vue").ComputedRef<boolean>;
+        mergedKeyboard: import("vue").ComputedRef<boolean>;
+        open: () => void;
+        close: () => void;
+        reset: () => void;
+        zoomTo: (value: number) => void;
+        zoomIn: () => void;
+        zoomOut: () => void;
+        rotateLeft: () => void;
+        rotateRight: () => void;
+        onPointerDown: (event: PointerEvent) => void;
+        onPointerMove: (event: PointerEvent) => void;
+        onPointerUp: (event: PointerEvent) => void;
+        onPointerCancel: (event: PointerEvent) => void;
+        onWheel: (event: WheelEvent) => void;
+        onDoubleClick: (event: MouseEvent) => void;
+        onOverlayClick: (event: MouseEvent) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        "onKey-escape"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+        onPrev?: ((...args: any[]) => any) | undefined;
+        onNext?: ((...args: any[]) => any) | undefined;
+        "onLong-press"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        draggable: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        popupContainer: import("..").PopupContainer;
+        closable: boolean;
+        keyboard: boolean;
+        interaction: import("./api").ImageInteraction;
+        imagePreventDefault: boolean;
+        defaultScale: number;
+        minScale: number;
+        maxScale: number;
+        scaleStep: number;
+        wheelZoom: boolean;
+        keepDragOffset: boolean;
+        showToolbar: boolean;
+    }, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+        Overlay: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                click: (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, import("vue").PublicProps, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            zIndex: NumberConstructor;
+        }>> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+            close: () => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            click: (value: MouseEvent) => void;
+            "key-escape": (value: KeyboardEvent) => void;
+        }, string, {
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unmountOnClose: boolean;
+            popupContainer: import("..").PopupContainer;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: ((props: {}) => any) | undefined;
+            };
+        });
+        PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>> & Readonly<{}>, {
+            actions: import("./ImagePreviewToolbar.vue").ActionType[];
+            actionsLayout: string[];
+        }, {}, {
+            PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>, {
+                n: (suffix?: string | undefined) => string;
+                actionLabel: () => string | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                disabled: boolean;
+            }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        PreviewCloseIcon: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App<any>): void;
+        };
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+declare const ImageFamily: import("../utils/components").ComponentWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        previewSrc: StringConstructor;
+        fallbackSrc: StringConstructor;
+        width: import("vue").PropType<string | number>;
+        height: import("vue").PropType<string | number>;
+        objectFit: {
+            type: import("vue").PropType<import("./api").ImageFit>;
+            default: string;
+        };
+        objectPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        radius: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        alt: StringConstructor;
+        title: StringConstructor;
+        description: StringConstructor;
+        loadDescription: StringConstructor;
+        hideFooter: {
+            type: import("vue").PropType<boolean | "never">;
+            default: boolean;
+        };
+        footerPosition: {
+            type: import("vue").PropType<"inner" | "outer">;
+            default: string;
+        };
+        footerClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        lazy: BooleanConstructor;
+        imgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        showLoader: BooleanConstructor;
+        ripple: BooleanConstructor;
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        previewDisabled: BooleanConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        previewProps: import("vue").PropType<Partial<import("./api").ImagePreviewProps>>;
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        imageRoot: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        canPreview: import("vue").ComputedRef<boolean>;
+        resolvedAlt: import("vue").ComputedRef<string>;
+        previewLabel: import("vue").ComputedRef<any>;
+        handlePreviewKeydown: (event: KeyboardEvent) => void;
+        handlePreviewKeyup: (event: KeyboardEvent) => void;
+        cancelPreviewKey: () => void;
+        n: (suffix?: string | undefined) => string;
+        classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+        toSizeUnit: typeof import("./platform").toSizeUnit;
+        isLoading: import("vue").ComputedRef<boolean>;
+        isLoaded: import("vue").ComputedRef<boolean>;
+        isError: import("vue").ComputedRef<boolean>;
+        displaySrc: import("vue").ComputedRef<string | undefined>;
+        showFooter: import("vue").ComputedRef<boolean>;
+        showStandalonePreview: import("vue").ComputedRef<boolean>;
+        mergePreview: import("vue").ComputedRef<boolean>;
+        previewOpenState: import("vue").WritableComputedRef<boolean, boolean>;
+        previewUrl: import("vue").ComputedRef<string>;
+        mergedPopupContainer: import("vue").ComputedRef<import("..").PopupContainer | undefined>;
+        mergedImgProps: import("vue").ComputedRef<{
+            alt?: string | undefined;
+            crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
+            decoding?: "async" | "auto" | "sync" | undefined;
+            height?: (string | number) | undefined;
+            loading?: "lazy" | "eager" | undefined;
+            referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
+            sizes?: string | undefined;
+            src?: string | undefined;
+            srcset?: string | undefined;
+            usemap?: string | undefined;
+            width?: (string | number) | undefined;
+            innerHTML?: string | undefined;
+            class?: any;
+            style?: import("vue").StyleValue;
+            accesskey?: string | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextmenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
+            id?: string | undefined;
+            inert?: (boolean | "true" | "false") | undefined;
+            lang?: string | undefined;
+            placeholder?: string | undefined;
+            spellcheck?: (boolean | "true" | "false") | undefined;
+            tabindex?: (string | number) | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radiogroup?: string | undefined;
+            role?: string | undefined;
+            about?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            resource?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autocapitalize?: string | undefined;
+            autocorrect?: string | undefined;
+            autosave?: string | undefined;
+            color?: string | undefined;
+            itemprop?: string | undefined;
+            itemscope?: (boolean | "true" | "false") | undefined;
+            itemtype?: string | undefined;
+            itemid?: string | undefined;
+            itemref?: string | undefined;
+            results?: (string | number) | undefined;
+            security?: string | undefined;
+            unselectable?: "off" | "on" | undefined;
+            inputmode?: "search" | "text" | "none" | "numeric" | "tel" | "email" | "url" | "decimal" | undefined;
+            is?: string | undefined;
+            'aria-activedescendant'?: string | undefined;
+            'aria-atomic'?: (boolean | "true" | "false") | undefined;
+            'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+            'aria-busy'?: (boolean | "true" | "false") | undefined;
+            'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-colcount'?: (string | number) | undefined;
+            'aria-colindex'?: (string | number) | undefined;
+            'aria-colspan'?: (string | number) | undefined;
+            'aria-controls'?: string | undefined;
+            'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
+            'aria-describedby'?: string | undefined;
+            'aria-details'?: string | undefined;
+            'aria-disabled'?: (boolean | "true" | "false") | undefined;
+            'aria-dropeffect'?: "link" | "copy" | "none" | "popup" | "move" | "execute" | undefined;
+            'aria-errormessage'?: string | undefined;
+            'aria-expanded'?: (boolean | "true" | "false") | undefined;
+            'aria-flowto'?: string | undefined;
+            'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+            'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree" | undefined;
+            'aria-hidden'?: (boolean | "true" | "false") | undefined;
+            'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+            'aria-keyshortcuts'?: string | undefined;
+            'aria-label'?: string | undefined;
+            'aria-labelledby'?: string | undefined;
+            'aria-level'?: (string | number) | undefined;
+            'aria-live'?: "polite" | "off" | "assertive" | undefined;
+            'aria-modal'?: (boolean | "true" | "false") | undefined;
+            'aria-multiline'?: (boolean | "true" | "false") | undefined;
+            'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+            'aria-orientation'?: "horizontal" | "vertical" | undefined;
+            'aria-owns'?: string | undefined;
+            'aria-placeholder'?: string | undefined;
+            'aria-posinset'?: (string | number) | undefined;
+            'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-readonly'?: (boolean | "true" | "false") | undefined;
+            'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+            'aria-required'?: (boolean | "true" | "false") | undefined;
+            'aria-roledescription'?: string | undefined;
+            'aria-rowcount'?: (string | number) | undefined;
+            'aria-rowindex'?: (string | number) | undefined;
+            'aria-rowspan'?: (string | number) | undefined;
+            'aria-selected'?: (boolean | "true" | "false") | undefined;
+            'aria-setsize'?: (string | number) | undefined;
+            'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+            'aria-valuemax'?: (string | number) | undefined;
+            'aria-valuemin'?: (string | number) | undefined;
+            'aria-valuenow'?: (string | number) | undefined;
+            'aria-valuetext'?: string | undefined;
+            onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+            onCut?: ((payload: ClipboardEvent) => void) | undefined;
+            onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+            onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+            onDrag?: ((payload: DragEvent) => void) | undefined;
+            onDragend?: ((payload: DragEvent) => void) | undefined;
+            onDragenter?: ((payload: DragEvent) => void) | undefined;
+            onDragexit?: ((payload: DragEvent) => void) | undefined;
+            onDragleave?: ((payload: DragEvent) => void) | undefined;
+            onDragover?: ((payload: DragEvent) => void) | undefined;
+            onDragstart?: ((payload: DragEvent) => void) | undefined;
+            onDrop?: ((payload: DragEvent) => void) | undefined;
+            onFocus?: ((payload: FocusEvent) => void) | undefined;
+            onFocusin?: ((payload: FocusEvent) => void) | undefined;
+            onFocusout?: ((payload: FocusEvent) => void) | undefined;
+            onBlur?: ((payload: FocusEvent) => void) | undefined;
+            onChange?: ((payload: Event) => void) | undefined;
+            onBeforeinput?: ((payload: Event) => void) | undefined;
+            onInput?: ((payload: Event) => void) | undefined;
+            onReset?: ((payload: Event) => void) | undefined;
+            onSubmit?: ((payload: Event) => void) | undefined;
+            onInvalid?: ((payload: Event) => void) | undefined;
+            onLoad?: ((payload: Event) => void) | undefined;
+            onError?: ((payload: Event) => void) | undefined;
+            onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+            onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+            onDblclick?: ((payload: MouseEvent) => void) | undefined;
+            onMousedown?: ((payload: MouseEvent) => void) | undefined;
+            onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+            onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+            onMousemove?: ((payload: MouseEvent) => void) | undefined;
+            onMouseout?: ((payload: MouseEvent) => void) | undefined;
+            onMouseover?: ((payload: MouseEvent) => void) | undefined;
+            onMouseup?: ((payload: MouseEvent) => void) | undefined;
+            onAbort?: ((payload: Event) => void) | undefined;
+            onCanplay?: ((payload: Event) => void) | undefined;
+            onCanplaythrough?: ((payload: Event) => void) | undefined;
+            onDurationchange?: ((payload: Event) => void) | undefined;
+            onEmptied?: ((payload: Event) => void) | undefined;
+            onEncrypted?: ((payload: Event) => void) | undefined;
+            onEnded?: ((payload: Event) => void) | undefined;
+            onLoadeddata?: ((payload: Event) => void) | undefined;
+            onLoadedmetadata?: ((payload: Event) => void) | undefined;
+            onLoadstart?: ((payload: Event) => void) | undefined;
+            onPause?: ((payload: Event) => void) | undefined;
+            onPlay?: ((payload: Event) => void) | undefined;
+            onPlaying?: ((payload: Event) => void) | undefined;
+            onProgress?: ((payload: Event) => void) | undefined;
+            onRatechange?: ((payload: Event) => void) | undefined;
+            onSeeked?: ((payload: Event) => void) | undefined;
+            onSeeking?: ((payload: Event) => void) | undefined;
+            onStalled?: ((payload: Event) => void) | undefined;
+            onSuspend?: ((payload: Event) => void) | undefined;
+            onTimeupdate?: ((payload: Event) => void) | undefined;
+            onVolumechange?: ((payload: Event) => void) | undefined;
+            onWaiting?: ((payload: Event) => void) | undefined;
+            onSelect?: ((payload: Event) => void) | undefined;
+            onScroll?: ((payload: Event) => void) | undefined;
+            onScrollend?: ((payload: Event) => void) | undefined;
+            onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+            onTouchend?: ((payload: TouchEvent) => void) | undefined;
+            onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+            onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+            onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+            onPointermove?: ((payload: PointerEvent) => void) | undefined;
+            onPointerup?: ((payload: PointerEvent) => void) | undefined;
+            onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+            onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+            onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+            onPointerover?: ((payload: PointerEvent) => void) | undefined;
+            onPointerout?: ((payload: PointerEvent) => void) | undefined;
+            onWheel?: ((payload: WheelEvent) => void) | undefined;
+            onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+            onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        }>;
+        rootAttrs: () => Pick<import("vue").HTMLAttributes, "style" | "class">;
+        handleLoad: (e: Event) => void;
+        handleError: (e: Event) => void;
+        handleClick: (e: Event) => void;
+        showPreview: () => void;
+        click: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load" | "update:open" | "open-change")[], import("vue").PublicProps, {
+        radius: string | number;
+        lazy: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        popupContainer: import("..").PopupContainer;
+        ripple: boolean;
+        block: boolean;
+        objectFit: import("./api").ImageFit;
+        objectPosition: string;
+        hideFooter: boolean | "never";
+        footerPosition: "inner" | "outer";
+        showLoader: boolean;
+        previewDisabled: boolean;
+    }, true, {}, import("vue").SlotsType<import("./api").ImageSlots>, {
+        ImagePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            src: StringConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            interaction: {
+                type: import("vue").PropType<import("./api").ImageInteraction>;
+                default: string;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imagePreventDefault: BooleanConstructor;
+            defaultScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            maxScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            scaleStep: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            wheelZoom: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            keyboard: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            keepDragOffset: BooleanConstructor;
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+            previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            overlayRef: import("vue").Ref<{
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            } | undefined, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            } | undefined>;
+            wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+            isPreviewLoading: import("vue").Ref<boolean, boolean>;
+            handlePreviewSettled: (event: Event) => void;
+            mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+            labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+            actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            toggleFullscreen: () => Promise<void> | undefined;
+            mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+            scale: import("vue").Ref<number, number>;
+            rotate: import("vue").Ref<number, number>;
+            translateX: import("vue").Ref<number, number>;
+            translateY: import("vue").Ref<number, number>;
+            moving: import("vue").Ref<boolean, boolean>;
+            isDesktop: import("vue").ComputedRef<boolean>;
+            isTouch: import("vue").ComputedRef<boolean>;
+            mergedWheelZoom: import("vue").ComputedRef<boolean>;
+            mergedKeyboard: import("vue").ComputedRef<boolean>;
+            open: () => void;
+            close: () => void;
+            reset: () => void;
+            zoomTo: (value: number) => void;
+            zoomIn: () => void;
+            zoomOut: () => void;
+            rotateLeft: () => void;
+            rotateRight: () => void;
+            onPointerDown: (event: PointerEvent) => void;
+            onPointerMove: (event: PointerEvent) => void;
+            onPointerUp: (event: PointerEvent) => void;
+            onPointerCancel: (event: PointerEvent) => void;
+            onWheel: (event: WheelEvent) => void;
+            onDoubleClick: (event: MouseEvent) => void;
+            onOverlayClick: (event: MouseEvent) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            src: StringConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            interaction: {
+                type: import("vue").PropType<import("./api").ImageInteraction>;
+                default: string;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imagePreventDefault: BooleanConstructor;
+            defaultScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            maxScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            scaleStep: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            wheelZoom: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            keyboard: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            keepDragOffset: BooleanConstructor;
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+            previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onOpened?: ((...args: any[]) => any) | undefined;
+            onClosed?: ((...args: any[]) => any) | undefined;
+            "onKey-escape"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+            "onOpen-change"?: ((...args: any[]) => any) | undefined;
+            onPrev?: ((...args: any[]) => any) | undefined;
+            onNext?: ((...args: any[]) => any) | undefined;
+            "onLong-press"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            draggable: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: import("..").PopupContainer;
+            closable: boolean;
+            keyboard: boolean;
+            interaction: import("./api").ImageInteraction;
+            imagePreventDefault: boolean;
+            defaultScale: number;
+            minScale: number;
+            maxScale: number;
+            scaleStep: number;
+            wheelZoom: boolean;
+            keepDragOffset: boolean;
+            showToolbar: boolean;
+        }, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+            Overlay: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<import("..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                    zIndex: NumberConstructor;
+                }>> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    _isTopLayer: (event?: Event | undefined) => boolean;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:open": (value: boolean) => void;
+                    close: () => void;
+                    open: () => void;
+                    opened: () => void;
+                    closed: () => void;
+                    click: (value: MouseEvent) => void;
+                    "key-escape": (value: KeyboardEvent) => void;
+                }, import("vue").PublicProps, {
+                    open: boolean;
+                    defaultOpen: boolean;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unmountOnClose: boolean;
+                    popupContainer: import("..").PopupContainer;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<import("..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                    zIndex: NumberConstructor;
+                }>> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    _isTopLayer: (event?: Event | undefined) => boolean;
+                }, {}, {}, {}, {
+                    open: boolean;
+                    defaultOpen: boolean;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unmountOnClose: boolean;
+                    popupContainer: import("..").PopupContainer;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                click: (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, string, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {}) => any) | undefined;
+                };
+            });
+            PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                actions: {
+                    type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                    default: () => never[];
+                };
+                actionsLayout: {
+                    type: import("vue").PropType<string[]>;
+                    default: () => never[];
+                };
+            }>, {
+                n: (suffix?: string | undefined) => string;
+                resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                actions: {
+                    type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                    default: () => never[];
+                };
+                actionsLayout: {
+                    type: import("vue").PropType<string[]>;
+                    default: () => never[];
+                };
+            }>> & Readonly<{}>, {
+                actions: import("./ImagePreviewToolbar.vue").ActionType[];
+                actionsLayout: string[];
+            }, {}, {
+                PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    disabled: BooleanConstructor;
+                }>, {
+                    n: (suffix?: string | undefined) => string;
+                    actionLabel: () => string | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    disabled: BooleanConstructor;
+                }>> & Readonly<{}>, {
+                    disabled: boolean;
+                }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            PreviewCloseIcon: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                install(app: import("vue").App<any>): void;
+            };
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ImageFooter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: StringConstructor;
+            description: StringConstructor;
+        }>, {
+            n: (suffix?: string | undefined) => string;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: StringConstructor;
+            description: StringConstructor;
+        }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ImageErrorIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        DefaultLoader: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    } & import("vue").GlobalComponents, {
+        Ripple: import("vue").Directive<HTMLElement, import("..").RippleDirectiveValue | undefined> & import("vue").Plugin;
+    } & import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        previewSrc: StringConstructor;
+        fallbackSrc: StringConstructor;
+        width: import("vue").PropType<string | number>;
+        height: import("vue").PropType<string | number>;
+        objectFit: {
+            type: import("vue").PropType<import("./api").ImageFit>;
+            default: string;
+        };
+        objectPosition: {
+            type: StringConstructor;
+            default: string;
+        };
+        radius: {
+            type: import("vue").PropType<string | number>;
+            default: number;
+        };
+        alt: StringConstructor;
+        title: StringConstructor;
+        description: StringConstructor;
+        loadDescription: StringConstructor;
+        hideFooter: {
+            type: import("vue").PropType<boolean | "never">;
+            default: boolean;
+        };
+        footerPosition: {
+            type: import("vue").PropType<"inner" | "outer">;
+            default: string;
+        };
+        footerClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+        lazy: BooleanConstructor;
+        imgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        showLoader: BooleanConstructor;
+        ripple: BooleanConstructor;
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        previewDisabled: BooleanConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        previewProps: import("vue").PropType<Partial<import("./api").ImagePreviewProps>>;
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onLoad?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        imageRoot: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        canPreview: import("vue").ComputedRef<boolean>;
+        resolvedAlt: import("vue").ComputedRef<string>;
+        previewLabel: import("vue").ComputedRef<any>;
+        handlePreviewKeydown: (event: KeyboardEvent) => void;
+        handlePreviewKeyup: (event: KeyboardEvent) => void;
+        cancelPreviewKey: () => void;
+        n: (suffix?: string | undefined) => string;
+        classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+        toSizeUnit: typeof import("./platform").toSizeUnit;
+        isLoading: import("vue").ComputedRef<boolean>;
+        isLoaded: import("vue").ComputedRef<boolean>;
+        isError: import("vue").ComputedRef<boolean>;
+        displaySrc: import("vue").ComputedRef<string | undefined>;
+        showFooter: import("vue").ComputedRef<boolean>;
+        showStandalonePreview: import("vue").ComputedRef<boolean>;
+        mergePreview: import("vue").ComputedRef<boolean>;
+        previewOpenState: import("vue").WritableComputedRef<boolean, boolean>;
+        previewUrl: import("vue").ComputedRef<string>;
+        mergedPopupContainer: import("vue").ComputedRef<import("..").PopupContainer | undefined>;
+        mergedImgProps: import("vue").ComputedRef<{
+            alt?: string | undefined;
+            crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
+            decoding?: "async" | "auto" | "sync" | undefined;
+            height?: (string | number) | undefined;
+            loading?: "lazy" | "eager" | undefined;
+            referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
+            sizes?: string | undefined;
+            src?: string | undefined;
+            srcset?: string | undefined;
+            usemap?: string | undefined;
+            width?: (string | number) | undefined;
+            innerHTML?: string | undefined;
+            class?: any;
+            style?: import("vue").StyleValue;
+            accesskey?: string | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+            contextmenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
+            id?: string | undefined;
+            inert?: (boolean | "true" | "false") | undefined;
+            lang?: string | undefined;
+            placeholder?: string | undefined;
+            spellcheck?: (boolean | "true" | "false") | undefined;
+            tabindex?: (string | number) | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radiogroup?: string | undefined;
+            role?: string | undefined;
+            about?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            resource?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autocapitalize?: string | undefined;
+            autocorrect?: string | undefined;
+            autosave?: string | undefined;
+            color?: string | undefined;
+            itemprop?: string | undefined;
+            itemscope?: (boolean | "true" | "false") | undefined;
+            itemtype?: string | undefined;
+            itemid?: string | undefined;
+            itemref?: string | undefined;
+            results?: (string | number) | undefined;
+            security?: string | undefined;
+            unselectable?: "off" | "on" | undefined;
+            inputmode?: "search" | "text" | "none" | "numeric" | "tel" | "email" | "url" | "decimal" | undefined;
+            is?: string | undefined;
+            'aria-activedescendant'?: string | undefined;
+            'aria-atomic'?: (boolean | "true" | "false") | undefined;
+            'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+            'aria-busy'?: (boolean | "true" | "false") | undefined;
+            'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-colcount'?: (string | number) | undefined;
+            'aria-colindex'?: (string | number) | undefined;
+            'aria-colspan'?: (string | number) | undefined;
+            'aria-controls'?: string | undefined;
+            'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
+            'aria-describedby'?: string | undefined;
+            'aria-details'?: string | undefined;
+            'aria-disabled'?: (boolean | "true" | "false") | undefined;
+            'aria-dropeffect'?: "link" | "copy" | "none" | "popup" | "move" | "execute" | undefined;
+            'aria-errormessage'?: string | undefined;
+            'aria-expanded'?: (boolean | "true" | "false") | undefined;
+            'aria-flowto'?: string | undefined;
+            'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+            'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree" | undefined;
+            'aria-hidden'?: (boolean | "true" | "false") | undefined;
+            'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+            'aria-keyshortcuts'?: string | undefined;
+            'aria-label'?: string | undefined;
+            'aria-labelledby'?: string | undefined;
+            'aria-level'?: (string | number) | undefined;
+            'aria-live'?: "polite" | "off" | "assertive" | undefined;
+            'aria-modal'?: (boolean | "true" | "false") | undefined;
+            'aria-multiline'?: (boolean | "true" | "false") | undefined;
+            'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+            'aria-orientation'?: "horizontal" | "vertical" | undefined;
+            'aria-owns'?: string | undefined;
+            'aria-placeholder'?: string | undefined;
+            'aria-posinset'?: (string | number) | undefined;
+            'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+            'aria-readonly'?: (boolean | "true" | "false") | undefined;
+            'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+            'aria-required'?: (boolean | "true" | "false") | undefined;
+            'aria-roledescription'?: string | undefined;
+            'aria-rowcount'?: (string | number) | undefined;
+            'aria-rowindex'?: (string | number) | undefined;
+            'aria-rowspan'?: (string | number) | undefined;
+            'aria-selected'?: (boolean | "true" | "false") | undefined;
+            'aria-setsize'?: (string | number) | undefined;
+            'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+            'aria-valuemax'?: (string | number) | undefined;
+            'aria-valuemin'?: (string | number) | undefined;
+            'aria-valuenow'?: (string | number) | undefined;
+            'aria-valuetext'?: string | undefined;
+            onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+            onCut?: ((payload: ClipboardEvent) => void) | undefined;
+            onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+            onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+            onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+            onDrag?: ((payload: DragEvent) => void) | undefined;
+            onDragend?: ((payload: DragEvent) => void) | undefined;
+            onDragenter?: ((payload: DragEvent) => void) | undefined;
+            onDragexit?: ((payload: DragEvent) => void) | undefined;
+            onDragleave?: ((payload: DragEvent) => void) | undefined;
+            onDragover?: ((payload: DragEvent) => void) | undefined;
+            onDragstart?: ((payload: DragEvent) => void) | undefined;
+            onDrop?: ((payload: DragEvent) => void) | undefined;
+            onFocus?: ((payload: FocusEvent) => void) | undefined;
+            onFocusin?: ((payload: FocusEvent) => void) | undefined;
+            onFocusout?: ((payload: FocusEvent) => void) | undefined;
+            onBlur?: ((payload: FocusEvent) => void) | undefined;
+            onChange?: ((payload: Event) => void) | undefined;
+            onBeforeinput?: ((payload: Event) => void) | undefined;
+            onInput?: ((payload: Event) => void) | undefined;
+            onReset?: ((payload: Event) => void) | undefined;
+            onSubmit?: ((payload: Event) => void) | undefined;
+            onInvalid?: ((payload: Event) => void) | undefined;
+            onLoad?: ((payload: Event) => void) | undefined;
+            onError?: ((payload: Event) => void) | undefined;
+            onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+            onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+            onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+            onClick?: ((payload: MouseEvent) => void) | undefined;
+            onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+            onDblclick?: ((payload: MouseEvent) => void) | undefined;
+            onMousedown?: ((payload: MouseEvent) => void) | undefined;
+            onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+            onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+            onMousemove?: ((payload: MouseEvent) => void) | undefined;
+            onMouseout?: ((payload: MouseEvent) => void) | undefined;
+            onMouseover?: ((payload: MouseEvent) => void) | undefined;
+            onMouseup?: ((payload: MouseEvent) => void) | undefined;
+            onAbort?: ((payload: Event) => void) | undefined;
+            onCanplay?: ((payload: Event) => void) | undefined;
+            onCanplaythrough?: ((payload: Event) => void) | undefined;
+            onDurationchange?: ((payload: Event) => void) | undefined;
+            onEmptied?: ((payload: Event) => void) | undefined;
+            onEncrypted?: ((payload: Event) => void) | undefined;
+            onEnded?: ((payload: Event) => void) | undefined;
+            onLoadeddata?: ((payload: Event) => void) | undefined;
+            onLoadedmetadata?: ((payload: Event) => void) | undefined;
+            onLoadstart?: ((payload: Event) => void) | undefined;
+            onPause?: ((payload: Event) => void) | undefined;
+            onPlay?: ((payload: Event) => void) | undefined;
+            onPlaying?: ((payload: Event) => void) | undefined;
+            onProgress?: ((payload: Event) => void) | undefined;
+            onRatechange?: ((payload: Event) => void) | undefined;
+            onSeeked?: ((payload: Event) => void) | undefined;
+            onSeeking?: ((payload: Event) => void) | undefined;
+            onStalled?: ((payload: Event) => void) | undefined;
+            onSuspend?: ((payload: Event) => void) | undefined;
+            onTimeupdate?: ((payload: Event) => void) | undefined;
+            onVolumechange?: ((payload: Event) => void) | undefined;
+            onWaiting?: ((payload: Event) => void) | undefined;
+            onSelect?: ((payload: Event) => void) | undefined;
+            onScroll?: ((payload: Event) => void) | undefined;
+            onScrollend?: ((payload: Event) => void) | undefined;
+            onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+            onTouchend?: ((payload: TouchEvent) => void) | undefined;
+            onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+            onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+            onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+            onPointermove?: ((payload: PointerEvent) => void) | undefined;
+            onPointerup?: ((payload: PointerEvent) => void) | undefined;
+            onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+            onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+            onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+            onPointerover?: ((payload: PointerEvent) => void) | undefined;
+            onPointerout?: ((payload: PointerEvent) => void) | undefined;
+            onWheel?: ((payload: WheelEvent) => void) | undefined;
+            onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+            onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+            onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+            onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+        }>;
+        rootAttrs: () => Pick<import("vue").HTMLAttributes, "style" | "class">;
+        handleLoad: (e: Event) => void;
+        handleError: (e: Event) => void;
+        handleClick: (e: Event) => void;
+        showPreview: () => void;
+        click: () => void;
+    }, {}, {}, {}, {
+        radius: string | number;
+        lazy: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        popupContainer: import("..").PopupContainer;
+        ripple: boolean;
+        block: boolean;
+        objectFit: import("./api").ImageFit;
+        objectPosition: string;
+        hideFooter: boolean | "never";
+        footerPosition: "inner" | "outer";
+        showLoader: boolean;
+        previewDisabled: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+    previewSrc: StringConstructor;
+    fallbackSrc: StringConstructor;
+    width: import("vue").PropType<string | number>;
+    height: import("vue").PropType<string | number>;
+    objectFit: {
+        type: import("vue").PropType<import("./api").ImageFit>;
+        default: string;
+    };
+    objectPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    radius: {
+        type: import("vue").PropType<string | number>;
+        default: number;
+    };
+    alt: StringConstructor;
+    title: StringConstructor;
+    description: StringConstructor;
+    loadDescription: StringConstructor;
+    hideFooter: {
+        type: import("vue").PropType<boolean | "never">;
+        default: boolean;
+    };
+    footerPosition: {
+        type: import("vue").PropType<"inner" | "outer">;
+        default: string;
+    };
+    footerClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    lazy: BooleanConstructor;
+    imgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    showLoader: BooleanConstructor;
+    ripple: BooleanConstructor;
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewDisabled: BooleanConstructor;
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    previewProps: import("vue").PropType<Partial<import("./api").ImagePreviewProps>>;
+    popupContainer: {
+        type: import("vue").PropType<import("..").PopupContainer>;
+        default: undefined;
+        validator: ((value: unknown) => boolean) | undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    imageRoot: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    canPreview: import("vue").ComputedRef<boolean>;
+    resolvedAlt: import("vue").ComputedRef<string>;
+    previewLabel: import("vue").ComputedRef<any>;
+    handlePreviewKeydown: (event: KeyboardEvent) => void;
+    handlePreviewKeyup: (event: KeyboardEvent) => void;
+    cancelPreviewKey: () => void;
+    n: (suffix?: string | undefined) => string;
+    classes: (...names: (import("../utils/components").NamespaceClass | [unknown, import("../utils/components").NamespaceClass, import("../utils/components").NamespaceClass?])[]) => import("../utils/components").NamespaceClass[];
+    toSizeUnit: typeof import("./platform").toSizeUnit;
+    isLoading: import("vue").ComputedRef<boolean>;
+    isLoaded: import("vue").ComputedRef<boolean>;
+    isError: import("vue").ComputedRef<boolean>;
+    displaySrc: import("vue").ComputedRef<string | undefined>;
+    showFooter: import("vue").ComputedRef<boolean>;
+    showStandalonePreview: import("vue").ComputedRef<boolean>;
+    mergePreview: import("vue").ComputedRef<boolean>;
+    previewOpenState: import("vue").WritableComputedRef<boolean, boolean>;
+    previewUrl: import("vue").ComputedRef<string>;
+    mergedPopupContainer: import("vue").ComputedRef<import("..").PopupContainer | undefined>;
+    mergedImgProps: import("vue").ComputedRef<{
+        alt?: string | undefined;
+        crossorigin?: "" | "anonymous" | "use-credentials" | undefined;
+        decoding?: "async" | "auto" | "sync" | undefined;
+        height?: (string | number) | undefined;
+        loading?: "lazy" | "eager" | undefined;
+        referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
+        sizes?: string | undefined;
+        src?: string | undefined;
+        srcset?: string | undefined;
+        usemap?: string | undefined;
+        width?: (string | number) | undefined;
+        innerHTML?: string | undefined;
+        class?: any;
+        style?: import("vue").StyleValue;
+        accesskey?: string | undefined;
+        contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextmenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        hidden?: "" | "hidden" | (boolean | "true" | "false") | "until-found" | undefined;
+        id?: string | undefined;
+        inert?: (boolean | "true" | "false") | undefined;
+        lang?: string | undefined;
+        placeholder?: string | undefined;
+        spellcheck?: (boolean | "true" | "false") | undefined;
+        tabindex?: (string | number) | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radiogroup?: string | undefined;
+        role?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        resource?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autocapitalize?: string | undefined;
+        autocorrect?: string | undefined;
+        autosave?: string | undefined;
+        color?: string | undefined;
+        itemprop?: string | undefined;
+        itemscope?: (boolean | "true" | "false") | undefined;
+        itemtype?: string | undefined;
+        itemid?: string | undefined;
+        itemref?: string | undefined;
+        results?: (string | number) | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputmode?: "search" | "text" | "none" | "numeric" | "tel" | "email" | "url" | "decimal" | undefined;
+        is?: string | undefined;
+        'aria-activedescendant'?: string | undefined;
+        'aria-atomic'?: (boolean | "true" | "false") | undefined;
+        'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
+        'aria-busy'?: (boolean | "true" | "false") | undefined;
+        'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-colcount'?: (string | number) | undefined;
+        'aria-colindex'?: (string | number) | undefined;
+        'aria-colspan'?: (string | number) | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
+        'aria-describedby'?: string | undefined;
+        'aria-details'?: string | undefined;
+        'aria-disabled'?: (boolean | "true" | "false") | undefined;
+        'aria-dropeffect'?: "link" | "copy" | "none" | "popup" | "move" | "execute" | undefined;
+        'aria-errormessage'?: string | undefined;
+        'aria-expanded'?: (boolean | "true" | "false") | undefined;
+        'aria-flowto'?: string | undefined;
+        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+        'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "grid" | "tree" | undefined;
+        'aria-hidden'?: (boolean | "true" | "false") | undefined;
+        'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
+        'aria-keyshortcuts'?: string | undefined;
+        'aria-label'?: string | undefined;
+        'aria-labelledby'?: string | undefined;
+        'aria-level'?: (string | number) | undefined;
+        'aria-live'?: "polite" | "off" | "assertive" | undefined;
+        'aria-modal'?: (boolean | "true" | "false") | undefined;
+        'aria-multiline'?: (boolean | "true" | "false") | undefined;
+        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
+        'aria-orientation'?: "horizontal" | "vertical" | undefined;
+        'aria-owns'?: string | undefined;
+        'aria-placeholder'?: string | undefined;
+        'aria-posinset'?: (string | number) | undefined;
+        'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+        'aria-readonly'?: (boolean | "true" | "false") | undefined;
+        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        'aria-required'?: (boolean | "true" | "false") | undefined;
+        'aria-roledescription'?: string | undefined;
+        'aria-rowcount'?: (string | number) | undefined;
+        'aria-rowindex'?: (string | number) | undefined;
+        'aria-rowspan'?: (string | number) | undefined;
+        'aria-selected'?: (boolean | "true" | "false") | undefined;
+        'aria-setsize'?: (string | number) | undefined;
+        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
+        'aria-valuemax'?: (string | number) | undefined;
+        'aria-valuemin'?: (string | number) | undefined;
+        'aria-valuenow'?: (string | number) | undefined;
+        'aria-valuetext'?: string | undefined;
+        onCopy?: ((payload: ClipboardEvent) => void) | undefined;
+        onCut?: ((payload: ClipboardEvent) => void) | undefined;
+        onPaste?: ((payload: ClipboardEvent) => void) | undefined;
+        onCompositionend?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionstart?: ((payload: CompositionEvent) => void) | undefined;
+        onCompositionupdate?: ((payload: CompositionEvent) => void) | undefined;
+        onDrag?: ((payload: DragEvent) => void) | undefined;
+        onDragend?: ((payload: DragEvent) => void) | undefined;
+        onDragenter?: ((payload: DragEvent) => void) | undefined;
+        onDragexit?: ((payload: DragEvent) => void) | undefined;
+        onDragleave?: ((payload: DragEvent) => void) | undefined;
+        onDragover?: ((payload: DragEvent) => void) | undefined;
+        onDragstart?: ((payload: DragEvent) => void) | undefined;
+        onDrop?: ((payload: DragEvent) => void) | undefined;
+        onFocus?: ((payload: FocusEvent) => void) | undefined;
+        onFocusin?: ((payload: FocusEvent) => void) | undefined;
+        onFocusout?: ((payload: FocusEvent) => void) | undefined;
+        onBlur?: ((payload: FocusEvent) => void) | undefined;
+        onChange?: ((payload: Event) => void) | undefined;
+        onBeforeinput?: ((payload: Event) => void) | undefined;
+        onInput?: ((payload: Event) => void) | undefined;
+        onReset?: ((payload: Event) => void) | undefined;
+        onSubmit?: ((payload: Event) => void) | undefined;
+        onInvalid?: ((payload: Event) => void) | undefined;
+        onLoad?: ((payload: Event) => void) | undefined;
+        onError?: ((payload: Event) => void) | undefined;
+        onKeydown?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeypress?: ((payload: KeyboardEvent) => void) | undefined;
+        onKeyup?: ((payload: KeyboardEvent) => void) | undefined;
+        onAuxclick?: ((payload: MouseEvent) => void) | undefined;
+        onClick?: ((payload: MouseEvent) => void) | undefined;
+        onContextmenu?: ((payload: MouseEvent) => void) | undefined;
+        onDblclick?: ((payload: MouseEvent) => void) | undefined;
+        onMousedown?: ((payload: MouseEvent) => void) | undefined;
+        onMouseenter?: ((payload: MouseEvent) => void) | undefined;
+        onMouseleave?: ((payload: MouseEvent) => void) | undefined;
+        onMousemove?: ((payload: MouseEvent) => void) | undefined;
+        onMouseout?: ((payload: MouseEvent) => void) | undefined;
+        onMouseover?: ((payload: MouseEvent) => void) | undefined;
+        onMouseup?: ((payload: MouseEvent) => void) | undefined;
+        onAbort?: ((payload: Event) => void) | undefined;
+        onCanplay?: ((payload: Event) => void) | undefined;
+        onCanplaythrough?: ((payload: Event) => void) | undefined;
+        onDurationchange?: ((payload: Event) => void) | undefined;
+        onEmptied?: ((payload: Event) => void) | undefined;
+        onEncrypted?: ((payload: Event) => void) | undefined;
+        onEnded?: ((payload: Event) => void) | undefined;
+        onLoadeddata?: ((payload: Event) => void) | undefined;
+        onLoadedmetadata?: ((payload: Event) => void) | undefined;
+        onLoadstart?: ((payload: Event) => void) | undefined;
+        onPause?: ((payload: Event) => void) | undefined;
+        onPlay?: ((payload: Event) => void) | undefined;
+        onPlaying?: ((payload: Event) => void) | undefined;
+        onProgress?: ((payload: Event) => void) | undefined;
+        onRatechange?: ((payload: Event) => void) | undefined;
+        onSeeked?: ((payload: Event) => void) | undefined;
+        onSeeking?: ((payload: Event) => void) | undefined;
+        onStalled?: ((payload: Event) => void) | undefined;
+        onSuspend?: ((payload: Event) => void) | undefined;
+        onTimeupdate?: ((payload: Event) => void) | undefined;
+        onVolumechange?: ((payload: Event) => void) | undefined;
+        onWaiting?: ((payload: Event) => void) | undefined;
+        onSelect?: ((payload: Event) => void) | undefined;
+        onScroll?: ((payload: Event) => void) | undefined;
+        onScrollend?: ((payload: Event) => void) | undefined;
+        onTouchcancel?: ((payload: TouchEvent) => void) | undefined;
+        onTouchend?: ((payload: TouchEvent) => void) | undefined;
+        onTouchmove?: ((payload: TouchEvent) => void) | undefined;
+        onTouchstart?: ((payload: TouchEvent) => void) | undefined;
+        onPointerdown?: ((payload: PointerEvent) => void) | undefined;
+        onPointermove?: ((payload: PointerEvent) => void) | undefined;
+        onPointerup?: ((payload: PointerEvent) => void) | undefined;
+        onPointercancel?: ((payload: PointerEvent) => void) | undefined;
+        onPointerenter?: ((payload: PointerEvent) => void) | undefined;
+        onPointerleave?: ((payload: PointerEvent) => void) | undefined;
+        onPointerover?: ((payload: PointerEvent) => void) | undefined;
+        onPointerout?: ((payload: PointerEvent) => void) | undefined;
+        onWheel?: ((payload: WheelEvent) => void) | undefined;
+        onAnimationstart?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationend?: ((payload: AnimationEvent) => void) | undefined;
+        onAnimationiteration?: ((payload: AnimationEvent) => void) | undefined;
+        onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
+        onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
+    }>;
+    rootAttrs: () => Pick<import("vue").HTMLAttributes, "style" | "class">;
+    handleLoad: (e: Event) => void;
+    handleError: (e: Event) => void;
+    handleClick: (e: Event) => void;
+    showPreview: () => void;
+    click: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load" | "update:open" | "open-change")[], "click" | "error" | "load" | "update:open" | "open-change", {
+    radius: string | number;
+    lazy: boolean;
+    open: boolean;
+    defaultOpen: boolean;
+    popupContainer: import("..").PopupContainer;
+    ripple: boolean;
+    block: boolean;
+    objectFit: import("./api").ImageFit;
+    objectPosition: string;
+    hideFooter: boolean | "never";
+    footerPosition: "inner" | "outer";
+    showLoader: boolean;
+    previewDisabled: boolean;
+}, {}, string, import("vue").SlotsType<import("./api").ImageSlots>, {
+    ImagePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>, {
+        n: (suffix?: string | undefined) => string;
+        refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        overlayRef: import("vue").Ref<{
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined>;
+        wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+        isPreviewLoading: import("vue").Ref<boolean, boolean>;
+        handlePreviewSettled: (event: Event) => void;
+        mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+        labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+        actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        toggleFullscreen: () => Promise<void> | undefined;
+        mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        scale: import("vue").Ref<number, number>;
+        rotate: import("vue").Ref<number, number>;
+        translateX: import("vue").Ref<number, number>;
+        translateY: import("vue").Ref<number, number>;
+        moving: import("vue").Ref<boolean, boolean>;
+        isDesktop: import("vue").ComputedRef<boolean>;
+        isTouch: import("vue").ComputedRef<boolean>;
+        mergedWheelZoom: import("vue").ComputedRef<boolean>;
+        mergedKeyboard: import("vue").ComputedRef<boolean>;
+        open: () => void;
+        close: () => void;
+        reset: () => void;
+        zoomTo: (value: number) => void;
+        zoomIn: () => void;
+        zoomOut: () => void;
+        rotateLeft: () => void;
+        rotateRight: () => void;
+        onPointerDown: (event: PointerEvent) => void;
+        onPointerMove: (event: PointerEvent) => void;
+        onPointerUp: (event: PointerEvent) => void;
+        onPointerCancel: (event: PointerEvent) => void;
+        onWheel: (event: WheelEvent) => void;
+        onDoubleClick: (event: MouseEvent) => void;
+        onOverlayClick: (event: MouseEvent) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        "onKey-escape"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+        onPrev?: ((...args: any[]) => any) | undefined;
+        onNext?: ((...args: any[]) => any) | undefined;
+        "onLong-press"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        draggable: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        popupContainer: import("..").PopupContainer;
+        closable: boolean;
+        keyboard: boolean;
+        interaction: import("./api").ImageInteraction;
+        imagePreventDefault: boolean;
+        defaultScale: number;
+        minScale: number;
+        maxScale: number;
+        scaleStep: number;
+        wheelZoom: boolean;
+        keepDragOffset: boolean;
+        showToolbar: boolean;
+    }, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+        Overlay: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                click: (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, import("vue").PublicProps, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            zIndex: NumberConstructor;
+        }>> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+            close: () => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            click: (value: MouseEvent) => void;
+            "key-escape": (value: KeyboardEvent) => void;
+        }, string, {
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unmountOnClose: boolean;
+            popupContainer: import("..").PopupContainer;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: ((props: {}) => any) | undefined;
+            };
+        });
+        PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>> & Readonly<{}>, {
+            actions: import("./ImagePreviewToolbar.vue").ActionType[];
+            actionsLayout: string[];
+        }, {}, {
+            PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>, {
+                n: (suffix?: string | undefined) => string;
+                actionLabel: () => string | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                disabled: boolean;
+            }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        PreviewCloseIcon: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App<any>): void;
+        };
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ImageFooter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        title: StringConstructor;
+        description: StringConstructor;
+    }>, {
+        n: (suffix?: string | undefined) => string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: StringConstructor;
+        description: StringConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    ImageErrorIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    DefaultLoader: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+} & import("vue").GlobalComponents, {
+    Ripple: import("vue").Directive<HTMLElement, import("..").RippleDirectiveValue | undefined> & import("vue").Plugin;
+} & import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    Preview: import("../utils/components").ComponentWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>, {
+        n: (suffix?: string | undefined) => string;
+        refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        overlayRef: import("vue").Ref<{
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        } | undefined>;
+        wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+        isPreviewLoading: import("vue").Ref<boolean, boolean>;
+        handlePreviewSettled: (event: Event) => void;
+        mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+        labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+        actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        toggleFullscreen: () => Promise<void> | undefined;
+        mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        scale: import("vue").Ref<number, number>;
+        rotate: import("vue").Ref<number, number>;
+        translateX: import("vue").Ref<number, number>;
+        translateY: import("vue").Ref<number, number>;
+        moving: import("vue").Ref<boolean, boolean>;
+        isDesktop: import("vue").ComputedRef<boolean>;
+        isTouch: import("vue").ComputedRef<boolean>;
+        mergedWheelZoom: import("vue").ComputedRef<boolean>;
+        mergedKeyboard: import("vue").ComputedRef<boolean>;
+        open: () => void;
+        close: () => void;
+        reset: () => void;
+        zoomTo: (value: number) => void;
+        zoomIn: () => void;
+        zoomOut: () => void;
+        rotateLeft: () => void;
+        rotateRight: () => void;
+        onPointerDown: (event: PointerEvent) => void;
+        onPointerMove: (event: PointerEvent) => void;
+        onPointerUp: (event: PointerEvent) => void;
+        onPointerCancel: (event: PointerEvent) => void;
+        onWheel: (event: WheelEvent) => void;
+        onDoubleClick: (event: MouseEvent) => void;
+        onOverlayClick: (event: MouseEvent) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        src: StringConstructor;
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+        previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        "onKey-escape"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+        onPrev?: ((...args: any[]) => any) | undefined;
+        onNext?: ((...args: any[]) => any) | undefined;
+        "onLong-press"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        draggable: boolean;
+        open: boolean;
+        defaultOpen: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        popupContainer: import("..").PopupContainer;
+        closable: boolean;
+        keyboard: boolean;
+        interaction: import("./api").ImageInteraction;
+        imagePreventDefault: boolean;
+        defaultScale: number;
+        minScale: number;
+        maxScale: number;
+        scaleStep: number;
+        wheelZoom: boolean;
+        keepDragOffset: boolean;
+        showToolbar: boolean;
+    }, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+        Overlay: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                click: (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, import("vue").PublicProps, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            unmountOnClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            zIndex: NumberConstructor;
+        }>> & Readonly<{
+            onClick?: ((value: MouseEvent) => any) | undefined;
+            onClose?: (() => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+            "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        }>, {
+            _isTopLayer: (event?: Event | undefined) => boolean;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+            close: () => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            click: (value: MouseEvent) => void;
+            "key-escape": (value: KeyboardEvent) => void;
+        }, string, {
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            unmountOnClose: boolean;
+            popupContainer: import("..").PopupContainer;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?: ((props: {}) => any) | undefined;
+            };
+        });
+        PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            actions: {
+                type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                default: () => never[];
+            };
+            actionsLayout: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
+            };
+        }>> & Readonly<{}>, {
+            actions: import("./ImagePreviewToolbar.vue").ActionType[];
+            actionsLayout: string[];
+        }, {}, {
+            PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>, {
+                n: (suffix?: string | undefined) => string;
+                actionLabel: () => string | undefined;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                name: StringConstructor;
+                disabled: BooleanConstructor;
+            }>> & Readonly<{}>, {
+                disabled: boolean;
+            }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        PreviewCloseIcon: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import("vue").PublicProps, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<{
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: number | undefined;
+            spin?: boolean | undefined;
+            title?: string | undefined;
+            strokeWidth?: number | undefined;
+            strokeLinecap?: "round" | "butt" | "square" | undefined;
+            strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+        }> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, {
+            strokeWidth: number;
+            strokeLinecap: "round" | "butt" | "square";
+            strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App<any>): void;
+        };
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    PreviewGroup: import("../utils/components").ComponentWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        images: import("vue").PropType<string[]>;
+        modelValue: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: NumberConstructor;
+            default: number;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+    }>, {
+        previewRef: import("vue").Ref<import("./api").ImagePreviewInstance | undefined, import("./api").ImagePreviewInstance | undefined>;
+        currentUrl: import("vue").ComputedRef<string>;
+        trackImages: import("vue").ComputedRef<string[]>;
+        trackInstant: import("vue").Ref<boolean, boolean>;
+        trackStyle: (translateX: number, scale: number) => {
+            transform: string;
+        };
+        slideImageStyle: (index: number, scale: number, rotate: number, x: number, y: number) => {
+            transform: string;
+        };
+        handleTrackTransitionEnd: (event: TransitionEvent) => void;
+        previewBindings: import("vue").ComputedRef<{
+            draggable: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            closable: boolean;
+            interaction: import("./api").ImageInteraction;
+            imagePreventDefault: boolean;
+            defaultScale: number;
+            minScale: number;
+            maxScale: number;
+            scaleStep: number;
+            keepDragOffset: boolean;
+            showToolbar: boolean;
+            popupContainer: import("..").PopupContainer | undefined;
+            keyboard: boolean | undefined;
+            wheelZoom: boolean | undefined;
+            actionsLayout: import("./api").ImagePreviewActionName[] | undefined;
+            onChange: ((...args: any[]) => any) | undefined;
+            onClose: ((...args: any[]) => any) | undefined;
+            onOpen: ((...args: any[]) => any) | undefined;
+            onOpened: ((...args: any[]) => any) | undefined;
+            onClosed: ((...args: any[]) => any) | undefined;
+            "onKey-escape": ((...args: any[]) => any) | undefined;
+            "onUpdate:open": ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue": ((...args: any[]) => any) | undefined;
+            "onOpen-change": ((...args: any[]) => any) | undefined;
+            "onLong-press": ((...args: any[]) => any) | undefined;
+        }>;
+        open: (imageNumber?: number) => void;
+        close: () => void;
+        prev: () => void;
+        next: () => void;
+        to: (imageNumber: number) => void;
+        reset: () => void;
+        zoomTo: (scale: number) => void;
+        zoomIn: () => void;
+        zoomOut: () => void;
+        rotateLeft: () => void;
+        rotateRight: () => void;
+        toggleFullscreen: () => Promise<void> | undefined;
+        previewImages: import("vue").ComputedRef<string[]>;
+        mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        mergedCurrent: import("vue").WritableComputedRef<number, number>;
+        registerImageUrl: (id: number, url: string, canPreview: boolean, element?: (() => HTMLElement | null | undefined) | undefined) => () => void;
+        refreshOrder: () => void;
+        previewByImageId: (imageId: number) => void;
+        isDataMode: import("vue").ComputedRef<boolean>;
+        n: (suffix?: string | undefined) => string;
+        actionLabels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+        trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "open-change" | "update:modelValue" | "long-press")[], "change" | "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "open-change" | "update:modelValue" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        images: import("vue").PropType<string[]>;
+        modelValue: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        defaultValue: {
+            type: NumberConstructor;
+            default: number;
+        };
+        loop: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        interaction: {
+            type: import("vue").PropType<import("./api").ImageInteraction>;
+            default: string;
+        };
+        popupContainer: {
+            type: import("vue").PropType<import("..").PopupContainer>;
+            default: undefined;
+            validator: ((value: unknown) => boolean) | undefined;
+        };
+        lockScroll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        overlayClosable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        imagePreventDefault: BooleanConstructor;
+        defaultScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        minScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        maxScale: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        scaleStep: {
+            type: NumberConstructor;
+            default: number;
+            validator: (value: number) => boolean;
+        };
+        wheelZoom: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        draggable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keepDragOffset: BooleanConstructor;
+        showToolbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        "onKey-escape"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onOpen-change"?: ((...args: any[]) => any) | undefined;
+        "onLong-press"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        draggable: boolean;
+        modelValue: number;
+        defaultValue: number;
+        open: boolean;
+        defaultOpen: boolean;
+        lockScroll: boolean;
+        overlayClosable: boolean;
+        escToClose: boolean;
+        popupContainer: import("..").PopupContainer;
+        closable: boolean;
+        loop: boolean;
+        keyboard: boolean;
+        interaction: import("./api").ImageInteraction;
+        imagePreventDefault: boolean;
+        defaultScale: number;
+        minScale: number;
+        maxScale: number;
+        scaleStep: number;
+        wheelZoom: boolean;
+        keepDragOffset: boolean;
+        showToolbar: boolean;
+    }, import("vue").SlotsType<import("./api").ImagePreviewGroupSlots>, {
+        ImagePreview: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            src: StringConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            interaction: {
+                type: import("vue").PropType<import("./api").ImageInteraction>;
+                default: string;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imagePreventDefault: BooleanConstructor;
+            defaultScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            maxScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            scaleStep: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            wheelZoom: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            keyboard: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            keepDragOffset: BooleanConstructor;
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+            previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        }>, {
+            n: (suffix?: string | undefined) => string;
+            refWrapper: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            overlayRef: import("vue").Ref<{
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            } | undefined, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            } | undefined>;
+            wrapperStyles: import("vue").ComputedRef<import("vue").CSSProperties>;
+            isPreviewLoading: import("vue").Ref<boolean, boolean>;
+            handlePreviewSettled: (event: Event) => void;
+            mergedActions: import("vue").ComputedRef<import("./api").ImagePreviewActionName[]>;
+            labels: import("vue").ComputedRef<Record<import("./api").ImagePreviewActionName, string>>;
+            actions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            toggleFullscreen: () => Promise<void> | undefined;
+            mergedOpen: import("vue").WritableComputedRef<boolean, boolean>;
+            scale: import("vue").Ref<number, number>;
+            rotate: import("vue").Ref<number, number>;
+            translateX: import("vue").Ref<number, number>;
+            translateY: import("vue").Ref<number, number>;
+            moving: import("vue").Ref<boolean, boolean>;
+            isDesktop: import("vue").ComputedRef<boolean>;
+            isTouch: import("vue").ComputedRef<boolean>;
+            mergedWheelZoom: import("vue").ComputedRef<boolean>;
+            mergedKeyboard: import("vue").ComputedRef<boolean>;
+            open: () => void;
+            close: () => void;
+            reset: () => void;
+            zoomTo: (value: number) => void;
+            zoomIn: () => void;
+            zoomOut: () => void;
+            rotateLeft: () => void;
+            rotateRight: () => void;
+            onPointerDown: (event: PointerEvent) => void;
+            onPointerMove: (event: PointerEvent) => void;
+            onPointerUp: (event: PointerEvent) => void;
+            onPointerCancel: (event: PointerEvent) => void;
+            onWheel: (event: WheelEvent) => void;
+            onDoubleClick: (event: MouseEvent) => void;
+            onOverlayClick: (event: MouseEvent) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press")[], "close" | "open" | "opened" | "closed" | "key-escape" | "update:open" | "next" | "open-change" | "prev" | "long-press", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            src: StringConstructor;
+            open: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            defaultOpen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            interaction: {
+                type: import("vue").PropType<import("./api").ImageInteraction>;
+                default: string;
+            };
+            popupContainer: {
+                type: import("vue").PropType<import("..").PopupContainer>;
+                default: undefined;
+                validator: ((value: unknown) => boolean) | undefined;
+            };
+            lockScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            overlayClosable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escToClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            imagePreventDefault: BooleanConstructor;
+            defaultScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            minScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            maxScale: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            scaleStep: {
+                type: NumberConstructor;
+                default: number;
+                validator: (value: number) => boolean;
+            };
+            wheelZoom: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            keyboard: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            draggable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            keepDragOffset: BooleanConstructor;
+            showToolbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            actionsLayout: import("vue").PropType<import("./api").ImagePreviewActionName[]>;
+            previewedImgProps: import("vue").PropType<import("vue").ImgHTMLAttributes>;
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onOpened?: ((...args: any[]) => any) | undefined;
+            onClosed?: ((...args: any[]) => any) | undefined;
+            "onKey-escape"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+            "onOpen-change"?: ((...args: any[]) => any) | undefined;
+            onPrev?: ((...args: any[]) => any) | undefined;
+            onNext?: ((...args: any[]) => any) | undefined;
+            "onLong-press"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            draggable: boolean;
+            open: boolean;
+            defaultOpen: boolean;
+            lockScroll: boolean;
+            overlayClosable: boolean;
+            escToClose: boolean;
+            popupContainer: import("..").PopupContainer;
+            closable: boolean;
+            keyboard: boolean;
+            interaction: import("./api").ImageInteraction;
+            imagePreventDefault: boolean;
+            defaultScale: number;
+            minScale: number;
+            maxScale: number;
+            scaleStep: number;
+            wheelZoom: boolean;
+            keepDragOffset: boolean;
+            showToolbar: boolean;
+        }, import("vue").SlotsType<import("./api").ImagePreviewSlots>, {
+            Overlay: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<import("..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                    zIndex: NumberConstructor;
+                }>> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    _isTopLayer: (event?: Event | undefined) => boolean;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:open": (value: boolean) => void;
+                    close: () => void;
+                    open: () => void;
+                    opened: () => void;
+                    closed: () => void;
+                    click: (value: MouseEvent) => void;
+                    "key-escape": (value: KeyboardEvent) => void;
+                }, import("vue").PublicProps, {
+                    open: boolean;
+                    defaultOpen: boolean;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unmountOnClose: boolean;
+                    popupContainer: import("..").PopupContainer;
+                }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    open: {
+                        type: BooleanConstructor;
+                        default: undefined;
+                    };
+                    defaultOpen: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    overlayClosable: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    lockScroll: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    unmountOnClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    escToClose: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    popupContainer: {
+                        type: import("vue").PropType<import("..").PopupContainer>;
+                        default: undefined;
+                        validator: ((value: unknown) => boolean) | undefined;
+                    };
+                    zIndex: NumberConstructor;
+                }>> & Readonly<{
+                    onClick?: ((value: MouseEvent) => any) | undefined;
+                    onClose?: (() => any) | undefined;
+                    onOpen?: (() => any) | undefined;
+                    onOpened?: (() => any) | undefined;
+                    onClosed?: (() => any) | undefined;
+                    "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    _isTopLayer: (event?: Event | undefined) => boolean;
+                }, {}, {}, {}, {
+                    open: boolean;
+                    defaultOpen: boolean;
+                    lockScroll: boolean;
+                    overlayClosable: boolean;
+                    escToClose: boolean;
+                    unmountOnClose: boolean;
+                    popupContainer: import("..").PopupContainer;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                open: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                defaultOpen: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                overlayClosable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                lockScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                unmountOnClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                escToClose: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                popupContainer: {
+                    type: import("vue").PropType<import("..").PopupContainer>;
+                    default: undefined;
+                    validator: ((value: unknown) => boolean) | undefined;
+                };
+                zIndex: NumberConstructor;
+            }>> & Readonly<{
+                onClick?: ((value: MouseEvent) => any) | undefined;
+                onClose?: (() => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                "onKey-escape"?: ((value: KeyboardEvent) => any) | undefined;
+                "onUpdate:open"?: ((value: boolean) => any) | undefined;
+            }>, {
+                _isTopLayer: (event?: Event | undefined) => boolean;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:open": (value: boolean) => void;
+                close: () => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                click: (value: MouseEvent) => void;
+                "key-escape": (value: KeyboardEvent) => void;
+            }, string, {
+                open: boolean;
+                defaultOpen: boolean;
+                lockScroll: boolean;
+                overlayClosable: boolean;
+                escToClose: boolean;
+                unmountOnClose: boolean;
+                popupContainer: import("..").PopupContainer;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: ((props: {}) => any) | undefined;
+                };
+            });
+            PreviewToolbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                actions: {
+                    type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                    default: () => never[];
+                };
+                actionsLayout: {
+                    type: import("vue").PropType<string[]>;
+                    default: () => never[];
+                };
+            }>, {
+                n: (suffix?: string | undefined) => string;
+                resultActions: import("vue").ComputedRef<import("./ImagePreviewToolbar.vue").ActionType[]>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                actions: {
+                    type: import("vue").PropType<import("./ImagePreviewToolbar.vue").ActionType[]>;
+                    default: () => never[];
+                };
+                actionsLayout: {
+                    type: import("vue").PropType<string[]>;
+                    default: () => never[];
+                };
+            }>> & Readonly<{}>, {
+                actions: import("./ImagePreviewToolbar.vue").ActionType[];
+                actionsLayout: string[];
+            }, {}, {
+                PreviewAction: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    disabled: BooleanConstructor;
+                }>, {
+                    n: (suffix?: string | undefined) => string;
+                    actionLabel: () => string | undefined;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    name: StringConstructor;
+                    disabled: BooleanConstructor;
+                }>> & Readonly<{}>, {
+                    disabled: boolean;
+                }, import("vue").SlotsType<import("./api").ImagePreviewActionSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            ImageLoadingIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            PreviewCloseIcon: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    click: (event: MouseEvent) => any;
+                }, import("vue").PublicProps, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<{
+                    size?: string | number | undefined;
+                    color?: string | undefined;
+                    rotate?: number | undefined;
+                    spin?: boolean | undefined;
+                    title?: string | undefined;
+                    strokeWidth?: number | undefined;
+                    strokeLinecap?: "round" | "butt" | "square" | undefined;
+                    strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+                }> & Readonly<{
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                }>, {}, {}, {}, {}, {
+                    strokeWidth: number;
+                    strokeLinecap: "round" | "butt" | "square";
+                    strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                size?: string | number | undefined;
+                color?: string | undefined;
+                rotate?: number | undefined;
+                spin?: boolean | undefined;
+                title?: string | undefined;
+                strokeWidth?: number | undefined;
+                strokeLinecap?: "round" | "butt" | "square" | undefined;
+                strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, string, {
+                strokeWidth: number;
+                strokeLinecap: "round" | "butt" | "square";
+                strokeLinejoin: "inherit" | "round" | "bevel" | "miter";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                install(app: import("vue").App<any>): void;
+            };
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    preview: typeof imagePreview;
+}>;
+export { ImageFamily as Image, ImagePreview, ImagePreviewGroup, _ImagePreviewAction as ImagePreviewAction, imageProps, imagePreviewProps, imagePreviewGroupProps, imagePreview, imagePreview as previewImage, imagePreview as ImagePreviewFn, };
+export type ImagePreviewActionInstance = InstanceType<typeof _ImagePreviewAction>;
+export type { ImageSlots, ImagePreviewImageSlotProps, ImagePreviewSlots, ImagePreviewGroupSlots, ImagePreviewActionSlots, ImageFit, ImageProps, ImageInteraction, ImagePreviewActionName, ImageInstance, ImagePreviewProps, ImagePreviewInstance, ImagePreviewGroupProps, ImagePreviewGroupInstance, ImagePreviewOptions, ImagePreviewHandle, UserImagePreviewOptions, } from './api';
+export declare const _ImageComponent: typeof ImageFamily;
+export declare const _ImagePreviewComponent: typeof ImagePreview;
+export declare const _ImagePreviewGroupComponent: typeof ImagePreviewGroup;
+export declare const _ImagePreviewActionComponent: typeof _ImagePreviewAction;
+export default ImageFamily;