fangguo-component 1.1.5 → 1.2.1

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.
Files changed (64) hide show
  1. package/README.md +57 -0
  2. package/dist/{ErrorImage-Ao9kEEUg.js → ErrorImage-CFVt1ht_.js} +2 -2
  3. package/dist/FgCascader.css +24 -0
  4. package/dist/{FgCascader.vue_vue_type_style_index_0_lang-CM8FxFLJ.js → FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.js} +45 -4
  5. package/dist/{HSelect-BFkWiCFi.js → HSelect-DgFjd08Y.js} +3 -3
  6. package/dist/{HSelectAll.vue_vue_type_script_setup_true_lang-BZX7ch2I.js → HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js} +1 -1
  7. package/dist/{HSelectSJ-DZmtdyjF.js → HSelectSJ-DOFUzTZV.js} +3 -3
  8. package/dist/ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js +53 -0
  9. package/dist/LazyPopover-7ebuh-QG.js +188 -0
  10. package/dist/LazyPopover.css +5 -0
  11. package/dist/{SelectTree-DHbWogEU.js → SelectTree-DUH92Iwr.js} +2 -2
  12. package/dist/{TextCopy-th0FAxwl.js → TextCopy-lpbeqOUI.js} +1 -1
  13. package/dist/ViewImg-DXhF20SL.js +254 -0
  14. package/dist/ViewImg.css +56 -0
  15. package/dist/ViewImgPopover-QblZG0z5.js +343 -0
  16. package/dist/ViewImgPopover.css +106 -0
  17. package/dist/ViewImgPreview.css +132 -0
  18. package/dist/ViewImgPreview.vue_vue_type_style_index_0_lang-C2i0p5IK.js +316 -0
  19. package/dist/{common-B1nSpTGn.js → common-D0EYVGB2.js} +1 -1
  20. package/dist/components/cascader/index.js +1 -1
  21. package/dist/components/errorImage/index.js +2 -2
  22. package/dist/components/hSelect/index.js +1 -1
  23. package/dist/components/hSelectAll/index.js +1 -1
  24. package/dist/components/hSelectSJ/index.js +1 -1
  25. package/dist/components/imgViewerHost/ImgViewerHost.vue.d.ts +2 -0
  26. package/dist/components/imgViewerHost/imgViewerStore.d.ts +199 -0
  27. package/dist/components/imgViewerHost/index.d.ts +4 -0
  28. package/dist/components/imgViewerHost/index.js +10 -0
  29. package/dist/components/imgViewerHost/utils.d.ts +4 -0
  30. package/dist/components/index.d.ts +4 -0
  31. package/dist/components/index.js +49 -18
  32. package/dist/components/lazyPopover/LazyPopover.vue.d.ts +12 -15
  33. package/dist/components/lazyPopover/index.js +2 -2
  34. package/dist/components/selectTree/index.js +1 -1
  35. package/dist/components/textCopy/index.js +1 -1
  36. package/dist/components/viewImg/ViewImg.vue.d.ts +149 -0
  37. package/dist/components/viewImg/index.d.ts +1 -0
  38. package/dist/components/viewImg/index.js +4 -0
  39. package/dist/components/viewImgPopover/ViewImgPopover.vue.d.ts +726 -0
  40. package/dist/components/viewImgPopover/index.d.ts +1 -0
  41. package/dist/components/viewImgPopover/index.js +4 -0
  42. package/dist/components/viewImgPreview/ViewImgPreview.vue.d.ts +53 -0
  43. package/dist/components/viewImgPreview/index.d.ts +3 -0
  44. package/dist/components/viewImgPreview/index.js +21 -0
  45. package/dist/components/viewImgPreview/types.d.ts +93 -0
  46. package/dist/imgViewerStore-DK3zvGf4.js +247 -0
  47. package/dist/{index-DzdLpetc.js → index-BtQgIf7F.js} +1414 -1402
  48. package/dist/{index-uQXqC9BF.js → index-Ce_edAQB.js} +44 -13
  49. package/dist/{index-BPnixsfc.js → index-Qkq7I01c.js} +15 -1
  50. package/dist/index.d.ts +17 -3
  51. package/dist/index.js +114 -67
  52. package/dist/montageImgUrl-CwgYnB2h.js +204 -0
  53. package/dist/tools/ImageParserUtils/index.js +346 -346
  54. package/dist/tools/common/index.js +1 -1
  55. package/dist/tools/imgUrl/config.d.ts +10 -0
  56. package/dist/tools/imgUrl/index.d.ts +4 -0
  57. package/dist/tools/imgUrl/index.js +16 -0
  58. package/dist/tools/imgUrl/montageImgUrl.d.ts +15 -0
  59. package/dist/tools/imgUrl/networkAdaptive.d.ts +7 -0
  60. package/dist/tools/index.d.ts +1 -0
  61. package/dist/tools/index.js +29 -15
  62. package/dist/types-Ccn_sb6f.js +49 -0
  63. package/package.json +1 -1
  64. package/dist/LazyPopover.vue_vue_type_script_setup_true_lang-B2vtU4f4.js +0 -34
