vft 0.0.500 → 0.0.501
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/index.css +1 -1
- package/es/components/autocomplete/autocomplete.vue.d.ts +2 -2
- package/es/components/autocomplete/index.d.ts +6 -6
- package/es/components/button/index.d.ts +9 -9
- package/es/components/image-viewer/image-viewer.vue.d.ts +2 -0
- package/es/components/image-viewer/image-viewer.vue2.js +89 -85
- package/es/components/image-viewer/index.d.ts +18 -0
- package/es/components/popconfirm/index.d.ts +15 -15
- package/es/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/es/components/select/index.d.ts +4 -4
- package/es/components/select/select.vue.d.ts +4 -4
- package/es/components/select/useSelect.d.ts +4 -4
- package/es/components/super-form/super-form-item.vue2.js +313 -294
- package/es/components/table/field.js +32 -33
- package/es/components/tree-select/select.js +24 -24
- package/es/components/tree-select/tree-select-option.js +18 -7
- package/es/components/tree-select/tree-select.vue2.js +28 -26
- package/es/components/tree-select/tree.js +27 -26
- package/es/package.json.d.ts +1 -1
- package/es/package.json.js +1 -1
- package/lib/components/autocomplete/autocomplete.vue.d.ts +2 -2
- package/lib/components/autocomplete/index.d.ts +6 -6
- package/lib/components/button/index.d.ts +9 -9
- package/lib/components/image-viewer/image-viewer.vue.d.ts +2 -0
- package/lib/components/image-viewer/image-viewer.vue2.cjs +1 -1
- package/lib/components/image-viewer/index.d.ts +18 -0
- package/lib/components/popconfirm/index.d.ts +15 -15
- package/lib/components/popconfirm/popconfirm.vue.d.ts +1 -1
- package/lib/components/select/index.d.ts +4 -4
- package/lib/components/select/select.vue.d.ts +4 -4
- package/lib/components/select/useSelect.d.ts +4 -4
- package/lib/components/super-form/super-form-item.vue2.cjs +1 -1
- package/lib/components/table/field.cjs +1 -1
- package/lib/components/tree-select/select.cjs +1 -1
- package/lib/components/tree-select/tree-select-option.cjs +1 -1
- package/lib/components/tree-select/tree-select.vue2.cjs +1 -1
- package/lib/components/tree-select/tree.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/package.json.d.ts +1 -1
- package/package.json +5 -5
- package/theme-style/index.css +1 -1
- package/theme-style/src/tree-select.scss +8 -0
- package/theme-style/vft-tree-select.css +1 -1
- package/web-types.json +1 -1
|
@@ -62,9 +62,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
62
62
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
63
63
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
64
64
|
readonly effect?: "light" | "dark" | undefined;
|
|
65
|
+
readonly visible?: boolean | null | undefined;
|
|
65
66
|
readonly teleported?: boolean | undefined;
|
|
66
67
|
readonly open?: boolean | undefined;
|
|
67
|
-
readonly visible?: boolean | null | undefined;
|
|
68
68
|
readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
|
|
69
69
|
readonly arrowOffset?: number | undefined;
|
|
70
70
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -480,9 +480,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
480
480
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
481
481
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
482
482
|
readonly effect?: "light" | "dark" | undefined;
|
|
483
|
+
readonly visible?: boolean | null | undefined;
|
|
483
484
|
readonly teleported?: boolean | undefined;
|
|
484
485
|
readonly open?: boolean | undefined;
|
|
485
|
-
readonly visible?: boolean | null | undefined;
|
|
486
486
|
readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
|
|
487
487
|
readonly arrowOffset?: number | undefined;
|
|
488
488
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -85,9 +85,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
85
85
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
86
86
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
87
87
|
readonly effect?: "light" | "dark" | undefined;
|
|
88
|
+
readonly visible?: boolean | null | undefined;
|
|
88
89
|
readonly teleported?: boolean | undefined;
|
|
89
90
|
readonly open?: boolean | undefined;
|
|
90
|
-
readonly visible?: boolean | null | undefined;
|
|
91
91
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
92
92
|
readonly arrowOffset?: number | undefined;
|
|
93
93
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -503,9 +503,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
503
503
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
504
504
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
505
505
|
readonly effect?: "light" | "dark" | undefined;
|
|
506
|
+
readonly visible?: boolean | null | undefined;
|
|
506
507
|
readonly teleported?: boolean | undefined;
|
|
507
508
|
readonly open?: boolean | undefined;
|
|
508
|
-
readonly visible?: boolean | null | undefined;
|
|
509
509
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
510
510
|
readonly arrowOffset?: number | undefined;
|
|
511
511
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1006,9 +1006,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1006
1006
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1007
1007
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1008
1008
|
readonly effect?: "light" | "dark" | undefined;
|
|
1009
|
+
readonly visible?: boolean | null | undefined;
|
|
1009
1010
|
readonly teleported?: boolean | undefined;
|
|
1010
1011
|
readonly open?: boolean | undefined;
|
|
1011
|
-
readonly visible?: boolean | null | undefined;
|
|
1012
1012
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1013
1013
|
readonly arrowOffset?: number | undefined;
|
|
1014
1014
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1424,9 +1424,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1424
1424
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1425
1425
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1426
1426
|
readonly effect?: "light" | "dark" | undefined;
|
|
1427
|
+
readonly visible?: boolean | null | undefined;
|
|
1427
1428
|
readonly teleported?: boolean | undefined;
|
|
1428
1429
|
readonly open?: boolean | undefined;
|
|
1429
|
-
readonly visible?: boolean | null | undefined;
|
|
1430
1430
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1431
1431
|
readonly arrowOffset?: number | undefined;
|
|
1432
1432
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -1916,9 +1916,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
1916
1916
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
1917
1917
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
1918
1918
|
readonly effect?: "light" | "dark" | undefined;
|
|
1919
|
+
readonly visible?: boolean | null | undefined;
|
|
1919
1920
|
readonly teleported?: boolean | undefined;
|
|
1920
1921
|
readonly open?: boolean | undefined;
|
|
1921
|
-
readonly visible?: boolean | null | undefined;
|
|
1922
1922
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
1923
1923
|
readonly arrowOffset?: number | undefined;
|
|
1924
1924
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -2334,9 +2334,9 @@ export declare const VftAutocomplete: import("vft/es/utils").SFCWithInstall<{
|
|
|
2334
2334
|
readonly placement?: import("@popperjs/core").Placement | undefined;
|
|
2335
2335
|
readonly strategy?: "fixed" | "absolute" | undefined;
|
|
2336
2336
|
readonly effect?: "light" | "dark" | undefined;
|
|
2337
|
+
readonly visible?: boolean | null | undefined;
|
|
2337
2338
|
readonly teleported?: boolean | undefined;
|
|
2338
2339
|
readonly open?: boolean | undefined;
|
|
2339
|
-
readonly visible?: boolean | null | undefined;
|
|
2340
2340
|
readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
|
|
2341
2341
|
readonly arrowOffset?: number | undefined;
|
|
2342
2342
|
readonly gpuAcceleration?: boolean | undefined;
|
|
@@ -24,12 +24,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
|
|
|
24
24
|
autofocus: {
|
|
25
25
|
type: import("vue").PropType<boolean>;
|
|
26
26
|
};
|
|
27
|
-
dark: {
|
|
28
|
-
type: import("vue").PropType<boolean>;
|
|
29
|
-
};
|
|
30
27
|
icon: {
|
|
31
28
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
32
29
|
};
|
|
30
|
+
dark: {
|
|
31
|
+
type: import("vue").PropType<boolean>;
|
|
32
|
+
};
|
|
33
33
|
loading: {
|
|
34
34
|
type: import("vue").PropType<boolean>;
|
|
35
35
|
};
|
|
@@ -114,12 +114,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
|
|
|
114
114
|
autofocus: {
|
|
115
115
|
type: import("vue").PropType<boolean>;
|
|
116
116
|
};
|
|
117
|
-
dark: {
|
|
118
|
-
type: import("vue").PropType<boolean>;
|
|
119
|
-
};
|
|
120
117
|
icon: {
|
|
121
118
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
122
119
|
};
|
|
120
|
+
dark: {
|
|
121
|
+
type: import("vue").PropType<boolean>;
|
|
122
|
+
};
|
|
123
123
|
loading: {
|
|
124
124
|
type: import("vue").PropType<boolean>;
|
|
125
125
|
};
|
|
@@ -199,12 +199,12 @@ export declare const VftButton: import("vft/es/utils").SFCWithInstall<{
|
|
|
199
199
|
autofocus: {
|
|
200
200
|
type: import("vue").PropType<boolean>;
|
|
201
201
|
};
|
|
202
|
-
dark: {
|
|
203
|
-
type: import("vue").PropType<boolean>;
|
|
204
|
-
};
|
|
205
202
|
icon: {
|
|
206
203
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
207
204
|
};
|
|
205
|
+
dark: {
|
|
206
|
+
type: import("vue").PropType<boolean>;
|
|
207
|
+
};
|
|
208
208
|
loading: {
|
|
209
209
|
type: import("vue").PropType<boolean>;
|
|
210
210
|
};
|
|
@@ -7,6 +7,8 @@ export interface ImageViewerProps {
|
|
|
7
7
|
teleported?: boolean;
|
|
8
8
|
closeOnPressEscape?: boolean;
|
|
9
9
|
zoomRate?: number;
|
|
10
|
+
referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'same-origin' | 'origin' | 'strict-origin' | 'origin-when-cross-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
|
|
11
|
+
crossorigin?: 'anonymous' | 'use-credentials';
|
|
10
12
|
}
|
|
11
13
|
declare function setActiveItem(index: number): void;
|
|
12
14
|
declare function __VLS_template(): {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as A, ref as h, effectScope as ne, computed as w, watch as R, nextTick as oe, onMounted as ae, createBlock as
|
|
1
|
+
import { defineComponent as A, ref as h, effectScope as ne, computed as w, watch as R, nextTick as oe, onMounted as ae, createBlock as ie, openBlock as z, unref as e, withCtx as S, createVNode as d, Transition as se, createElementVNode as c, normalizeStyle as V, normalizeClass as r, createElementBlock as E, createCommentVNode as re, renderSlot as le, withModifiers as ce, Fragment as H, renderList as ue, withDirectives as fe, vShow as de } from "vue";
|
|
2
2
|
import { EVENT_CODE as p } from "@vft/constants";
|
|
3
3
|
import { isNumber as Z } from "@vft/utils";
|
|
4
4
|
import { VftIcon as v } from "../icon/index.js";
|
|
5
|
-
import { useEventListener as
|
|
5
|
+
import { useEventListener as y } from "@vueuse/core";
|
|
6
6
|
import "../config-provider/hooks/use-global-config.js";
|
|
7
7
|
import { throttle as T } from "lodash-es";
|
|
8
8
|
import "../form/index.js";
|
|
@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
|
|
|
11
11
|
import "@popperjs/core";
|
|
12
12
|
import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
|
|
13
13
|
import { VftTeleport as ge } from "../teleport/index.js";
|
|
14
|
-
const ke = ["src"], be = A({
|
|
14
|
+
const ke = ["src", "referrerpolicy", "crossorigin"], be = A({
|
|
15
15
|
name: "vft-image-viewer"
|
|
16
16
|
}), Ye = /* @__PURE__ */ A({
|
|
17
17
|
...be,
|
|
@@ -23,23 +23,25 @@ const ke = ["src"], be = A({
|
|
|
23
23
|
hideOnClickModal: { type: Boolean, default: !1 },
|
|
24
24
|
teleported: { type: Boolean, default: !1 },
|
|
25
25
|
closeOnPressEscape: { type: Boolean, default: !0 },
|
|
26
|
-
zoomRate: { default: 1.2 }
|
|
26
|
+
zoomRate: { default: 1.2 },
|
|
27
|
+
referrerpolicy: { default: "no-referrer" },
|
|
28
|
+
crossorigin: { default: "anonymous" }
|
|
27
29
|
},
|
|
28
30
|
emits: {
|
|
29
31
|
close: () => !0,
|
|
30
|
-
switch: (
|
|
32
|
+
switch: (t) => Z(t)
|
|
31
33
|
},
|
|
32
|
-
setup(
|
|
33
|
-
const $ = W,
|
|
34
|
+
setup(t, { expose: P, emit: W }) {
|
|
35
|
+
const $ = W, i = me("image-viewer"), { nextZIndex: j } = ve(), I = h(), X = h([]), Y = ne(), k = h(!0), m = h(t.initialIndex), s = h({
|
|
34
36
|
scale: 1,
|
|
35
37
|
deg: 0,
|
|
36
38
|
offsetX: 0,
|
|
37
39
|
offsetY: 0,
|
|
38
40
|
enableTransition: !1
|
|
39
|
-
}), q = w(() =>
|
|
40
|
-
const { scale:
|
|
41
|
-
let u = a /
|
|
42
|
-
switch (
|
|
41
|
+
}), q = w(() => t.urlList.length <= 1), O = w(() => m.value === 0), M = w(() => m.value === t.urlList.length - 1), G = w(() => t.urlList[m.value]), J = w(() => {
|
|
42
|
+
const { scale: o, deg: n, offsetX: a, offsetY: l, enableTransition: x } = s.value;
|
|
43
|
+
let u = a / o, f = l / o;
|
|
44
|
+
switch (n % 360) {
|
|
43
45
|
case 90:
|
|
44
46
|
case -270:
|
|
45
47
|
[u, f] = [f, -u];
|
|
@@ -54,20 +56,20 @@ const ke = ["src"], be = A({
|
|
|
54
56
|
break;
|
|
55
57
|
}
|
|
56
58
|
const b = {
|
|
57
|
-
transform: `scale(${
|
|
59
|
+
transform: `scale(${o}) rotate(${n}deg) translate(${u}px, ${f}px)`,
|
|
58
60
|
transition: x ? "transform .3s" : ""
|
|
59
61
|
};
|
|
60
62
|
return b.maxWidth = b.maxHeight = "100%", b;
|
|
61
|
-
}), K = w(() => Z(
|
|
62
|
-
function
|
|
63
|
+
}), K = w(() => Z(t.zIndex) ? t.zIndex : j());
|
|
64
|
+
function C() {
|
|
63
65
|
U(), $("close");
|
|
64
66
|
}
|
|
65
67
|
function Q() {
|
|
66
|
-
const
|
|
68
|
+
const o = T((a) => {
|
|
67
69
|
switch (a.code) {
|
|
68
70
|
// ESC
|
|
69
71
|
case p.esc:
|
|
70
|
-
|
|
72
|
+
t.closeOnPressEscape && C();
|
|
71
73
|
break;
|
|
72
74
|
// SPACE
|
|
73
75
|
case p.space:
|
|
@@ -90,15 +92,15 @@ const ke = ["src"], be = A({
|
|
|
90
92
|
g("zoomOut");
|
|
91
93
|
break;
|
|
92
94
|
}
|
|
93
|
-
}),
|
|
94
|
-
const
|
|
95
|
-
g(
|
|
96
|
-
zoomRate:
|
|
95
|
+
}), n = T((a) => {
|
|
96
|
+
const l = a.deltaY || a.deltaX;
|
|
97
|
+
g(l < 0 ? "zoomIn" : "zoomOut", {
|
|
98
|
+
zoomRate: t.zoomRate,
|
|
97
99
|
enableTransition: !1
|
|
98
100
|
});
|
|
99
101
|
});
|
|
100
102
|
Y.run(() => {
|
|
101
|
-
|
|
103
|
+
y(document, "keydown", o), y(document, "wheel", n);
|
|
102
104
|
});
|
|
103
105
|
}
|
|
104
106
|
function U() {
|
|
@@ -107,25 +109,25 @@ const ke = ["src"], be = A({
|
|
|
107
109
|
function _() {
|
|
108
110
|
k.value = !1;
|
|
109
111
|
}
|
|
110
|
-
function ee(
|
|
111
|
-
k.value = !1,
|
|
112
|
+
function ee(o) {
|
|
113
|
+
k.value = !1, o.target.alt = "加载失败";
|
|
112
114
|
}
|
|
113
|
-
function te(
|
|
114
|
-
if (k.value ||
|
|
115
|
-
|
|
116
|
-
const { offsetX:
|
|
117
|
-
|
|
118
|
-
...
|
|
119
|
-
offsetX:
|
|
115
|
+
function te(o) {
|
|
116
|
+
if (k.value || o.button !== 0 || !I.value) return;
|
|
117
|
+
s.value.enableTransition = !1;
|
|
118
|
+
const { offsetX: n, offsetY: a } = s.value, l = o.pageX, x = o.pageY, u = T((b) => {
|
|
119
|
+
s.value = {
|
|
120
|
+
...s.value,
|
|
121
|
+
offsetX: n + b.pageX - l,
|
|
120
122
|
offsetY: a + b.pageY - x
|
|
121
123
|
};
|
|
122
|
-
}), f =
|
|
123
|
-
|
|
124
|
+
}), f = y(document, "mousemove", u);
|
|
125
|
+
y(document, "mouseup", () => {
|
|
124
126
|
f();
|
|
125
|
-
}),
|
|
127
|
+
}), o.preventDefault();
|
|
126
128
|
}
|
|
127
129
|
function N() {
|
|
128
|
-
|
|
130
|
+
s.value = {
|
|
129
131
|
scale: 1,
|
|
130
132
|
deg: 0,
|
|
131
133
|
offsetX: 0,
|
|
@@ -136,97 +138,97 @@ const ke = ["src"], be = A({
|
|
|
136
138
|
function B() {
|
|
137
139
|
k.value || N();
|
|
138
140
|
}
|
|
139
|
-
function L(
|
|
140
|
-
const
|
|
141
|
-
m.value = (
|
|
141
|
+
function L(o) {
|
|
142
|
+
const n = t.urlList.length;
|
|
143
|
+
m.value = (o + n) % n;
|
|
142
144
|
}
|
|
143
145
|
function D() {
|
|
144
|
-
O.value && !
|
|
146
|
+
O.value && !t.infinite || L(m.value - 1);
|
|
145
147
|
}
|
|
146
148
|
function F() {
|
|
147
|
-
M.value && !
|
|
149
|
+
M.value && !t.infinite || L(m.value + 1);
|
|
148
150
|
}
|
|
149
|
-
function g(
|
|
151
|
+
function g(o, n = {}) {
|
|
150
152
|
if (k.value) return;
|
|
151
|
-
const { rotateDeg: a, enableTransition:
|
|
153
|
+
const { rotateDeg: a, enableTransition: l } = {
|
|
152
154
|
rotateDeg: 90,
|
|
153
155
|
enableTransition: !0,
|
|
154
|
-
...
|
|
156
|
+
...n
|
|
155
157
|
};
|
|
156
|
-
switch (
|
|
158
|
+
switch (o) {
|
|
157
159
|
case "zoomOut":
|
|
158
|
-
|
|
159
|
-
(
|
|
160
|
+
s.value.scale > 0.2 && (s.value.scale = Number.parseFloat(
|
|
161
|
+
(s.value.scale / t.zoomRate).toFixed(3)
|
|
160
162
|
));
|
|
161
163
|
break;
|
|
162
164
|
case "zoomIn":
|
|
163
|
-
|
|
164
|
-
(
|
|
165
|
+
s.value.scale < 7 && (s.value.scale = Number.parseFloat(
|
|
166
|
+
(s.value.scale * t.zoomRate).toFixed(3)
|
|
165
167
|
));
|
|
166
168
|
break;
|
|
167
169
|
case "clockwise":
|
|
168
|
-
|
|
170
|
+
s.value.deg += a;
|
|
169
171
|
break;
|
|
170
172
|
case "anticlockwise":
|
|
171
|
-
|
|
173
|
+
s.value.deg -= a;
|
|
172
174
|
break;
|
|
173
175
|
}
|
|
174
|
-
|
|
176
|
+
s.value.enableTransition = l;
|
|
175
177
|
}
|
|
176
178
|
return R(G, () => {
|
|
177
179
|
oe(() => {
|
|
178
180
|
X.value[0]?.complete || (k.value = !0);
|
|
179
181
|
});
|
|
180
|
-
}), R(m, (
|
|
181
|
-
N(), $("switch",
|
|
182
|
+
}), R(m, (o) => {
|
|
183
|
+
N(), $("switch", o);
|
|
182
184
|
}), ae(() => {
|
|
183
|
-
Q(),
|
|
185
|
+
Q(), I.value?.focus?.();
|
|
184
186
|
}), P({
|
|
185
187
|
/** @description manually switch image */
|
|
186
188
|
setActiveItem: L
|
|
187
|
-
}), (
|
|
189
|
+
}), (o, n) => (z(), ie(e(ge), {
|
|
188
190
|
to: "body",
|
|
189
|
-
disabled: !
|
|
191
|
+
disabled: !t.teleported
|
|
190
192
|
}, {
|
|
191
193
|
default: S(() => [
|
|
192
|
-
d(
|
|
194
|
+
d(se, {
|
|
193
195
|
name: "viewer-fade",
|
|
194
196
|
appear: ""
|
|
195
197
|
}, {
|
|
196
198
|
default: S(() => [
|
|
197
199
|
c("div", {
|
|
198
200
|
ref_key: "wrapper",
|
|
199
|
-
ref:
|
|
201
|
+
ref: I,
|
|
200
202
|
tabindex: -1,
|
|
201
|
-
class:
|
|
203
|
+
class: r(e(i).e("wrapper")),
|
|
202
204
|
style: V({ zIndex: K.value })
|
|
203
205
|
}, [
|
|
204
206
|
c("div", {
|
|
205
|
-
class:
|
|
206
|
-
onClick:
|
|
207
|
+
class: r(e(i).e("mask")),
|
|
208
|
+
onClick: n[0] || (n[0] = ce((a) => t.hideOnClickModal && C(), ["self"]))
|
|
207
209
|
}, null, 2),
|
|
208
210
|
c("span", {
|
|
209
|
-
class:
|
|
210
|
-
onClick:
|
|
211
|
+
class: r([e(i).e("btn"), e(i).e("close")]),
|
|
212
|
+
onClick: C
|
|
211
213
|
}, [
|
|
212
214
|
d(e(v), { icon: "icon-close" })
|
|
213
215
|
], 2),
|
|
214
|
-
q.value ?
|
|
216
|
+
q.value ? re("", !0) : (z(), E(H, { key: 0 }, [
|
|
215
217
|
c("span", {
|
|
216
|
-
class:
|
|
217
|
-
e(
|
|
218
|
-
e(
|
|
219
|
-
e(
|
|
218
|
+
class: r([
|
|
219
|
+
e(i).e("btn"),
|
|
220
|
+
e(i).e("prev"),
|
|
221
|
+
e(i).is("disabled", !t.infinite && O.value)
|
|
220
222
|
]),
|
|
221
223
|
onClick: D
|
|
222
224
|
}, [
|
|
223
225
|
d(e(v), { icon: "icon-arrow-left" })
|
|
224
226
|
], 2),
|
|
225
227
|
c("span", {
|
|
226
|
-
class:
|
|
227
|
-
e(
|
|
228
|
-
e(
|
|
229
|
-
e(
|
|
228
|
+
class: r([
|
|
229
|
+
e(i).e("btn"),
|
|
230
|
+
e(i).e("next"),
|
|
231
|
+
e(i).is("disabled", !t.infinite && M.value)
|
|
230
232
|
]),
|
|
231
233
|
onClick: F
|
|
232
234
|
}, [
|
|
@@ -234,57 +236,59 @@ const ke = ["src"], be = A({
|
|
|
234
236
|
], 2)
|
|
235
237
|
], 64)),
|
|
236
238
|
c("div", {
|
|
237
|
-
class:
|
|
239
|
+
class: r([e(i).e("btn"), e(i).e("actions")])
|
|
238
240
|
}, [
|
|
239
241
|
c("div", {
|
|
240
|
-
class:
|
|
242
|
+
class: r(e(i).e("actions__inner"))
|
|
241
243
|
}, [
|
|
242
244
|
d(e(v), {
|
|
243
245
|
icon: "icon-zoom-out",
|
|
244
|
-
onClick:
|
|
246
|
+
onClick: n[1] || (n[1] = (a) => g("zoomOut"))
|
|
245
247
|
}),
|
|
246
248
|
d(e(v), {
|
|
247
249
|
icon: "icon-zoom-in",
|
|
248
|
-
onClick:
|
|
250
|
+
onClick: n[2] || (n[2] = (a) => g("zoomIn"))
|
|
249
251
|
}),
|
|
250
252
|
c("i", {
|
|
251
|
-
class:
|
|
253
|
+
class: r(e(i).e("actions__divider"))
|
|
252
254
|
}, null, 2),
|
|
253
255
|
d(e(v), {
|
|
254
256
|
icon: "icon-scale-to-original",
|
|
255
257
|
onClick: B
|
|
256
258
|
}),
|
|
257
259
|
c("i", {
|
|
258
|
-
class:
|
|
260
|
+
class: r(e(i).e("actions__divider"))
|
|
259
261
|
}, null, 2),
|
|
260
262
|
d(e(v), {
|
|
261
263
|
icon: "icon-refresh-left",
|
|
262
|
-
onClick:
|
|
264
|
+
onClick: n[3] || (n[3] = (a) => g("anticlockwise"))
|
|
263
265
|
}),
|
|
264
266
|
d(e(v), {
|
|
265
267
|
icon: "icon-refresh-right",
|
|
266
|
-
onClick:
|
|
268
|
+
onClick: n[4] || (n[4] = (a) => g("clockwise"))
|
|
267
269
|
})
|
|
268
270
|
], 2)
|
|
269
271
|
], 2),
|
|
270
272
|
c("div", {
|
|
271
|
-
class:
|
|
273
|
+
class: r(e(i).e("canvas"))
|
|
272
274
|
}, [
|
|
273
|
-
(z(!0), E(H, null, ue(
|
|
275
|
+
(z(!0), E(H, null, ue(t.urlList, (a, l) => fe((z(), E("img", {
|
|
274
276
|
ref_for: !0,
|
|
275
|
-
ref: (x) => X.value[
|
|
277
|
+
ref: (x) => X.value[l] = x,
|
|
276
278
|
key: a,
|
|
277
279
|
src: a,
|
|
278
280
|
style: V(J.value),
|
|
279
|
-
class:
|
|
281
|
+
class: r(e(i).e("img")),
|
|
282
|
+
referrerpolicy: t.referrerpolicy,
|
|
283
|
+
crossorigin: t.crossorigin,
|
|
280
284
|
onLoad: _,
|
|
281
285
|
onError: ee,
|
|
282
286
|
onMousedown: te
|
|
283
287
|
}, null, 46, ke)), [
|
|
284
|
-
[de,
|
|
288
|
+
[de, l === m.value]
|
|
285
289
|
])), 128))
|
|
286
290
|
], 2),
|
|
287
|
-
|
|
291
|
+
le(o.$slots, "default")
|
|
288
292
|
], 6)
|
|
289
293
|
]),
|
|
290
294
|
_: 3
|
|
@@ -24,6 +24,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
|
|
|
24
24
|
zoomRate: {
|
|
25
25
|
type: import("vue").PropType<number>;
|
|
26
26
|
};
|
|
27
|
+
referrerpolicy: {
|
|
28
|
+
type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
|
|
29
|
+
};
|
|
30
|
+
crossorigin: {
|
|
31
|
+
type: import("vue").PropType<"anonymous" | "use-credentials">;
|
|
32
|
+
};
|
|
27
33
|
}>> & Readonly<{
|
|
28
34
|
onSwitch?: ((index: number) => any) | undefined;
|
|
29
35
|
onClose?: (() => any) | undefined;
|
|
@@ -64,6 +70,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
|
|
|
64
70
|
zoomRate: {
|
|
65
71
|
type: import("vue").PropType<number>;
|
|
66
72
|
};
|
|
73
|
+
referrerpolicy: {
|
|
74
|
+
type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
|
|
75
|
+
};
|
|
76
|
+
crossorigin: {
|
|
77
|
+
type: import("vue").PropType<"anonymous" | "use-credentials">;
|
|
78
|
+
};
|
|
67
79
|
}>> & Readonly<{
|
|
68
80
|
onSwitch?: ((index: number) => any) | undefined;
|
|
69
81
|
onClose?: (() => any) | undefined;
|
|
@@ -98,6 +110,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
|
|
|
98
110
|
zoomRate: {
|
|
99
111
|
type: import("vue").PropType<number>;
|
|
100
112
|
};
|
|
113
|
+
referrerpolicy: {
|
|
114
|
+
type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
|
|
115
|
+
};
|
|
116
|
+
crossorigin: {
|
|
117
|
+
type: import("vue").PropType<"anonymous" | "use-credentials">;
|
|
118
|
+
};
|
|
101
119
|
}>> & Readonly<{
|
|
102
120
|
onSwitch?: ((index: number) => any) | undefined;
|
|
103
121
|
onClose?: (() => any) | undefined;
|
|
@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
7
7
|
type: import("vue").PropType<string | number>;
|
|
8
8
|
default: number;
|
|
9
9
|
};
|
|
10
|
-
teleported: {
|
|
11
|
-
type: import("vue").PropType<boolean>;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
10
|
icon: {
|
|
15
11
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
16
12
|
default: string;
|
|
17
13
|
};
|
|
14
|
+
teleported: {
|
|
15
|
+
type: import("vue").PropType<boolean>;
|
|
16
|
+
default: boolean;
|
|
17
|
+
};
|
|
18
18
|
hideAfter: {
|
|
19
19
|
type: import("vue").PropType<number>;
|
|
20
20
|
default: number;
|
|
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
52
52
|
cancel: (val: MouseEvent) => void;
|
|
53
53
|
}, import("vue").PublicProps, {
|
|
54
54
|
width: string | number;
|
|
55
|
-
teleported: boolean;
|
|
56
55
|
icon: string | import("vft/es/vft").IconProps;
|
|
56
|
+
teleported: boolean;
|
|
57
57
|
hideAfter: number;
|
|
58
58
|
persistent: boolean;
|
|
59
59
|
confirmButtonType: import("vft/es/vft").ButtonType;
|
|
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
74
74
|
type: import("vue").PropType<string | number>;
|
|
75
75
|
default: number;
|
|
76
76
|
};
|
|
77
|
-
teleported: {
|
|
78
|
-
type: import("vue").PropType<boolean>;
|
|
79
|
-
default: boolean;
|
|
80
|
-
};
|
|
81
77
|
icon: {
|
|
82
78
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
83
79
|
default: string;
|
|
84
80
|
};
|
|
81
|
+
teleported: {
|
|
82
|
+
type: import("vue").PropType<boolean>;
|
|
83
|
+
default: boolean;
|
|
84
|
+
};
|
|
85
85
|
hideAfter: {
|
|
86
86
|
type: import("vue").PropType<number>;
|
|
87
87
|
default: number;
|
|
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
116
116
|
onConfirm?: ((val: MouseEvent) => any) | undefined;
|
|
117
117
|
}>, {}, {}, {}, {}, {
|
|
118
118
|
width: string | number;
|
|
119
|
-
teleported: boolean;
|
|
120
119
|
icon: string | import("vft/es/vft").IconProps;
|
|
120
|
+
teleported: boolean;
|
|
121
121
|
hideAfter: number;
|
|
122
122
|
persistent: boolean;
|
|
123
123
|
confirmButtonType: import("vft/es/vft").ButtonType;
|
|
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
135
135
|
type: import("vue").PropType<string | number>;
|
|
136
136
|
default: number;
|
|
137
137
|
};
|
|
138
|
-
teleported: {
|
|
139
|
-
type: import("vue").PropType<boolean>;
|
|
140
|
-
default: boolean;
|
|
141
|
-
};
|
|
142
138
|
icon: {
|
|
143
139
|
type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
|
|
144
140
|
default: string;
|
|
145
141
|
};
|
|
142
|
+
teleported: {
|
|
143
|
+
type: import("vue").PropType<boolean>;
|
|
144
|
+
default: boolean;
|
|
145
|
+
};
|
|
146
146
|
hideAfter: {
|
|
147
147
|
type: import("vue").PropType<number>;
|
|
148
148
|
default: number;
|
|
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
|
|
|
180
180
|
cancel: (val: MouseEvent) => void;
|
|
181
181
|
}, string, {
|
|
182
182
|
width: string | number;
|
|
183
|
-
teleported: boolean;
|
|
184
183
|
icon: string | import("vft/es/vft").IconProps;
|
|
184
|
+
teleported: boolean;
|
|
185
185
|
hideAfter: number;
|
|
186
186
|
persistent: boolean;
|
|
187
187
|
confirmButtonType: import("vft/es/vft").ButtonType;
|
|
@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
43
43
|
onConfirm?: ((val: MouseEvent) => any) | undefined;
|
|
44
44
|
}>, {
|
|
45
45
|
width: string | number;
|
|
46
|
-
teleported: boolean;
|
|
47
46
|
icon: string | IconProps;
|
|
47
|
+
teleported: boolean;
|
|
48
48
|
hideAfter: number;
|
|
49
49
|
persistent: boolean;
|
|
50
50
|
confirmButtonType: ButtonType;
|