fangguo-component 1.2.3 → 1.2.5

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

@@ -1,6 +1,6 @@
 import { VNode } from 'vue';
 import { ImgSizeOptions } from '../../tools/imgUrl';
-import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload } from '../viewImgPreview/types';
+import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload, PreviewSideNav } from '../viewImgPreview/types';
 type ObjectFit = "fill" | "contain" | "cover" | "none" | "scale-down" | "";
 type __VLS_Props = {
     /** 图片地址 */
@@ -53,13 +53,11 @@ type __VLS_Props = {
     renderExtraTools?: VNode | null;
     /** 预览工具栏原始工具栏 */
     originalToolbar?: OriginalToolbarItem[];
-    /** 图片加载错误时显示的颜色 */
-    errorColor?: string;
-    /** 图片加载错误时显示的偏移量 */
-    errorOffset?: number;
+    /** 内置占位图标 / 文案色；作用于加载中 / 无图 / 加载失败；未传用设计默认色 */
+    fallbackColor?: string;
     /** 图片加载错误时显示的文本 */
     errorText?: string;
-    /** 是否开启 OSS 处理 */
+    /** 是否对 src 做 OSS / TEMU 缩略图处理 */
     ossProcess?: boolean;
     /** 当前组件使用的 OSS 域名白名单；未传时使用 configureImgUrl 注入的全局配置 */
     ossLinks?: string[];
@@ -67,9 +65,20 @@ type __VLS_Props = {
     imgSize?: ImgSizeOptions;
     /** 是否移除预览 URL 的查询参数 */
     previewStripQuery?: boolean;
-    /** Popover 内大图地址，默认与主图逻辑一致 */
+    /** 多图预览两侧箭头：透传 FgViewImg */
+    previewSideNav?: PreviewSideNav;
+    /** 缩略图懒加载滚动根；透传 FgViewImg */
+    scrollContainer?: string | HTMLElement | null;
+    /** Popover 内图片地址；未传时基于 src 生成；与 hoverImgSize 同时传时按 hoverImgSize 改写 */
     hoverSrc?: string;
-    /** 悬停大图缩放规则，未传时与主图 imgSize 一致 */
+    /** 点击放大预览图地址；未传时由 src 清理查询参数得到 */
+    previewSrc?: string;
+    /**
+     * 悬停图缩放规则。
+     * - URL 已带 OSS/平台缩放参数时：按本字段改写
+     * - 否则在 ossProcess 开启时走 montageImgUrl（OSS 需 ossLinks）
+     * - 未传时默认 `{ h: 420 }`（显式 hoverSrc 且未传本字段则原样用 hoverSrc）
+     */
     hoverImgSize?: ImgSizeOptions;
     /** 透传给 LazyPopover / el-popover */
     hoverPopoverProps?: Record<string, unknown>;
@@ -79,16 +88,78 @@ type __VLS_Props = {
     waterMarkTitle?: string;
     /** 是否在缩略图右上角显示预览图标，点击图标打开大图预览 */
     showPreviewIcon?: boolean;
+    /** 缩略图加载失败时是否仍允许悬停显示 Popover */
+    showHoverOnError?: boolean;
+    /** 默认加载占位 SVG 颜色 */
+    loadingIconColor?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        placeholder?(_: {}): any;
-        error?(_: {}): any;
-        error?(_: {}): any;
-        error?(_: {}): any;
-        error?(_: {}): any;
-        error?(_: {}): any;
+        placeholder?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        placeholder?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        placeholder?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        error?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        error?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        error?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        error?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
+        error?(_: {
+            src: string;
+            displaySrc: string;
+            loading: boolean;
+            loadError: boolean;
+            errorText: string;
+            fallbackColor: string;
+        }): any;
     };
     refs: {
         viewImgRef: {
@@ -109,21 +180,21 @@ declare function __VLS_template(): {
                 previewSrcList: string[];
                 previewTeleported: boolean;
                 fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-                defImgPreviewIndex: number;
+                errorText: string;
+                fallbackColor: string;
+                initialIndex: number;
                 toolbarBgColor: string;
                 toolbarIconColor: string;
-                simpleExtraTools: SimpleCustomTool[];
-                renderExtraTools: VNode | null;
-                originalToolbar: OriginalToolbarItem[];
-                previewSideNav: import('..').PreviewSideNav;
                 zoomRate: number;
                 minScale: number;
                 maxScale: number;
                 showProgress: boolean;
-                initialIndex: number;
-                errorColor: string;
-                errorOffset: number;
-                errorText: string;
+                simpleExtraTools: SimpleCustomTool[];
+                renderExtraTools: VNode | null;
+                originalToolbar: OriginalToolbarItem[];
+                previewSideNav: PreviewSideNav;
+                defImgPreviewIndex: number;
+                scrollContainer: string | HTMLElement | null;
                 ossProcess: boolean;
                 ossLinks: string[];
                 imgSize: ImgSizeOptions;
@@ -132,6 +203,7 @@ declare function __VLS_template(): {
                 readonly src?: string;
                 readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
                 readonly lazy?: boolean;
+                readonly scrollContainer?: string | HTMLElement | null;
                 readonly loading?: boolean;
                 readonly preview?: boolean;
                 readonly previewSrcList?: string[];
@@ -154,14 +226,13 @@ declare function __VLS_template(): {
                 readonly simpleExtraTools?: SimpleCustomTool[];
                 readonly renderExtraTools?: VNode | null;
                 readonly originalToolbar?: OriginalToolbarItem[];
-                readonly errorColor?: string;
-                readonly errorOffset?: number;
+                readonly fallbackColor?: string;
                 readonly errorText?: string;
                 readonly ossProcess?: boolean;
                 readonly ossLinks?: string[];
                 readonly imgSize?: ImgSizeOptions;
                 readonly previewStripQuery?: boolean;
-                readonly previewSideNav?: import('..').PreviewSideNav;
+                readonly previewSideNav?: PreviewSideNav;
                 readonly onSwitch?: (index: number) => any;
                 readonly onShow?: (payload: PreviewShowPayload) => any;
                 readonly onClose?: () => any;
@@ -171,10 +242,12 @@ declare function __VLS_template(): {
                     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" | "previewSideNav" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "fallbackColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "scrollContainer" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
+            } & {
+                rootRef: HTMLSpanElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any>;
@@ -191,6 +264,7 @@ declare function __VLS_template(): {
                 src?: string;
                 fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
                 lazy?: boolean;
+                scrollContainer?: string | HTMLElement | null;
                 loading?: boolean;
                 preview?: boolean;
                 previewSrcList?: string[];
@@ -213,14 +287,13 @@ declare function __VLS_template(): {
                 simpleExtraTools?: SimpleCustomTool[];
                 renderExtraTools?: VNode | null;
                 originalToolbar?: OriginalToolbarItem[];
-                errorColor?: string;
-                errorOffset?: number;
+                fallbackColor?: string;
                 errorText?: string;
                 ossProcess?: boolean;
                 ossLinks?: string[];
                 imgSize?: ImgSizeOptions;
                 previewStripQuery?: boolean;
-                previewSideNav?: import('..').PreviewSideNav;
+                previewSideNav?: PreviewSideNav;
             }> & Readonly<{
                 onSwitch?: (index: number) => any;
                 onShow?: (payload: PreviewShowPayload) => any;
@@ -234,7 +307,7 @@ declare function __VLS_template(): {
             }>, {
                 displaySrc: import('vue').Ref<string, string>;
                 retried: import('vue').Ref<boolean, boolean>;
-                openPreview: () => void;
+                openPreview: (previewList?: string[]) => void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 switch: (index: number) => any;
                 show: (payload: PreviewShowPayload) => any;
@@ -260,21 +333,21 @@ declare function __VLS_template(): {
                 previewSrcList: string[];
                 previewTeleported: boolean;
                 fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-                defImgPreviewIndex: number;
+                errorText: string;
+                fallbackColor: string;
+                initialIndex: number;
                 toolbarBgColor: string;
                 toolbarIconColor: string;
-                simpleExtraTools: SimpleCustomTool[];
-                renderExtraTools: VNode | null;
-                originalToolbar: OriginalToolbarItem[];
-                previewSideNav: import('..').PreviewSideNav;
                 zoomRate: number;
                 minScale: number;
                 maxScale: number;
                 showProgress: boolean;
-                initialIndex: number;
-                errorColor: string;
-                errorOffset: number;
-                errorText: string;
+                simpleExtraTools: SimpleCustomTool[];
+                renderExtraTools: VNode | null;
+                originalToolbar: OriginalToolbarItem[];
+                previewSideNav: PreviewSideNav;
+                defImgPreviewIndex: number;
+                scrollContainer: string | HTMLElement | null;
                 ossProcess: boolean;
                 ossLinks: string[];
                 imgSize: ImgSizeOptions;
@@ -314,21 +387,21 @@ declare function __VLS_template(): {
             previewSrcList: string[];
             previewTeleported: boolean;
             fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-            defImgPreviewIndex: number;
+            errorText: string;
+            fallbackColor: string;
+            initialIndex: number;
             toolbarBgColor: string;
             toolbarIconColor: string;
-            simpleExtraTools: SimpleCustomTool[];
-            renderExtraTools: VNode | null;
-            originalToolbar: OriginalToolbarItem[];
-            previewSideNav: import('..').PreviewSideNav;
             zoomRate: number;
             minScale: number;
             maxScale: number;
             showProgress: boolean;
-            initialIndex: number;
-            errorColor: string;
-            errorOffset: number;
-            errorText: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            previewSideNav: PreviewSideNav;
+            defImgPreviewIndex: number;
+            scrollContainer: string | HTMLElement | null;
             ossProcess: boolean;
             ossLinks: string[];
             imgSize: ImgSizeOptions;
@@ -337,6 +410,7 @@ declare function __VLS_template(): {
             src?: string;
             fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
             lazy?: boolean;
+            scrollContainer?: string | HTMLElement | null;
             loading?: boolean;
             preview?: boolean;
             previewSrcList?: string[];
@@ -359,14 +433,13 @@ declare function __VLS_template(): {
             simpleExtraTools?: SimpleCustomTool[];
             renderExtraTools?: VNode | null;
             originalToolbar?: OriginalToolbarItem[];
-            errorColor?: string;
-            errorOffset?: number;
+            fallbackColor?: string;
             errorText?: string;
             ossProcess?: boolean;
             ossLinks?: string[];
             imgSize?: ImgSizeOptions;
             previewStripQuery?: boolean;
-            previewSideNav?: import('..').PreviewSideNav;
+            previewSideNav?: PreviewSideNav;
         }> & Readonly<{
             onSwitch?: (index: number) => any;
             onShow?: (payload: PreviewShowPayload) => any;
@@ -377,14 +450,28 @@ declare function __VLS_template(): {
                 from: string;
                 to: string;
             }) => any;
-        }>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
+        }>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "fallbackColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "scrollContainer" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
             displaySrc: string;
             retried: boolean;
-            openPreview: () => void;
+            openPreview: (previewList?: string[]) => void;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                placeholder?(_: {}): any;
-                error?(_: {}): any;
+                placeholder?(_: {
+                    src: string;
+                    displaySrc: string;
+                    loading: boolean;
+                    loadError: boolean;
+                    errorText: string;
+                    fallbackColor: string;
+                }): any;
+                error?(_: {
+                    src: string;
+                    displaySrc: string;
+                    loading: boolean;
+                    loadError: boolean;
+                    errorText: string;
+                    fallbackColor: string;
+                }): any;
             };
         };
     };
@@ -412,13 +499,18 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         to: string;
     }) => any;
 }>, {
+    closeOnPressEscape: boolean;
     src: string;
+    scrollContainer: string | HTMLElement | null;
+    ossProcess: boolean;
+    previewStripQuery: boolean;
     hoverSrc: string;
+    previewSrc: string;
     hoverImgSize: ImgSizeOptions;
     hoverPopoverProps: Record<string, unknown>;
     isShowWatermark: boolean;
-    waterMarkTitle: string;
     showPreviewIcon: boolean;
+    showHoverOnError: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     viewImgRef: {
         $: import('vue').ComponentInternalInstance;
@@ -438,21 +530,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             previewSrcList: string[];
             previewTeleported: boolean;
             fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-            defImgPreviewIndex: number;
+            errorText: string;
+            fallbackColor: string;
+            initialIndex: number;
             toolbarBgColor: string;
             toolbarIconColor: string;
-            simpleExtraTools: SimpleCustomTool[];
-            renderExtraTools: VNode | null;
-            originalToolbar: OriginalToolbarItem[];
-            previewSideNav: import('..').PreviewSideNav;
             zoomRate: number;
             minScale: number;
             maxScale: number;
             showProgress: boolean;
-            initialIndex: number;
-            errorColor: string;
-            errorOffset: number;
-            errorText: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            previewSideNav: PreviewSideNav;
+            defImgPreviewIndex: number;
+            scrollContainer: string | HTMLElement | null;
             ossProcess: boolean;
             ossLinks: string[];
             imgSize: ImgSizeOptions;
@@ -461,6 +553,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly src?: string;
             readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
             readonly lazy?: boolean;
+            readonly scrollContainer?: string | HTMLElement | null;
             readonly loading?: boolean;
             readonly preview?: boolean;
             readonly previewSrcList?: string[];
@@ -483,14 +576,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly simpleExtraTools?: SimpleCustomTool[];
             readonly renderExtraTools?: VNode | null;
             readonly originalToolbar?: OriginalToolbarItem[];
-            readonly errorColor?: string;
-            readonly errorOffset?: number;
+            readonly fallbackColor?: string;
             readonly errorText?: string;
             readonly ossProcess?: boolean;
             readonly ossLinks?: string[];
             readonly imgSize?: ImgSizeOptions;
             readonly previewStripQuery?: boolean;
-            readonly previewSideNav?: import('..').PreviewSideNav;
+            readonly previewSideNav?: PreviewSideNav;
             readonly onSwitch?: (index: number) => any;
             readonly onShow?: (payload: PreviewShowPayload) => any;
             readonly onClose?: () => any;
@@ -500,10 +592,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 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" | "previewSideNav" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "fallbackColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "scrollContainer" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
+        } & {
+            rootRef: HTMLSpanElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any>;
@@ -520,6 +614,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             src?: string;
             fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
             lazy?: boolean;
+            scrollContainer?: string | HTMLElement | null;
             loading?: boolean;
             preview?: boolean;
             previewSrcList?: string[];
@@ -542,14 +637,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             simpleExtraTools?: SimpleCustomTool[];
             renderExtraTools?: VNode | null;
             originalToolbar?: OriginalToolbarItem[];
-            errorColor?: string;
-            errorOffset?: number;
+            fallbackColor?: string;
             errorText?: string;
             ossProcess?: boolean;
             ossLinks?: string[];
             imgSize?: ImgSizeOptions;
             previewStripQuery?: boolean;
-            previewSideNav?: import('..').PreviewSideNav;
+            previewSideNav?: PreviewSideNav;
         }> & Readonly<{
             onSwitch?: (index: number) => any;
             onShow?: (payload: PreviewShowPayload) => any;
@@ -563,7 +657,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         }>, {
             displaySrc: import('vue').Ref<string, string>;
             retried: import('vue').Ref<boolean, boolean>;
-            openPreview: () => void;
+            openPreview: (previewList?: string[]) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             switch: (index: number) => any;
             show: (payload: PreviewShowPayload) => any;
@@ -589,21 +683,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             previewSrcList: string[];
             previewTeleported: boolean;
             fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-            defImgPreviewIndex: number;
+            errorText: string;
+            fallbackColor: string;
+            initialIndex: number;
             toolbarBgColor: string;
             toolbarIconColor: string;
-            simpleExtraTools: SimpleCustomTool[];
-            renderExtraTools: VNode | null;
-            originalToolbar: OriginalToolbarItem[];
-            previewSideNav: import('..').PreviewSideNav;
             zoomRate: number;
             minScale: number;
             maxScale: number;
             showProgress: boolean;
-            initialIndex: number;
-            errorColor: string;
-            errorOffset: number;
-            errorText: string;
+            simpleExtraTools: SimpleCustomTool[];
+            renderExtraTools: VNode | null;
+            originalToolbar: OriginalToolbarItem[];
+            previewSideNav: PreviewSideNav;
+            defImgPreviewIndex: number;
+            scrollContainer: string | HTMLElement | null;
             ossProcess: boolean;
             ossLinks: string[];
             imgSize: ImgSizeOptions;
@@ -643,21 +737,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         previewSrcList: string[];
         previewTeleported: boolean;
         fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
-        defImgPreviewIndex: number;
+        errorText: string;
+        fallbackColor: string;
+        initialIndex: number;
         toolbarBgColor: string;
         toolbarIconColor: string;
-        simpleExtraTools: SimpleCustomTool[];
-        renderExtraTools: VNode | null;
-        originalToolbar: OriginalToolbarItem[];
-        previewSideNav: import('..').PreviewSideNav;
         zoomRate: number;
         minScale: number;
         maxScale: number;
         showProgress: boolean;
-        initialIndex: number;
-        errorColor: string;
-        errorOffset: number;
-        errorText: string;
+        simpleExtraTools: SimpleCustomTool[];
+        renderExtraTools: VNode | null;
+        originalToolbar: OriginalToolbarItem[];
+        previewSideNav: PreviewSideNav;
+        defImgPreviewIndex: number;
+        scrollContainer: string | HTMLElement | null;
         ossProcess: boolean;
         ossLinks: string[];
         imgSize: ImgSizeOptions;
@@ -666,6 +760,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         src?: string;
         fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
         lazy?: boolean;
+        scrollContainer?: string | HTMLElement | null;
         loading?: boolean;
         preview?: boolean;
         previewSrcList?: string[];
@@ -688,14 +783,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         simpleExtraTools?: SimpleCustomTool[];
         renderExtraTools?: VNode | null;
         originalToolbar?: OriginalToolbarItem[];
-        errorColor?: string;
-        errorOffset?: number;
+        fallbackColor?: string;
         errorText?: string;
         ossProcess?: boolean;
         ossLinks?: string[];
         imgSize?: ImgSizeOptions;
         previewStripQuery?: boolean;
-        previewSideNav?: import('..').PreviewSideNav;
+        previewSideNav?: PreviewSideNav;
     }> & Readonly<{
         onSwitch?: (index: number) => any;
         onShow?: (payload: PreviewShowPayload) => any;
@@ -706,14 +800,28 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             from: string;
             to: string;
         }) => any;
-    }>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "defImgPreviewIndex" | "toolbarBgColor" | "toolbarIconColor" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "initialIndex" | "errorColor" | "errorOffset" | "errorText" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
+    }>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "fallbackColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "scrollContainer" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
         displaySrc: string;
         retried: boolean;
-        openPreview: () => void;
+        openPreview: (previewList?: string[]) => void;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            placeholder?(_: {}): any;
-            error?(_: {}): any;
+            placeholder?(_: {
+                src: string;
+                displaySrc: string;
+                loading: boolean;
+                loadError: boolean;
+                errorText: string;
+                fallbackColor: string;
+            }): any;
+            error?(_: {
+                src: string;
+                displaySrc: string;
+                loading: boolean;
+                loadError: boolean;
+                errorText: string;
+                fallbackColor: string;
+            }): any;
         };
     };
 }, any>;

package/dist/components/viewImgPopover/index.js

@@ -1,4 +1,4 @@
-import { V } from "../../ViewImgPopover-QblZG0z5.js";
+import { V } from "../../ViewImgPopover-BtFnYval.js";
 export {
   V as FgViewImgPopover
 };

package/dist/components/viewImgPreview/ViewImgPreview.vue.d.ts

@@ -37,17 +37,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     teleported: boolean;
     closeOnPressEscape: boolean;
     hideOnClickModal: boolean;
+    urlList: string[];
+    initialIndex: number;
     toolbarBgColor: string;
     toolbarIconColor: string;
-    simpleExtraTools: SimpleCustomTool[];
-    renderExtraTools: import('vue').VNode | null;
-    originalToolbar: OriginalToolbarItem[];
-    previewSideNav: PreviewSideNav;
     zoomRate: number;
     minScale: number;
     maxScale: number;
     showProgress: boolean;
-    initialIndex: number;
-    urlList: string[];
+    simpleExtraTools: SimpleCustomTool[];
+    renderExtraTools: import('vue').VNode | null;
+    originalToolbar: OriginalToolbarItem[];
+    previewSideNav: PreviewSideNav;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/imgViewerAutoHost-BQVVGop1.js

@@ -0,0 +1,32 @@
+import { createApp } from "vue";
+import { h as hasImgViewerHost, _ as _sfc_main, s as setImgViewerAutoHostCleanup } from "./ImgViewerHost.vue_vue_type_script_setup_true_lang-DO9s-b9s.js";
+let autoHostApp = null;
+let autoHostContainer = null;
+const AUTO_HOST_ATTR = "data-fg-img-viewer-auto-host";
+function isBrowser() {
+  return typeof window !== "undefined" && typeof document !== "undefined";
+}
+function destroyImgViewerAutoHost() {
+  const app = autoHostApp;
+  const container = autoHostContainer;
+  autoHostApp = null;
+  autoHostContainer = null;
+  app == null ? void 0 : app.unmount();
+  if (container == null ? void 0 : container.parentNode) {
+    container.parentNode.removeChild(container);
+  }
+}
+function ensureImgViewerAutoHost() {
+  if (!isBrowser() || !document.body || hasImgViewerHost() || autoHostApp) return;
+  const container = document.createElement("div");
+  container.setAttribute(AUTO_HOST_ATTR, "");
+  document.body.appendChild(container);
+  autoHostContainer = container;
+  autoHostApp = createApp(_sfc_main, { autoHost: true });
+  autoHostApp.mount(container);
+}
+setImgViewerAutoHostCleanup(destroyImgViewerAutoHost);
+export {
+  destroyImgViewerAutoHost,
+  ensureImgViewerAutoHost
+};