@@ -0,0 +1,199 @@
1
+ import { VNode } from 'vue';
2
+ import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload, ViewImgPreviewViewerOptions, PreviewSideNav } from '../viewImgPreview/types';
3
+ export interface ShowImgViewerOptions extends ViewImgPreviewViewerOptions {
4
+ previewImgList?: string[];
5
+ defImgPreviewIndex?: number;
6
+ /** 兼容旧字段,等同 `toolbarBgColor` */
7
+ backgroundColor?: string;
8
+ toolbarBgColor?: string;
9
+ toolbarIconColor?: string;
10
+ simpleExtraTools?: SimpleCustomTool[];
11
+ renderExtraTools?: VNode | null;
12
+ originalToolbar?: OriginalToolbarItem[];
13
+ /** 多图预览两侧箭头:`false` 隐藏;`'prev'` / `'next'` 仅一侧;`'both'` 两侧(默认) */
14
+ previewSideNav?: PreviewSideNav;
15
+ /** 预览层打开时触发 */
16
+ onShow?: (payload: PreviewShowPayload) => void;
17
+ /** 预览层关闭时触发 */
18
+ onClose?: () => void;
19
+ /** 预览切换图片时触发 */
20
+ onSwitch?: (index: number) => void;
21
+ }
22
+ export interface ImgViewerStoreInstance {
23
+ readonly hostActivated: boolean;
24
+ readonly showImgPreview: boolean;
25
+ readonly previewImgList: string[];
26
+ readonly defImgPreviewIndex: number;
27
+ readonly infinite: boolean;
28
+ readonly zIndex: number;
29
+ readonly toolbarBgColor: string;
30
+ readonly toolbarIconColor: string;
31
+ readonly hideOnClickModal: boolean;
32
+ readonly closeOnPressEscape: boolean;
33
+ readonly teleported: boolean;
34
+ readonly zoomRate: number;
35
+ readonly scale: number;
36
+ readonly minScale: number;
37
+ readonly maxScale: number;
38
+ readonly showProgress: boolean;
39
+ readonly simpleExtraTools: SimpleCustomTool[];
40
+ readonly renderExtraTools: VNode | null;
41
+ readonly originalToolbar: OriginalToolbarItem[];
42
+ readonly previewSideNav: PreviewSideNav;
43
+ showImgViewer: (options?: ShowImgViewerOptions) => void;
44
+ hideImgViewer: () => void;
45
+ setDefImgPreviewIndex: (defImgPreviewIndex: number) => void;
46
+ setInfinite: (bol: boolean) => void;
47
+ setZindex: (index: number) => void;
48
+ }
49
+ /** 获取图片预览全局 store(单例) */
50
+ export declare function useImgViewerStore(): ImgViewerStoreInstance;
51
+ /** Pinia 风格调用:`const imgViewerStore = ImgViewerStore()` */
52
+ export declare function ImgViewerStore(): ImgViewerStoreInstance;
53
+ /** 供 Host 组件订阅的 reactive 状态 */
54
+ export declare function useImgViewerState(): {
55
+ hostActivated: boolean;
56
+ showImgPreview: boolean;
57
+ previewImgList: string[];
58
+ defImgPreviewIndex: number;
59
+ infinite: boolean;
60
+ zIndex: number;
61
+ toolbarBgColor: string;
62
+ toolbarIconColor: string;
63
+ hideOnClickModal: boolean;
64
+ closeOnPressEscape: boolean;
65
+ teleported: boolean;
66
+ zoomRate: number;
67
+ scale: number;
68
+ minScale: number;
69
+ maxScale: number;
70
+ showProgress: boolean;
71
+ simpleExtraTools: {
72
+ [x: string]: unknown;
73
+ label: string;
74
+ icon: import('vue').FunctionalComponent<any, {}, any, {}> | {
75
+ new (...args: any[]): any;
76
+ __isFragment?: never;
77
+ __isTeleport?: never;
78
+ __isSuspense?: never;
79
+ } | {
80
+ [x: string]: any;
81
+ setup?: (this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
82
+ attrs: import('vue').Attrs;
83
+ slots: Readonly<{
84
+ [name: string]: import('vue').Slot<any>;
85
+ }>;
86
+ emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
87
+ expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
88
+ }) => any;
89
+ name?: string;
90
+ template?: string | object;
91
+ render?: Function;
92
+ components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>>;
93
+ directives?: Record<string, import('vue').Directive<any, any, string, any>>;
94
+ inheritAttrs?: boolean;
95
+ emits?: any;
96
+ slots?: {};
97
+ expose?: string[];
98
+ serverPrefetch?: () => void | Promise<any>;
99
+ compilerOptions?: {
100
+ isCustomElement?: (tag: string) => boolean;
101
+ whitespace?: "preserve" | "condense";
102
+ comments?: boolean;
103
+ delimiters?: [string, string];
104
+ };
105
+ call?: (this: unknown, ...args: unknown[]) => never;
106
+ __isFragment?: never;
107
+ __isTeleport?: never;
108
+ __isSuspense?: never;
109
+ __defaults?: {};
110
+ compatConfig?: {
111
+ GLOBAL_MOUNT?: boolean | "suppress-warning";
112
+ GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning";
113
+ GLOBAL_EXTEND?: boolean | "suppress-warning";
114
+ GLOBAL_PROTOTYPE?: boolean | "suppress-warning";
115
+ GLOBAL_SET?: boolean | "suppress-warning";
116
+ GLOBAL_DELETE?: boolean | "suppress-warning";
117
+ GLOBAL_OBSERVABLE?: boolean | "suppress-warning";
118
+ GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning";
119
+ CONFIG_SILENT?: boolean | "suppress-warning";
120
+ CONFIG_DEVTOOLS?: boolean | "suppress-warning";
121
+ CONFIG_KEY_CODES?: boolean | "suppress-warning";
122
+ CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning";
123
+ CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning";
124
+ CONFIG_WHITESPACE?: boolean | "suppress-warning";
125
+ CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning";
126
+ INSTANCE_SET?: boolean | "suppress-warning";
127
+ INSTANCE_DELETE?: boolean | "suppress-warning";
128
+ INSTANCE_DESTROY?: boolean | "suppress-warning";
129
+ INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning";
130
+ INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning";
131
+ INSTANCE_CHILDREN?: boolean | "suppress-warning";
132
+ INSTANCE_LISTENERS?: boolean | "suppress-warning";
133
+ INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning";
134
+ INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning";
135
+ OPTIONS_DATA_FN?: boolean | "suppress-warning";
136
+ OPTIONS_DATA_MERGE?: boolean | "suppress-warning";
137
+ OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning";
138
+ OPTIONS_DESTROYED?: boolean | "suppress-warning";
139
+ WATCH_ARRAY?: boolean | "suppress-warning";
140
+ PROPS_DEFAULT_THIS?: boolean | "suppress-warning";
141
+ V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning";
142
+ CUSTOM_DIR?: boolean | "suppress-warning";
143
+ ATTR_FALSE_VALUE?: boolean | "suppress-warning";
144
+ ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning";
145
+ TRANSITION_CLASSES?: boolean | "suppress-warning";
146
+ TRANSITION_GROUP_ROOT?: boolean | "suppress-warning";
147
+ COMPONENT_ASYNC?: boolean | "suppress-warning";
148
+ COMPONENT_FUNCTIONAL?: boolean | "suppress-warning";
149
+ COMPONENT_V_MODEL?: boolean | "suppress-warning";
150
+ RENDER_FUNCTION?: boolean | "suppress-warning";
151
+ FILTERS?: boolean | "suppress-warning";
152
+ PRIVATE_APIS?: boolean | "suppress-warning";
153
+ MODE?: 2 | 3 | ((comp: import('vue').Component | null) => 2 | 3);
154
+ };
155
+ data?: (this: any, vm: any) => any;
156
+ computed?: import('vue').ComputedOptions;
157
+ methods?: import('vue').MethodOptions;
158
+ watch?: {
159
+ [x: string]: (string | import('vue').WatchCallback | ({
160
+ handler: import('vue').WatchCallback | string;
161
+ } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback | ({
162
+ handler: import('vue').WatchCallback | string;
163
+ } & import('vue').WatchOptions<boolean>))[];
164
+ };
165
+ provide?: import('vue').ComponentProvideOptions;
166
+ inject?: {} | string[];
167
+ filters?: Record<string, Function>;
168
+ mixins?: any[];
169
+ extends?: any;
170
+ beforeCreate?: () => any;
171
+ created?: () => any;
172
+ beforeMount?: () => any;
173
+ mounted?: () => any;
174
+ beforeUpdate?: () => any;
175
+ updated?: () => any;
176
+ activated?: () => any;
177
+ deactivated?: () => any;
178
+ beforeDestroy?: () => any;
179
+ beforeUnmount?: () => any;
180
+ destroyed?: () => any;
181
+ unmounted?: () => any;
182
+ renderTracked?: (e: import('vue').DebuggerEvent) => void;
183
+ renderTriggered?: (e: import('vue').DebuggerEvent) => void;
184
+ errorCaptured?: (err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void;
185
+ delimiters?: [string, string];
186
+ __differentiator?: string | number | symbol;
187
+ __isBuiltIn?: boolean;
188
+ __file?: string;
189
+ __name?: string;
190
+ };
191
+ handler: (params: import('..').ToolHandlerParams) => void;
192
+ }[];
193
+ renderExtraTools: VNode | null;
194
+ originalToolbar: OriginalToolbarItem[];
195
+ previewSideNav: PreviewSideNav;
196
+ onShow: ((payload: PreviewShowPayload) => void) | null;
197
+ onClose: (() => void) | null;
198
+ onSwitch: ((index: number) => void) | null;
199
+ };
@@ -0,0 +1,4 @@
1
+ export { default as FgImgViewerHost } from './ImgViewerHost.vue';
2
+ export { ImgViewerStore, useImgViewerStore, useImgViewerState } from './imgViewerStore';
3
+ export type { ImgViewerStoreInstance, ShowImgViewerOptions } from './imgViewerStore';
4
+ export { getDialogZindex, PREVIEW_BASE_Z_INDEX } from './utils';
@@ -0,0 +1,10 @@
1
+ import { _ } from "../../ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js";
2
+ import { I, P, g, u, a } from "../../imgViewerStore-DK3zvGf4.js";
3
+ export {
4
+ _ as FgImgViewerHost,
5
+ I as ImgViewerStore,
6
+ P as PREVIEW_BASE_Z_INDEX,
7
+ g as getDialogZindex,
8
+ u as useImgViewerState,
9
+ a as useImgViewerStore
10
+ };
@@ -0,0 +1,4 @@
1
+ /** 图片预览层默认 z-index 下限(文档站无 el-overlay 时避免算出 1) */
2
+ export declare const PREVIEW_BASE_Z_INDEX = 2000;
3
+ /** 取当前页面 `.el-overlay` 的最大 z-index,用于预览层叠在弹窗之上 */
4
+ export declare function getDialogZindex(): number;
@@ -21,6 +21,10 @@ export * from './lazyComponent';
21
21
  export * from './selectTimePicker';
22
22
  export * from './imageLoupe';
23
23
  export * from './errorImage';
24
+ export * from './viewImg';
25
+ export * from './viewImgPopover';
26
+ export * from './viewImgPreview';
27
+ export * from './imgViewerHost';
24
28
  export * from './selectAll2';
25
29
  export * from './selectCustomAll';
26
30
  export * from './svgIcon';
@@ -1,35 +1,54 @@
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-CM8FxFLJ.js";
2
+ import { _ as _2 } from "../FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.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-BZX7ch2I.js";
5
+ import { _ as _5 } from "../HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.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 "../LazyComponent.vue_vue_type_script_setup_true_lang-D5KGqlj4.js";
9
- import { _ as _9 } from "../LazyPopover.vue_vue_type_script_setup_true_lang-B2vtU4f4.js";
8
+ import { _ as _8 } from "../ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js";
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";
12
12
  import { _ as _12 } from "../SelectAll2.vue_vue_type_script_setup_true_lang-CrsaohxU.js";
13
13
  import { _ as _13 } from "../SelectCustomAll.vue_vue_type_style_index_0_lang-BEZwlGXa.js";
14
14
  import { _ as _14 } from "../SelectTimePicker.vue_vue_type_script_setup_true_lang-Dk4TpTBN.js";
15
15
  import { _ as _15 } from "../TextEllipsisTooltip.vue_vue_type_script_setup_true_lang-DVE1CxPm.js";
16
+ import { _ as _16 } from "../ViewImgPreview.vue_vue_type_style_index_0_lang-C2i0p5IK.js";
17
+ import { D, a, b, c, d, e, f, g, h, i, j, k, l, N, r, s } from "../types-Ccn_sb6f.js";
16
18
  import { B } from "../ButtonGroup-DqViorHX.js";
17
19
  import { C } from "../ContentTitle-By0Zk1u7.js";
18
20
  import { C as C2 } from "../CustomInputV2-BqhBSO53.js";
19
21
  import { C as C3 } from "../CustomMultipleInput-DRMTUtkE.js";
20
- import { D } from "../DragSort-5WetnkmW.js";
21
- import { E } from "../ErrorImage-Ao9kEEUg.js";
22
- import { H } from "../HSelect-BFkWiCFi.js";
23
- import { H as H2 } from "../HSelectSJ-DZmtdyjF.js";
24
- import { L } from "../LoadingBtn-DWm2cY9k.js";
22
+ import { D as D2 } from "../DragSort-5WetnkmW.js";
23
+ import { F } from "../ErrorImage-CFVt1ht_.js";
24
+ import { H } from "../HSelect-DgFjd08Y.js";
25
+ import { H as H2 } from "../HSelectSJ-DOFUzTZV.js";
26
+ import { L } from "../LazyPopover-7ebuh-QG.js";
27
+ import { L as L2 } from "../LoadingBtn-DWm2cY9k.js";
25
28
  import { M } from "../MInput-s_P63myh.js";
26
29
  import { M as M2 } from "../MyTable-CHvxPYgk.js";
27
30
  import { S } from "../SelectAddress-CCepDxu8.js";
28
- import { S as S2 } from "../SelectTree-DHbWogEU.js";
31
+ import { S as S2 } from "../SelectTree-DUH92Iwr.js";
29
32
  import { S as S3 } from "../SvgIcon-DIg0upEk.js";
30
- import { T } from "../TextCopy-th0FAxwl.js";
31
- import { V } from "../VirtualTable-Cm_L7q9W.js";
33
+ import { T } from "../TextCopy-lpbeqOUI.js";
34
+ import { F as F2 } from "../ViewImg-DXhF20SL.js";
35
+ import { V } from "../ViewImgPopover-QblZG0z5.js";
36
+ import { I, P, g as g2, u, a as a2 } from "../imgViewerStore-DK3zvGf4.js";
37
+ import { V as V2 } from "../VirtualTable-Cm_L7q9W.js";
32
38
  export {
39
+ D as DEFAULT_ORIGINAL_TOOLBAR,
40
+ a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE,
41
+ b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL,
42
+ c as DEFAULT_PREVIEW_INFINITE,
43
+ d as DEFAULT_PREVIEW_MAX_SCALE,
44
+ e as DEFAULT_PREVIEW_MIN_SCALE,
45
+ f as DEFAULT_PREVIEW_SCALE,
46
+ g as DEFAULT_PREVIEW_SHOW_PROGRESS,
47
+ h as DEFAULT_PREVIEW_SIDE_NAV,
48
+ i as DEFAULT_PREVIEW_TELEPORTED,
49
+ j as DEFAULT_PREVIEW_ZOOM_RATE,
50
+ k as DEFAULT_TOOLBAR_BG_COLOR,
51
+ l as DEFAULT_TOOLBAR_ICON_COLOR,
33
52
  _ as FgArgHover,
34
53
  B as FgButtonGroup,
35
54
  _2 as FgCascader,
@@ -38,16 +57,17 @@ export {
38
57
  C2 as FgCustomInputV2,
39
58
  C3 as FgCustomMultipleInput,
40
59
  _4 as FgDragResizable,
41
- D as FgDragSort,
42
- E as FgErrorImage,
60
+ D2 as FgDragSort,
61
+ F as FgErrorImage,
43
62
  H as FgHSelect,
44
63
  _5 as FgHSelectAll,
45
64
  H2 as FgHSelectSJ,
46
65
  _6 as FgIdentifyAddress,
47
66
  _7 as FgImageLoupe,
48
- _8 as FgLazyComponent,
49
- _9 as FgLazyPopover,
50
- L as FgLoadingBtn,
67
+ _8 as FgImgViewerHost,
68
+ _9 as FgLazyComponent,
69
+ L as FgLazyPopover,
70
+ L2 as FgLoadingBtn,
51
71
  M as FgMInput,
52
72
  M2 as FgMyTable,
53
73
  _10 as FgNoRender,
@@ -60,5 +80,16 @@ export {
60
80
  S3 as FgSvgIcon,
61
81
  T as FgTextCopy,
62
82
  _15 as FgTextEllipsisTooltip,
63
- V as VirtualTable
83
+ F2 as FgViewImg,
84
+ V as FgViewImgPopover,
85
+ _16 as FgViewImgPreview,
86
+ I as ImgViewerStore,
87
+ N as NAV_TOOLBAR_KEYS,
88
+ P as PREVIEW_BASE_Z_INDEX,
89
+ V2 as VirtualTable,
90
+ g2 as getDialogZindex,
91
+ r as resolvePreviewSideNav,
92
+ s as shouldShowPreviewSideNav,
93
+ u as useImgViewerState,
94
+ a2 as useImgViewerStore
64
95
  };
@@ -1,27 +1,24 @@
1
+ type PopoverUserProps = Record<string, unknown>;
2
+ type __VLS_Props = {
3
+ props?: PopoverUserProps;
4
+ };
1
5
  declare function __VLS_template(): {
2
6
  attrs: Partial<{}>;
3
7
  slots: {
4
- reference?(_: {}): any;
5
8
  reference?(_: {}): any;
6
9
  default?(_: {}): any;
7
10
  };
8
- refs: {};
11
+ refs: {
12
+ triggerRef: HTMLSpanElement;
13
+ };
9
14
  rootEl: any;
10
15
  };
11
16
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
13
- props: {
14
- type: ObjectConstructor;
15
- default: () => {};
16
- };
17
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
18
- props: {
19
- type: ObjectConstructor;
20
- default: () => {};
21
- };
22
- }>> & Readonly<{}>, {
23
- props: Record<string, any>;
24
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
17
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
18
+ props: PopoverUserProps;
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
20
+ triggerRef: HTMLSpanElement;
21
+ }, any>;
25
22
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
26
23
  export default _default;
27
24
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,4 +1,4 @@
1
- import { _ } from "../../LazyPopover.vue_vue_type_script_setup_true_lang-B2vtU4f4.js";
1
+ import { L } from "../../LazyPopover-7ebuh-QG.js";
2
2
  export {
3
- _ as FgLazyPopover
3
+ L as FgLazyPopover
4
4
  };
@@ -1,4 +1,4 @@
1
- import { S } from "../../SelectTree-DHbWogEU.js";
1
+ import { S } from "../../SelectTree-DUH92Iwr.js";
2
2
  export {
3
3
  S as FgSelectTree
4
4
  };
@@ -1,4 +1,4 @@
1
- import { T } from "../../TextCopy-th0FAxwl.js";
1
+ import { T } from "../../TextCopy-lpbeqOUI.js";
2
2
  export {
3
3
  T as FgTextCopy
4
4
  };
@@ -0,0 +1,149 @@
1
+ import { VNode } from 'vue';
2
+ import { ImgSizeOptions } from '../../tools/imgUrl';
3
+ import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload, PreviewSideNav } from '../viewImgPreview/types';
4
+ type ObjectFit = "fill" | "contain" | "cover" | "none" | "scale-down" | "";
5
+ type __VLS_Props = {
6
+ src?: string;
7
+ fit?: ObjectFit;
8
+ lazy?: boolean;
9
+ /** 外部 loading 状态,为 true 时展示 placeholder */
10
+ loading?: boolean;
11
+ /** 是否开启点击预览大图 */
12
+ preview?: boolean;
13
+ /** 预览图片列表,默认 `[src]` */
14
+ previewSrcList?: string[];
15
+ /** 预览初始索引,默认取当前 `src` 在列表中的位置 */
16
+ initialIndex?: number;
17
+ /** 兼容旧字段,等同 `initialIndex` */
18
+ defImgPreviewIndex?: number;
19
+ /** 预览是否循环切换 */
20
+ infinite?: boolean;
21
+ /** 预览层 z-index;未传时在打开时自动取 max(.el-overlay, 2000) + 1 */
22
+ zIndex?: number;
23
+ /** 点击遮罩是否关闭预览 */
24
+ hideOnClickModal?: boolean;
25
+ /** 是否按 ESC 关闭预览 */
26
+ closeOnPressEscape?: boolean;
27
+ /** 预览是否 Teleport 到 body(推荐嵌套 transform 场景设为 true) */
28
+ previewTeleported?: boolean;
29
+ /** 同 previewTeleported(兼容旧字段) */
30
+ teleported?: boolean;
31
+ /** 预览缩放速率 */
32
+ zoomRate?: number;
33
+ /** 预览初始缩放比例 */
34
+ scale?: number;
35
+ /** 预览最小缩放比例 */
36
+ minScale?: number;
37
+ /** 预览最大缩放比例 */
38
+ maxScale?: number;
39
+ /** 预览是否显示进度(如 1/3) */
40
+ showProgress?: boolean;
41
+ /** 预览工具栏背景色 */
42
+ toolbarBgColor?: string;
43
+ /** 兼容旧字段,等同 `toolbarBgColor` */
44
+ backgroundColor?: string;
45
+ /** 预览工具栏图标/文字颜色 */
46
+ toolbarIconColor?: string;
47
+ /** 自定义工具栏按钮(图标 + handler) */
48
+ simpleExtraTools?: SimpleCustomTool[];
49
+ /** 通过 h 函数自定义工具栏内容 */
50
+ renderExtraTools?: VNode | null;
51
+ /** 内置工具栏按钮配置 */
52
+ originalToolbar?: OriginalToolbarItem[];
53
+ /** 默认失败占位图颜色,透传 FgErrorImage color */
54
+ errorColor?: string;
55
+ /** 默认失败占位图 offset,透传 FgErrorImage offset */
56
+ errorOffset?: number;
57
+ /** 加载失败时的自定义文案;与默认占位图同屏展示,也可用 #error 插槽完全自定义 */
58
+ errorText?: string;
59
+ /** 是否对 src 做 OSS / TEMU 缩略图处理,需先在应用入口 configureImgUrl 注入 ossLinks */
60
+ ossProcess?: boolean;
61
+ /** 当前组件使用的 OSS 域名白名单;未传时使用 configureImgUrl 注入的全局配置 */
62
+ ossLinks?: string[];
63
+ /** OSS 缩略图参数:w-宽, h-高, s-短边, l-长边, Q/q-质量, format-格式 */
64
+ imgSize?: ImgSizeOptions;
65
+ /** 点击预览是否去掉 URL 查询参数(与主图加载失败去参重试逻辑一致) */
66
+ previewStripQuery?: boolean;
67
+ /** 多图预览两侧箭头:`false` 隐藏;`'prev'` / `'next'` 仅一侧;`'both'` 两侧(默认) */
68
+ previewSideNav?: PreviewSideNav;
69
+ };
70
+ /**
71
+ * 打开预览大图
72
+ */
73
+ declare function openPreview(): void;
74
+ declare function __VLS_template(): {
75
+ attrs: Partial<{}>;
76
+ slots: {
77
+ placeholder?(_: {}): any;
78
+ error?(_: {}): any;
79
+ };
80
+ refs: {};
81
+ rootEl: any;
82
+ };
83
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
84
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
85
+ displaySrc: import('vue').Ref<string, string>;
86
+ retried: import('vue').Ref<boolean, boolean>;
87
+ openPreview: typeof openPreview;
88
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
89
+ switch: (index: number) => any;
90
+ show: (payload: PreviewShowPayload) => any;
91
+ close: () => any;
92
+ error: (event: Event) => any;
93
+ load: (event: Event) => any;
94
+ retry: (payload: {
95
+ from: string;
96
+ to: string;
97
+ }) => any;
98
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
99
+ onSwitch?: (index: number) => any;
100
+ onShow?: (payload: PreviewShowPayload) => any;
101
+ onClose?: () => any;
102
+ onError?: (event: Event) => any;
103
+ onLoad?: (event: Event) => any;
104
+ onRetry?: (payload: {
105
+ from: string;
106
+ to: string;
107
+ }) => any;
108
+ }>, {
109
+ backgroundColor: string;
110
+ scale: number;
111
+ zIndex: number;
112
+ infinite: boolean;
113
+ lazy: boolean;
114
+ teleported: boolean;
115
+ loading: boolean;
116
+ preview: boolean;
117
+ closeOnPressEscape: boolean;
118
+ src: string;
119
+ hideOnClickModal: boolean;
120
+ previewSrcList: string[];
121
+ previewTeleported: boolean;
122
+ fit: ObjectFit;
123
+ defImgPreviewIndex: number;
124
+ toolbarBgColor: string;
125
+ toolbarIconColor: string;
126
+ simpleExtraTools: SimpleCustomTool[];
127
+ renderExtraTools: VNode | null;
128
+ originalToolbar: OriginalToolbarItem[];
129
+ previewSideNav: PreviewSideNav;
130
+ zoomRate: number;
131
+ minScale: number;
132
+ maxScale: number;
133
+ showProgress: boolean;
134
+ initialIndex: number;
135
+ errorColor: string;
136
+ errorOffset: number;
137
+ errorText: string;
138
+ ossProcess: boolean;
139
+ ossLinks: string[];
140
+ imgSize: ImgSizeOptions;
141
+ previewStripQuery: boolean;
142
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
143
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
144
+ export default _default;
145
+ type __VLS_WithTemplateSlots<T, S> = T & {
146
+ new (): {
147
+ $slots: S;
148
+ };
149
+ };
@@ -0,0 +1 @@
1
+ export { default as FgViewImg } from './ViewImg.vue';
@@ -0,0 +1,4 @@
1
+ import { F } from "../../ViewImg-DXhF20SL.js";
2
+ export {
3
+ F as FgViewImg
4
+ };