fangguo-component 1.2.4 → 1.2.5

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.
@@ -1,6 +1,6 @@
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
5
  type __VLS_Props = {
6
6
  /** 图片地址 */
@@ -53,13 +53,11 @@ type __VLS_Props = {
53
53
  renderExtraTools?: VNode | null;
54
54
  /** 预览工具栏原始工具栏 */
55
55
  originalToolbar?: OriginalToolbarItem[];
56
- /** 图片加载错误时显示的颜色 */
57
- errorColor?: string;
58
- /** 图片加载错误时显示的偏移量 */
59
- errorOffset?: number;
56
+ /** 内置占位图标 / 文案色;作用于加载中 / 无图 / 加载失败;未传用设计默认色 */
57
+ fallbackColor?: string;
60
58
  /** 图片加载错误时显示的文本 */
61
59
  errorText?: string;
62
- /** 是否开启 OSS 处理 */
60
+ /** 是否对 src 做 OSS / TEMU 缩略图处理 */
63
61
  ossProcess?: boolean;
64
62
  /** 当前组件使用的 OSS 域名白名单;未传时使用 configureImgUrl 注入的全局配置 */
65
63
  ossLinks?: string[];
@@ -67,11 +65,20 @@ type __VLS_Props = {
67
65
  imgSize?: ImgSizeOptions;
68
66
  /** 是否移除预览 URL 的查询参数 */
69
67
  previewStripQuery?: boolean;
70
- /** Popover 内大图地址,默认与主图逻辑一致 */
68
+ /** 多图预览两侧箭头:透传 FgViewImg */
69
+ previewSideNav?: PreviewSideNav;
70
+ /** 缩略图懒加载滚动根;透传 FgViewImg */
71
+ scrollContainer?: string | HTMLElement | null;
72
+ /** Popover 内图片地址;未传时基于 src 生成;与 hoverImgSize 同时传时按 hoverImgSize 改写 */
71
73
  hoverSrc?: string;
72
74
  /** 点击放大预览图地址;未传时由 src 清理查询参数得到 */
73
75
  previewSrc?: string;
74
- /** 悬停大图缩放规则,未传时默认使用 `{ h: 420 }` */
76
+ /**
77
+ * 悬停图缩放规则。
78
+ * - URL 已带 OSS/平台缩放参数时:按本字段改写
79
+ * - 否则在 ossProcess 开启时走 montageImgUrl(OSS 需 ossLinks)
80
+ * - 未传时默认 `{ h: 420 }`(显式 hoverSrc 且未传本字段则原样用 hoverSrc)
81
+ */
75
82
  hoverImgSize?: ImgSizeOptions;
76
83
  /** 透传给 LazyPopover / el-popover */
77
84
  hoverPopoverProps?: Record<string, unknown>;
@@ -95,8 +102,7 @@ declare function __VLS_template(): {
95
102
  loading: boolean;
96
103
  loadError: boolean;
97
104
  errorText: string;
98
- errorColor: string;
99
- errorOffset: number;
105
+ fallbackColor: string;
100
106
  }): any;
101
107
  placeholder?(_: {
102
108
  src: string;
@@ -104,8 +110,7 @@ declare function __VLS_template(): {
104
110
  loading: boolean;
105
111
  loadError: boolean;
106
112
  errorText: string;
107
- errorColor: string;
108
- errorOffset: number;
113
+ fallbackColor: string;
109
114
  }): any;
110
115
  placeholder?(_: {
111
116
  src: string;
@@ -113,8 +118,7 @@ declare function __VLS_template(): {
113
118
  loading: boolean;
114
119
  loadError: boolean;
115
120
  errorText: string;
116
- errorColor: string;
117
- errorOffset: number;
121
+ fallbackColor: string;
118
122
  }): any;
119
123
  error?(_: {
120
124
  src: string;
@@ -122,19 +126,15 @@ declare function __VLS_template(): {
122
126
  loading: boolean;
123
127
  loadError: boolean;
124
128
  errorText: string;
125
- errorColor: string;
126
- errorOffset: number;
129
+ fallbackColor: string;
127
130
  }): any;
128
- error?(_: {}): any;
129
- error?(_: {}): any;
130
131
  error?(_: {
131
132
  src: string;
132
133
  displaySrc: string;
133
134
  loading: boolean;
134
135
  loadError: boolean;
135
136
  errorText: string;
136
- errorColor: string;
137
- errorOffset: number;
137
+ fallbackColor: string;
138
138
  }): any;
139
139
  error?(_: {
140
140
  src: string;
@@ -142,8 +142,23 @@ declare function __VLS_template(): {
142
142
  loading: boolean;
143
143
  loadError: boolean;
144
144
  errorText: string;
145
- errorColor: string;
146
- errorOffset: number;
145
+ fallbackColor: string;
146
+ }): any;
147
+ error?(_: {
148
+ src: string;
149
+ displaySrc: string;
150
+ loading: boolean;
151
+ loadError: boolean;
152
+ errorText: string;
153
+ fallbackColor: string;
154
+ }): any;
155
+ error?(_: {
156
+ src: string;
157
+ displaySrc: string;
158
+ loading: boolean;
159
+ loadError: boolean;
160
+ errorText: string;
161
+ fallbackColor: string;
147
162
  }): any;
148
163
  };
149
164
  refs: {
@@ -166,7 +181,7 @@ declare function __VLS_template(): {
166
181
  previewTeleported: boolean;
167
182
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
168
183
  errorText: string;
169
- errorColor: string;
184
+ fallbackColor: string;
170
185
  initialIndex: number;
171
186
  toolbarBgColor: string;
172
187
  toolbarIconColor: string;
@@ -177,9 +192,9 @@ declare function __VLS_template(): {
177
192
  simpleExtraTools: SimpleCustomTool[];
178
193
  renderExtraTools: VNode | null;
179
194
  originalToolbar: OriginalToolbarItem[];
180
- previewSideNav: import('..').PreviewSideNav;
195
+ previewSideNav: PreviewSideNav;
181
196
  defImgPreviewIndex: number;
182
- errorOffset: number;
197
+ scrollContainer: string | HTMLElement | null;
183
198
  ossProcess: boolean;
184
199
  ossLinks: string[];
185
200
  imgSize: ImgSizeOptions;
@@ -188,6 +203,7 @@ declare function __VLS_template(): {
188
203
  readonly src?: string;
189
204
  readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
190
205
  readonly lazy?: boolean;
206
+ readonly scrollContainer?: string | HTMLElement | null;
191
207
  readonly loading?: boolean;
192
208
  readonly preview?: boolean;
193
209
  readonly previewSrcList?: string[];
@@ -210,14 +226,13 @@ declare function __VLS_template(): {
210
226
  readonly simpleExtraTools?: SimpleCustomTool[];
211
227
  readonly renderExtraTools?: VNode | null;
212
228
  readonly originalToolbar?: OriginalToolbarItem[];
213
- readonly errorColor?: string;
214
- readonly errorOffset?: number;
229
+ readonly fallbackColor?: string;
215
230
  readonly errorText?: string;
216
231
  readonly ossProcess?: boolean;
217
232
  readonly ossLinks?: string[];
218
233
  readonly imgSize?: ImgSizeOptions;
219
234
  readonly previewStripQuery?: boolean;
220
- readonly previewSideNav?: import('..').PreviewSideNav;
235
+ readonly previewSideNav?: PreviewSideNav;
221
236
  readonly onSwitch?: (index: number) => any;
222
237
  readonly onShow?: (payload: PreviewShowPayload) => any;
223
238
  readonly onClose?: () => any;
@@ -227,10 +242,12 @@ declare function __VLS_template(): {
227
242
  from: string;
228
243
  to: string;
229
244
  }) => 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" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
245
+ } & 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
246
  $attrs: import('vue').Attrs;
232
247
  $refs: {
233
248
  [x: string]: unknown;
249
+ } & {
250
+ rootRef: HTMLSpanElement;
234
251
  };
235
252
  $slots: Readonly<{
236
253
  [name: string]: import('vue').Slot<any>;
@@ -247,6 +264,7 @@ declare function __VLS_template(): {
247
264
  src?: string;
248
265
  fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
249
266
  lazy?: boolean;
267
+ scrollContainer?: string | HTMLElement | null;
250
268
  loading?: boolean;
251
269
  preview?: boolean;
252
270
  previewSrcList?: string[];
@@ -269,14 +287,13 @@ declare function __VLS_template(): {
269
287
  simpleExtraTools?: SimpleCustomTool[];
270
288
  renderExtraTools?: VNode | null;
271
289
  originalToolbar?: OriginalToolbarItem[];
272
- errorColor?: string;
273
- errorOffset?: number;
290
+ fallbackColor?: string;
274
291
  errorText?: string;
275
292
  ossProcess?: boolean;
276
293
  ossLinks?: string[];
277
294
  imgSize?: ImgSizeOptions;
278
295
  previewStripQuery?: boolean;
279
- previewSideNav?: import('..').PreviewSideNav;
296
+ previewSideNav?: PreviewSideNav;
280
297
  }> & Readonly<{
281
298
  onSwitch?: (index: number) => any;
282
299
  onShow?: (payload: PreviewShowPayload) => any;
@@ -317,7 +334,7 @@ declare function __VLS_template(): {
317
334
  previewTeleported: boolean;
318
335
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
319
336
  errorText: string;
320
- errorColor: string;
337
+ fallbackColor: string;
321
338
  initialIndex: number;
322
339
  toolbarBgColor: string;
323
340
  toolbarIconColor: string;
@@ -328,9 +345,9 @@ declare function __VLS_template(): {
328
345
  simpleExtraTools: SimpleCustomTool[];
329
346
  renderExtraTools: VNode | null;
330
347
  originalToolbar: OriginalToolbarItem[];
331
- previewSideNav: import('..').PreviewSideNav;
348
+ previewSideNav: PreviewSideNav;
332
349
  defImgPreviewIndex: number;
333
- errorOffset: number;
350
+ scrollContainer: string | HTMLElement | null;
334
351
  ossProcess: boolean;
335
352
  ossLinks: string[];
336
353
  imgSize: ImgSizeOptions;
@@ -371,7 +388,7 @@ declare function __VLS_template(): {
371
388
  previewTeleported: boolean;
372
389
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
373
390
  errorText: string;
374
- errorColor: string;
391
+ fallbackColor: string;
375
392
  initialIndex: number;
376
393
  toolbarBgColor: string;
377
394
  toolbarIconColor: string;
@@ -382,9 +399,9 @@ declare function __VLS_template(): {
382
399
  simpleExtraTools: SimpleCustomTool[];
383
400
  renderExtraTools: VNode | null;
384
401
  originalToolbar: OriginalToolbarItem[];
385
- previewSideNav: import('..').PreviewSideNav;
402
+ previewSideNav: PreviewSideNav;
386
403
  defImgPreviewIndex: number;
387
- errorOffset: number;
404
+ scrollContainer: string | HTMLElement | null;
388
405
  ossProcess: boolean;
389
406
  ossLinks: string[];
390
407
  imgSize: ImgSizeOptions;
@@ -393,6 +410,7 @@ declare function __VLS_template(): {
393
410
  src?: string;
394
411
  fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
395
412
  lazy?: boolean;
413
+ scrollContainer?: string | HTMLElement | null;
396
414
  loading?: boolean;
397
415
  preview?: boolean;
398
416
  previewSrcList?: string[];
@@ -415,14 +433,13 @@ declare function __VLS_template(): {
415
433
  simpleExtraTools?: SimpleCustomTool[];
416
434
  renderExtraTools?: VNode | null;
417
435
  originalToolbar?: OriginalToolbarItem[];
418
- errorColor?: string;
419
- errorOffset?: number;
436
+ fallbackColor?: string;
420
437
  errorText?: string;
421
438
  ossProcess?: boolean;
422
439
  ossLinks?: string[];
423
440
  imgSize?: ImgSizeOptions;
424
441
  previewStripQuery?: boolean;
425
- previewSideNav?: import('..').PreviewSideNav;
442
+ previewSideNav?: PreviewSideNav;
426
443
  }> & Readonly<{
427
444
  onSwitch?: (index: number) => any;
428
445
  onShow?: (payload: PreviewShowPayload) => any;
@@ -433,7 +450,7 @@ declare function __VLS_template(): {
433
450
  from: string;
434
451
  to: string;
435
452
  }) => any;
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")> & {
453
+ }>, "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
454
  displaySrc: string;
438
455
  retried: boolean;
439
456
  openPreview: (previewList?: string[]) => void;
@@ -445,8 +462,7 @@ declare function __VLS_template(): {
445
462
  loading: boolean;
446
463
  loadError: boolean;
447
464
  errorText: string;
448
- errorColor: string;
449
- errorOffset: number;
465
+ fallbackColor: string;
450
466
  }): any;
451
467
  error?(_: {
452
468
  src: string;
@@ -454,8 +470,7 @@ declare function __VLS_template(): {
454
470
  loading: boolean;
455
471
  loadError: boolean;
456
472
  errorText: string;
457
- errorColor: string;
458
- errorOffset: number;
473
+ fallbackColor: string;
459
474
  }): any;
460
475
  };
461
476
  };
@@ -486,6 +501,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
486
501
  }>, {
487
502
  closeOnPressEscape: boolean;
488
503
  src: string;
504
+ scrollContainer: string | HTMLElement | null;
489
505
  ossProcess: boolean;
490
506
  previewStripQuery: boolean;
491
507
  hoverSrc: string;
@@ -515,7 +531,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
515
531
  previewTeleported: boolean;
516
532
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
517
533
  errorText: string;
518
- errorColor: string;
534
+ fallbackColor: string;
519
535
  initialIndex: number;
520
536
  toolbarBgColor: string;
521
537
  toolbarIconColor: string;
@@ -526,9 +542,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
526
542
  simpleExtraTools: SimpleCustomTool[];
527
543
  renderExtraTools: VNode | null;
528
544
  originalToolbar: OriginalToolbarItem[];
529
- previewSideNav: import('..').PreviewSideNav;
545
+ previewSideNav: PreviewSideNav;
530
546
  defImgPreviewIndex: number;
531
- errorOffset: number;
547
+ scrollContainer: string | HTMLElement | null;
532
548
  ossProcess: boolean;
533
549
  ossLinks: string[];
534
550
  imgSize: ImgSizeOptions;
@@ -537,6 +553,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
537
553
  readonly src?: string;
538
554
  readonly fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
539
555
  readonly lazy?: boolean;
556
+ readonly scrollContainer?: string | HTMLElement | null;
540
557
  readonly loading?: boolean;
541
558
  readonly preview?: boolean;
542
559
  readonly previewSrcList?: string[];
@@ -559,14 +576,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
559
576
  readonly simpleExtraTools?: SimpleCustomTool[];
560
577
  readonly renderExtraTools?: VNode | null;
561
578
  readonly originalToolbar?: OriginalToolbarItem[];
562
- readonly errorColor?: string;
563
- readonly errorOffset?: number;
579
+ readonly fallbackColor?: string;
564
580
  readonly errorText?: string;
565
581
  readonly ossProcess?: boolean;
566
582
  readonly ossLinks?: string[];
567
583
  readonly imgSize?: ImgSizeOptions;
568
584
  readonly previewStripQuery?: boolean;
569
- readonly previewSideNav?: import('..').PreviewSideNav;
585
+ readonly previewSideNav?: PreviewSideNav;
570
586
  readonly onSwitch?: (index: number) => any;
571
587
  readonly onShow?: (payload: PreviewShowPayload) => any;
572
588
  readonly onClose?: () => any;
@@ -576,10 +592,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
576
592
  from: string;
577
593
  to: string;
578
594
  }) => 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" | "errorColor" | "initialIndex" | "toolbarBgColor" | "toolbarIconColor" | "zoomRate" | "minScale" | "maxScale" | "showProgress" | "simpleExtraTools" | "renderExtraTools" | "originalToolbar" | "previewSideNav" | "defImgPreviewIndex" | "errorOffset" | "ossProcess" | "ossLinks" | "imgSize" | "previewStripQuery">;
595
+ } & 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
596
  $attrs: import('vue').Attrs;
581
597
  $refs: {
582
598
  [x: string]: unknown;
599
+ } & {
600
+ rootRef: HTMLSpanElement;
583
601
  };
584
602
  $slots: Readonly<{
585
603
  [name: string]: import('vue').Slot<any>;
@@ -596,6 +614,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
596
614
  src?: string;
597
615
  fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
598
616
  lazy?: boolean;
617
+ scrollContainer?: string | HTMLElement | null;
599
618
  loading?: boolean;
600
619
  preview?: boolean;
601
620
  previewSrcList?: string[];
@@ -618,14 +637,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
618
637
  simpleExtraTools?: SimpleCustomTool[];
619
638
  renderExtraTools?: VNode | null;
620
639
  originalToolbar?: OriginalToolbarItem[];
621
- errorColor?: string;
622
- errorOffset?: number;
640
+ fallbackColor?: string;
623
641
  errorText?: string;
624
642
  ossProcess?: boolean;
625
643
  ossLinks?: string[];
626
644
  imgSize?: ImgSizeOptions;
627
645
  previewStripQuery?: boolean;
628
- previewSideNav?: import('..').PreviewSideNav;
646
+ previewSideNav?: PreviewSideNav;
629
647
  }> & Readonly<{
630
648
  onSwitch?: (index: number) => any;
631
649
  onShow?: (payload: PreviewShowPayload) => any;
@@ -666,7 +684,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
666
684
  previewTeleported: boolean;
667
685
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
668
686
  errorText: string;
669
- errorColor: string;
687
+ fallbackColor: string;
670
688
  initialIndex: number;
671
689
  toolbarBgColor: string;
672
690
  toolbarIconColor: string;
@@ -677,9 +695,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
677
695
  simpleExtraTools: SimpleCustomTool[];
678
696
  renderExtraTools: VNode | null;
679
697
  originalToolbar: OriginalToolbarItem[];
680
- previewSideNav: import('..').PreviewSideNav;
698
+ previewSideNav: PreviewSideNav;
681
699
  defImgPreviewIndex: number;
682
- errorOffset: number;
700
+ scrollContainer: string | HTMLElement | null;
683
701
  ossProcess: boolean;
684
702
  ossLinks: string[];
685
703
  imgSize: ImgSizeOptions;
@@ -720,7 +738,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
720
738
  previewTeleported: boolean;
721
739
  fit: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
722
740
  errorText: string;
723
- errorColor: string;
741
+ fallbackColor: string;
724
742
  initialIndex: number;
725
743
  toolbarBgColor: string;
726
744
  toolbarIconColor: string;
@@ -731,9 +749,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
731
749
  simpleExtraTools: SimpleCustomTool[];
732
750
  renderExtraTools: VNode | null;
733
751
  originalToolbar: OriginalToolbarItem[];
734
- previewSideNav: import('..').PreviewSideNav;
752
+ previewSideNav: PreviewSideNav;
735
753
  defImgPreviewIndex: number;
736
- errorOffset: number;
754
+ scrollContainer: string | HTMLElement | null;
737
755
  ossProcess: boolean;
738
756
  ossLinks: string[];
739
757
  imgSize: ImgSizeOptions;
@@ -742,6 +760,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
742
760
  src?: string;
743
761
  fit?: "" | "fill" | "contain" | "none" | "cover" | "scale-down";
744
762
  lazy?: boolean;
763
+ scrollContainer?: string | HTMLElement | null;
745
764
  loading?: boolean;
746
765
  preview?: boolean;
747
766
  previewSrcList?: string[];
@@ -764,14 +783,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
764
783
  simpleExtraTools?: SimpleCustomTool[];
765
784
  renderExtraTools?: VNode | null;
766
785
  originalToolbar?: OriginalToolbarItem[];
767
- errorColor?: string;
768
- errorOffset?: number;
786
+ fallbackColor?: string;
769
787
  errorText?: string;
770
788
  ossProcess?: boolean;
771
789
  ossLinks?: string[];
772
790
  imgSize?: ImgSizeOptions;
773
791
  previewStripQuery?: boolean;
774
- previewSideNav?: import('..').PreviewSideNav;
792
+ previewSideNav?: PreviewSideNav;
775
793
  }> & Readonly<{
776
794
  onSwitch?: (index: number) => any;
777
795
  onShow?: (payload: PreviewShowPayload) => any;
@@ -782,7 +800,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
782
800
  from: string;
783
801
  to: string;
784
802
  }) => any;
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")> & {
803
+ }>, "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
804
  displaySrc: string;
787
805
  retried: boolean;
788
806
  openPreview: (previewList?: string[]) => void;
@@ -794,8 +812,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
794
812
  loading: boolean;
795
813
  loadError: boolean;
796
814
  errorText: string;
797
- errorColor: string;
798
- errorOffset: number;
815
+ fallbackColor: string;
799
816
  }): any;
800
817
  error?(_: {
801
818
  src: string;
@@ -803,8 +820,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
803
820
  loading: boolean;
804
821
  loadError: boolean;
805
822
  errorText: string;
806
- errorColor: string;
807
- errorOffset: number;
823
+ fallbackColor: string;
808
824
  }): any;
809
825
  };
810
826
  };
@@ -1,4 +1,4 @@
1
- import { V } from "../../ViewImgPopover-D-1b2nEa.js";
1
+ import { V } from "../../ViewImgPopover-BtFnYval.js";
2
2
  export {
3
3
  V as FgViewImgPopover
4
4
  };
@@ -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, h as initNetworkListener, j as isUnsupportedImg, m as montageImgUrl, n as networkKey, k as notSupportedImgTypes, r as removeImageUrlQuery, l as replaceUnsupportedImg, t as temuThumbUrl } from "./montageImgUrl-DP5jMHCX.js";
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,
@@ -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-DzvTfHp4.js";
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-CD4QJK4R.js";
35
- import { V as ViewImgPopover } from "./ViewImgPopover-D-1b2nEa.js";
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-BtFnYval.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({
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
  };
package/dist/index.js CHANGED
@@ -14,14 +14,14 @@ var __spreadValues = (a10, b4) => {
14
14
  }
15
15
  return a10;
16
16
  };
17
- import { c as components } from "./index-CALlgLrT.js";
18
- import { t as tools } from "./index-rEz2pixF.js";
17
+ import { c as components } from "./index-wDrpgKQT.js";
18
+ import { t as tools } from "./index-DsfY1yqo.js";
19
19
  import { d as directives } from "./index-CSMWzzp0.js";
20
20
  import { h as hooks } from "./index-DfQiknXJ.js";
21
- import { c as configureImgUrl } from "./montageImgUrl-DP5jMHCX.js";
22
- import { D, b, g, a, d, e, f, i, h, j, m, n, k, r, l, t } from "./montageImgUrl-DP5jMHCX.js";
21
+ import { c as configureImgUrl } from "./montageImgUrl-B9ZmJ7TF.js";
22
+ import { D, b, g, a, d, e, f, h, i, j, k, m, n, l, r, o, t } from "./montageImgUrl-B9ZmJ7TF.js";
23
23
  import { _ } from "./ArgHover.vue_vue_type_style_index_0_lang-CSymSDRl.js";
24
- import { _ as _2 } from "./FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js";
24
+ import { _ as _2 } from "./FgCascader.vue_vue_type_style_index_0_lang-CtUPO8fk.js";
25
25
  import { _ as _3 } from "./CitySelect.vue_vue_type_script_setup_true_lang-DZp6834K.js";
26
26
  import { _ as _4 } from "./DragResizable.vue_vue_type_style_index_0_lang-BePpQHve.js";
27
27
  import { _ as _5 } from "./HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js";
@@ -54,11 +54,11 @@ import { S } from "./SelectAddress-CCepDxu8.js";
54
54
  import { S as S2 } from "./SelectTree-BHvvkiQi.js";
55
55
  import { S as S3 } from "./SvgIcon-DIg0upEk.js";
56
56
  import { T } from "./TextCopy-lpbeqOUI.js";
57
- import { F, V, c as c2, r as r3, u } from "./ViewImg-CD4QJK4R.js";
58
- import { V as V2 } from "./ViewImgPopover-D-1b2nEa.js";
57
+ import { F, V, c as c2, r as r3, u } from "./ViewImg-CLRjYOUN.js";
58
+ import { V as V2 } from "./ViewImgPopover-BtFnYval.js";
59
59
  import { I, P, g as g3, u as u2, a as a3 } from "./imgViewerStore-Ajm-L7R5.js";
60
60
  import { V as V3 } from "./VirtualTable-Cm_L7q9W.js";
61
- import { a as a4, b as b3, c as c3, d as d3, e as e3, f as f3, g as g4, h as h3, i as i3, j as j3, k as k3, l as l4, m as m2, n as n2, o, p, q, r as r4, s as s2, t as t2, u as u3, v, w, x, y, z, A, B as B2, C as C4, D as D4, E as E2, F as F2, G, H as H3, I as I2, J, K, L as L3, M as M3, N as N2, O, P as P2, Q, R, S as S4, T as T2, U, V as V4, W, X, Y, Z, _ as _17, $, a0, a1, a2 as a22, a3 as a32, a4 as a42, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "./common-D0EYVGB2.js";
61
+ import { a as a4, b as b3, c as c3, d as d3, e as e3, f as f3, g as g4, h as h3, i as i3, j as j3, k as k3, l as l4, m as m2, n as n2, o as o2, p, q, r as r4, s as s2, t as t2, u as u3, v, w, x, y, z, A, B as B2, C as C4, D as D4, E as E2, F as F2, G, H as H3, I as I2, J, K, L as L3, M as M3, N as N2, O, P as P2, Q, R, S as S4, T as T2, U, V as V4, W, X, Y, Z, _ as _17, $, a0, a1, a2 as a22, a3 as a32, a4 as a42, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "./common-D0EYVGB2.js";
62
62
  import { detectFileType, formatFileSize, parseFile, parseFiles, parseImage, parseImageFile, parsePSD, parsePSDFile, parseTIFF, parseTIFFFile } from "./tools/ImageParserUtils/index.js";
63
63
  import { s as s3 } from "./dateShortcuts-DjFC_Txu.js";
64
64
  import { u as u4 } from "./usePagination-C63IRXjZ.js";
@@ -159,7 +159,7 @@ export {
159
159
  l4 as copyText,
160
160
  m2 as copyWord,
161
161
  n2 as createFileLocalUrl,
162
- o as createUuid,
162
+ o2 as createUuid,
163
163
  p as currentDaysLessFivedays,
164
164
  q as debounce,
165
165
  index as default,
@@ -200,8 +200,9 @@ export {
200
200
  R as getUrlSuffix,
201
201
  S4 as getXmlKeyValue,
202
202
  T2 as hasInvalidFileNameChars,
203
+ h as hasPlatformImageResizeParams,
203
204
  i as imgUrlConfigKey,
204
- h as initNetworkListener,
205
+ j as initNetworkListener,
205
206
  installComponents,
206
207
  installDirectives,
207
208
  U as isCmykPsd,
@@ -209,7 +210,7 @@ export {
209
210
  W as isMobileDevice,
210
211
  X as isPdfUrl,
211
212
  Y as isSameDay,
212
- j as isUnsupportedImg,
213
+ k as isUnsupportedImg,
213
214
  Z as localUrlToFile,
214
215
  _17 as longestContinuousMatch,
215
216
  $ as mergeColumns,
@@ -220,7 +221,7 @@ export {
220
221
  m as montageImgUrl,
221
222
  a42 as nameReg,
222
223
  n as networkKey,
223
- k as notSupportedImgTypes,
224
+ l as notSupportedImgTypes,
224
225
  a5 as numberFilter,
225
226
  a6 as numberToChinese,
226
227
  a7 as numberToRatio,
@@ -243,7 +244,7 @@ export {
243
244
  ag as pwdReg,
244
245
  ah as ratioToNumber,
245
246
  r as removeImageUrlQuery,
246
- l as replaceUnsupportedImg,
247
+ o as replaceUnsupportedImg,
247
248
  r3 as resetViewImgDefaults,
248
249
  r2 as resolvePreviewSideNav,
249
250
  s3 as shortcuts,