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.
- package/README.md +57 -0
- package/dist/{ErrorImage-Ao9kEEUg.js → ErrorImage-CFVt1ht_.js} +2 -2
- package/dist/FgCascader.css +24 -0
- package/dist/{FgCascader.vue_vue_type_style_index_0_lang-CM8FxFLJ.js → FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.js} +45 -4
- package/dist/{HSelect-BFkWiCFi.js → HSelect-DgFjd08Y.js} +3 -3
- package/dist/{HSelectAll.vue_vue_type_script_setup_true_lang-BZX7ch2I.js → HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js} +1 -1
- package/dist/{HSelectSJ-DZmtdyjF.js → HSelectSJ-DOFUzTZV.js} +3 -3
- package/dist/ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js +53 -0
- package/dist/LazyPopover-7ebuh-QG.js +188 -0
- package/dist/LazyPopover.css +5 -0
- package/dist/{SelectTree-DHbWogEU.js → SelectTree-DUH92Iwr.js} +2 -2
- package/dist/{TextCopy-th0FAxwl.js → TextCopy-lpbeqOUI.js} +1 -1
- package/dist/ViewImg-DXhF20SL.js +254 -0
- package/dist/ViewImg.css +56 -0
- package/dist/ViewImgPopover-QblZG0z5.js +343 -0
- package/dist/ViewImgPopover.css +106 -0
- package/dist/ViewImgPreview.css +132 -0
- package/dist/ViewImgPreview.vue_vue_type_style_index_0_lang-C2i0p5IK.js +316 -0
- package/dist/{common-B1nSpTGn.js → common-D0EYVGB2.js} +1 -1
- package/dist/components/cascader/index.js +1 -1
- package/dist/components/errorImage/index.js +2 -2
- package/dist/components/hSelect/index.js +1 -1
- package/dist/components/hSelectAll/index.js +1 -1
- package/dist/components/hSelectSJ/index.js +1 -1
- package/dist/components/imgViewerHost/ImgViewerHost.vue.d.ts +2 -0
- package/dist/components/imgViewerHost/imgViewerStore.d.ts +199 -0
- package/dist/components/imgViewerHost/index.d.ts +4 -0
- package/dist/components/imgViewerHost/index.js +10 -0
- package/dist/components/imgViewerHost/utils.d.ts +4 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +49 -18
- package/dist/components/lazyPopover/LazyPopover.vue.d.ts +12 -15
- package/dist/components/lazyPopover/index.js +2 -2
- package/dist/components/selectTree/index.js +1 -1
- package/dist/components/textCopy/index.js +1 -1
- package/dist/components/viewImg/ViewImg.vue.d.ts +149 -0
- package/dist/components/viewImg/index.d.ts +1 -0
- package/dist/components/viewImg/index.js +4 -0
- package/dist/components/viewImgPopover/ViewImgPopover.vue.d.ts +726 -0
- package/dist/components/viewImgPopover/index.d.ts +1 -0
- package/dist/components/viewImgPopover/index.js +4 -0
- package/dist/components/viewImgPreview/ViewImgPreview.vue.d.ts +53 -0
- package/dist/components/viewImgPreview/index.d.ts +3 -0
- package/dist/components/viewImgPreview/index.js +21 -0
- package/dist/components/viewImgPreview/types.d.ts +93 -0
- package/dist/imgViewerStore-DK3zvGf4.js +247 -0
- package/dist/{index-DzdLpetc.js → index-BtQgIf7F.js} +1414 -1402
- package/dist/{index-uQXqC9BF.js → index-Ce_edAQB.js} +44 -13
- package/dist/{index-BPnixsfc.js → index-Qkq7I01c.js} +15 -1
- package/dist/index.d.ts +17 -3
- package/dist/index.js +114 -67
- package/dist/montageImgUrl-CwgYnB2h.js +204 -0
- package/dist/tools/ImageParserUtils/index.js +346 -346
- package/dist/tools/common/index.js +1 -1
- package/dist/tools/imgUrl/config.d.ts +10 -0
- package/dist/tools/imgUrl/index.d.ts +4 -0
- package/dist/tools/imgUrl/index.js +16 -0
- package/dist/tools/imgUrl/montageImgUrl.d.ts +15 -0
- package/dist/tools/imgUrl/networkAdaptive.d.ts +7 -0
- package/dist/tools/index.d.ts +1 -0
- package/dist/tools/index.js +29 -15
- package/dist/types-Ccn_sb6f.js +49 -0
- package/package.json +1 -1
- 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
|
+
};
|
|
@@ -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';
|
package/dist/components/index.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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 "../
|
|
9
|
-
import { _ as _9 } from "../
|
|
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 {
|
|
22
|
-
import { H } from "../HSelect-
|
|
23
|
-
import { H as H2 } from "../HSelectSJ-
|
|
24
|
-
import { L } from "../
|
|
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-
|
|
31
|
+
import { S as S2 } from "../SelectTree-DUH92Iwr.js";
|
|
29
32
|
import { S as S3 } from "../SvgIcon-DIg0upEk.js";
|
|
30
|
-
import { T } from "../TextCopy-
|
|
31
|
-
import {
|
|
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
|
-
|
|
42
|
-
|
|
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
|
|
49
|
-
_9 as
|
|
50
|
-
L as
|
|
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
|
-
|
|
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').
|
|
13
|
-
props:
|
|
14
|
-
|
|
15
|
-
|
|
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 & {
|
|
@@ -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';
|