fangguo-component 1.1.4 → 1.2.0

package/dist/components/viewImgPopover/ViewImgPopover.vue.d.ts

@@ -0,0 +1,705 @@
+import { VNode } from 'vue';
+import { ImgSizeOptions } from '../../tools/imgUrl';
+import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload } from '../viewImgPreview/types';
+type ObjectFit = "fill" | "contain" | "cover" | "none" | "scale-down" | "";
+type __VLS_Props = {
+    /** 图片地址 */
+    src?: string;
+    /** 图片适应方式 */
+    fit?: ObjectFit;
+    /** 是否懒加载 */
+    lazy?: boolean;
+    /** 外部 loading 状态，为 true 时展示 placeholder */
+    loading?: boolean;
+    /** 是否开启点击预览大图 */
+    preview?: boolean;
+    /** 预览图片列表，默认 `[src]` */
+    previewSrcList?: string[];
+    /** 预览初始索引，默认取当前 `src` 在列表中的位置 */
+    initialIndex?: number;
+    /** 兼容旧字段，等同 `initialIndex` */
+    defImgPreviewIndex?: number;
+    /** 预览是否循环切换 */
+    infinite?: boolean;
+    /** 预览层 z-index；未传时在打开时自动取 max(.el-overlay, 2000) + 1 */
+    zIndex?: number;
+    /** 点击遮罩是否关闭预览 */
+    hideOnClickModal?: boolean;
+    /** 是否按 ESC 关闭预览 */
+    closeOnPressEscape?: boolean;
+    /** 预览是否 Teleport 到 body（推荐嵌套 transform 场景设为 true） */
+    previewTeleported?: boolean;
+    /** 同 previewTeleported（兼容旧字段） */
+    teleported?: boolean;
+    /** 预览缩放速率 */
+    zoomRate?: number;
+    /** 预览初始缩放比例 */
+    scale?: number;
+    /** 预览最小缩放比例 */
+    minScale?: number;
+    /** 预览最大缩放比例 */
+    maxScale?: number;
+    /** 预览是否显示进度（如 1/3） */
+    showProgress?: boolean;
+    /** 预览工具栏背景色 */
+    toolbarBgColor?: string;
+    /** 兼容旧字段，等同 `toolbarBgColor` */
+    backgroundColor?: string;
+    /** 预览工具栏图标/文字颜色 */
+    toolbarIconColor?: string;
+    /** 预览工具栏自定义工具 */
+    simpleExtraTools?: SimpleCustomTool[];
+    /** 预览工具栏自定义渲染 */
+    renderExtraTools?: VNode | null;
+    /** 预览工具栏原始工具栏 */
+    originalToolbar?: OriginalToolbarItem[];
+    /** 图片加载错误时显示的颜色 */
+    errorColor?: string;
+    /** 图片加载错误时显示的偏移量 */
+    errorOffset?: number;
+    /** 图片加载错误时显示的文本 */
+    errorText?: string;
+    /** 是否开启 OSS 处理 */
+    ossProcess?: boolean;
+    /** 当前组件使用的 OSS 域名白名单；未传时使用 configureImgUrl 注入的全局配置 */
+    ossLinks?: string[];
+    /** 图片缩放规则（w-宽, h-高, s-短边, l-长边） */
+    imgSize?: ImgSizeOptions;
+    /** 是否移除预览 URL 的查询参数 */
+    previewStripQuery?: boolean;
+    /** Popover 内大图地址，默认与主图逻辑一致 */
+    hoverSrc?: string;
+    /** 悬停大图缩放规则，未传时与主图 imgSize 一致 */
+    hoverImgSize?: ImgSizeOptions;
+    /** 透传给 LazyPopover / el-popover */
+    hoverPopoverProps?: Record<string, unknown>;
+    /** 是否显示水印 */
+    isShowWatermark?: boolean;
+    /** 水印标题 */
+    waterMarkTitle?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        placeholder?(_: {}): any;
+        error?(_: {}): any;
+        error?(_: {}): any;
+        error?(_: {}): any;
+    };
+    refs: {
+        viewImgRef: {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                backgroundColor: string;
+                scale: number;
+                zIndex: number;
+                infinite: boolean;
+                lazy: boolean;
+                teleported: boolean;
+                loading: boolean;
+                preview: boolean;
+                closeOnPressEscape: boolean;
+                src: string;
+                hideOnClickModal: boolean;
+                previewSrcList: string[];
+                previewTeleported: boolean;
+                fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+                defImgPreviewIndex: number;
+                toolbarBgColor: string;
+                toolbarIconColor: string;
+                simpleExtraTools: SimpleCustomTool[];
+                renderExtraTools: VNode | null;
+                originalToolbar: OriginalToolbarItem[];
+                zoomRate: number;
+                minScale: number;
+                maxScale: number;
+                showProgress: boolean;
+                initialIndex: number;
+                errorColor: string;
+                errorOffset: number;
+                errorText: string;
+                ossProcess: boolean;
+                ossLinks: string[];
+                imgSize: ImgSizeOptions;
+                previewStripQuery: boolean;
+            }> & Omit<{
+                readonly src?: string;
+                readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+                readonly lazy?: boolean;
+                readonly loading?: boolean;
+                readonly preview?: boolean;
+                readonly previewSrcList?: string[];
+                readonly initialIndex?: number;
+                readonly defImgPreviewIndex?: number;
+                readonly infinite?: boolean;
+                readonly zIndex?: number;
+                readonly hideOnClickModal?: boolean;
+                readonly closeOnPressEscape?: boolean;
+                readonly previewTeleported?: boolean;
+                readonly teleported?: boolean;
+                readonly zoomRate?: number;
+                readonly scale?: number;
+                readonly minScale?: number;
+                readonly maxScale?: number;
+                readonly showProgress?: boolean;
+                readonly toolbarBgColor?: string;
+                readonly backgroundColor?: string;
+                readonly toolbarIconColor?: string;
+                readonly simpleExtraTools?: SimpleCustomTool[];
+                readonly renderExtraTools?: VNode | null;
+                readonly originalToolbar?: OriginalToolbarItem[];
+                readonly errorColor?: string;
+                readonly errorOffset?: number;
+                readonly errorText?: string;
+                readonly ossProcess?: boolean;
+                readonly ossLinks?: string[];
+                readonly imgSize?: ImgSizeOptions;
+                readonly previewStripQuery?: boolean;
+                readonly onSwitch?: (index: number) => any;
+                readonly onShow?: (payload: PreviewShowPayload) => any;
+                readonly onClose?: () => any;
+                readonly onError?: (event: Event) => any;
+                readonly onLoad?: (event: Event) => any;
+                readonly onRetry?: (payload: {
+                    from: string;
+                    to: string;
+                }) => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any>;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "switch", index: number) => void) & ((event: "show", payload: PreviewShowPayload) => void) & ((event: "close") => void) & ((event: "error", event: Event) => void) & ((event: "load", event: Event) => void) & ((event: "retry", payload: {
+                from: string;
+                to: string;
+            }) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                src?: string;
+                fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+                lazy?: boolean;
+                loading?: boolean;
+                preview?: boolean;
+                previewSrcList?: string[];
+                initialIndex?: number;
+                defImgPreviewIndex?: number;
+                infinite?: boolean;
+                zIndex?: number;
+                hideOnClickModal?: boolean;
+                closeOnPressEscape?: boolean;
+                previewTeleported?: boolean;
+                teleported?: boolean;
+                zoomRate?: number;
+                scale?: number;
+                minScale?: number;
+                maxScale?: number;
+                showProgress?: boolean;
+                toolbarBgColor?: string;
+                backgroundColor?: string;
+                toolbarIconColor?: string;
+                simpleExtraTools?: SimpleCustomTool[];
+                renderExtraTools?: VNode | null;
+                originalToolbar?: OriginalToolbarItem[];
+                errorColor?: string;
+                errorOffset?: number;
+                errorText?: string;
+                ossProcess?: boolean;
+                ossLinks?: string[];
+                imgSize?: ImgSizeOptions;
+                previewStripQuery?: boolean;
+            }> & Readonly<{
+                onSwitch?: (index: number) => any;
+                onShow?: (payload: PreviewShowPayload) => any;
+                onClose?: () => any;
+                onError?: (event: Event) => any;
+                onLoad?: (event: Event) => any;
+                onRetry?: (payload: {
+                    from: string;
+                    to: string;
+                }) => any;
+            }>, {
+                displaySrc: import('vue').Ref<string, string>;
+                retried: import('vue').Ref<boolean, boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                switch: (index: number) => any;
+                show: (payload: PreviewShowPayload) => any;
+                close: () => any;
+                error: (event: Event) => any;
+                load: (event: Event) => any;
+                retry: (payload: {
+                    from: string;
+                    to: string;
+                }) => any;
+            }, string, {
+                backgroundColor: string;
+                scale: number;
+                zIndex: number;
+                infinite: boolean;
+                lazy: boolean;
+                teleported: boolean;
+                loading: boolean;
+                preview: boolean;
+                closeOnPressEscape: boolean;
+                src: string;
+                hideOnClickModal: boolean;
+                previewSrcList: string[];
+                previewTeleported: boolean;
+                fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+                defImgPreviewIndex: number;
+                toolbarBgColor: string;
+                toolbarIconColor: string;
+                simpleExtraTools: SimpleCustomTool[];
+                renderExtraTools: VNode | null;
+                originalToolbar: OriginalToolbarItem[];
+                zoomRate: number;
+                minScale: number;
+                maxScale: number;
+                showProgress: boolean;
+                initialIndex: number;
+                errorColor: string;
+                errorOffset: number;
+                errorText: string;
+                ossProcess: boolean;
+                ossLinks: string[];
+                imgSize: ImgSizeOptions;
+                previewStripQuery: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            backgroundColor: string;
+            scale: number;
+            zIndex: number;
+            infinite: boolean;
+            lazy: boolean;
+            teleported: boolean;
+            loading: boolean;
+            preview: boolean;
+            closeOnPressEscape: boolean;
+            src: string;
+            hideOnClickModal: boolean;
+            previewSrcList: string[];
+            previewTeleported: boolean;
+            fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            defImgPreviewIndex: number;
+            toolbarBgColor: string;
+            toolbarIconColor: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            zoomRate: number;
+            minScale: number;
+            maxScale: number;
+            showProgress: boolean;
+            initialIndex: number;
+            errorColor: string;
+            errorOffset: number;
+            errorText: string;
+            ossProcess: boolean;
+            ossLinks: string[];
+            imgSize: ImgSizeOptions;
+            previewStripQuery: boolean;
+        }> & Omit<Readonly<{
+            src?: string;
+            fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            lazy?: boolean;
+            loading?: boolean;
+            preview?: boolean;
+            previewSrcList?: string[];
+            initialIndex?: number;
+            defImgPreviewIndex?: number;
+            infinite?: boolean;
+            zIndex?: number;
+            hideOnClickModal?: boolean;
+            closeOnPressEscape?: boolean;
+            previewTeleported?: boolean;
+            teleported?: boolean;
+            zoomRate?: number;
+            scale?: number;
+            minScale?: number;
+            maxScale?: number;
+            showProgress?: boolean;
+            toolbarBgColor?: string;
+            backgroundColor?: string;
+            toolbarIconColor?: string;
+            simpleExtraTools?: SimpleCustomTool[];
+            renderExtraTools?: VNode | null;
+            originalToolbar?: OriginalToolbarItem[];
+            errorColor?: string;
+            errorOffset?: number;
+            errorText?: string;
+            ossProcess?: boolean;
+            ossLinks?: string[];
+            imgSize?: ImgSizeOptions;
+            previewStripQuery?: boolean;
+        }> & Readonly<{
+            onSwitch?: (index: number) => any;
+            onShow?: (payload: PreviewShowPayload) => any;
+            onClose?: () => any;
+            onError?: (event: Event) => any;
+            onLoad?: (event: Event) => any;
+            onRetry?: (payload: {
+                from: string;
+                to: string;
+            }) => any;
+        }>, "displaySrc" | "retried" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
+            displaySrc: string;
+            retried: boolean;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                placeholder?(_: {}): any;
+                error?(_: {}): any;
+            };
+        };
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    switch: (index: number) => any;
+    show: (payload: PreviewShowPayload) => any;
+    close: () => any;
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+    retry: (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSwitch?: (index: number) => any;
+    onShow?: (payload: PreviewShowPayload) => any;
+    onClose?: () => any;
+    onError?: (event: Event) => any;
+    onLoad?: (event: Event) => any;
+    onRetry?: (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}>, {
+    src: string;
+    hoverSrc: string;
+    hoverImgSize: ImgSizeOptions;
+    hoverPopoverProps: Record<string, unknown>;
+    isShowWatermark: boolean;
+    waterMarkTitle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    viewImgRef: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            backgroundColor: string;
+            scale: number;
+            zIndex: number;
+            infinite: boolean;
+            lazy: boolean;
+            teleported: boolean;
+            loading: boolean;
+            preview: boolean;
+            closeOnPressEscape: boolean;
+            src: string;
+            hideOnClickModal: boolean;
+            previewSrcList: string[];
+            previewTeleported: boolean;
+            fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            defImgPreviewIndex: number;
+            toolbarBgColor: string;
+            toolbarIconColor: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            zoomRate: number;
+            minScale: number;
+            maxScale: number;
+            showProgress: boolean;
+            initialIndex: number;
+            errorColor: string;
+            errorOffset: number;
+            errorText: string;
+            ossProcess: boolean;
+            ossLinks: string[];
+            imgSize: ImgSizeOptions;
+            previewStripQuery: boolean;
+        }> & Omit<{
+            readonly src?: string;
+            readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            readonly lazy?: boolean;
+            readonly loading?: boolean;
+            readonly preview?: boolean;
+            readonly previewSrcList?: string[];
+            readonly initialIndex?: number;
+            readonly defImgPreviewIndex?: number;
+            readonly infinite?: boolean;
+            readonly zIndex?: number;
+            readonly hideOnClickModal?: boolean;
+            readonly closeOnPressEscape?: boolean;
+            readonly previewTeleported?: boolean;
+            readonly teleported?: boolean;
+            readonly zoomRate?: number;
+            readonly scale?: number;
+            readonly minScale?: number;
+            readonly maxScale?: number;
+            readonly showProgress?: boolean;
+            readonly toolbarBgColor?: string;
+            readonly backgroundColor?: string;
+            readonly toolbarIconColor?: string;
+            readonly simpleExtraTools?: SimpleCustomTool[];
+            readonly renderExtraTools?: VNode | null;
+            readonly originalToolbar?: OriginalToolbarItem[];
+            readonly errorColor?: string;
+            readonly errorOffset?: number;
+            readonly errorText?: string;
+            readonly ossProcess?: boolean;
+            readonly ossLinks?: string[];
+            readonly imgSize?: ImgSizeOptions;
+            readonly previewStripQuery?: boolean;
+            readonly onSwitch?: (index: number) => any;
+            readonly onShow?: (payload: PreviewShowPayload) => any;
+            readonly onClose?: () => any;
+            readonly onError?: (event: Event) => any;
+            readonly onLoad?: (event: Event) => any;
+            readonly onRetry?: (payload: {
+                from: string;
+                to: string;
+            }) => any;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "switch", index: number) => void) & ((event: "show", payload: PreviewShowPayload) => void) & ((event: "close") => void) & ((event: "error", event: Event) => void) & ((event: "load", event: Event) => void) & ((event: "retry", payload: {
+            from: string;
+            to: string;
+        }) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            src?: string;
+            fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            lazy?: boolean;
+            loading?: boolean;
+            preview?: boolean;
+            previewSrcList?: string[];
+            initialIndex?: number;
+            defImgPreviewIndex?: number;
+            infinite?: boolean;
+            zIndex?: number;
+            hideOnClickModal?: boolean;
+            closeOnPressEscape?: boolean;
+            previewTeleported?: boolean;
+            teleported?: boolean;
+            zoomRate?: number;
+            scale?: number;
+            minScale?: number;
+            maxScale?: number;
+            showProgress?: boolean;
+            toolbarBgColor?: string;
+            backgroundColor?: string;
+            toolbarIconColor?: string;
+            simpleExtraTools?: SimpleCustomTool[];
+            renderExtraTools?: VNode | null;
+            originalToolbar?: OriginalToolbarItem[];
+            errorColor?: string;
+            errorOffset?: number;
+            errorText?: string;
+            ossProcess?: boolean;
+            ossLinks?: string[];
+            imgSize?: ImgSizeOptions;
+            previewStripQuery?: boolean;
+        }> & Readonly<{
+            onSwitch?: (index: number) => any;
+            onShow?: (payload: PreviewShowPayload) => any;
+            onClose?: () => any;
+            onError?: (event: Event) => any;
+            onLoad?: (event: Event) => any;
+            onRetry?: (payload: {
+                from: string;
+                to: string;
+            }) => any;
+        }>, {
+            displaySrc: import('vue').Ref<string, string>;
+            retried: import('vue').Ref<boolean, boolean>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            switch: (index: number) => any;
+            show: (payload: PreviewShowPayload) => any;
+            close: () => any;
+            error: (event: Event) => any;
+            load: (event: Event) => any;
+            retry: (payload: {
+                from: string;
+                to: string;
+            }) => any;
+        }, string, {
+            backgroundColor: string;
+            scale: number;
+            zIndex: number;
+            infinite: boolean;
+            lazy: boolean;
+            teleported: boolean;
+            loading: boolean;
+            preview: boolean;
+            closeOnPressEscape: boolean;
+            src: string;
+            hideOnClickModal: boolean;
+            previewSrcList: string[];
+            previewTeleported: boolean;
+            fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+            defImgPreviewIndex: number;
+            toolbarBgColor: string;
+            toolbarIconColor: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            zoomRate: number;
+            minScale: number;
+            maxScale: number;
+            showProgress: boolean;
+            initialIndex: number;
+            errorColor: string;
+            errorOffset: number;
+            errorText: string;
+            ossProcess: boolean;
+            ossLinks: string[];
+            imgSize: ImgSizeOptions;
+            previewStripQuery: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        backgroundColor: string;
+        scale: number;
+        zIndex: number;
+        infinite: boolean;
+        lazy: boolean;
+        teleported: boolean;
+        loading: boolean;
+        preview: boolean;
+        closeOnPressEscape: boolean;
+        src: string;
+        hideOnClickModal: boolean;
+        previewSrcList: string[];
+        previewTeleported: boolean;
+        fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+        defImgPreviewIndex: number;
+        toolbarBgColor: string;
+        toolbarIconColor: string;
+        simpleExtraTools: SimpleCustomTool[];
+        renderExtraTools: VNode | null;
+        originalToolbar: OriginalToolbarItem[];
+        zoomRate: number;
+        minScale: number;
+        maxScale: number;
+        showProgress: boolean;
+        initialIndex: number;
+        errorColor: string;
+        errorOffset: number;
+        errorText: string;
+        ossProcess: boolean;
+        ossLinks: string[];
+        imgSize: ImgSizeOptions;
+        previewStripQuery: boolean;
+    }> & Omit<Readonly<{
+        src?: string;
+        fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
+        lazy?: boolean;
+        loading?: boolean;
+        preview?: boolean;
+        previewSrcList?: string[];
+        initialIndex?: number;
+        defImgPreviewIndex?: number;
+        infinite?: boolean;
+        zIndex?: number;
+        hideOnClickModal?: boolean;
+        closeOnPressEscape?: boolean;
+        previewTeleported?: boolean;
+        teleported?: boolean;
+        zoomRate?: number;
+        scale?: number;
+        minScale?: number;
+        maxScale?: number;
+        showProgress?: boolean;
+        toolbarBgColor?: string;
+        backgroundColor?: string;
+        toolbarIconColor?: string;
+        simpleExtraTools?: SimpleCustomTool[];
+        renderExtraTools?: VNode | null;
+        originalToolbar?: OriginalToolbarItem[];
+        errorColor?: string;
+        errorOffset?: number;
+        errorText?: string;
+        ossProcess?: boolean;
+        ossLinks?: string[];
+        imgSize?: ImgSizeOptions;
+        previewStripQuery?: boolean;
+    }> & Readonly<{
+        onSwitch?: (index: number) => any;
+        onShow?: (payload: PreviewShowPayload) => any;
+        onClose?: () => any;
+        onError?: (event: Event) => any;
+        onLoad?: (event: Event) => any;
+        onRetry?: (payload: {
+            from: string;
+            to: string;
+        }) => any;
+    }>, "displaySrc" | "retried" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
+        displaySrc: string;
+        retried: boolean;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            placeholder?(_: {}): any;
+            error?(_: {}): any;
+        };
+    };
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};