fangguo-component 1.2.4 → 1.2.6
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/FgCascader.css +2 -6
- package/dist/{FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js → FgCascader.vue_vue_type_style_index_0_lang-CtUPO8fk.js} +19 -16
- package/dist/{ViewImg-CD4QJK4R.js → ViewImg-CLRjYOUN.js} +250 -51
- package/dist/ViewImg.css +41 -12
- package/dist/{ViewImgPopover-D-1b2nEa.js → ViewImgPopover-koNFPgjR.js} +128 -110
- package/dist/ViewImgPopover.css +8 -29
- package/dist/components/cascader/index.js +1 -1
- package/dist/components/index.js +3 -3
- package/dist/components/viewImg/ViewImg.vue.d.ts +21 -14
- package/dist/components/viewImg/ViewImgErrorFallback.vue.d.ts +6 -3
- package/dist/components/viewImg/defaults.d.ts +2 -2
- package/dist/components/viewImg/index.js +1 -1
- package/dist/components/viewImgPopover/ViewImgPopover.vue.d.ts +93 -72
- package/dist/components/viewImgPopover/index.js +1 -1
- package/dist/{index-CALlgLrT.js → index-CNW8PtZ1.js} +3 -3
- package/dist/{index-rEz2pixF.js → index-DsfY1yqo.js} +2 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +14 -13
- package/dist/{montageImgUrl-DP5jMHCX.js → montageImgUrl-B9ZmJ7TF.js} +35 -16
- package/dist/tools/imgUrl/imageUrl.d.ts +42 -5
- package/dist/tools/imgUrl/index.d.ts +1 -1
- package/dist/tools/imgUrl/index.js +6 -5
- package/dist/tools/index.js +8 -7
- package/package.json +2 -2
|
@@ -5,8 +5,8 @@ export interface ViewImgDefaultSlotPayload {
|
|
|
5
5
|
loading: boolean;
|
|
6
6
|
loadError: boolean;
|
|
7
7
|
errorText: string;
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/** 内置占位图标 / 文案色 */
|
|
9
|
+
fallbackColor: string;
|
|
10
10
|
}
|
|
11
11
|
export interface ViewImgGlobalDefaults {
|
|
12
12
|
/** FgViewImg 默认加载占位内容;低于组件自身 #placeholder 插槽优先级 */
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { VNode } from 'vue';
|
|
2
2
|
import { ImgSizeOptions } from '../../tools/imgUrl';
|
|
3
|
-
import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload } from '../viewImgPreview/types';
|
|
3
|
+
import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload, PreviewSideNav } from '../viewImgPreview/types';
|
|
4
4
|
type ObjectFit = "fill" | "contain" | "cover" | "none" | "scale-down" | "";
|
|
5
|
+
type CssSize = string | number;
|
|
5
6
|
type __VLS_Props = {
|
|
6
7
|
/** 图片地址 */
|
|
7
8
|
src?: string;
|
|
@@ -43,8 +44,12 @@ type __VLS_Props = {
|
|
|
43
44
|
showProgress?: boolean;
|
|
44
45
|
/** 预览工具栏背景色 */
|
|
45
46
|
toolbarBgColor?: string;
|
|
46
|
-
/**
|
|
47
|
-
|
|
47
|
+
/** 悬停 Popover 大图背景色 */
|
|
48
|
+
hoverBackgroundColor?: string;
|
|
49
|
+
/** 悬停 Popover 大图盒子宽度;默认保持当前 400 */
|
|
50
|
+
hoverBoxWidth?: CssSize;
|
|
51
|
+
/** 悬停 Popover 大图盒子高度;默认保持当前 380px */
|
|
52
|
+
hoverBoxHeight?: CssSize;
|
|
48
53
|
/** 预览工具栏图标/文字颜色 */
|
|
49
54
|
toolbarIconColor?: string;
|
|
50
55
|
/** 预览工具栏自定义工具 */
|
|
@@ -53,13 +58,11 @@ type __VLS_Props = {
|
|
|
53
58
|
renderExtraTools?: VNode | null;
|
|
54
59
|
/** 预览工具栏原始工具栏 */
|
|
55
60
|
originalToolbar?: OriginalToolbarItem[];
|
|
56
|
-
/**
|
|
57
|
-
|
|
58
|
-
/** 图片加载错误时显示的偏移量 */
|
|
59
|
-
errorOffset?: number;
|
|
61
|
+
/** 内置占位图标 / 文案色;作用于加载中 / 无图 / 加载失败;未传用设计默认色 */
|
|
62
|
+
fallbackColor?: string;
|
|
60
63
|
/** 图片加载错误时显示的文本 */
|
|
61
64
|
errorText?: string;
|
|
62
|
-
/**
|
|
65
|
+
/** 是否对 src 做 OSS / TEMU 缩略图处理 */
|
|
63
66
|
ossProcess?: boolean;
|
|
64
67
|
/** 当前组件使用的 OSS 域名白名单;未传时使用 configureImgUrl 注入的全局配置 */
|
|
65
68
|
ossLinks?: string[];
|
|
@@ -67,11 +70,20 @@ type __VLS_Props = {
|
|
|
67
70
|
imgSize?: ImgSizeOptions;
|
|
68
71
|
/** 是否移除预览 URL 的查询参数 */
|
|
69
72
|
previewStripQuery?: boolean;
|
|
70
|
-
/**
|
|
73
|
+
/** 多图预览两侧箭头:透传 FgViewImg */
|
|
74
|
+
previewSideNav?: PreviewSideNav;
|
|
75
|
+
/** 缩略图懒加载滚动根;透传 FgViewImg */
|
|
76
|
+
scrollContainer?: string | HTMLElement | null;
|
|
77
|
+
/** Popover 内图片地址;未传时基于 src 生成;与 hoverImgSize 同时传时按 hoverImgSize 改写 */
|
|
71
78
|
hoverSrc?: string;
|
|
72
79
|
/** 点击放大预览图地址;未传时由 src 清理查询参数得到 */
|
|
73
80
|
previewSrc?: string;
|
|
74
|
-
/**
|
|
81
|
+
/**
|
|
82
|
+
* 悬停图缩放规则。
|
|
83
|
+
* - URL 已带 OSS/平台缩放参数时:按本字段改写
|
|
84
|
+
* - 否则在 ossProcess 开启时走 montageImgUrl(OSS 需 ossLinks)
|
|
85
|
+
* - 未传时默认 `{ h: 420 }`(显式 hoverSrc 且未传本字段则原样用 hoverSrc)
|
|
86
|
+
*/
|
|
75
87
|
hoverImgSize?: ImgSizeOptions;
|
|
76
88
|
/** 透传给 LazyPopover / el-popover */
|
|
77
89
|
hoverPopoverProps?: Record<string, unknown>;
|
|
@@ -95,8 +107,7 @@ declare function __VLS_template(): {
|
|
|
95
107
|
loading: boolean;
|
|
96
108
|
loadError: boolean;
|
|
97
109
|
errorText: string;
|
|
98
|
-
|
|
99
|
-
errorOffset: number;
|
|
110
|
+
fallbackColor: string;
|
|
100
111
|
}): any;
|
|
101
112
|
placeholder?(_: {
|
|
102
113
|
src: string;
|
|
@@ -104,8 +115,7 @@ declare function __VLS_template(): {
|
|
|
104
115
|
loading: boolean;
|
|
105
116
|
loadError: boolean;
|
|
106
117
|
errorText: string;
|
|
107
|
-
|
|
108
|
-
errorOffset: number;
|
|
118
|
+
fallbackColor: string;
|
|
109
119
|
}): any;
|
|
110
120
|
placeholder?(_: {
|
|
111
121
|
src: string;
|
|
@@ -113,8 +123,7 @@ declare function __VLS_template(): {
|
|
|
113
123
|
loading: boolean;
|
|
114
124
|
loadError: boolean;
|
|
115
125
|
errorText: string;
|
|
116
|
-
|
|
117
|
-
errorOffset: number;
|
|
126
|
+
fallbackColor: string;
|
|
118
127
|
}): any;
|
|
119
128
|
error?(_: {
|
|
120
129
|
src: string;
|
|
@@ -122,19 +131,15 @@ declare function __VLS_template(): {
|
|
|
122
131
|
loading: boolean;
|
|
123
132
|
loadError: boolean;
|
|
124
133
|
errorText: string;
|
|
125
|
-
|
|
126
|
-
errorOffset: number;
|
|
134
|
+
fallbackColor: string;
|
|
127
135
|
}): any;
|
|
128
|
-
error?(_: {}): any;
|
|
129
|
-
error?(_: {}): any;
|
|
130
136
|
error?(_: {
|
|
131
137
|
src: string;
|
|
132
138
|
displaySrc: string;
|
|
133
139
|
loading: boolean;
|
|
134
140
|
loadError: boolean;
|
|
135
141
|
errorText: string;
|
|
136
|
-
|
|
137
|
-
errorOffset: number;
|
|
142
|
+
fallbackColor: string;
|
|
138
143
|
}): any;
|
|
139
144
|
error?(_: {
|
|
140
145
|
src: string;
|
|
@@ -142,8 +147,23 @@ declare function __VLS_template(): {
|
|
|
142
147
|
loading: boolean;
|
|
143
148
|
loadError: boolean;
|
|
144
149
|
errorText: string;
|
|
145
|
-
|
|
146
|
-
|
|
150
|
+
fallbackColor: string;
|
|
151
|
+
}): any;
|
|
152
|
+
error?(_: {
|
|
153
|
+
src: string;
|
|
154
|
+
displaySrc: string;
|
|
155
|
+
loading: boolean;
|
|
156
|
+
loadError: boolean;
|
|
157
|
+
errorText: string;
|
|
158
|
+
fallbackColor: string;
|
|
159
|
+
}): any;
|
|
160
|
+
error?(_: {
|
|
161
|
+
src: string;
|
|
162
|
+
displaySrc: string;
|
|
163
|
+
loading: boolean;
|
|
164
|
+
loadError: boolean;
|
|
165
|
+
errorText: string;
|
|
166
|
+
fallbackColor: string;
|
|
147
167
|
}): any;
|
|
148
168
|
};
|
|
149
169
|
refs: {
|
|
@@ -166,7 +186,7 @@ declare function __VLS_template(): {
|
|
|
166
186
|
previewTeleported: boolean;
|
|
167
187
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
168
188
|
errorText: string;
|
|
169
|
-
|
|
189
|
+
fallbackColor: string;
|
|
170
190
|
initialIndex: number;
|
|
171
191
|
toolbarBgColor: string;
|
|
172
192
|
toolbarIconColor: string;
|
|
@@ -177,9 +197,9 @@ declare function __VLS_template(): {
|
|
|
177
197
|
simpleExtraTools: SimpleCustomTool[];
|
|
178
198
|
renderExtraTools: VNode | null;
|
|
179
199
|
originalToolbar: OriginalToolbarItem[];
|
|
180
|
-
previewSideNav:
|
|
200
|
+
previewSideNav: PreviewSideNav;
|
|
181
201
|
defImgPreviewIndex: number;
|
|
182
|
-
|
|
202
|
+
scrollContainer: string | HTMLElement | null;
|
|
183
203
|
ossProcess: boolean;
|
|
184
204
|
ossLinks: string[];
|
|
185
205
|
imgSize: ImgSizeOptions;
|
|
@@ -188,6 +208,7 @@ declare function __VLS_template(): {
|
|
|
188
208
|
readonly src?: string;
|
|
189
209
|
readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
190
210
|
readonly lazy?: boolean;
|
|
211
|
+
readonly scrollContainer?: string | HTMLElement | null;
|
|
191
212
|
readonly loading?: boolean;
|
|
192
213
|
readonly preview?: boolean;
|
|
193
214
|
readonly previewSrcList?: string[];
|
|
@@ -210,14 +231,13 @@ declare function __VLS_template(): {
|
|
|
210
231
|
readonly simpleExtraTools?: SimpleCustomTool[];
|
|
211
232
|
readonly renderExtraTools?: VNode | null;
|
|
212
233
|
readonly originalToolbar?: OriginalToolbarItem[];
|
|
213
|
-
readonly
|
|
214
|
-
readonly errorOffset?: number;
|
|
234
|
+
readonly fallbackColor?: string;
|
|
215
235
|
readonly errorText?: string;
|
|
216
236
|
readonly ossProcess?: boolean;
|
|
217
237
|
readonly ossLinks?: string[];
|
|
218
238
|
readonly imgSize?: ImgSizeOptions;
|
|
219
239
|
readonly previewStripQuery?: boolean;
|
|
220
|
-
readonly previewSideNav?:
|
|
240
|
+
readonly previewSideNav?: PreviewSideNav;
|
|
221
241
|
readonly onSwitch?: (index: number) => any;
|
|
222
242
|
readonly onShow?: (payload: PreviewShowPayload) => any;
|
|
223
243
|
readonly onClose?: () => any;
|
|
@@ -227,10 +247,12 @@ declare function __VLS_template(): {
|
|
|
227
247
|
from: string;
|
|
228
248
|
to: string;
|
|
229
249
|
}) => any;
|
|
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" | "
|
|
250
|
+
} & 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">;
|
|
231
251
|
$attrs: import('vue').Attrs;
|
|
232
252
|
$refs: {
|
|
233
253
|
[x: string]: unknown;
|
|
254
|
+
} & {
|
|
255
|
+
rootRef: HTMLSpanElement;
|
|
234
256
|
};
|
|
235
257
|
$slots: Readonly<{
|
|
236
258
|
[name: string]: import('vue').Slot<any>;
|
|
@@ -247,6 +269,7 @@ declare function __VLS_template(): {
|
|
|
247
269
|
src?: string;
|
|
248
270
|
fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
249
271
|
lazy?: boolean;
|
|
272
|
+
scrollContainer?: string | HTMLElement | null;
|
|
250
273
|
loading?: boolean;
|
|
251
274
|
preview?: boolean;
|
|
252
275
|
previewSrcList?: string[];
|
|
@@ -269,14 +292,13 @@ declare function __VLS_template(): {
|
|
|
269
292
|
simpleExtraTools?: SimpleCustomTool[];
|
|
270
293
|
renderExtraTools?: VNode | null;
|
|
271
294
|
originalToolbar?: OriginalToolbarItem[];
|
|
272
|
-
|
|
273
|
-
errorOffset?: number;
|
|
295
|
+
fallbackColor?: string;
|
|
274
296
|
errorText?: string;
|
|
275
297
|
ossProcess?: boolean;
|
|
276
298
|
ossLinks?: string[];
|
|
277
299
|
imgSize?: ImgSizeOptions;
|
|
278
300
|
previewStripQuery?: boolean;
|
|
279
|
-
previewSideNav?:
|
|
301
|
+
previewSideNav?: PreviewSideNav;
|
|
280
302
|
}> & Readonly<{
|
|
281
303
|
onSwitch?: (index: number) => any;
|
|
282
304
|
onShow?: (payload: PreviewShowPayload) => any;
|
|
@@ -317,7 +339,7 @@ declare function __VLS_template(): {
|
|
|
317
339
|
previewTeleported: boolean;
|
|
318
340
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
319
341
|
errorText: string;
|
|
320
|
-
|
|
342
|
+
fallbackColor: string;
|
|
321
343
|
initialIndex: number;
|
|
322
344
|
toolbarBgColor: string;
|
|
323
345
|
toolbarIconColor: string;
|
|
@@ -328,9 +350,9 @@ declare function __VLS_template(): {
|
|
|
328
350
|
simpleExtraTools: SimpleCustomTool[];
|
|
329
351
|
renderExtraTools: VNode | null;
|
|
330
352
|
originalToolbar: OriginalToolbarItem[];
|
|
331
|
-
previewSideNav:
|
|
353
|
+
previewSideNav: PreviewSideNav;
|
|
332
354
|
defImgPreviewIndex: number;
|
|
333
|
-
|
|
355
|
+
scrollContainer: string | HTMLElement | null;
|
|
334
356
|
ossProcess: boolean;
|
|
335
357
|
ossLinks: string[];
|
|
336
358
|
imgSize: ImgSizeOptions;
|
|
@@ -371,7 +393,7 @@ declare function __VLS_template(): {
|
|
|
371
393
|
previewTeleported: boolean;
|
|
372
394
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
373
395
|
errorText: string;
|
|
374
|
-
|
|
396
|
+
fallbackColor: string;
|
|
375
397
|
initialIndex: number;
|
|
376
398
|
toolbarBgColor: string;
|
|
377
399
|
toolbarIconColor: string;
|
|
@@ -382,9 +404,9 @@ declare function __VLS_template(): {
|
|
|
382
404
|
simpleExtraTools: SimpleCustomTool[];
|
|
383
405
|
renderExtraTools: VNode | null;
|
|
384
406
|
originalToolbar: OriginalToolbarItem[];
|
|
385
|
-
previewSideNav:
|
|
407
|
+
previewSideNav: PreviewSideNav;
|
|
386
408
|
defImgPreviewIndex: number;
|
|
387
|
-
|
|
409
|
+
scrollContainer: string | HTMLElement | null;
|
|
388
410
|
ossProcess: boolean;
|
|
389
411
|
ossLinks: string[];
|
|
390
412
|
imgSize: ImgSizeOptions;
|
|
@@ -393,6 +415,7 @@ declare function __VLS_template(): {
|
|
|
393
415
|
src?: string;
|
|
394
416
|
fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
395
417
|
lazy?: boolean;
|
|
418
|
+
scrollContainer?: string | HTMLElement | null;
|
|
396
419
|
loading?: boolean;
|
|
397
420
|
preview?: boolean;
|
|
398
421
|
previewSrcList?: string[];
|
|
@@ -415,14 +438,13 @@ declare function __VLS_template(): {
|
|
|
415
438
|
simpleExtraTools?: SimpleCustomTool[];
|
|
416
439
|
renderExtraTools?: VNode | null;
|
|
417
440
|
originalToolbar?: OriginalToolbarItem[];
|
|
418
|
-
|
|
419
|
-
errorOffset?: number;
|
|
441
|
+
fallbackColor?: string;
|
|
420
442
|
errorText?: string;
|
|
421
443
|
ossProcess?: boolean;
|
|
422
444
|
ossLinks?: string[];
|
|
423
445
|
imgSize?: ImgSizeOptions;
|
|
424
446
|
previewStripQuery?: boolean;
|
|
425
|
-
previewSideNav?:
|
|
447
|
+
previewSideNav?: PreviewSideNav;
|
|
426
448
|
}> & Readonly<{
|
|
427
449
|
onSwitch?: (index: number) => any;
|
|
428
450
|
onShow?: (payload: PreviewShowPayload) => any;
|
|
@@ -433,7 +455,7 @@ declare function __VLS_template(): {
|
|
|
433
455
|
from: string;
|
|
434
456
|
to: string;
|
|
435
457
|
}) => any;
|
|
436
|
-
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "
|
|
458
|
+
}>, "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")> & {
|
|
437
459
|
displaySrc: string;
|
|
438
460
|
retried: boolean;
|
|
439
461
|
openPreview: (previewList?: string[]) => void;
|
|
@@ -445,8 +467,7 @@ declare function __VLS_template(): {
|
|
|
445
467
|
loading: boolean;
|
|
446
468
|
loadError: boolean;
|
|
447
469
|
errorText: string;
|
|
448
|
-
|
|
449
|
-
errorOffset: number;
|
|
470
|
+
fallbackColor: string;
|
|
450
471
|
}): any;
|
|
451
472
|
error?(_: {
|
|
452
473
|
src: string;
|
|
@@ -454,8 +475,7 @@ declare function __VLS_template(): {
|
|
|
454
475
|
loading: boolean;
|
|
455
476
|
loadError: boolean;
|
|
456
477
|
errorText: string;
|
|
457
|
-
|
|
458
|
-
errorOffset: number;
|
|
478
|
+
fallbackColor: string;
|
|
459
479
|
}): any;
|
|
460
480
|
};
|
|
461
481
|
};
|
|
@@ -486,6 +506,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
486
506
|
}>, {
|
|
487
507
|
closeOnPressEscape: boolean;
|
|
488
508
|
src: string;
|
|
509
|
+
scrollContainer: string | HTMLElement | null;
|
|
489
510
|
ossProcess: boolean;
|
|
490
511
|
previewStripQuery: boolean;
|
|
491
512
|
hoverSrc: string;
|
|
@@ -515,7 +536,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
515
536
|
previewTeleported: boolean;
|
|
516
537
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
517
538
|
errorText: string;
|
|
518
|
-
|
|
539
|
+
fallbackColor: string;
|
|
519
540
|
initialIndex: number;
|
|
520
541
|
toolbarBgColor: string;
|
|
521
542
|
toolbarIconColor: string;
|
|
@@ -526,9 +547,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
526
547
|
simpleExtraTools: SimpleCustomTool[];
|
|
527
548
|
renderExtraTools: VNode | null;
|
|
528
549
|
originalToolbar: OriginalToolbarItem[];
|
|
529
|
-
previewSideNav:
|
|
550
|
+
previewSideNav: PreviewSideNav;
|
|
530
551
|
defImgPreviewIndex: number;
|
|
531
|
-
|
|
552
|
+
scrollContainer: string | HTMLElement | null;
|
|
532
553
|
ossProcess: boolean;
|
|
533
554
|
ossLinks: string[];
|
|
534
555
|
imgSize: ImgSizeOptions;
|
|
@@ -537,6 +558,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
537
558
|
readonly src?: string;
|
|
538
559
|
readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
539
560
|
readonly lazy?: boolean;
|
|
561
|
+
readonly scrollContainer?: string | HTMLElement | null;
|
|
540
562
|
readonly loading?: boolean;
|
|
541
563
|
readonly preview?: boolean;
|
|
542
564
|
readonly previewSrcList?: string[];
|
|
@@ -559,14 +581,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
559
581
|
readonly simpleExtraTools?: SimpleCustomTool[];
|
|
560
582
|
readonly renderExtraTools?: VNode | null;
|
|
561
583
|
readonly originalToolbar?: OriginalToolbarItem[];
|
|
562
|
-
readonly
|
|
563
|
-
readonly errorOffset?: number;
|
|
584
|
+
readonly fallbackColor?: string;
|
|
564
585
|
readonly errorText?: string;
|
|
565
586
|
readonly ossProcess?: boolean;
|
|
566
587
|
readonly ossLinks?: string[];
|
|
567
588
|
readonly imgSize?: ImgSizeOptions;
|
|
568
589
|
readonly previewStripQuery?: boolean;
|
|
569
|
-
readonly previewSideNav?:
|
|
590
|
+
readonly previewSideNav?: PreviewSideNav;
|
|
570
591
|
readonly onSwitch?: (index: number) => any;
|
|
571
592
|
readonly onShow?: (payload: PreviewShowPayload) => any;
|
|
572
593
|
readonly onClose?: () => any;
|
|
@@ -576,10 +597,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
576
597
|
from: string;
|
|
577
598
|
to: string;
|
|
578
599
|
}) => any;
|
|
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" | "
|
|
600
|
+
} & 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">;
|
|
580
601
|
$attrs: import('vue').Attrs;
|
|
581
602
|
$refs: {
|
|
582
603
|
[x: string]: unknown;
|
|
604
|
+
} & {
|
|
605
|
+
rootRef: HTMLSpanElement;
|
|
583
606
|
};
|
|
584
607
|
$slots: Readonly<{
|
|
585
608
|
[name: string]: import('vue').Slot<any>;
|
|
@@ -596,6 +619,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
596
619
|
src?: string;
|
|
597
620
|
fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
598
621
|
lazy?: boolean;
|
|
622
|
+
scrollContainer?: string | HTMLElement | null;
|
|
599
623
|
loading?: boolean;
|
|
600
624
|
preview?: boolean;
|
|
601
625
|
previewSrcList?: string[];
|
|
@@ -618,14 +642,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
618
642
|
simpleExtraTools?: SimpleCustomTool[];
|
|
619
643
|
renderExtraTools?: VNode | null;
|
|
620
644
|
originalToolbar?: OriginalToolbarItem[];
|
|
621
|
-
|
|
622
|
-
errorOffset?: number;
|
|
645
|
+
fallbackColor?: string;
|
|
623
646
|
errorText?: string;
|
|
624
647
|
ossProcess?: boolean;
|
|
625
648
|
ossLinks?: string[];
|
|
626
649
|
imgSize?: ImgSizeOptions;
|
|
627
650
|
previewStripQuery?: boolean;
|
|
628
|
-
previewSideNav?:
|
|
651
|
+
previewSideNav?: PreviewSideNav;
|
|
629
652
|
}> & Readonly<{
|
|
630
653
|
onSwitch?: (index: number) => any;
|
|
631
654
|
onShow?: (payload: PreviewShowPayload) => any;
|
|
@@ -666,7 +689,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
666
689
|
previewTeleported: boolean;
|
|
667
690
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
668
691
|
errorText: string;
|
|
669
|
-
|
|
692
|
+
fallbackColor: string;
|
|
670
693
|
initialIndex: number;
|
|
671
694
|
toolbarBgColor: string;
|
|
672
695
|
toolbarIconColor: string;
|
|
@@ -677,9 +700,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
677
700
|
simpleExtraTools: SimpleCustomTool[];
|
|
678
701
|
renderExtraTools: VNode | null;
|
|
679
702
|
originalToolbar: OriginalToolbarItem[];
|
|
680
|
-
previewSideNav:
|
|
703
|
+
previewSideNav: PreviewSideNav;
|
|
681
704
|
defImgPreviewIndex: number;
|
|
682
|
-
|
|
705
|
+
scrollContainer: string | HTMLElement | null;
|
|
683
706
|
ossProcess: boolean;
|
|
684
707
|
ossLinks: string[];
|
|
685
708
|
imgSize: ImgSizeOptions;
|
|
@@ -720,7 +743,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
720
743
|
previewTeleported: boolean;
|
|
721
744
|
fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
722
745
|
errorText: string;
|
|
723
|
-
|
|
746
|
+
fallbackColor: string;
|
|
724
747
|
initialIndex: number;
|
|
725
748
|
toolbarBgColor: string;
|
|
726
749
|
toolbarIconColor: string;
|
|
@@ -731,9 +754,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
731
754
|
simpleExtraTools: SimpleCustomTool[];
|
|
732
755
|
renderExtraTools: VNode | null;
|
|
733
756
|
originalToolbar: OriginalToolbarItem[];
|
|
734
|
-
previewSideNav:
|
|
757
|
+
previewSideNav: PreviewSideNav;
|
|
735
758
|
defImgPreviewIndex: number;
|
|
736
|
-
|
|
759
|
+
scrollContainer: string | HTMLElement | null;
|
|
737
760
|
ossProcess: boolean;
|
|
738
761
|
ossLinks: string[];
|
|
739
762
|
imgSize: ImgSizeOptions;
|
|
@@ -742,6 +765,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
742
765
|
src?: string;
|
|
743
766
|
fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
|
|
744
767
|
lazy?: boolean;
|
|
768
|
+
scrollContainer?: string | HTMLElement | null;
|
|
745
769
|
loading?: boolean;
|
|
746
770
|
preview?: boolean;
|
|
747
771
|
previewSrcList?: string[];
|
|
@@ -764,14 +788,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
764
788
|
simpleExtraTools?: SimpleCustomTool[];
|
|
765
789
|
renderExtraTools?: VNode | null;
|
|
766
790
|
originalToolbar?: OriginalToolbarItem[];
|
|
767
|
-
|
|
768
|
-
errorOffset?: number;
|
|
791
|
+
fallbackColor?: string;
|
|
769
792
|
errorText?: string;
|
|
770
793
|
ossProcess?: boolean;
|
|
771
794
|
ossLinks?: string[];
|
|
772
795
|
imgSize?: ImgSizeOptions;
|
|
773
796
|
previewStripQuery?: boolean;
|
|
774
|
-
previewSideNav?:
|
|
797
|
+
previewSideNav?: PreviewSideNav;
|
|
775
798
|
}> & Readonly<{
|
|
776
799
|
onSwitch?: (index: number) => any;
|
|
777
800
|
onShow?: (payload: PreviewShowPayload) => any;
|
|
@@ -782,7 +805,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
782
805
|
from: string;
|
|
783
806
|
to: string;
|
|
784
807
|
}) => any;
|
|
785
|
-
}>, "displaySrc" | "retried" | "openPreview" | ("backgroundColor" | "scale" | "zIndex" | "infinite" | "lazy" | "teleported" | "loading" | "preview" | "closeOnPressEscape" | "src" | "hideOnClickModal" | "previewSrcList" | "previewTeleported" | "fit" | "errorText" | "
|
|
808
|
+
}>, "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")> & {
|
|
786
809
|
displaySrc: string;
|
|
787
810
|
retried: boolean;
|
|
788
811
|
openPreview: (previewList?: string[]) => void;
|
|
@@ -794,8 +817,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
794
817
|
loading: boolean;
|
|
795
818
|
loadError: boolean;
|
|
796
819
|
errorText: string;
|
|
797
|
-
|
|
798
|
-
errorOffset: number;
|
|
820
|
+
fallbackColor: string;
|
|
799
821
|
}): any;
|
|
800
822
|
error?(_: {
|
|
801
823
|
src: string;
|
|
@@ -803,8 +825,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
803
825
|
loading: boolean;
|
|
804
826
|
loadError: boolean;
|
|
805
827
|
errorText: string;
|
|
806
|
-
|
|
807
|
-
errorOffset: number;
|
|
828
|
+
fallbackColor: string;
|
|
808
829
|
}): any;
|
|
809
830
|
};
|
|
810
831
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { _ as _sfc_main } from "./ArgHover.vue_vue_type_style_index_0_lang-CSymSDRl.js";
|
|
2
|
-
import { _ as _sfc_main$1 } from "./FgCascader.vue_vue_type_style_index_0_lang-
|
|
2
|
+
import { _ as _sfc_main$1 } from "./FgCascader.vue_vue_type_style_index_0_lang-CtUPO8fk.js";
|
|
3
3
|
import { _ as _sfc_main$2 } from "./CitySelect.vue_vue_type_script_setup_true_lang-DZp6834K.js";
|
|
4
4
|
import { _ as _sfc_main$3 } from "./DragResizable.vue_vue_type_style_index_0_lang-BePpQHve.js";
|
|
5
5
|
import { _ as _sfc_main$4 } from "./HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js";
|
|
@@ -31,8 +31,8 @@ import { S as SelectAddress } from "./SelectAddress-CCepDxu8.js";
|
|
|
31
31
|
import { S as SelectTree } from "./SelectTree-BHvvkiQi.js";
|
|
32
32
|
import { S as SvgIcon } from "./SvgIcon-DIg0upEk.js";
|
|
33
33
|
import { T as TextCopy } from "./TextCopy-lpbeqOUI.js";
|
|
34
|
-
import { F as FgViewImg, V as ViewImgErrorFallback, c as configureViewImgDefaults, r as resetViewImgDefaults, u as useViewImgDefaults } from "./ViewImg-
|
|
35
|
-
import { V as ViewImgPopover } from "./ViewImgPopover-
|
|
34
|
+
import { F as FgViewImg, V as ViewImgErrorFallback, c as configureViewImgDefaults, r as resetViewImgDefaults, u as useViewImgDefaults } from "./ViewImg-CLRjYOUN.js";
|
|
35
|
+
import { V as ViewImgPopover } from "./ViewImgPopover-koNFPgjR.js";
|
|
36
36
|
import { I as ImgViewerStore, P as PREVIEW_BASE_Z_INDEX, g as getDialogZindex, u as useImgViewerState, a as useImgViewerStore } from "./imgViewerStore-Ajm-L7R5.js";
|
|
37
37
|
import { V as VirtualTable } from "./VirtualTable-Cm_L7q9W.js";
|
|
38
38
|
const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as DEFAULT_IMG_FASTEN, b as buildPlatformImageResizeUrl, c as configureImgUrl, g as getImageResizeRuleName, a as getImgFasten, d as getNetworkAdaptiveOptions, e as getOssLinks, f as getPlatformOriginalImageUrl, i as imgUrlConfigKey,
|
|
1
|
+
import { D as DEFAULT_IMG_FASTEN, b as buildPlatformImageResizeUrl, c as configureImgUrl, g as getImageResizeRuleName, a as getImgFasten, d as getNetworkAdaptiveOptions, e as getOssLinks, f as getPlatformOriginalImageUrl, h as hasPlatformImageResizeParams, i as imgUrlConfigKey, j as initNetworkListener, k as isUnsupportedImg, m as montageImgUrl, n as networkKey, l as notSupportedImgTypes, r as removeImageUrlQuery, o as replaceUnsupportedImg, t as temuThumbUrl } from "./montageImgUrl-B9ZmJ7TF.js";
|
|
2
2
|
import { a as aesDecrypt, b as aesEncrypt, c as allPhoneReq, d as analyzeFileformat, e as argFormate, f as base64ToBlob, g as base64ToFile, h as boldPoint, i as checkGoodValue, j as cleanEmptyFields, k as convertImageFormat, l as copyText, m as copyWord, n as createFileLocalUrl, o as createUuid, p as currentDaysLessFivedays, q as debounce, r as dropperColor, s as fileUrlToBase64, t as filterCountryAreaCodeList, u as filterMethodLowerCase, v as filterSearch, w as findNodePath, x as flattenTreeWithPath, y as formatBytes, z as formatDateArray, A as formatTimestamp, B as formatXmlText, C as formateDate, D as formateOperateLogWord, E as formateTaskTableData, F as generateFpid, G as generatePassword, H as getAddressCode, I as getAddressNameByCode, J as getAppType, K as getArrayBufferFromInput, L as getFileFolderToEnums, M as getFilenameAndExtension, N as getImageSizeByFile, O as getMobileSubmitParams, P as getQueryParams, Q as getUUID, R as getUrlSuffix, S as getXmlKeyValue, T as hasInvalidFileNameChars, U as isCmykPsd, V as isFuction, W as isMobileDevice, X as isPdfUrl, Y as isSameDay, Z as localUrlToFile, _ as longestContinuousMatch, $ as mergeColumns, a0 as mergeItem, a1 as mergeTaskTableData, a2 as modelCodeReg, a3 as modelListFilter, a4 as nameReg, a5 as numberFilter, a6 as numberToChinese, a7 as numberToRatio, a8 as opneNewTab, a9 as orderBy, aa as overseasPhoneReg, ab as pasteTextTrim, ac as pdfImg, ad as phoneReg, ae as picFilter, af as preventDefaultHandler, ag as pwdReg, ah as ratioToNumber, ai as sleep, aj as splitArray, ak as strPasteJson, al as stringArrayDiff, am as stringToUnicodeEscape, an as trimAndReduceSpaces, ao as truncateText, ap as unicodeEscapeToChars, aq as updateOringin, ar as validateMobileByCountry, as as webpToPng } from "./common-D0EYVGB2.js";
|
|
3
3
|
import { detectFileType, formatFileSize, parseFile, parseFiles, parseImage, parseImageFile, parsePSD, parsePSDFile, parseTIFF, parseTIFFFile } from "./tools/ImageParserUtils/index.js";
|
|
4
4
|
import { s as shortcuts } from "./dateShortcuts-DjFC_Txu.js";
|
|
@@ -60,6 +60,7 @@ const tools = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
|
|
|
60
60
|
getUrlSuffix,
|
|
61
61
|
getXmlKeyValue,
|
|
62
62
|
hasInvalidFileNameChars,
|
|
63
|
+
hasPlatformImageResizeParams,
|
|
63
64
|
imgUrlConfigKey,
|
|
64
65
|
initNetworkListener,
|
|
65
66
|
isCmykPsd,
|
package/dist/index.d.ts
CHANGED
|
@@ -208,6 +208,7 @@ declare const _default: {
|
|
|
208
208
|
buildPlatformImageResizeUrl: typeof tools.buildPlatformImageResizeUrl;
|
|
209
209
|
getImageResizeRuleName: typeof tools.getImageResizeRuleName;
|
|
210
210
|
getPlatformOriginalImageUrl: typeof tools.getPlatformOriginalImageUrl;
|
|
211
|
+
hasPlatformImageResizeParams: typeof tools.hasPlatformImageResizeParams;
|
|
211
212
|
removeImageUrlQuery: typeof tools.removeImageUrlQuery;
|
|
212
213
|
install: (app: App, options?: FangguoInstallOptions) => void;
|
|
213
214
|
};
|