fangguo-component 1.2.2 → 1.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ErrorImage-CFVt1ht_.js → ErrorImage-Ao9kEEUg.js} +2 -2
- package/dist/FgCascader.css +3 -11
- package/dist/{FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.js → FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js} +4 -13
- package/dist/{HSelect-DgFjd08Y.js → HSelect-0w2mSrtm.js} +1 -1
- package/dist/{HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js → HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js} +1 -1
- package/dist/{HSelectSJ-DOFUzTZV.js → HSelectSJ-Cm573j6B.js} +1 -1
- package/dist/{ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js → ImgViewerHost.vue_vue_type_script_setup_true_lang-DO9s-b9s.js} +42 -3
- package/dist/{LazyPopover-7ebuh-QG.js → LazyPopover-CcvilJ6U.js} +25 -3
- package/dist/LazyPopover.css +1 -1
- package/dist/{SelectTree-DUH92Iwr.js → SelectTree-BHvvkiQi.js} +1 -1
- package/dist/{ViewImg-DXhF20SL.js → ViewImg-CD4QJK4R.js} +137 -34
- package/dist/ViewImg.css +31 -35
- package/dist/ViewImgPopover-D-1b2nEa.js +497 -0
- package/dist/ViewImgPopover.css +35 -12
- package/dist/components/cascader/index.js +1 -1
- package/dist/components/errorImage/index.js +2 -2
- package/dist/components/hSelect/index.js +1 -1
- package/dist/components/hSelectAll/index.js +1 -1
- package/dist/components/hSelectSJ/index.js +1 -1
- package/dist/components/imgViewerHost/ImgViewerHost.vue.d.ts +7 -1
- package/dist/components/imgViewerHost/imgViewerAutoHost.d.ts +2 -0
- package/dist/components/imgViewerHost/imgViewerHostRegistry.d.ts +5 -0
- package/dist/components/imgViewerHost/index.js +2 -2
- package/dist/components/index.js +22 -18
- package/dist/components/lazyPopover/LazyPopover.vue.d.ts +2 -0
- package/dist/components/lazyPopover/index.js +1 -1
- package/dist/components/selectTree/index.js +1 -1
- package/dist/components/viewImg/ViewImg.vue.d.ts +32 -14
- package/dist/components/viewImg/ViewImgErrorFallback.vue.d.ts +14 -0
- package/dist/components/viewImg/defaults.d.ts +28 -0
- package/dist/components/viewImg/index.d.ts +3 -0
- package/dist/components/viewImg/index.js +6 -2
- package/dist/components/viewImgPopover/ViewImgPopover.vue.d.ts +158 -66
- package/dist/components/viewImgPopover/index.js +1 -1
- package/dist/components/viewImgPreview/ViewImgPreview.vue.d.ts +6 -6
- package/dist/imgViewerAutoHost-BQVVGop1.js +32 -0
- package/dist/{imgViewerStore-DK3zvGf4.js → imgViewerStore-Ajm-L7R5.js} +7 -0
- package/dist/{index-Ce_edAQB.js → index-CALlgLrT.js} +17 -13
- package/dist/{index-Qkq7I01c.js → index-rEz2pixF.js} +5 -1
- package/dist/index.d.ts +7 -3
- package/dist/index.js +56 -48
- package/dist/montageImgUrl-DP5jMHCX.js +445 -0
- package/dist/tools/ImageParserUtils/index.d.ts +1 -1
- package/dist/tools/imgUrl/imageUrl.d.ts +209 -0
- package/dist/tools/imgUrl/index.d.ts +2 -0
- package/dist/tools/imgUrl/index.js +12 -8
- package/dist/tools/imgUrl/montageImgUrl.d.ts +11 -5
- package/dist/tools/index.js +17 -13
- package/package.json +1 -1
- package/dist/ViewImgPopover-QblZG0z5.js +0 -343
- package/dist/montageImgUrl-CwgYnB2h.js +0 -204
package/dist/components/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { _ } from "../ArgHover.vue_vue_type_style_index_0_lang-CSymSDRl.js";
|
|
2
|
-
import { _ as _2 } from "../FgCascader.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { _ as _2 } from "../FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js";
|
|
3
3
|
import { _ as _3 } from "../CitySelect.vue_vue_type_script_setup_true_lang-DZp6834K.js";
|
|
4
4
|
import { _ as _4 } from "../DragResizable.vue_vue_type_style_index_0_lang-BePpQHve.js";
|
|
5
|
-
import { _ as _5 } from "../HSelectAll.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ as _5 } from "../HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js";
|
|
6
6
|
import { _ as _6 } from "../IdentifyAddress.vue_vue_type_script_setup_true_lang-BCIOF-Oy.js";
|
|
7
7
|
import { _ as _7 } from "../ImageLoupe.vue_vue_type_script_setup_true_lang-BaXHYlDu.js";
|
|
8
|
-
import { _ as _8 } from "../ImgViewerHost.vue_vue_type_script_setup_true_lang-
|
|
8
|
+
import { _ as _8 } from "../ImgViewerHost.vue_vue_type_script_setup_true_lang-DO9s-b9s.js";
|
|
9
9
|
import { _ as _9 } from "../LazyComponent.vue_vue_type_script_setup_true_lang-D5KGqlj4.js";
|
|
10
10
|
import { _ as _10 } from "../NoRender.vue_vue_type_script_setup_true_lang-B0G6jxPg.js";
|
|
11
11
|
import { _ as _11 } from "../SelectAll.vue_vue_type_script_setup_true_lang-CyzY8ams.js";
|
|
@@ -20,21 +20,21 @@ import { C } from "../ContentTitle-By0Zk1u7.js";
|
|
|
20
20
|
import { C as C2 } from "../CustomInputV2-BqhBSO53.js";
|
|
21
21
|
import { C as C3 } from "../CustomMultipleInput-DRMTUtkE.js";
|
|
22
22
|
import { D as D2 } from "../DragSort-5WetnkmW.js";
|
|
23
|
-
import {
|
|
24
|
-
import { H } from "../HSelect-
|
|
25
|
-
import { H as H2 } from "../HSelectSJ-
|
|
26
|
-
import { L } from "../LazyPopover-
|
|
23
|
+
import { E } from "../ErrorImage-Ao9kEEUg.js";
|
|
24
|
+
import { H } from "../HSelect-0w2mSrtm.js";
|
|
25
|
+
import { H as H2 } from "../HSelectSJ-Cm573j6B.js";
|
|
26
|
+
import { L } from "../LazyPopover-CcvilJ6U.js";
|
|
27
27
|
import { L as L2 } from "../LoadingBtn-DWm2cY9k.js";
|
|
28
28
|
import { M } from "../MInput-s_P63myh.js";
|
|
29
29
|
import { M as M2 } from "../MyTable-CHvxPYgk.js";
|
|
30
30
|
import { S } from "../SelectAddress-CCepDxu8.js";
|
|
31
|
-
import { S as S2 } from "../SelectTree-
|
|
31
|
+
import { S as S2 } from "../SelectTree-BHvvkiQi.js";
|
|
32
32
|
import { S as S3 } from "../SvgIcon-DIg0upEk.js";
|
|
33
33
|
import { T } from "../TextCopy-lpbeqOUI.js";
|
|
34
|
-
import { F as
|
|
35
|
-
import { V } from "../ViewImgPopover-
|
|
36
|
-
import { I, P, g as g2, u, a as a2 } from "../imgViewerStore-
|
|
37
|
-
import { V as
|
|
34
|
+
import { F, V, c as c2, r as r2, u } from "../ViewImg-CD4QJK4R.js";
|
|
35
|
+
import { V as V2 } from "../ViewImgPopover-D-1b2nEa.js";
|
|
36
|
+
import { I, P, g as g2, u as u2, a as a2 } from "../imgViewerStore-Ajm-L7R5.js";
|
|
37
|
+
import { V as V3 } from "../VirtualTable-Cm_L7q9W.js";
|
|
38
38
|
export {
|
|
39
39
|
D as DEFAULT_ORIGINAL_TOOLBAR,
|
|
40
40
|
a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE,
|
|
@@ -58,7 +58,7 @@ export {
|
|
|
58
58
|
C3 as FgCustomMultipleInput,
|
|
59
59
|
_4 as FgDragResizable,
|
|
60
60
|
D2 as FgDragSort,
|
|
61
|
-
|
|
61
|
+
E as FgErrorImage,
|
|
62
62
|
H as FgHSelect,
|
|
63
63
|
_5 as FgHSelectAll,
|
|
64
64
|
H2 as FgHSelectSJ,
|
|
@@ -80,16 +80,20 @@ export {
|
|
|
80
80
|
S3 as FgSvgIcon,
|
|
81
81
|
T as FgTextCopy,
|
|
82
82
|
_15 as FgTextEllipsisTooltip,
|
|
83
|
-
|
|
84
|
-
V as
|
|
83
|
+
F as FgViewImg,
|
|
84
|
+
V as FgViewImgErrorFallback,
|
|
85
|
+
V2 as FgViewImgPopover,
|
|
85
86
|
_16 as FgViewImgPreview,
|
|
86
87
|
I as ImgViewerStore,
|
|
87
88
|
N as NAV_TOOLBAR_KEYS,
|
|
88
89
|
P as PREVIEW_BASE_Z_INDEX,
|
|
89
|
-
|
|
90
|
+
V3 as VirtualTable,
|
|
91
|
+
c2 as configureViewImgDefaults,
|
|
90
92
|
g2 as getDialogZindex,
|
|
93
|
+
r2 as resetViewImgDefaults,
|
|
91
94
|
r as resolvePreviewSideNav,
|
|
92
95
|
s as shouldShowPreviewSideNav,
|
|
93
|
-
|
|
94
|
-
a2 as useImgViewerStore
|
|
96
|
+
u2 as useImgViewerState,
|
|
97
|
+
a2 as useImgViewerStore,
|
|
98
|
+
u as useViewImgDefaults
|
|
95
99
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
type PopoverUserProps = Record<string, unknown>;
|
|
2
2
|
type __VLS_Props = {
|
|
3
3
|
props?: PopoverUserProps;
|
|
4
|
+
disabled?: boolean;
|
|
4
5
|
};
|
|
5
6
|
declare function __VLS_template(): {
|
|
6
7
|
attrs: Partial<{}>;
|
|
@@ -16,6 +17,7 @@ declare function __VLS_template(): {
|
|
|
16
17
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
18
|
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
19
|
props: PopoverUserProps;
|
|
20
|
+
disabled: boolean;
|
|
19
21
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
20
22
|
triggerRef: HTMLSpanElement;
|
|
21
23
|
}, any>;
|
|
@@ -50,11 +50,13 @@ type __VLS_Props = {
|
|
|
50
50
|
renderExtraTools?: VNode | null;
|
|
51
51
|
/** 内置工具栏按钮配置 */
|
|
52
52
|
originalToolbar?: OriginalToolbarItem[];
|
|
53
|
-
/**
|
|
53
|
+
/** 加载失败图标填充色(「无图」态不受影响) */
|
|
54
54
|
errorColor?: string;
|
|
55
|
-
/**
|
|
55
|
+
/**
|
|
56
|
+
* @deprecated 旧版 FgErrorImage 参数,内置双态占位不再使用;保留以兼容业务传参
|
|
57
|
+
*/
|
|
56
58
|
errorOffset?: number;
|
|
57
|
-
/**
|
|
59
|
+
/** 加载失败文案;未传默认「加载失败」。空 / 仅空白 src 固定显示「无图」 */
|
|
58
60
|
errorText?: string;
|
|
59
61
|
/** 是否对 src 做 OSS / TEMU 缩略图处理,需先在应用入口 configureImgUrl 注入 ossLinks */
|
|
60
62
|
ossProcess?: boolean;
|
|
@@ -70,12 +72,28 @@ type __VLS_Props = {
|
|
|
70
72
|
/**
|
|
71
73
|
* 打开预览大图
|
|
72
74
|
*/
|
|
73
|
-
declare function openPreview(): void;
|
|
75
|
+
declare function openPreview(previewList?: string[]): void;
|
|
74
76
|
declare function __VLS_template(): {
|
|
75
77
|
attrs: Partial<{}>;
|
|
76
78
|
slots: {
|
|
77
|
-
placeholder?(_: {
|
|
78
|
-
|
|
79
|
+
placeholder?(_: {
|
|
80
|
+
src: string;
|
|
81
|
+
displaySrc: string;
|
|
82
|
+
loading: boolean;
|
|
83
|
+
loadError: boolean;
|
|
84
|
+
errorText: string;
|
|
85
|
+
errorColor: string;
|
|
86
|
+
errorOffset: number;
|
|
87
|
+
}): any;
|
|
88
|
+
error?(_: {
|
|
89
|
+
src: string;
|
|
90
|
+
displaySrc: string;
|
|
91
|
+
loading: boolean;
|
|
92
|
+
loadError: boolean;
|
|
93
|
+
errorText: string;
|
|
94
|
+
errorColor: string;
|
|
95
|
+
errorOffset: number;
|
|
96
|
+
}): any;
|
|
79
97
|
};
|
|
80
98
|
refs: {};
|
|
81
99
|
rootEl: any;
|
|
@@ -120,21 +138,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
|
|
|
120
138
|
previewSrcList: string[];
|
|
121
139
|
previewTeleported: boolean;
|
|
122
140
|
fit: ObjectFit;
|
|
123
|
-
|
|
141
|
+
errorText: string;
|
|
142
|
+
errorColor: string;
|
|
143
|
+
initialIndex: number;
|
|
124
144
|
toolbarBgColor: string;
|
|
125
145
|
toolbarIconColor: string;
|
|
126
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
127
|
-
renderExtraTools: VNode | null;
|
|
128
|
-
originalToolbar: OriginalToolbarItem[];
|
|
129
|
-
previewSideNav: PreviewSideNav;
|
|
130
146
|
zoomRate: number;
|
|
131
147
|
minScale: number;
|
|
132
148
|
maxScale: number;
|
|
133
149
|
showProgress: boolean;
|
|
134
|
-
|
|
135
|
-
|
|
150
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
151
|
+
renderExtraTools: VNode | null;
|
|
152
|
+
originalToolbar: OriginalToolbarItem[];
|
|
153
|
+
previewSideNav: PreviewSideNav;
|
|
154
|
+
defImgPreviewIndex: number;
|
|
136
155
|
errorOffset: number;
|
|
137
|
-
errorText: string;
|
|
138
156
|
ossProcess: boolean;
|
|
139
157
|
ossLinks: string[];
|
|
140
158
|
imgSize: ImgSizeOptions;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
/** 原始图片地址;空或仅空白走「无图」态 */
|
|
3
|
+
src?: string;
|
|
4
|
+
/** 加载失败文案;未传时默认「加载失败」 */
|
|
5
|
+
errorText?: string;
|
|
6
|
+
/** 加载失败图标填充色;「无图」态仍用设计双色 */
|
|
7
|
+
errorColor?: string;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
+
src: string;
|
|
11
|
+
errorText: string;
|
|
12
|
+
errorColor: string;
|
|
13
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { VNodeChild } from 'vue';
|
|
2
|
+
export interface ViewImgDefaultSlotPayload {
|
|
3
|
+
src: string;
|
|
4
|
+
displaySrc: string;
|
|
5
|
+
loading: boolean;
|
|
6
|
+
loadError: boolean;
|
|
7
|
+
errorText: string;
|
|
8
|
+
errorColor: string;
|
|
9
|
+
errorOffset: number;
|
|
10
|
+
}
|
|
11
|
+
export interface ViewImgGlobalDefaults {
|
|
12
|
+
/** FgViewImg 默认加载占位内容;低于组件自身 #placeholder 插槽优先级 */
|
|
13
|
+
placeholder?: (payload: ViewImgDefaultSlotPayload) => VNodeChild;
|
|
14
|
+
/** FgViewImg 默认失败占位内容;低于组件自身 #error 插槽优先级 */
|
|
15
|
+
error?: (payload: ViewImgDefaultSlotPayload) => VNodeChild;
|
|
16
|
+
/** FgViewImgPopover 默认水印标题;低于组件自身 waterMarkTitle prop 优先级 */
|
|
17
|
+
waterMarkTitle?: string;
|
|
18
|
+
/** FgViewImgPopover 默认加载占位 SVG 颜色;低于组件自身 loadingIconColor prop 优先级 */
|
|
19
|
+
loadingIconColor?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare function configureViewImgDefaults(defaults: ViewImgGlobalDefaults): void;
|
|
22
|
+
export declare function resetViewImgDefaults(): void;
|
|
23
|
+
export declare function useViewImgDefaults(): {
|
|
24
|
+
placeholder?: (payload: ViewImgDefaultSlotPayload) => VNodeChild;
|
|
25
|
+
error?: (payload: ViewImgDefaultSlotPayload) => VNodeChild;
|
|
26
|
+
waterMarkTitle?: string;
|
|
27
|
+
loadingIconColor?: string;
|
|
28
|
+
};
|
|
@@ -1 +1,4 @@
|
|
|
1
1
|
export { default as FgViewImg } from './ViewImg.vue';
|
|
2
|
+
export { default as FgViewImgErrorFallback } from './ViewImgErrorFallback.vue';
|
|
3
|
+
export { configureViewImgDefaults, resetViewImgDefaults, useViewImgDefaults } from './defaults';
|
|
4
|
+
export type { ViewImgDefaultSlotPayload, ViewImgGlobalDefaults } from './defaults';
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { F } from "../../ViewImg-
|
|
1
|
+
import { F, V, c, r, u } from "../../ViewImg-CD4QJK4R.js";
|
|
2
2
|
export {
|
|
3
|
-
F as FgViewImg
|
|
3
|
+
F as FgViewImg,
|
|
4
|
+
V as FgViewImgErrorFallback,
|
|
5
|
+
c as configureViewImgDefaults,
|
|
6
|
+
r as resetViewImgDefaults,
|
|
7
|
+
u as useViewImgDefaults
|
|
4
8
|
};
|
|
@@ -69,7 +69,9 @@ type __VLS_Props = {
|
|
|
69
69
|
previewStripQuery?: boolean;
|
|
70
70
|
/** Popover 内大图地址,默认与主图逻辑一致 */
|
|
71
71
|
hoverSrc?: string;
|
|
72
|
-
/**
|
|
72
|
+
/** 点击放大预览图地址;未传时由 src 清理查询参数得到 */
|
|
73
|
+
previewSrc?: string;
|
|
74
|
+
/** 悬停大图缩放规则,未传时默认使用 `{ h: 420 }` */
|
|
73
75
|
hoverImgSize?: ImgSizeOptions;
|
|
74
76
|
/** 透传给 LazyPopover / el-popover */
|
|
75
77
|
hoverPopoverProps?: Record<string, unknown>;
|
|
@@ -79,16 +81,70 @@ type __VLS_Props = {
|
|
|
79
81
|
waterMarkTitle?: string;
|
|
80
82
|
/** 是否在缩略图右上角显示预览图标,点击图标打开大图预览 */
|
|
81
83
|
showPreviewIcon?: boolean;
|
|
84
|
+
/** 缩略图加载失败时是否仍允许悬停显示 Popover */
|
|
85
|
+
showHoverOnError?: boolean;
|
|
86
|
+
/** 默认加载占位 SVG 颜色 */
|
|
87
|
+
loadingIconColor?: string;
|
|
82
88
|
};
|
|
83
89
|
declare function __VLS_template(): {
|
|
84
90
|
attrs: Partial<{}>;
|
|
85
91
|
slots: {
|
|
86
|
-
placeholder?(_: {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
92
|
+
placeholder?(_: {
|
|
93
|
+
src: string;
|
|
94
|
+
displaySrc: string;
|
|
95
|
+
loading: boolean;
|
|
96
|
+
loadError: boolean;
|
|
97
|
+
errorText: string;
|
|
98
|
+
errorColor: string;
|
|
99
|
+
errorOffset: number;
|
|
100
|
+
}): any;
|
|
101
|
+
placeholder?(_: {
|
|
102
|
+
src: string;
|
|
103
|
+
displaySrc: string;
|
|
104
|
+
loading: boolean;
|
|
105
|
+
loadError: boolean;
|
|
106
|
+
errorText: string;
|
|
107
|
+
errorColor: string;
|
|
108
|
+
errorOffset: number;
|
|
109
|
+
}): any;
|
|
110
|
+
placeholder?(_: {
|
|
111
|
+
src: string;
|
|
112
|
+
displaySrc: string;
|
|
113
|
+
loading: boolean;
|
|
114
|
+
loadError: boolean;
|
|
115
|
+
errorText: string;
|
|
116
|
+
errorColor: string;
|
|
117
|
+
errorOffset: number;
|
|
118
|
+
}): any;
|
|
119
|
+
error?(_: {
|
|
120
|
+
src: string;
|
|
121
|
+
displaySrc: string;
|
|
122
|
+
loading: boolean;
|
|
123
|
+
loadError: boolean;
|
|
124
|
+
errorText: string;
|
|
125
|
+
errorColor: string;
|
|
126
|
+
errorOffset: number;
|
|
127
|
+
}): any;
|
|
90
128
|
error?(_: {}): any;
|
|
91
129
|
error?(_: {}): any;
|
|
130
|
+
error?(_: {
|
|
131
|
+
src: string;
|
|
132
|
+
displaySrc: string;
|
|
133
|
+
loading: boolean;
|
|
134
|
+
loadError: boolean;
|
|
135
|
+
errorText: string;
|
|
136
|
+
errorColor: string;
|
|
137
|
+
errorOffset: number;
|
|
138
|
+
}): any;
|
|
139
|
+
error?(_: {
|
|
140
|
+
src: string;
|
|
141
|
+
displaySrc: string;
|
|
142
|
+
loading: boolean;
|
|
143
|
+
loadError: boolean;
|
|
144
|
+
errorText: string;
|
|
145
|
+
errorColor: string;
|
|
146
|
+
errorOffset: number;
|
|
147
|
+
}): any;
|
|
92
148
|
};
|
|
93
149
|
refs: {
|
|
94
150
|
viewImgRef: {
|
|
@@ -109,21 +165,21 @@ declare function __VLS_template(): {
|
|
|
109
165
|
previewSrcList: string[];
|
|
110
166
|
previewTeleported: boolean;
|
|
111
167
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
112
|
-
|
|
168
|
+
errorText: string;
|
|
169
|
+
errorColor: string;
|
|
170
|
+
initialIndex: number;
|
|
113
171
|
toolbarBgColor: string;
|
|
114
172
|
toolbarIconColor: string;
|
|
115
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
116
|
-
renderExtraTools: VNode | null;
|
|
117
|
-
originalToolbar: OriginalToolbarItem[];
|
|
118
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
119
173
|
zoomRate: number;
|
|
120
174
|
minScale: number;
|
|
121
175
|
maxScale: number;
|
|
122
176
|
showProgress: boolean;
|
|
123
|
-
|
|
124
|
-
|
|
177
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
178
|
+
renderExtraTools: VNode | null;
|
|
179
|
+
originalToolbar: OriginalToolbarItem[];
|
|
180
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
181
|
+
defImgPreviewIndex: number;
|
|
125
182
|
errorOffset: number;
|
|
126
|
-
errorText: string;
|
|
127
183
|
ossProcess: boolean;
|
|
128
184
|
ossLinks: string[];
|
|
129
185
|
imgSize: ImgSizeOptions;
|
|
@@ -171,7 +227,7 @@ declare function __VLS_template(): {
|
|
|
171
227
|
from: string;
|
|
172
228
|
to: string;
|
|
173
229
|
}) => any;
|
|
174
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "
|
|
230
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
|
|
175
231
|
$attrs: import('vue').Attrs;
|
|
176
232
|
$refs: {
|
|
177
233
|
[x: string]: unknown;
|
|
@@ -234,7 +290,7 @@ declare function __VLS_template(): {
|
|
|
234
290
|
}>, {
|
|
235
291
|
displaySrc: import('vue').Ref<string, string>;
|
|
236
292
|
retried: import('vue').Ref<boolean, boolean>;
|
|
237
|
-
openPreview: () => void;
|
|
293
|
+
openPreview: (previewList?: string[]) => void;
|
|
238
294
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
239
295
|
switch: (index: number) => any;
|
|
240
296
|
show: (payload: PreviewShowPayload) => any;
|
|
@@ -260,21 +316,21 @@ declare function __VLS_template(): {
|
|
|
260
316
|
previewSrcList: string[];
|
|
261
317
|
previewTeleported: boolean;
|
|
262
318
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
263
|
-
|
|
319
|
+
errorText: string;
|
|
320
|
+
errorColor: string;
|
|
321
|
+
initialIndex: number;
|
|
264
322
|
toolbarBgColor: string;
|
|
265
323
|
toolbarIconColor: string;
|
|
266
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
267
|
-
renderExtraTools: VNode | null;
|
|
268
|
-
originalToolbar: OriginalToolbarItem[];
|
|
269
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
270
324
|
zoomRate: number;
|
|
271
325
|
minScale: number;
|
|
272
326
|
maxScale: number;
|
|
273
327
|
showProgress: boolean;
|
|
274
|
-
|
|
275
|
-
|
|
328
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
329
|
+
renderExtraTools: VNode | null;
|
|
330
|
+
originalToolbar: OriginalToolbarItem[];
|
|
331
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
332
|
+
defImgPreviewIndex: number;
|
|
276
333
|
errorOffset: number;
|
|
277
|
-
errorText: string;
|
|
278
334
|
ossProcess: boolean;
|
|
279
335
|
ossLinks: string[];
|
|
280
336
|
imgSize: ImgSizeOptions;
|
|
@@ -314,21 +370,21 @@ declare function __VLS_template(): {
|
|
|
314
370
|
previewSrcList: string[];
|
|
315
371
|
previewTeleported: boolean;
|
|
316
372
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
317
|
-
|
|
373
|
+
errorText: string;
|
|
374
|
+
errorColor: string;
|
|
375
|
+
initialIndex: number;
|
|
318
376
|
toolbarBgColor: string;
|
|
319
377
|
toolbarIconColor: string;
|
|
320
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
321
|
-
renderExtraTools: VNode | null;
|
|
322
|
-
originalToolbar: OriginalToolbarItem[];
|
|
323
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
324
378
|
zoomRate: number;
|
|
325
379
|
minScale: number;
|
|
326
380
|
maxScale: number;
|
|
327
381
|
showProgress: boolean;
|
|
328
|
-
|
|
329
|
-
|
|
382
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
383
|
+
renderExtraTools: VNode | null;
|
|
384
|
+
originalToolbar: OriginalToolbarItem[];
|
|
385
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
386
|
+
defImgPreviewIndex: number;
|
|
330
387
|
errorOffset: number;
|
|
331
|
-
errorText: string;
|
|
332
388
|
ossProcess: boolean;
|
|
333
389
|
ossLinks: string[];
|
|
334
390
|
imgSize: ImgSizeOptions;
|
|
@@ -377,14 +433,30 @@ declare function __VLS_template(): {
|
|
|
377
433
|
from: string;
|
|
378
434
|
to: string;
|
|
379
435
|
}) => any;
|
|
380
|
-
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "
|
|
436
|
+
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
|
|
381
437
|
displaySrc: string;
|
|
382
438
|
retried: boolean;
|
|
383
|
-
openPreview: () => void;
|
|
439
|
+
openPreview: (previewList?: string[]) => void;
|
|
384
440
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
385
441
|
$slots: {
|
|
386
|
-
placeholder?(_: {
|
|
387
|
-
|
|
442
|
+
placeholder?(_: {
|
|
443
|
+
src: string;
|
|
444
|
+
displaySrc: string;
|
|
445
|
+
loading: boolean;
|
|
446
|
+
loadError: boolean;
|
|
447
|
+
errorText: string;
|
|
448
|
+
errorColor: string;
|
|
449
|
+
errorOffset: number;
|
|
450
|
+
}): any;
|
|
451
|
+
error?(_: {
|
|
452
|
+
src: string;
|
|
453
|
+
displaySrc: string;
|
|
454
|
+
loading: boolean;
|
|
455
|
+
loadError: boolean;
|
|
456
|
+
errorText: string;
|
|
457
|
+
errorColor: string;
|
|
458
|
+
errorOffset: number;
|
|
459
|
+
}): any;
|
|
388
460
|
};
|
|
389
461
|
};
|
|
390
462
|
};
|
|
@@ -412,13 +484,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
412
484
|
to: string;
|
|
413
485
|
}) => any;
|
|
414
486
|
}>, {
|
|
487
|
+
closeOnPressEscape: boolean;
|
|
415
488
|
src: string;
|
|
489
|
+
ossProcess: boolean;
|
|
490
|
+
previewStripQuery: boolean;
|
|
416
491
|
hoverSrc: string;
|
|
492
|
+
previewSrc: string;
|
|
417
493
|
hoverImgSize: ImgSizeOptions;
|
|
418
494
|
hoverPopoverProps: Record<string, unknown>;
|
|
419
495
|
isShowWatermark: boolean;
|
|
420
|
-
waterMarkTitle: string;
|
|
421
496
|
showPreviewIcon: boolean;
|
|
497
|
+
showHoverOnError: boolean;
|
|
422
498
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
423
499
|
viewImgRef: {
|
|
424
500
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -438,21 +514,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
438
514
|
previewSrcList: string[];
|
|
439
515
|
previewTeleported: boolean;
|
|
440
516
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
441
|
-
|
|
517
|
+
errorText: string;
|
|
518
|
+
errorColor: string;
|
|
519
|
+
initialIndex: number;
|
|
442
520
|
toolbarBgColor: string;
|
|
443
521
|
toolbarIconColor: string;
|
|
444
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
445
|
-
renderExtraTools: VNode | null;
|
|
446
|
-
originalToolbar: OriginalToolbarItem[];
|
|
447
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
448
522
|
zoomRate: number;
|
|
449
523
|
minScale: number;
|
|
450
524
|
maxScale: number;
|
|
451
525
|
showProgress: boolean;
|
|
452
|
-
|
|
453
|
-
|
|
526
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
527
|
+
renderExtraTools: VNode | null;
|
|
528
|
+
originalToolbar: OriginalToolbarItem[];
|
|
529
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
530
|
+
defImgPreviewIndex: number;
|
|
454
531
|
errorOffset: number;
|
|
455
|
-
errorText: string;
|
|
456
532
|
ossProcess: boolean;
|
|
457
533
|
ossLinks: string[];
|
|
458
534
|
imgSize: ImgSizeOptions;
|
|
@@ -500,7 +576,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
500
576
|
from: string;
|
|
501
577
|
to: string;
|
|
502
578
|
}) => any;
|
|
503
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "
|
|
579
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
|
|
504
580
|
$attrs: import('vue').Attrs;
|
|
505
581
|
$refs: {
|
|
506
582
|
[x: string]: unknown;
|
|
@@ -563,7 +639,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
563
639
|
}>, {
|
|
564
640
|
displaySrc: import('vue').Ref<string, string>;
|
|
565
641
|
retried: import('vue').Ref<boolean, boolean>;
|
|
566
|
-
openPreview: () => void;
|
|
642
|
+
openPreview: (previewList?: string[]) => void;
|
|
567
643
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
568
644
|
switch: (index: number) => any;
|
|
569
645
|
show: (payload: PreviewShowPayload) => any;
|
|
@@ -589,21 +665,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
589
665
|
previewSrcList: string[];
|
|
590
666
|
previewTeleported: boolean;
|
|
591
667
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
592
|
-
|
|
668
|
+
errorText: string;
|
|
669
|
+
errorColor: string;
|
|
670
|
+
initialIndex: number;
|
|
593
671
|
toolbarBgColor: string;
|
|
594
672
|
toolbarIconColor: string;
|
|
595
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
596
|
-
renderExtraTools: VNode | null;
|
|
597
|
-
originalToolbar: OriginalToolbarItem[];
|
|
598
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
599
673
|
zoomRate: number;
|
|
600
674
|
minScale: number;
|
|
601
675
|
maxScale: number;
|
|
602
676
|
showProgress: boolean;
|
|
603
|
-
|
|
604
|
-
|
|
677
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
678
|
+
renderExtraTools: VNode | null;
|
|
679
|
+
originalToolbar: OriginalToolbarItem[];
|
|
680
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
681
|
+
defImgPreviewIndex: number;
|
|
605
682
|
errorOffset: number;
|
|
606
|
-
errorText: string;
|
|
607
683
|
ossProcess: boolean;
|
|
608
684
|
ossLinks: string[];
|
|
609
685
|
imgSize: ImgSizeOptions;
|
|
@@ -643,21 +719,21 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
643
719
|
previewSrcList: string[];
|
|
644
720
|
previewTeleported: boolean;
|
|
645
721
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
646
|
-
|
|
722
|
+
errorText: string;
|
|
723
|
+
errorColor: string;
|
|
724
|
+
initialIndex: number;
|
|
647
725
|
toolbarBgColor: string;
|
|
648
726
|
toolbarIconColor: string;
|
|
649
|
-
simpleExtraTools: SimpleCustomTool[];
|
|
650
|
-
renderExtraTools: VNode | null;
|
|
651
|
-
originalToolbar: OriginalToolbarItem[];
|
|
652
|
-
previewSideNav: import('..').PreviewSideNav;
|
|
653
727
|
zoomRate: number;
|
|
654
728
|
minScale: number;
|
|
655
729
|
maxScale: number;
|
|
656
730
|
showProgress: boolean;
|
|
657
|
-
|
|
658
|
-
|
|
731
|
+
simpleExtraTools: SimpleCustomTool[];
|
|
732
|
+
renderExtraTools: VNode | null;
|
|
733
|
+
originalToolbar: OriginalToolbarItem[];
|
|
734
|
+
previewSideNav: import('..').PreviewSideNav;
|
|
735
|
+
defImgPreviewIndex: number;
|
|
659
736
|
errorOffset: number;
|
|
660
|
-
errorText: string;
|
|
661
737
|
ossProcess: boolean;
|
|
662
738
|
ossLinks: string[];
|
|
663
739
|
imgSize: ImgSizeOptions;
|
|
@@ -706,14 +782,30 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
706
782
|
from: string;
|
|
707
783
|
to: string;
|
|
708
784
|
}) => any;
|
|
709
|
-
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "
|
|
785
|
+
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery")> & {
|
|
710
786
|
displaySrc: string;
|
|
711
787
|
retried: boolean;
|
|
712
|
-
openPreview: () => void;
|
|
788
|
+
openPreview: (previewList?: string[]) => void;
|
|
713
789
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
714
790
|
$slots: {
|
|
715
|
-
placeholder?(_: {
|
|
716
|
-
|
|
791
|
+
placeholder?(_: {
|
|
792
|
+
src: string;
|
|
793
|
+
displaySrc: string;
|
|
794
|
+
loading: boolean;
|
|
795
|
+
loadError: boolean;
|
|
796
|
+
errorText: string;
|
|
797
|
+
errorColor: string;
|
|
798
|
+
errorOffset: number;
|
|
799
|
+
}): any;
|
|
800
|
+
error?(_: {
|
|
801
|
+
src: string;
|
|
802
|
+
displaySrc: string;
|
|
803
|
+
loading: boolean;
|
|
804
|
+
loadError: boolean;
|
|
805
|
+
errorText: string;
|
|
806
|
+
errorColor: string;
|
|
807
|
+
errorOffset: number;
|
|
808
|
+
}): any;
|
|
717
809
|
};
|
|
718
810
|
};
|
|
719
811
|
}, any>;
|