@xto/form 1.1.3 → 1.1.4
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/es/index.mjs +1296 -1194
- package/es/style.css +1 -1
- package/lib/index.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +8 -8
package/es/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useNamespace as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as J, ref as E, useSlots as He, computed as y, openBlock as i, createElementBlock as d, normalizeClass as u, unref as s, renderSlot as ae, createElementVNode as r, toDisplayString as H, createCommentVNode as O, withDirectives as ue, vModelDynamic as Ne, watch as ce, normalizeStyle as ne, vModelText as be, inject as De, withModifiers as oe, createTextVNode as me, provide as $e, toRef as Ue, onMounted as xe, onUnmounted as we, Fragment as G, renderList as Q, createBlock as ge, Teleport as Ie, createVNode as Ce, Transition as Le, withCtx as Pe, vModelSelect as ke, vShow as Ae, nextTick as Se } from "vue";
|
|
2
|
+
import { useNamespace as _, useZIndex as Ye } from "@xto/core";
|
|
3
|
+
const Xe = ["type", "placeholder", "disabled", "readonly", "maxlength", "minlength"], Sl = /* @__PURE__ */ J({
|
|
4
4
|
name: "XInput",
|
|
5
5
|
__name: "index",
|
|
6
6
|
props: {
|
|
@@ -20,34 +20,34 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
20
20
|
suffixIcon: {}
|
|
21
21
|
},
|
|
22
22
|
emits: ["update:modelValue", "update:value", "input", "change", "focus", "blur", "clear"],
|
|
23
|
-
setup(n, { expose:
|
|
24
|
-
const e = n, a = t, l =
|
|
23
|
+
setup(n, { expose: b, emit: t }) {
|
|
24
|
+
const e = n, a = t, l = _("input"), m = E(), p = E(!1), C = E(!1), x = He(), Y = y(
|
|
25
25
|
() => e.type === "password" && e.showPassword && !e.disabled
|
|
26
|
-
), S =
|
|
26
|
+
), S = y(() => Y.value ? C.value ? "text" : "password" : e.type), V = y({
|
|
27
27
|
get: () => e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : "",
|
|
28
28
|
set: (k) => {
|
|
29
29
|
a("update:modelValue", k), a("update:value", k), a("input", k);
|
|
30
30
|
}
|
|
31
|
-
}), $ =
|
|
31
|
+
}), $ = y(() => String(V.value).length), L = y(() => [
|
|
32
32
|
l.b(),
|
|
33
33
|
e.size !== "default" ? l.m(e.size) : "",
|
|
34
34
|
l.is("disabled", e.disabled),
|
|
35
35
|
l.is("focus", p.value),
|
|
36
36
|
l.is("has-prefix", e.prefixIcon || x.prefix),
|
|
37
|
-
l.is("has-suffix", e.suffixIcon || x.suffix || e.clearable ||
|
|
37
|
+
l.is("has-suffix", e.suffixIcon || x.suffix || e.clearable || Y.value || e.showWordLimit)
|
|
38
38
|
]), v = (k) => {
|
|
39
|
-
const
|
|
40
|
-
a("change",
|
|
39
|
+
const W = k.target.value;
|
|
40
|
+
a("change", W);
|
|
41
41
|
}, D = (k) => {
|
|
42
42
|
p.value = !0, a("focus", k);
|
|
43
|
-
},
|
|
43
|
+
}, R = (k) => {
|
|
44
44
|
p.value = !1, a("blur", k);
|
|
45
|
-
},
|
|
45
|
+
}, M = () => {
|
|
46
46
|
a("update:modelValue", ""), a("update:value", ""), a("clear");
|
|
47
|
-
},
|
|
47
|
+
}, P = () => {
|
|
48
48
|
C.value = !C.value;
|
|
49
49
|
};
|
|
50
|
-
return
|
|
50
|
+
return b({
|
|
51
51
|
focus: () => {
|
|
52
52
|
var k;
|
|
53
53
|
(k = m.value) == null || k.focus();
|
|
@@ -57,23 +57,23 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
57
57
|
(k = m.value) == null || k.blur();
|
|
58
58
|
},
|
|
59
59
|
inputRef: m
|
|
60
|
-
}), (k,
|
|
61
|
-
class: u(
|
|
60
|
+
}), (k, W) => (i(), d("div", {
|
|
61
|
+
class: u(L.value)
|
|
62
62
|
}, [
|
|
63
|
-
k.$slots.prefix || n.prefixIcon ? (
|
|
63
|
+
k.$slots.prefix || n.prefixIcon ? (i(), d("span", {
|
|
64
64
|
key: 0,
|
|
65
65
|
class: u(s(l).e("prefix"))
|
|
66
66
|
}, [
|
|
67
67
|
ae(k.$slots, "prefix", {}, () => [
|
|
68
|
-
|
|
68
|
+
r("span", {
|
|
69
69
|
class: u(s(l).e("icon"))
|
|
70
|
-
},
|
|
70
|
+
}, H(n.prefixIcon), 3)
|
|
71
71
|
])
|
|
72
72
|
], 2)) : O("", !0),
|
|
73
|
-
|
|
73
|
+
ue(r("input", {
|
|
74
74
|
ref_key: "inputRef",
|
|
75
75
|
ref: m,
|
|
76
|
-
"onUpdate:modelValue":
|
|
76
|
+
"onUpdate:modelValue": W[0] || (W[0] = (X) => V.value = X),
|
|
77
77
|
type: S.value,
|
|
78
78
|
placeholder: n.placeholder,
|
|
79
79
|
disabled: n.disabled,
|
|
@@ -83,34 +83,34 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
83
83
|
class: u(s(l).e("inner")),
|
|
84
84
|
onChange: v,
|
|
85
85
|
onFocus: D,
|
|
86
|
-
onBlur:
|
|
87
|
-
}, null, 42,
|
|
88
|
-
[
|
|
86
|
+
onBlur: R
|
|
87
|
+
}, null, 42, Xe), [
|
|
88
|
+
[Ne, V.value]
|
|
89
89
|
]),
|
|
90
|
-
k.$slots.suffix || n.suffixIcon || n.clearable ||
|
|
90
|
+
k.$slots.suffix || n.suffixIcon || n.clearable || Y.value || n.showWordLimit ? (i(), d("span", {
|
|
91
91
|
key: 1,
|
|
92
92
|
class: u(s(l).e("suffix"))
|
|
93
93
|
}, [
|
|
94
94
|
ae(k.$slots, "suffix", {}, () => [
|
|
95
|
-
n.clearable && V.value && !n.disabled ? (
|
|
95
|
+
n.clearable && V.value && !n.disabled ? (i(), d("span", {
|
|
96
96
|
key: 0,
|
|
97
97
|
class: u([s(l).e("icon"), s(l).e("clear")]),
|
|
98
|
-
onClick:
|
|
98
|
+
onClick: M
|
|
99
99
|
}, " ✕ ", 2)) : O("", !0),
|
|
100
|
-
|
|
100
|
+
Y.value ? (i(), d("span", {
|
|
101
101
|
key: 1,
|
|
102
102
|
class: u([s(l).e("icon"), s(l).e("password")]),
|
|
103
|
-
onClick:
|
|
104
|
-
},
|
|
105
|
-
n.showWordLimit && n.maxlength ? (
|
|
103
|
+
onClick: P
|
|
104
|
+
}, H(C.value ? "🙈" : "👁️"), 3)) : O("", !0),
|
|
105
|
+
n.showWordLimit && n.maxlength ? (i(), d("span", {
|
|
106
106
|
key: 2,
|
|
107
107
|
class: u(s(l).e("count"))
|
|
108
|
-
},
|
|
108
|
+
}, H($.value) + "/" + H(n.maxlength), 3)) : O("", !0)
|
|
109
109
|
])
|
|
110
110
|
], 2)) : O("", !0)
|
|
111
111
|
], 2));
|
|
112
112
|
}
|
|
113
|
-
}),
|
|
113
|
+
}), Ke = ["disabled"], We = ["value", "placeholder", "disabled"], qe = ["disabled"], Ml = /* @__PURE__ */ J({
|
|
114
114
|
name: "XInputNumber",
|
|
115
115
|
__name: "index",
|
|
116
116
|
props: {
|
|
@@ -128,93 +128,93 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
128
128
|
valueOnClear: { default: null }
|
|
129
129
|
},
|
|
130
130
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
131
|
-
setup(n, { expose:
|
|
132
|
-
const e = n, a = t, l =
|
|
131
|
+
setup(n, { expose: b, emit: t }) {
|
|
132
|
+
const e = n, a = t, l = _("input-number"), m = E(), p = E(!1), C = E(null), x = E(e.modelValue), Y = y(() => {
|
|
133
133
|
if (e.precision !== void 0)
|
|
134
134
|
return e.precision;
|
|
135
|
-
const o = S(e.step),
|
|
136
|
-
return Math.max(o,
|
|
135
|
+
const o = S(e.step), c = e.modelValue !== void 0 && e.modelValue !== null ? S(e.modelValue) : 0;
|
|
136
|
+
return Math.max(o, c);
|
|
137
137
|
});
|
|
138
138
|
function S(o) {
|
|
139
139
|
if (o == null) return 0;
|
|
140
|
-
const
|
|
141
|
-
return
|
|
140
|
+
const c = o.toString(), g = c.indexOf(".");
|
|
141
|
+
return g === -1 ? 0 : c.length - g - 1;
|
|
142
142
|
}
|
|
143
|
-
function V(o,
|
|
144
|
-
if (
|
|
145
|
-
let
|
|
146
|
-
return Number(
|
|
143
|
+
function V(o, c = Y.value) {
|
|
144
|
+
if (c === 0) return Math.round(o);
|
|
145
|
+
let g = o.toFixed(c);
|
|
146
|
+
return Number(g);
|
|
147
147
|
}
|
|
148
148
|
function $(o) {
|
|
149
149
|
return o > e.max ? e.max : o < e.min ? e.min : o;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
151
|
+
const L = y(() => e.modelValue ?? void 0), v = y(() => C.value !== null ? C.value : L.value === void 0 || L.value === null ? "" : V(L.value)), D = y(() => e.disabled ? !0 : L.value === void 0 ? e.min !== -1 / 0 : L.value <= e.min), R = y(() => e.disabled ? !0 : L.value === void 0 ? e.max !== 1 / 0 : L.value >= e.max), M = y(() => [
|
|
152
152
|
l.b(),
|
|
153
153
|
e.size !== "default" ? l.m(e.size) : "",
|
|
154
154
|
l.is("disabled", e.disabled),
|
|
155
155
|
l.is("focus", p.value),
|
|
156
156
|
e.controlsPosition ? l.m(e.controlsPosition) : ""
|
|
157
157
|
]);
|
|
158
|
-
function
|
|
159
|
-
if (e.disabled ||
|
|
160
|
-
const o =
|
|
161
|
-
f(
|
|
158
|
+
function P() {
|
|
159
|
+
if (e.disabled || R.value) return;
|
|
160
|
+
const o = L.value ?? (e.min === -1 / 0 ? 0 : e.min), c = V(o + e.step), g = $(c);
|
|
161
|
+
f(g);
|
|
162
162
|
}
|
|
163
163
|
function h() {
|
|
164
164
|
if (e.disabled || D.value) return;
|
|
165
|
-
const o =
|
|
166
|
-
f(
|
|
165
|
+
const o = L.value ?? (e.min === -1 / 0 ? 0 : e.min), c = V(o - e.step), g = $(c);
|
|
166
|
+
f(g);
|
|
167
167
|
}
|
|
168
168
|
function f(o) {
|
|
169
|
-
const
|
|
169
|
+
const c = x.value;
|
|
170
170
|
if (o === void 0)
|
|
171
|
-
a("update:modelValue", void 0), a("change", void 0,
|
|
171
|
+
a("update:modelValue", void 0), a("change", void 0, c);
|
|
172
172
|
else {
|
|
173
|
-
const
|
|
173
|
+
const g = V(o), K = $(g);
|
|
174
174
|
if (e.stepStrictly) {
|
|
175
|
-
const le = Math.round((
|
|
176
|
-
a("update:modelValue",
|
|
175
|
+
const le = Math.round((K - e.min) / e.step), z = V(e.min + le * e.step);
|
|
176
|
+
a("update:modelValue", z), a("change", z, c);
|
|
177
177
|
} else
|
|
178
|
-
a("update:modelValue",
|
|
178
|
+
a("update:modelValue", K), a("change", K, c);
|
|
179
179
|
}
|
|
180
180
|
x.value = e.modelValue, C.value = null;
|
|
181
181
|
}
|
|
182
182
|
function k(o) {
|
|
183
183
|
if (o === "" || o === "-")
|
|
184
184
|
return;
|
|
185
|
-
let
|
|
186
|
-
const
|
|
187
|
-
|
|
188
|
-
const
|
|
189
|
-
if (!isNaN(
|
|
190
|
-
return
|
|
185
|
+
let c = o.replace(/[^\d.-]/g, "");
|
|
186
|
+
const g = c.split(".");
|
|
187
|
+
g.length > 2 && (c = g[0] + "." + g.slice(1).join("")), c.indexOf("-") > 0 && (c = c.replace(/-/g, "")), c.lastIndexOf("-") > 0 && (c = "-" + c.replace(/-/g, ""));
|
|
188
|
+
const K = Number(c);
|
|
189
|
+
if (!isNaN(K))
|
|
190
|
+
return K;
|
|
191
191
|
}
|
|
192
|
-
function
|
|
193
|
-
const
|
|
194
|
-
C.value =
|
|
192
|
+
function W(o) {
|
|
193
|
+
const c = o.target.value;
|
|
194
|
+
C.value = c;
|
|
195
195
|
}
|
|
196
|
-
function
|
|
196
|
+
function X(o) {
|
|
197
197
|
if (p.value = !1, C.value !== null) {
|
|
198
|
-
const
|
|
199
|
-
|
|
198
|
+
const c = k(C.value);
|
|
199
|
+
c === void 0 ? e.valueOnClear !== null ? f(e.valueOnClear) : C.value = null : f(c);
|
|
200
200
|
}
|
|
201
201
|
a("blur", o);
|
|
202
202
|
}
|
|
203
|
-
function
|
|
203
|
+
function Z(o) {
|
|
204
204
|
p.value = !0, x.value = e.modelValue, a("focus", o);
|
|
205
205
|
}
|
|
206
206
|
function ee(o) {
|
|
207
|
-
var
|
|
207
|
+
var c;
|
|
208
208
|
if (!e.disabled)
|
|
209
209
|
switch (o.key) {
|
|
210
210
|
case "ArrowUp":
|
|
211
|
-
o.preventDefault(),
|
|
211
|
+
o.preventDefault(), P();
|
|
212
212
|
break;
|
|
213
213
|
case "ArrowDown":
|
|
214
214
|
o.preventDefault(), h();
|
|
215
215
|
break;
|
|
216
216
|
case "Enter":
|
|
217
|
-
(
|
|
217
|
+
(c = m.value) == null || c.blur();
|
|
218
218
|
break;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
@@ -229,28 +229,28 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
229
229
|
var o;
|
|
230
230
|
(o = m.value) == null || o.blur();
|
|
231
231
|
}
|
|
232
|
-
return
|
|
232
|
+
return ce(() => e.modelValue, (o) => {
|
|
233
233
|
x.value = o, C.value = null;
|
|
234
|
-
}, { immediate: !0 }),
|
|
234
|
+
}, { immediate: !0 }), b({
|
|
235
235
|
focus: B,
|
|
236
236
|
blur: w,
|
|
237
237
|
clear: T,
|
|
238
|
-
increase:
|
|
238
|
+
increase: P,
|
|
239
239
|
decrease: h
|
|
240
|
-
}), (o,
|
|
241
|
-
class: u(
|
|
240
|
+
}), (o, c) => (i(), d("div", {
|
|
241
|
+
class: u(M.value)
|
|
242
242
|
}, [
|
|
243
|
-
n.controls ? (
|
|
243
|
+
n.controls ? (i(), d("button", {
|
|
244
244
|
key: 0,
|
|
245
245
|
type: "button",
|
|
246
246
|
class: u([s(l).e("decrease"), s(l).is("disabled", D.value)]),
|
|
247
247
|
disabled: D.value,
|
|
248
248
|
onClick: h
|
|
249
|
-
}, " − ", 10,
|
|
250
|
-
|
|
249
|
+
}, " − ", 10, Ke)) : O("", !0),
|
|
250
|
+
r("div", {
|
|
251
251
|
class: u(s(l).e("wrapper"))
|
|
252
252
|
}, [
|
|
253
|
-
|
|
253
|
+
r("input", {
|
|
254
254
|
ref_key: "inputRef",
|
|
255
255
|
ref: m,
|
|
256
256
|
value: v.value,
|
|
@@ -259,22 +259,22 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
259
259
|
class: u(s(l).e("inner")),
|
|
260
260
|
type: "text",
|
|
261
261
|
autocomplete: "off",
|
|
262
|
-
onInput:
|
|
263
|
-
onFocus:
|
|
264
|
-
onBlur:
|
|
262
|
+
onInput: W,
|
|
263
|
+
onFocus: Z,
|
|
264
|
+
onBlur: X,
|
|
265
265
|
onKeydown: ee
|
|
266
|
-
}, null, 42,
|
|
266
|
+
}, null, 42, We)
|
|
267
267
|
], 2),
|
|
268
|
-
n.controls ? (
|
|
268
|
+
n.controls ? (i(), d("button", {
|
|
269
269
|
key: 1,
|
|
270
270
|
type: "button",
|
|
271
|
-
class: u([s(l).e("increase"), s(l).is("disabled",
|
|
272
|
-
disabled:
|
|
273
|
-
onClick:
|
|
274
|
-
}, " + ", 10,
|
|
271
|
+
class: u([s(l).e("increase"), s(l).is("disabled", R.value)]),
|
|
272
|
+
disabled: R.value,
|
|
273
|
+
onClick: P
|
|
274
|
+
}, " + ", 10, qe)) : O("", !0)
|
|
275
275
|
], 2));
|
|
276
276
|
}
|
|
277
|
-
}),
|
|
277
|
+
}), Ge = ["placeholder", "disabled", "readonly", "maxlength", "minlength", "rows"], Tl = /* @__PURE__ */ J({
|
|
278
278
|
name: "XTextarea",
|
|
279
279
|
__name: "index",
|
|
280
280
|
props: {
|
|
@@ -291,74 +291,74 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
291
291
|
resize: { default: "vertical" }
|
|
292
292
|
},
|
|
293
293
|
emits: ["update:modelValue", "update:value", "input", "change", "focus", "blur"],
|
|
294
|
-
setup(n, { expose:
|
|
295
|
-
const e = n, a = t, l =
|
|
294
|
+
setup(n, { expose: b, emit: t }) {
|
|
295
|
+
const e = n, a = t, l = _("textarea"), m = E(), p = E(!1), C = y({
|
|
296
296
|
get: () => e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : "",
|
|
297
|
-
set: (
|
|
298
|
-
a("update:modelValue",
|
|
297
|
+
set: (M) => {
|
|
298
|
+
a("update:modelValue", M), a("update:value", M), a("input", M);
|
|
299
299
|
}
|
|
300
|
-
}), x =
|
|
301
|
-
const
|
|
302
|
-
if (e.resize && (
|
|
303
|
-
const
|
|
304
|
-
|
|
300
|
+
}), x = y(() => String(C.value).length), Y = y(() => {
|
|
301
|
+
const M = {};
|
|
302
|
+
if (e.resize && (M.resize = e.resize), e.autosize && (M.minHeight = "auto", typeof e.autosize == "object")) {
|
|
303
|
+
const P = e.autosize.minRows || 1, h = e.autosize.maxRows;
|
|
304
|
+
M.minHeight = `${P * 22 + 12}px`, h && (M.maxHeight = `${h * 22 + 12}px`);
|
|
305
305
|
}
|
|
306
|
-
return
|
|
307
|
-
}), S =
|
|
306
|
+
return M;
|
|
307
|
+
}), S = y(() => [
|
|
308
308
|
l.b(),
|
|
309
309
|
l.is("disabled", e.disabled),
|
|
310
310
|
l.is("focus", p.value),
|
|
311
311
|
l.is("exceed", e.maxlength && x.value > e.maxlength)
|
|
312
312
|
]), V = () => {
|
|
313
313
|
e.autosize && m.value && (m.value.style.height = "auto", m.value.style.height = `${m.value.scrollHeight}px`);
|
|
314
|
-
}, $ = (
|
|
315
|
-
const
|
|
316
|
-
a("change",
|
|
317
|
-
},
|
|
318
|
-
p.value = !0, a("focus",
|
|
319
|
-
}, v = (
|
|
320
|
-
p.value = !1, a("blur",
|
|
314
|
+
}, $ = (M) => {
|
|
315
|
+
const P = M.target.value;
|
|
316
|
+
a("change", P);
|
|
317
|
+
}, L = (M) => {
|
|
318
|
+
p.value = !0, a("focus", M);
|
|
319
|
+
}, v = (M) => {
|
|
320
|
+
p.value = !1, a("blur", M);
|
|
321
321
|
};
|
|
322
|
-
return
|
|
322
|
+
return b({
|
|
323
323
|
focus: () => {
|
|
324
|
-
var
|
|
325
|
-
(
|
|
324
|
+
var M;
|
|
325
|
+
(M = m.value) == null || M.focus();
|
|
326
326
|
},
|
|
327
327
|
blur: () => {
|
|
328
|
-
var
|
|
329
|
-
(
|
|
328
|
+
var M;
|
|
329
|
+
(M = m.value) == null || M.blur();
|
|
330
330
|
},
|
|
331
331
|
textareaRef: m
|
|
332
|
-
}), (
|
|
332
|
+
}), (M, P) => (i(), d("div", {
|
|
333
333
|
class: u(S.value),
|
|
334
334
|
style: ne(n.disabled ? void 0 : { cursor: "text" })
|
|
335
335
|
}, [
|
|
336
|
-
|
|
336
|
+
ue(r("textarea", {
|
|
337
337
|
ref_key: "textareaRef",
|
|
338
338
|
ref: m,
|
|
339
|
-
"onUpdate:modelValue":
|
|
339
|
+
"onUpdate:modelValue": P[0] || (P[0] = (h) => C.value = h),
|
|
340
340
|
placeholder: n.placeholder,
|
|
341
341
|
disabled: n.disabled,
|
|
342
342
|
readonly: n.readonly,
|
|
343
343
|
maxlength: n.maxlength,
|
|
344
344
|
minlength: n.minlength,
|
|
345
345
|
rows: n.rows,
|
|
346
|
-
style: ne(
|
|
346
|
+
style: ne(Y.value),
|
|
347
347
|
class: u(s(l).e("inner")),
|
|
348
348
|
onInput: V,
|
|
349
349
|
onChange: $,
|
|
350
|
-
onFocus:
|
|
350
|
+
onFocus: L,
|
|
351
351
|
onBlur: v
|
|
352
|
-
}, null, 46,
|
|
352
|
+
}, null, 46, Ge), [
|
|
353
353
|
[be, C.value]
|
|
354
354
|
]),
|
|
355
|
-
n.showWordLimit && n.maxlength ? (
|
|
355
|
+
n.showWordLimit && n.maxlength ? (i(), d("span", {
|
|
356
356
|
key: 0,
|
|
357
357
|
class: u(s(l).e("count"))
|
|
358
|
-
},
|
|
358
|
+
}, H(x.value) + "/" + H(n.maxlength), 3)) : O("", !0)
|
|
359
359
|
], 6));
|
|
360
360
|
}
|
|
361
|
-
}),
|
|
361
|
+
}), Rl = /* @__PURE__ */ J({
|
|
362
362
|
name: "XSwitch",
|
|
363
363
|
__name: "index",
|
|
364
364
|
props: {
|
|
@@ -371,12 +371,12 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
371
371
|
inactiveValue: { type: [Boolean, Number, String], default: !1 }
|
|
372
372
|
},
|
|
373
373
|
emits: ["update:modelValue", "change"],
|
|
374
|
-
setup(n, { emit:
|
|
375
|
-
const t = n, e =
|
|
374
|
+
setup(n, { emit: b }) {
|
|
375
|
+
const t = n, e = b, a = _("switch"), l = y(() => t.modelValue === t.activeValue), m = y(() => [
|
|
376
376
|
a.b(),
|
|
377
377
|
a.is("disabled", t.disabled),
|
|
378
378
|
a.is("checked", l.value)
|
|
379
|
-
]), p =
|
|
379
|
+
]), p = y(() => ({
|
|
380
380
|
width: typeof t.width == "number" ? `${t.width}px` : t.width,
|
|
381
381
|
height: "20px",
|
|
382
382
|
backgroundColor: l.value ? t.activeColor : t.inactiveColor
|
|
@@ -385,15 +385,15 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
385
385
|
const x = l.value ? t.inactiveValue : t.activeValue;
|
|
386
386
|
e("update:modelValue", x), e("change", x);
|
|
387
387
|
};
|
|
388
|
-
return (x,
|
|
388
|
+
return (x, Y) => (i(), d("span", {
|
|
389
389
|
class: u(m.value),
|
|
390
390
|
onClick: C
|
|
391
391
|
}, [
|
|
392
|
-
|
|
392
|
+
r("span", {
|
|
393
393
|
class: u(s(a).e("core")),
|
|
394
394
|
style: ne(p.value)
|
|
395
395
|
}, null, 6),
|
|
396
|
-
x.$slots.default ? (
|
|
396
|
+
x.$slots.default ? (i(), d("span", {
|
|
397
397
|
key: 0,
|
|
398
398
|
class: u(s(a).e("text"))
|
|
399
399
|
}, [
|
|
@@ -401,7 +401,7 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
401
401
|
], 2)) : O("", !0)
|
|
402
402
|
], 2));
|
|
403
403
|
}
|
|
404
|
-
}),
|
|
404
|
+
}), je = ["checked", "disabled", "name", "value"], Bl = /* @__PURE__ */ J({
|
|
405
405
|
name: "XRadio",
|
|
406
406
|
__name: "index",
|
|
407
407
|
props: {
|
|
@@ -412,40 +412,40 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
412
412
|
name: {}
|
|
413
413
|
},
|
|
414
414
|
emits: ["update:modelValue", "change"],
|
|
415
|
-
setup(n, { emit:
|
|
416
|
-
const t = n, e =
|
|
415
|
+
setup(n, { emit: b }) {
|
|
416
|
+
const t = n, e = b, a = _("radio"), l = De("radioGroup", null), m = y(() => !!l), p = y(() => m.value ? l.modelValue.value : t.modelValue), C = y(() => t.value ?? t.label), x = y(() => p.value === C.value), Y = y(() => t.disabled || m.value && l.disabled), S = y(() => t.name || (m.value ? l.name : void 0)), V = y(() => [
|
|
417
417
|
a.b(),
|
|
418
418
|
a.is("checked", x.value),
|
|
419
|
-
a.is("disabled",
|
|
419
|
+
a.is("disabled", Y.value)
|
|
420
420
|
]), $ = () => {
|
|
421
|
-
|
|
421
|
+
Y.value || (m.value ? l.changeValue(C.value) : (e("update:modelValue", C.value), e("change", C.value)));
|
|
422
422
|
};
|
|
423
|
-
return (
|
|
423
|
+
return (L, v) => (i(), d("label", {
|
|
424
424
|
class: u(V.value),
|
|
425
|
-
onClick:
|
|
425
|
+
onClick: oe($, ["prevent"])
|
|
426
426
|
}, [
|
|
427
|
-
|
|
427
|
+
r("span", {
|
|
428
428
|
class: u(s(a).e("input"))
|
|
429
429
|
}, [
|
|
430
|
-
|
|
430
|
+
r("input", {
|
|
431
431
|
type: "radio",
|
|
432
432
|
checked: x.value,
|
|
433
|
-
disabled:
|
|
433
|
+
disabled: Y.value,
|
|
434
434
|
name: S.value,
|
|
435
435
|
value: C.value
|
|
436
|
-
}, null, 8,
|
|
436
|
+
}, null, 8, je)
|
|
437
437
|
], 2),
|
|
438
|
-
|
|
438
|
+
L.$slots.default || n.label ? (i(), d("span", {
|
|
439
439
|
key: 0,
|
|
440
440
|
class: u(s(a).e("label"))
|
|
441
441
|
}, [
|
|
442
|
-
ae(
|
|
443
|
-
me(
|
|
442
|
+
ae(L.$slots, "default", {}, () => [
|
|
443
|
+
me(H(n.label), 1)
|
|
444
444
|
])
|
|
445
445
|
], 2)) : O("", !0)
|
|
446
446
|
], 2));
|
|
447
447
|
}
|
|
448
|
-
}),
|
|
448
|
+
}), Fl = /* @__PURE__ */ J({
|
|
449
449
|
name: "XRadioGroup",
|
|
450
450
|
__name: "group",
|
|
451
451
|
props: {
|
|
@@ -454,23 +454,23 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
454
454
|
name: {}
|
|
455
455
|
},
|
|
456
456
|
emits: ["update:modelValue", "change"],
|
|
457
|
-
setup(n, { emit:
|
|
458
|
-
const t = n, e =
|
|
457
|
+
setup(n, { emit: b }) {
|
|
458
|
+
const t = n, e = b, a = _("radio-group"), l = (m) => {
|
|
459
459
|
e("update:modelValue", m), e("change", m);
|
|
460
460
|
};
|
|
461
|
-
return
|
|
462
|
-
modelValue:
|
|
461
|
+
return $e("radioGroup", {
|
|
462
|
+
modelValue: y(() => t.modelValue),
|
|
463
463
|
name: t.name || `radio-group-${Date.now()}`,
|
|
464
464
|
disabled: t.disabled,
|
|
465
465
|
changeValue: l
|
|
466
|
-
}), (m, p) => (
|
|
466
|
+
}), (m, p) => (i(), d("div", {
|
|
467
467
|
class: u(s(a).b()),
|
|
468
468
|
role: "radiogroup"
|
|
469
469
|
}, [
|
|
470
470
|
ae(m.$slots, "default")
|
|
471
471
|
], 2));
|
|
472
472
|
}
|
|
473
|
-
}),
|
|
473
|
+
}), Ze = ["checked", "disabled", "value"], Il = /* @__PURE__ */ J({
|
|
474
474
|
name: "XRadioButton",
|
|
475
475
|
__name: "button",
|
|
476
476
|
props: {
|
|
@@ -480,35 +480,35 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
480
480
|
name: {}
|
|
481
481
|
},
|
|
482
482
|
emits: ["update:modelValue", "change"],
|
|
483
|
-
setup(n, { emit:
|
|
484
|
-
const t = n, e =
|
|
483
|
+
setup(n, { emit: b }) {
|
|
484
|
+
const t = n, e = _("radio-button"), a = De("radioGroup", null), l = y(() => !!a), m = y(() => l.value ? a.modelValue.value : null), p = y(() => t.value ?? t.label), C = y(() => m.value === p.value), x = y(() => t.disabled || l.value && a.disabled), Y = y(() => [
|
|
485
485
|
e.b(),
|
|
486
486
|
e.is("active", C.value),
|
|
487
487
|
e.is("disabled", x.value)
|
|
488
488
|
]), S = () => {
|
|
489
489
|
x.value || l.value && a.changeValue(p.value);
|
|
490
490
|
};
|
|
491
|
-
return (V, $) => (
|
|
492
|
-
class: u(
|
|
493
|
-
onClick:
|
|
491
|
+
return (V, $) => (i(), d("label", {
|
|
492
|
+
class: u(Y.value),
|
|
493
|
+
onClick: oe(S, ["prevent"])
|
|
494
494
|
}, [
|
|
495
|
-
|
|
495
|
+
r("input", {
|
|
496
496
|
type: "radio",
|
|
497
497
|
checked: C.value,
|
|
498
498
|
disabled: x.value,
|
|
499
499
|
value: p.value,
|
|
500
500
|
class: u(s(e).e("input"))
|
|
501
|
-
}, null, 10,
|
|
502
|
-
|
|
501
|
+
}, null, 10, Ze),
|
|
502
|
+
r("span", {
|
|
503
503
|
class: u(s(e).e("inner"))
|
|
504
504
|
}, [
|
|
505
505
|
ae(V.$slots, "default", {}, () => [
|
|
506
|
-
me(
|
|
506
|
+
me(H(n.label), 1)
|
|
507
507
|
])
|
|
508
508
|
], 2)
|
|
509
509
|
], 2));
|
|
510
510
|
}
|
|
511
|
-
}),
|
|
511
|
+
}), Qe = ["checked", "disabled", "name", "value"], Ll = /* @__PURE__ */ J({
|
|
512
512
|
name: "XCheckbox",
|
|
513
513
|
__name: "index",
|
|
514
514
|
props: {
|
|
@@ -520,15 +520,15 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
520
520
|
indeterminate: { type: Boolean }
|
|
521
521
|
},
|
|
522
522
|
emits: ["update:modelValue", "change"],
|
|
523
|
-
setup(n, { emit:
|
|
524
|
-
const t = n, e =
|
|
523
|
+
setup(n, { emit: b }) {
|
|
524
|
+
const t = n, e = b, a = _("checkbox"), l = De("checkboxGroup", null), m = y(() => !!l), p = y(() => t.value ?? t.label), C = y(() => m.value ? l.modelValue.value.includes(p.value) : Array.isArray(t.modelValue) ? t.modelValue.includes(p.value) : !!t.modelValue), x = y(() => {
|
|
525
525
|
if (t.disabled) return !0;
|
|
526
526
|
if (m.value) {
|
|
527
|
-
const V = l.disabled, $ = l.min > 0 && l.modelValue.value.length <= l.min,
|
|
528
|
-
return C.value && $ || !C.value &&
|
|
527
|
+
const V = l.disabled, $ = l.min > 0 && l.modelValue.value.length <= l.min, L = l.max > 0 && l.modelValue.value.length >= l.max;
|
|
528
|
+
return C.value && $ || !C.value && L ? !0 : V;
|
|
529
529
|
}
|
|
530
530
|
return !1;
|
|
531
|
-
}),
|
|
531
|
+
}), Y = y(() => [
|
|
532
532
|
a.b(),
|
|
533
533
|
a.is("checked", C.value),
|
|
534
534
|
a.is("disabled", x.value),
|
|
@@ -547,32 +547,32 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
547
547
|
e("update:modelValue", V), e("change", V);
|
|
548
548
|
}
|
|
549
549
|
};
|
|
550
|
-
return (V, $) => (
|
|
551
|
-
class: u(
|
|
552
|
-
onClick:
|
|
550
|
+
return (V, $) => (i(), d("label", {
|
|
551
|
+
class: u(Y.value),
|
|
552
|
+
onClick: oe(S, ["prevent"])
|
|
553
553
|
}, [
|
|
554
|
-
|
|
554
|
+
r("span", {
|
|
555
555
|
class: u(s(a).e("input"))
|
|
556
556
|
}, [
|
|
557
|
-
|
|
557
|
+
r("input", {
|
|
558
558
|
type: "checkbox",
|
|
559
559
|
checked: C.value,
|
|
560
560
|
disabled: x.value,
|
|
561
561
|
name: n.name,
|
|
562
562
|
value: p.value
|
|
563
|
-
}, null, 8,
|
|
563
|
+
}, null, 8, Qe)
|
|
564
564
|
], 2),
|
|
565
|
-
V.$slots.default || n.label !== void 0 ? (
|
|
565
|
+
V.$slots.default || n.label !== void 0 ? (i(), d("span", {
|
|
566
566
|
key: 0,
|
|
567
567
|
class: u(s(a).e("label"))
|
|
568
568
|
}, [
|
|
569
569
|
ae(V.$slots, "default", {}, () => [
|
|
570
|
-
me(
|
|
570
|
+
me(H(n.label), 1)
|
|
571
571
|
])
|
|
572
572
|
], 2)) : O("", !0)
|
|
573
573
|
], 2));
|
|
574
574
|
}
|
|
575
|
-
}),
|
|
575
|
+
}), Pl = /* @__PURE__ */ J({
|
|
576
576
|
name: "XCheckboxGroup",
|
|
577
577
|
__name: "group",
|
|
578
578
|
props: {
|
|
@@ -582,25 +582,25 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
582
582
|
max: { default: 0 }
|
|
583
583
|
},
|
|
584
584
|
emits: ["update:modelValue", "change"],
|
|
585
|
-
setup(n, { emit:
|
|
586
|
-
const t = n, e =
|
|
585
|
+
setup(n, { emit: b }) {
|
|
586
|
+
const t = n, e = b, a = _("checkbox-group"), l = (m) => {
|
|
587
587
|
const p = [...t.modelValue], C = p.indexOf(m);
|
|
588
588
|
C > -1 ? p.splice(C, 1) : p.push(m), e("update:modelValue", p), e("change", p);
|
|
589
589
|
};
|
|
590
|
-
return
|
|
591
|
-
modelValue:
|
|
590
|
+
return $e("checkboxGroup", {
|
|
591
|
+
modelValue: y(() => t.modelValue),
|
|
592
592
|
disabled: t.disabled,
|
|
593
593
|
min: t.min,
|
|
594
594
|
max: t.max,
|
|
595
595
|
changeValue: l
|
|
596
|
-
}), (m, p) => (
|
|
596
|
+
}), (m, p) => (i(), d("div", {
|
|
597
597
|
class: u(s(a).b()),
|
|
598
598
|
role: "group"
|
|
599
599
|
}, [
|
|
600
600
|
ae(m.$slots, "default")
|
|
601
601
|
], 2));
|
|
602
602
|
}
|
|
603
|
-
}),
|
|
603
|
+
}), Al = /* @__PURE__ */ J({
|
|
604
604
|
name: "XForm",
|
|
605
605
|
__name: "index",
|
|
606
606
|
props: {
|
|
@@ -614,13 +614,13 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
614
614
|
size: { default: "default" }
|
|
615
615
|
},
|
|
616
616
|
emits: ["validate", "submit", "reset"],
|
|
617
|
-
setup(n, { expose:
|
|
618
|
-
const e = n, a = t, l =
|
|
617
|
+
setup(n, { expose: b, emit: t }) {
|
|
618
|
+
const e = n, a = t, l = _("form"), m = E([]), p = y(() => e.layout === "inline" || e.inline), C = y(() => e.layout === "vertical" || e.labelPosition === "top"), x = y(() => [
|
|
619
619
|
l.b(),
|
|
620
620
|
l.m(`label-${C.value ? "top" : e.labelPosition}`),
|
|
621
621
|
l.is("inline", p.value),
|
|
622
622
|
l.is("vertical", C.value)
|
|
623
|
-
]),
|
|
623
|
+
]), Y = y(() => ({ width: typeof e.labelWidth == "number" ? `${e.labelWidth}px` : e.labelWidth })), S = (h) => {
|
|
624
624
|
m.value.push(h);
|
|
625
625
|
}, V = (h) => {
|
|
626
626
|
const f = m.value.indexOf(h);
|
|
@@ -630,11 +630,11 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
630
630
|
for (const f of m.value)
|
|
631
631
|
await f.validate() || (h = !1);
|
|
632
632
|
return h;
|
|
633
|
-
},
|
|
633
|
+
}, L = async (h) => {
|
|
634
634
|
const f = Array.isArray(h) ? h : [h];
|
|
635
635
|
let k = !0;
|
|
636
|
-
for (const
|
|
637
|
-
f.includes(
|
|
636
|
+
for (const W of m.value)
|
|
637
|
+
f.includes(W.prop) && (await W.validate() || (k = !1));
|
|
638
638
|
return k;
|
|
639
639
|
}, v = () => {
|
|
640
640
|
m.value.forEach((h) => {
|
|
@@ -650,36 +650,36 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
650
650
|
m.value.forEach((f) => {
|
|
651
651
|
f.clearValidate();
|
|
652
652
|
});
|
|
653
|
-
}, M = (h) => {
|
|
654
|
-
console.log("[XForm] handleSubmit triggered", h), h.preventDefault(), a("submit");
|
|
655
653
|
}, R = (h) => {
|
|
654
|
+
console.log("[XForm] handleSubmit triggered", h), h.preventDefault(), a("submit");
|
|
655
|
+
}, M = (h) => {
|
|
656
656
|
console.log("[XForm] handleReset triggered", h), h.preventDefault(), v(), a("reset");
|
|
657
|
-
},
|
|
658
|
-
return
|
|
659
|
-
model:
|
|
657
|
+
}, P = Ue(e, "model");
|
|
658
|
+
return $e("form", {
|
|
659
|
+
model: P,
|
|
660
660
|
rules: e.rules,
|
|
661
661
|
labelWidth: e.labelWidth,
|
|
662
662
|
labelPosition: C.value ? "top" : e.labelPosition,
|
|
663
663
|
disabled: e.disabled,
|
|
664
664
|
size: e.size,
|
|
665
|
-
labelStyle:
|
|
665
|
+
labelStyle: Y,
|
|
666
666
|
addField: S,
|
|
667
667
|
removeField: V,
|
|
668
668
|
emit: a
|
|
669
|
-
}),
|
|
669
|
+
}), b({
|
|
670
670
|
validate: $,
|
|
671
|
-
validateField:
|
|
671
|
+
validateField: L,
|
|
672
672
|
resetFields: v,
|
|
673
673
|
clearValidate: D
|
|
674
|
-
}), (h, f) => (
|
|
674
|
+
}), (h, f) => (i(), d("form", {
|
|
675
675
|
class: u(x.value),
|
|
676
|
-
onSubmit:
|
|
677
|
-
onReset:
|
|
676
|
+
onSubmit: R,
|
|
677
|
+
onReset: M
|
|
678
678
|
}, [
|
|
679
679
|
ae(h.$slots, "default")
|
|
680
680
|
], 34));
|
|
681
681
|
}
|
|
682
|
-
}),
|
|
682
|
+
}), Yl = /* @__PURE__ */ J({
|
|
683
683
|
name: "XFormItem",
|
|
684
684
|
__name: "item",
|
|
685
685
|
props: {
|
|
@@ -690,186 +690,186 @@ const Ne = ["type", "placeholder", "disabled", "readonly", "maxlength", "minleng
|
|
|
690
690
|
rules: {},
|
|
691
691
|
showMessage: { type: Boolean }
|
|
692
692
|
},
|
|
693
|
-
setup(n, { expose:
|
|
694
|
-
const t = n, e =
|
|
693
|
+
setup(n, { expose: b }) {
|
|
694
|
+
const t = n, e = _("form-item"), a = De("form", null), l = E(""), m = E(""), p = y(() => t.required ? !0 : C().some((R) => R.required)), C = () => {
|
|
695
695
|
const D = [];
|
|
696
696
|
return t.rules && D.push(...t.rules), a && t.prop && a.rules[t.prop] && D.push(...a.rules[t.prop]), D;
|
|
697
697
|
}, x = () => {
|
|
698
698
|
var D;
|
|
699
699
|
if (!(!a || !t.prop))
|
|
700
700
|
return (D = a.model.value) == null ? void 0 : D[t.prop];
|
|
701
|
-
},
|
|
701
|
+
}, Y = (D) => {
|
|
702
702
|
!a || !t.prop || a.model.value && (a.model.value[t.prop] = D);
|
|
703
703
|
}, S = async (D) => {
|
|
704
|
-
const
|
|
705
|
-
if (
|
|
704
|
+
const R = C();
|
|
705
|
+
if (R.length === 0)
|
|
706
706
|
return l.value = "valid", !0;
|
|
707
|
-
const
|
|
708
|
-
let
|
|
709
|
-
for (const f of
|
|
707
|
+
const M = x();
|
|
708
|
+
let P = !0, h = "";
|
|
709
|
+
for (const f of R)
|
|
710
710
|
if (!(D && f.trigger && f.trigger !== D)) {
|
|
711
|
-
if (f.required && (
|
|
712
|
-
|
|
711
|
+
if (f.required && (M == null || M === "" || Array.isArray(M) && M.length === 0)) {
|
|
712
|
+
P = !1, h = f.message || "该字段为必填项";
|
|
713
713
|
break;
|
|
714
714
|
}
|
|
715
715
|
if (f.min !== void 0 || f.max !== void 0) {
|
|
716
|
-
const k = typeof
|
|
716
|
+
const k = typeof M == "string" ? M.length : 0;
|
|
717
717
|
if (f.min !== void 0 && k < f.min) {
|
|
718
|
-
|
|
718
|
+
P = !1, h = f.message || `长度不能小于 ${f.min} 个字符`;
|
|
719
719
|
break;
|
|
720
720
|
}
|
|
721
721
|
if (f.max !== void 0 && k > f.max) {
|
|
722
|
-
|
|
722
|
+
P = !1, h = f.message || `长度不能大于 ${f.max} 个字符`;
|
|
723
723
|
break;
|
|
724
724
|
}
|
|
725
725
|
}
|
|
726
|
-
if (f.pattern &&
|
|
727
|
-
|
|
726
|
+
if (f.pattern && M && !f.pattern.test(M)) {
|
|
727
|
+
P = !1, h = f.message || "格式不正确";
|
|
728
728
|
break;
|
|
729
729
|
}
|
|
730
730
|
if (f.validator)
|
|
731
731
|
try {
|
|
732
|
-
await new Promise((k,
|
|
733
|
-
f.validator(f,
|
|
734
|
-
|
|
732
|
+
await new Promise((k, W) => {
|
|
733
|
+
f.validator(f, M, (X) => {
|
|
734
|
+
X ? W(X) : k();
|
|
735
735
|
});
|
|
736
736
|
});
|
|
737
737
|
} catch (k) {
|
|
738
|
-
|
|
738
|
+
P = !1, h = k.message || f.message || "验证失败";
|
|
739
739
|
break;
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
|
-
return l.value =
|
|
742
|
+
return l.value = P ? "valid" : "invalid", m.value = h, a && t.prop && a.emit("validate", t.prop, P, h), P;
|
|
743
743
|
}, V = () => {
|
|
744
|
-
|
|
744
|
+
Y(void 0), $();
|
|
745
745
|
}, $ = () => {
|
|
746
746
|
l.value = "", m.value = "";
|
|
747
|
-
},
|
|
747
|
+
}, L = y(() => [
|
|
748
748
|
e.b(),
|
|
749
749
|
e.is("required", p.value),
|
|
750
750
|
e.is("error", l.value === "invalid"),
|
|
751
751
|
e.is("success", l.value === "valid")
|
|
752
|
-
]), v =
|
|
752
|
+
]), v = y(() => {
|
|
753
753
|
const D = t.labelWidth ?? (a == null ? void 0 : a.labelWidth) ?? "100px";
|
|
754
754
|
return { width: typeof D == "number" ? `${D}px` : D };
|
|
755
755
|
});
|
|
756
|
-
return
|
|
756
|
+
return ce(() => x(), () => {
|
|
757
757
|
l.value === "invalid" && S("change");
|
|
758
|
-
}),
|
|
758
|
+
}), xe(() => {
|
|
759
759
|
a && t.prop && a.addField({
|
|
760
760
|
prop: t.prop,
|
|
761
761
|
validate: S,
|
|
762
762
|
resetField: V,
|
|
763
763
|
clearValidate: $
|
|
764
764
|
});
|
|
765
|
-
}),
|
|
765
|
+
}), we(() => {
|
|
766
766
|
a && t.prop && a.removeField({
|
|
767
767
|
prop: t.prop,
|
|
768
768
|
validate: S,
|
|
769
769
|
resetField: V,
|
|
770
770
|
clearValidate: $
|
|
771
771
|
});
|
|
772
|
-
}),
|
|
772
|
+
}), b({
|
|
773
773
|
validate: S,
|
|
774
774
|
resetField: V,
|
|
775
775
|
clearValidate: $
|
|
776
|
-
}), (D,
|
|
777
|
-
class: u(
|
|
776
|
+
}), (D, R) => (i(), d("div", {
|
|
777
|
+
class: u(L.value)
|
|
778
778
|
}, [
|
|
779
|
-
n.label ? (
|
|
779
|
+
n.label ? (i(), d("label", {
|
|
780
780
|
key: 0,
|
|
781
781
|
class: u(s(e).e("label")),
|
|
782
782
|
style: ne(v.value)
|
|
783
|
-
},
|
|
784
|
-
|
|
783
|
+
}, H(n.label), 7)) : O("", !0),
|
|
784
|
+
r("div", {
|
|
785
785
|
class: u(s(e).e("content"))
|
|
786
786
|
}, [
|
|
787
787
|
ae(D.$slots, "default"),
|
|
788
|
-
n.showMessage !== !1 && l.value === "invalid" ? (
|
|
788
|
+
n.showMessage !== !1 && l.value === "invalid" ? (i(), d("div", {
|
|
789
789
|
key: 0,
|
|
790
790
|
class: u(s(e).e("error"))
|
|
791
|
-
},
|
|
791
|
+
}, H(m.value), 3)) : O("", !0)
|
|
792
792
|
], 2)
|
|
793
793
|
], 2));
|
|
794
794
|
}
|
|
795
795
|
});
|
|
796
|
-
function
|
|
797
|
-
return new Date(n,
|
|
796
|
+
function Je(n, b) {
|
|
797
|
+
return new Date(n, b + 1, 0).getDate();
|
|
798
798
|
}
|
|
799
|
-
function
|
|
800
|
-
return new Date(n,
|
|
799
|
+
function _e(n, b) {
|
|
800
|
+
return new Date(n, b, 1).getDay();
|
|
801
801
|
}
|
|
802
|
-
function fe(n,
|
|
803
|
-
return !n || !
|
|
802
|
+
function fe(n, b) {
|
|
803
|
+
return !n || !b ? !1 : n.getFullYear() === b.getFullYear() && n.getMonth() === b.getMonth() && n.getDate() === b.getDate();
|
|
804
804
|
}
|
|
805
|
-
function
|
|
806
|
-
return !n || !
|
|
805
|
+
function et(n, b) {
|
|
806
|
+
return !n || !b ? !1 : n.getFullYear() === b.getFullYear() && n.getMonth() === b.getMonth();
|
|
807
807
|
}
|
|
808
|
-
function
|
|
809
|
-
if (!
|
|
808
|
+
function Ee(n, b, t) {
|
|
809
|
+
if (!b || !t) return !1;
|
|
810
810
|
const e = n.getTime();
|
|
811
|
-
return e >=
|
|
811
|
+
return e >= b.getTime() && e <= t.getTime();
|
|
812
812
|
}
|
|
813
|
-
function
|
|
814
|
-
const e = [], a =
|
|
815
|
-
let m = new Date(n,
|
|
813
|
+
function tt(n, b, t = 0) {
|
|
814
|
+
const e = [], a = Je(n, b), l = _e(n, b);
|
|
815
|
+
let m = new Date(n, b, 1);
|
|
816
816
|
const p = (l - t + 7) % 7;
|
|
817
817
|
m.setDate(1 - p);
|
|
818
818
|
let C = [], x = new Date(m);
|
|
819
|
-
for (; (x.getMonth() <=
|
|
819
|
+
for (; (x.getMonth() <= b || x.getMonth() === b && x.getDate() <= a) && (C.push(new Date(x)), !(C.length === 7 && (e.push(C), C = [], x.getMonth() > b) || (x.setDate(x.getDate() + 1), e.length > 7))); )
|
|
820
820
|
;
|
|
821
821
|
return C.length > 0 && e.push(C), e;
|
|
822
822
|
}
|
|
823
|
-
function
|
|
823
|
+
function ie(n, b = "YYYY-MM-DD") {
|
|
824
824
|
if (!n) return "";
|
|
825
825
|
const t = n.getFullYear(), e = n.getMonth() + 1, a = n.getDate(), l = n.getHours(), m = n.getMinutes(), p = n.getSeconds();
|
|
826
|
-
return
|
|
826
|
+
return b.replace(/YYYY/g, String(t)).replace(/YY/g, String(t).slice(-2)).replace(/MM/g, String(e).padStart(2, "0")).replace(/M/g, String(e)).replace(/DD/g, String(a).padStart(2, "0")).replace(/D/g, String(a)).replace(/HH/g, String(l).padStart(2, "0")).replace(/H/g, String(l)).replace(/mm/g, String(m).padStart(2, "0")).replace(/m/g, String(m)).replace(/ss/g, String(p).padStart(2, "0")).replace(/s/g, String(p));
|
|
827
827
|
}
|
|
828
|
-
function
|
|
828
|
+
function de(n) {
|
|
829
829
|
if (!n || Array.isArray(n)) return null;
|
|
830
830
|
if (n instanceof Date)
|
|
831
831
|
return isNaN(n.getTime()) ? null : n;
|
|
832
832
|
if (typeof n == "number")
|
|
833
833
|
return new Date(n);
|
|
834
834
|
if (typeof n != "string") return null;
|
|
835
|
-
const
|
|
836
|
-
if (isNaN(
|
|
835
|
+
const b = new Date(n);
|
|
836
|
+
if (isNaN(b.getTime())) {
|
|
837
837
|
const t = n.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
|
|
838
838
|
return t ? new Date(parseInt(t[1]), parseInt(t[2]) - 1, parseInt(t[3])) : null;
|
|
839
839
|
}
|
|
840
|
-
return
|
|
841
|
-
}
|
|
842
|
-
function et(n) {
|
|
843
|
-
const g = new Date(n);
|
|
844
|
-
return g.setMonth(g.getMonth() - 1), g;
|
|
845
|
-
}
|
|
846
|
-
function tt(n) {
|
|
847
|
-
const g = new Date(n);
|
|
848
|
-
return g.setMonth(g.getMonth() + 1), g;
|
|
840
|
+
return b;
|
|
849
841
|
}
|
|
850
842
|
function lt(n) {
|
|
851
|
-
const
|
|
852
|
-
return
|
|
843
|
+
const b = new Date(n);
|
|
844
|
+
return b.setMonth(b.getMonth() - 1), b;
|
|
853
845
|
}
|
|
854
846
|
function at(n) {
|
|
855
|
-
const
|
|
856
|
-
return
|
|
847
|
+
const b = new Date(n);
|
|
848
|
+
return b.setMonth(b.getMonth() + 1), b;
|
|
849
|
+
}
|
|
850
|
+
function nt(n) {
|
|
851
|
+
const b = new Date(n);
|
|
852
|
+
return b.setFullYear(b.getFullYear() - 1), b;
|
|
857
853
|
}
|
|
858
|
-
function
|
|
859
|
-
const
|
|
860
|
-
return
|
|
854
|
+
function st(n) {
|
|
855
|
+
const b = new Date(n);
|
|
856
|
+
return b.setFullYear(b.getFullYear() + 1), b;
|
|
861
857
|
}
|
|
862
|
-
function
|
|
863
|
-
const
|
|
864
|
-
return
|
|
858
|
+
function ze(n) {
|
|
859
|
+
const b = Math.floor(n / 10) * 10;
|
|
860
|
+
return [b, b + 9];
|
|
865
861
|
}
|
|
866
|
-
function
|
|
867
|
-
|
|
862
|
+
function Re(n) {
|
|
863
|
+
const b = new Date(n);
|
|
864
|
+
return b.setHours(0, 0, 0, 0), b;
|
|
865
|
+
}
|
|
866
|
+
function ut(n, b, t, e) {
|
|
867
|
+
if (b && b(n))
|
|
868
868
|
return !0;
|
|
869
|
-
const a =
|
|
870
|
-
return !!(t && a <
|
|
869
|
+
const a = Re(n).getTime();
|
|
870
|
+
return !!(t && a < Re(t).getTime() || e && a > Re(e).getTime());
|
|
871
871
|
}
|
|
872
|
-
const
|
|
872
|
+
const ot = [
|
|
873
873
|
"一月",
|
|
874
874
|
"二月",
|
|
875
875
|
"三月",
|
|
@@ -882,7 +882,7 @@ const st = [
|
|
|
882
882
|
"十月",
|
|
883
883
|
"十一月",
|
|
884
884
|
"十二月"
|
|
885
|
-
],
|
|
885
|
+
], rt = ["日", "一", "二", "三", "四", "五", "六"], it = ["onClick", "onMouseenter"], dt = /* @__PURE__ */ J({
|
|
886
886
|
name: "XDateTable",
|
|
887
887
|
__name: "DateTable",
|
|
888
888
|
props: {
|
|
@@ -899,79 +899,79 @@ const st = [
|
|
|
899
899
|
selectionMode: { default: "single" }
|
|
900
900
|
},
|
|
901
901
|
emits: ["pick", "range-select", "range-move", "update:viewedMonth"],
|
|
902
|
-
setup(n, { emit:
|
|
903
|
-
const t = n, e =
|
|
902
|
+
setup(n, { emit: b }) {
|
|
903
|
+
const t = n, e = b, a = _("date-table"), l = E(null), m = y(() => t.viewedMonth.getFullYear()), p = y(() => t.viewedMonth.getMonth()), C = y(() => tt(m.value, p.value, 0)), x = (h) => t.modelValue ? fe(h, t.modelValue) : !1, Y = (h) => fe(h, /* @__PURE__ */ new Date()), S = (h) => et(h, t.viewedMonth), V = (h) => {
|
|
904
904
|
if (t.selectionMode !== "range") return !1;
|
|
905
|
-
const { startDate: f, endDate: k, selecting:
|
|
906
|
-
if (
|
|
907
|
-
const
|
|
908
|
-
if (
|
|
909
|
-
const
|
|
910
|
-
return
|
|
905
|
+
const { startDate: f, endDate: k, selecting: W } = t.rangeState || {};
|
|
906
|
+
if (W && f) {
|
|
907
|
+
const X = l.value;
|
|
908
|
+
if (X) {
|
|
909
|
+
const Z = f < X ? f : X, ee = f < X ? X : f;
|
|
910
|
+
return Ee(h, Z, ee);
|
|
911
911
|
}
|
|
912
912
|
return fe(h, f);
|
|
913
913
|
}
|
|
914
|
-
return f && k ?
|
|
914
|
+
return f && k ? Ee(h, f, k) : !1;
|
|
915
915
|
}, $ = (h) => {
|
|
916
916
|
if (t.selectionMode !== "range") return !1;
|
|
917
917
|
const { startDate: f, selecting: k } = t.rangeState || {};
|
|
918
918
|
return k && f && l.value ? fe(h, f < l.value ? f : l.value) : f ? fe(h, f) : !1;
|
|
919
|
-
},
|
|
919
|
+
}, L = (h) => {
|
|
920
920
|
if (t.selectionMode !== "range") return !1;
|
|
921
921
|
const { endDate: f, selecting: k } = t.rangeState || {};
|
|
922
922
|
if (k && l.value) {
|
|
923
|
-
const { startDate:
|
|
924
|
-
return fe(h,
|
|
923
|
+
const { startDate: W } = t.rangeState || {};
|
|
924
|
+
return fe(h, W < l.value ? l.value : W);
|
|
925
925
|
}
|
|
926
926
|
return f ? fe(h, f) : !1;
|
|
927
|
-
}, v = (h) =>
|
|
927
|
+
}, v = (h) => ut(h, t.disabledDate, t.minDate, t.maxDate), D = (h) => [
|
|
928
928
|
a.e("cell"),
|
|
929
929
|
a.is("selected", x(h)),
|
|
930
|
-
a.is("today",
|
|
930
|
+
a.is("today", Y(h)),
|
|
931
931
|
a.is("disabled", v(h)),
|
|
932
932
|
a.is("in-range", V(h)),
|
|
933
933
|
a.is("range-start", $(h)),
|
|
934
|
-
a.is("range-end",
|
|
934
|
+
a.is("range-end", L(h)),
|
|
935
935
|
a.is("prev-month", !S(h) && h.getMonth() < p.value),
|
|
936
936
|
a.is("next-month", !S(h) && h.getMonth() > p.value)
|
|
937
|
-
],
|
|
937
|
+
], R = (h) => {
|
|
938
938
|
v(h) || (t.selectionMode === "range" ? e("range-select", h) : e("pick", h));
|
|
939
|
-
},
|
|
939
|
+
}, M = (h) => {
|
|
940
940
|
l.value = h;
|
|
941
|
-
},
|
|
941
|
+
}, P = () => {
|
|
942
942
|
l.value = null;
|
|
943
943
|
};
|
|
944
|
-
return (h, f) => (
|
|
944
|
+
return (h, f) => (i(), d("table", {
|
|
945
945
|
class: u(s(a).b()),
|
|
946
946
|
cellspacing: "0",
|
|
947
947
|
cellpadding: "0"
|
|
948
948
|
}, [
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
(
|
|
949
|
+
r("thead", null, [
|
|
950
|
+
r("tr", null, [
|
|
951
|
+
(i(!0), d(G, null, Q(s(rt), (k) => (i(), d("th", {
|
|
952
952
|
key: k,
|
|
953
953
|
class: u(s(a).e("header-cell"))
|
|
954
|
-
},
|
|
954
|
+
}, H(k), 3))), 128))
|
|
955
955
|
])
|
|
956
956
|
]),
|
|
957
|
-
|
|
958
|
-
(
|
|
959
|
-
(
|
|
960
|
-
key:
|
|
961
|
-
class: u(D(
|
|
962
|
-
onClick: (ee) =>
|
|
963
|
-
onMouseenter: (ee) =>
|
|
964
|
-
onMouseleave:
|
|
957
|
+
r("tbody", null, [
|
|
958
|
+
(i(!0), d(G, null, Q(C.value, (k, W) => (i(), d("tr", { key: W }, [
|
|
959
|
+
(i(!0), d(G, null, Q(k, (X, Z) => (i(), d("td", {
|
|
960
|
+
key: Z,
|
|
961
|
+
class: u(D(X)),
|
|
962
|
+
onClick: (ee) => R(X),
|
|
963
|
+
onMouseenter: (ee) => M(X),
|
|
964
|
+
onMouseleave: P
|
|
965
965
|
}, [
|
|
966
|
-
|
|
966
|
+
r("span", {
|
|
967
967
|
class: u(s(a).e("cell-text"))
|
|
968
|
-
},
|
|
969
|
-
], 42,
|
|
968
|
+
}, H(X.getDate()), 3)
|
|
969
|
+
], 42, it))), 128))
|
|
970
970
|
]))), 128))
|
|
971
971
|
])
|
|
972
972
|
], 2));
|
|
973
973
|
}
|
|
974
|
-
}),
|
|
974
|
+
}), ct = ["onClick"], vt = /* @__PURE__ */ J({
|
|
975
975
|
name: "XMonthTable",
|
|
976
976
|
__name: "MonthTable",
|
|
977
977
|
props: {
|
|
@@ -980,9 +980,9 @@ const st = [
|
|
|
980
980
|
disabledDate: {}
|
|
981
981
|
},
|
|
982
982
|
emits: ["pick"],
|
|
983
|
-
setup(n, { emit:
|
|
984
|
-
const t = n, e =
|
|
985
|
-
|
|
983
|
+
setup(n, { emit: b }) {
|
|
984
|
+
const t = n, e = b, a = _("month-table");
|
|
985
|
+
y(() => t.modelValue ? t.modelValue.getMonth() : -1);
|
|
986
986
|
const l = (S) => t.modelValue ? t.modelValue.getFullYear() === t.viewedYear && t.modelValue.getMonth() === S : !1, m = (S) => {
|
|
987
987
|
const V = /* @__PURE__ */ new Date();
|
|
988
988
|
return V.getFullYear() === t.viewedYear && V.getMonth() === S;
|
|
@@ -997,33 +997,33 @@ const st = [
|
|
|
997
997
|
a.is("disabled", p(S))
|
|
998
998
|
], x = (S) => {
|
|
999
999
|
p(S) || e("pick", S);
|
|
1000
|
-
},
|
|
1000
|
+
}, Y = y(() => {
|
|
1001
1001
|
const S = [];
|
|
1002
1002
|
for (let V = 0; V < 12; V += 3)
|
|
1003
1003
|
S.push([V, V + 1, V + 2]);
|
|
1004
1004
|
return S;
|
|
1005
1005
|
});
|
|
1006
|
-
return (S, V) => (
|
|
1006
|
+
return (S, V) => (i(), d("table", {
|
|
1007
1007
|
class: u(s(a).b()),
|
|
1008
1008
|
cellspacing: "0",
|
|
1009
1009
|
cellpadding: "0"
|
|
1010
1010
|
}, [
|
|
1011
|
-
|
|
1012
|
-
(
|
|
1013
|
-
(
|
|
1011
|
+
r("tbody", null, [
|
|
1012
|
+
(i(!0), d(G, null, Q(Y.value, ($, L) => (i(), d("tr", { key: L }, [
|
|
1013
|
+
(i(!0), d(G, null, Q($, (v) => (i(), d("td", {
|
|
1014
1014
|
key: v,
|
|
1015
1015
|
class: u(C(v)),
|
|
1016
1016
|
onClick: (D) => x(v)
|
|
1017
1017
|
}, [
|
|
1018
|
-
|
|
1018
|
+
r("span", {
|
|
1019
1019
|
class: u(s(a).e("cell-text"))
|
|
1020
|
-
},
|
|
1021
|
-
], 10,
|
|
1020
|
+
}, H(s(ot)[v]), 3)
|
|
1021
|
+
], 10, ct))), 128))
|
|
1022
1022
|
]))), 128))
|
|
1023
1023
|
])
|
|
1024
1024
|
], 2));
|
|
1025
1025
|
}
|
|
1026
|
-
}),
|
|
1026
|
+
}), ft = ["onClick"], mt = /* @__PURE__ */ J({
|
|
1027
1027
|
name: "XYearTable",
|
|
1028
1028
|
__name: "YearTable",
|
|
1029
1029
|
props: {
|
|
@@ -1032,55 +1032,55 @@ const st = [
|
|
|
1032
1032
|
disabledDate: {}
|
|
1033
1033
|
},
|
|
1034
1034
|
emits: ["pick"],
|
|
1035
|
-
setup(n, { emit:
|
|
1036
|
-
const t = n, e =
|
|
1035
|
+
setup(n, { emit: b }) {
|
|
1036
|
+
const t = n, e = b, a = _("year-table"), l = y(() => (/* @__PURE__ */ new Date()).getFullYear()), m = y(() => ze(t.viewedYear)), p = y(() => {
|
|
1037
1037
|
const [v] = m.value, D = [];
|
|
1038
1038
|
D.push(v - 1);
|
|
1039
|
-
for (let
|
|
1040
|
-
D.push(v +
|
|
1039
|
+
for (let R = 0; R < 10; R++)
|
|
1040
|
+
D.push(v + R);
|
|
1041
1041
|
return D.push(v + 10), D;
|
|
1042
|
-
}), C =
|
|
1042
|
+
}), C = y(() => {
|
|
1043
1043
|
const v = [];
|
|
1044
1044
|
for (let D = 0; D < p.value.length; D += 3)
|
|
1045
1045
|
v.push(p.value.slice(D, D + 3));
|
|
1046
1046
|
return v;
|
|
1047
|
-
}), x = (v) => t.modelValue ? t.modelValue.getFullYear() === v : !1,
|
|
1048
|
-
const [D,
|
|
1049
|
-
return v >= D && v <=
|
|
1047
|
+
}), x = (v) => t.modelValue ? t.modelValue.getFullYear() === v : !1, Y = (v) => v === l.value, S = (v) => {
|
|
1048
|
+
const [D, R] = m.value;
|
|
1049
|
+
return v >= D && v <= R;
|
|
1050
1050
|
}, V = (v) => {
|
|
1051
1051
|
if (!t.disabledDate) return !1;
|
|
1052
|
-
const D = new Date(v, 0, 1),
|
|
1053
|
-
return t.disabledDate(D) && t.disabledDate(
|
|
1052
|
+
const D = new Date(v, 0, 1), R = new Date(v, 11, 31);
|
|
1053
|
+
return t.disabledDate(D) && t.disabledDate(R);
|
|
1054
1054
|
}, $ = (v) => [
|
|
1055
1055
|
a.e("cell"),
|
|
1056
1056
|
a.is("selected", x(v)),
|
|
1057
|
-
a.is("current",
|
|
1057
|
+
a.is("current", Y(v)),
|
|
1058
1058
|
a.is("disabled", V(v)),
|
|
1059
1059
|
a.is("in-decade", S(v))
|
|
1060
|
-
],
|
|
1060
|
+
], L = (v) => {
|
|
1061
1061
|
V(v) || e("pick", v);
|
|
1062
1062
|
};
|
|
1063
|
-
return (v, D) => (
|
|
1063
|
+
return (v, D) => (i(), d("table", {
|
|
1064
1064
|
class: u(s(a).b()),
|
|
1065
1065
|
cellspacing: "0",
|
|
1066
1066
|
cellpadding: "0"
|
|
1067
1067
|
}, [
|
|
1068
|
-
|
|
1069
|
-
(
|
|
1070
|
-
(
|
|
1071
|
-
key:
|
|
1072
|
-
class: u($(
|
|
1073
|
-
onClick: (h) =>
|
|
1068
|
+
r("tbody", null, [
|
|
1069
|
+
(i(!0), d(G, null, Q(C.value, (R, M) => (i(), d("tr", { key: M }, [
|
|
1070
|
+
(i(!0), d(G, null, Q(R, (P) => (i(), d("td", {
|
|
1071
|
+
key: P,
|
|
1072
|
+
class: u($(P)),
|
|
1073
|
+
onClick: (h) => L(P)
|
|
1074
1074
|
}, [
|
|
1075
|
-
|
|
1075
|
+
r("span", {
|
|
1076
1076
|
class: u(s(a).e("cell-text"))
|
|
1077
|
-
},
|
|
1078
|
-
], 10,
|
|
1077
|
+
}, H(P), 3)
|
|
1078
|
+
], 10, ft))), 128))
|
|
1079
1079
|
]))), 128))
|
|
1080
1080
|
])
|
|
1081
1081
|
], 2));
|
|
1082
1082
|
}
|
|
1083
|
-
}),
|
|
1083
|
+
}), pt = ["placeholder", "disabled", "value"], ht = ["placeholder", "disabled", "value"], gt = ["placeholder", "disabled", "value"], bt = ["value"], yt = ["value"], kt = ["value"], El = /* @__PURE__ */ J({
|
|
1084
1084
|
name: "XDatePicker",
|
|
1085
1085
|
__name: "index",
|
|
1086
1086
|
props: {
|
|
@@ -1098,295 +1098,397 @@ const st = [
|
|
|
1098
1098
|
valueFormat: { default: "" },
|
|
1099
1099
|
disabledDate: {},
|
|
1100
1100
|
minDate: {},
|
|
1101
|
-
maxDate: {}
|
|
1101
|
+
maxDate: {},
|
|
1102
|
+
showTime: { type: Boolean, default: !1 }
|
|
1102
1103
|
},
|
|
1103
1104
|
emits: ["update:modelValue", "update:value", "change", "focus", "blur", "clear"],
|
|
1104
|
-
setup(n, { expose:
|
|
1105
|
-
const e = n, a = t, l =
|
|
1106
|
-
a("update:modelValue",
|
|
1105
|
+
setup(n, { expose: b, emit: t }) {
|
|
1106
|
+
const e = n, a = t, l = _("date-picker"), m = E(!1), p = E(2e3), C = E(), x = () => e.modelValue !== void 0 && e.modelValue !== null ? e.modelValue : e.value !== void 0 && e.value !== null ? e.value : null, Y = (F) => {
|
|
1107
|
+
a("update:modelValue", F), a("update:value", F), a("change", F);
|
|
1107
1108
|
}, S = E(), V = E(), $ = E({
|
|
1108
1109
|
top: "0px",
|
|
1109
1110
|
left: "0px"
|
|
1110
|
-
}),
|
|
1111
|
+
}), L = () => Ye().next(), v = E("date"), D = E(/* @__PURE__ */ new Date()), R = E({
|
|
1112
|
+
hours: (/* @__PURE__ */ new Date()).getHours(),
|
|
1113
|
+
minutes: (/* @__PURE__ */ new Date()).getMinutes(),
|
|
1114
|
+
seconds: (/* @__PURE__ */ new Date()).getSeconds()
|
|
1115
|
+
}), M = E({
|
|
1111
1116
|
selecting: !1,
|
|
1112
1117
|
startDate: null,
|
|
1113
1118
|
endDate: null
|
|
1114
|
-
}),
|
|
1115
|
-
const
|
|
1116
|
-
if (!
|
|
1119
|
+
}), P = y(() => {
|
|
1120
|
+
const F = x();
|
|
1121
|
+
if (!F) return null;
|
|
1117
1122
|
if (e.type === "daterange") {
|
|
1118
|
-
if (!Array.isArray(
|
|
1119
|
-
const [
|
|
1123
|
+
if (!Array.isArray(F)) return null;
|
|
1124
|
+
const [I, U] = F;
|
|
1120
1125
|
return [
|
|
1121
|
-
|
|
1122
|
-
|
|
1126
|
+
I instanceof Date ? I : de(I),
|
|
1127
|
+
U instanceof Date ? U : de(U)
|
|
1123
1128
|
];
|
|
1124
1129
|
}
|
|
1125
|
-
return
|
|
1126
|
-
}),
|
|
1130
|
+
return F instanceof Date ? F : de(F);
|
|
1131
|
+
}), h = y(() => {
|
|
1127
1132
|
if (e.type === "daterange") return "";
|
|
1128
|
-
const
|
|
1129
|
-
if (!
|
|
1130
|
-
const
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
const
|
|
1136
|
-
if (!
|
|
1137
|
-
const
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
const
|
|
1143
|
-
if (!
|
|
1144
|
-
const
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1133
|
+
const F = x();
|
|
1134
|
+
if (!F) return "";
|
|
1135
|
+
const I = F instanceof Date ? F : de(F);
|
|
1136
|
+
if (!I) return "";
|
|
1137
|
+
const U = e.showTime ? "YYYY-MM-DD HH:mm:ss" : e.format;
|
|
1138
|
+
return ie(I, U);
|
|
1139
|
+
}), f = y(() => {
|
|
1140
|
+
const F = x();
|
|
1141
|
+
if (!F || !Array.isArray(F)) return "";
|
|
1142
|
+
const [I] = F;
|
|
1143
|
+
if (!I) return "";
|
|
1144
|
+
const U = I instanceof Date ? I : de(I);
|
|
1145
|
+
return U ? ie(U, e.format) : "";
|
|
1146
|
+
}), k = y(() => {
|
|
1147
|
+
const F = x();
|
|
1148
|
+
if (!F || !Array.isArray(F)) return "";
|
|
1149
|
+
const [, I] = F;
|
|
1150
|
+
if (!I) return "";
|
|
1151
|
+
const U = I instanceof Date ? I : de(I);
|
|
1152
|
+
return U ? ie(U, e.format) : "";
|
|
1153
|
+
}), W = y(() => {
|
|
1154
|
+
const F = x();
|
|
1155
|
+
return !F || Array.isArray(F) ? null : F instanceof Date ? F : de(F);
|
|
1156
|
+
}), X = y(() => D.value.getFullYear()), Z = y(() => D.value.getMonth()), ee = y(() => ze(X.value)), T = y(() => v.value === "year" ? `${ee.value[0]} 年 - ${ee.value[1]} 年` : v.value === "month" ? `${X.value} 年` : `${X.value} 年 ${Z.value + 1} 月`), B = y(() => [
|
|
1150
1157
|
l.b(),
|
|
1151
1158
|
l.m(e.size),
|
|
1152
1159
|
l.is("disabled", e.disabled),
|
|
1153
1160
|
l.is("range", e.type === "daterange")
|
|
1154
|
-
]),
|
|
1161
|
+
]), w = y(() => [
|
|
1155
1162
|
l.e("input"),
|
|
1156
1163
|
l.is("focus", m.value),
|
|
1157
|
-
l.is("has-value", !!
|
|
1158
|
-
]),
|
|
1159
|
-
e.disabled || e.readonly || (m.value ?
|
|
1160
|
-
},
|
|
1161
|
-
m.value = !0, p.value =
|
|
1164
|
+
l.is("has-value", !!h.value || !!(f.value || k.value))
|
|
1165
|
+
]), o = () => {
|
|
1166
|
+
e.disabled || e.readonly || (m.value ? g() : c());
|
|
1167
|
+
}, c = () => {
|
|
1168
|
+
m.value = !0, p.value = L(), Se(() => {
|
|
1162
1169
|
if (C.value && S.value) {
|
|
1163
|
-
const
|
|
1164
|
-
let
|
|
1165
|
-
|
|
1166
|
-
top: `${
|
|
1167
|
-
left: `${
|
|
1170
|
+
const F = C.value.getBoundingClientRect(), I = S.value.getBoundingClientRect();
|
|
1171
|
+
let U = F.bottom + 8, Te = F.left;
|
|
1172
|
+
Te + I.width > window.innerWidth && (Te = window.innerWidth - I.width - 8), U + I.height > window.innerHeight && (U = F.top - I.height - 8), $.value = {
|
|
1173
|
+
top: `${U}px`,
|
|
1174
|
+
left: `${Te}px`
|
|
1168
1175
|
};
|
|
1169
1176
|
}
|
|
1170
1177
|
}), a("focus", {});
|
|
1171
|
-
},
|
|
1178
|
+
}, g = () => {
|
|
1172
1179
|
m.value = !1, v.value = "date", a("blur", {});
|
|
1173
|
-
},
|
|
1180
|
+
}, K = (F) => {
|
|
1174
1181
|
if (e.type === "date") {
|
|
1175
|
-
|
|
1176
|
-
|
|
1182
|
+
e.showTime && (F.setHours(R.value.hours), F.setMinutes(R.value.minutes), F.setSeconds(R.value.seconds));
|
|
1183
|
+
const I = e.showTime ? "YYYY-MM-DD HH:mm:ss" : e.valueFormat, U = I ? ie(F, I) : F;
|
|
1184
|
+
Y(U), e.showTime || g();
|
|
1177
1185
|
}
|
|
1178
|
-
},
|
|
1186
|
+
}, le = () => {
|
|
1187
|
+
const F = x();
|
|
1188
|
+
if (F) {
|
|
1189
|
+
const I = F instanceof Date ? F : de(F);
|
|
1190
|
+
if (I) {
|
|
1191
|
+
I.setHours(R.value.hours), I.setMinutes(R.value.minutes), I.setSeconds(R.value.seconds);
|
|
1192
|
+
const U = e.valueFormat ? ie(I, e.valueFormat) : I;
|
|
1193
|
+
Y(U);
|
|
1194
|
+
}
|
|
1195
|
+
} else {
|
|
1196
|
+
const I = /* @__PURE__ */ new Date();
|
|
1197
|
+
I.setHours(R.value.hours), I.setMinutes(R.value.minutes), I.setSeconds(R.value.seconds);
|
|
1198
|
+
const U = e.valueFormat ? ie(I, e.valueFormat) : I;
|
|
1199
|
+
Y(U);
|
|
1200
|
+
}
|
|
1201
|
+
g();
|
|
1202
|
+
}, z = (F) => {
|
|
1179
1203
|
if (!M.value.selecting)
|
|
1180
|
-
M.value.selecting = !0, M.value.startDate =
|
|
1204
|
+
M.value.selecting = !0, M.value.startDate = F, M.value.endDate = null;
|
|
1181
1205
|
else {
|
|
1182
|
-
M.value.selecting = !1, M.value.startDate &&
|
|
1183
|
-
const
|
|
1184
|
-
|
|
1206
|
+
M.value.selecting = !1, M.value.startDate && F < M.value.startDate ? [M.value.startDate, M.value.endDate] = [F, M.value.startDate] : M.value.endDate = F;
|
|
1207
|
+
const I = e.valueFormat ? ie(M.value.startDate, e.valueFormat) : M.value.startDate, U = e.valueFormat ? ie(M.value.endDate, e.valueFormat) : M.value.endDate;
|
|
1208
|
+
Y([I, U]), g();
|
|
1185
1209
|
}
|
|
1186
|
-
},
|
|
1187
|
-
if (D.value = new Date(
|
|
1188
|
-
const
|
|
1189
|
-
|
|
1210
|
+
}, te = (F) => {
|
|
1211
|
+
if (D.value = new Date(X.value, F, 1), e.type === "month") {
|
|
1212
|
+
const I = new Date(X.value, F, 1), U = e.valueFormat ? ie(I, e.valueFormat) : I;
|
|
1213
|
+
Y(U), g();
|
|
1190
1214
|
} else
|
|
1191
1215
|
v.value = "date";
|
|
1192
|
-
},
|
|
1193
|
-
if (D.value = new Date(
|
|
1194
|
-
const
|
|
1195
|
-
|
|
1216
|
+
}, N = (F) => {
|
|
1217
|
+
if (D.value = new Date(F, Z.value, 1), e.type === "year") {
|
|
1218
|
+
const I = new Date(F, 0, 1), U = e.valueFormat ? ie(I, e.valueFormat) : I;
|
|
1219
|
+
Y(U), g();
|
|
1196
1220
|
} else
|
|
1197
1221
|
v.value = "month";
|
|
1198
|
-
},
|
|
1199
|
-
D.value =
|
|
1200
|
-
}, H = () => {
|
|
1201
|
-
D.value = tt(D.value);
|
|
1202
|
-
}, ce = () => {
|
|
1203
|
-
v.value === "year" ? D.value = new Date(N.value - 10, K.value, 1) : D.value = lt(D.value);
|
|
1222
|
+
}, ve = () => {
|
|
1223
|
+
D.value = lt(D.value);
|
|
1204
1224
|
}, ye = () => {
|
|
1205
|
-
|
|
1206
|
-
},
|
|
1225
|
+
D.value = at(D.value);
|
|
1226
|
+
}, A = () => {
|
|
1227
|
+
v.value === "year" ? D.value = new Date(X.value - 10, Z.value, 1) : D.value = nt(D.value);
|
|
1228
|
+
}, q = () => {
|
|
1229
|
+
v.value === "year" ? D.value = new Date(X.value + 10, Z.value, 1) : D.value = st(D.value);
|
|
1230
|
+
}, j = () => {
|
|
1207
1231
|
v.value = "month";
|
|
1208
|
-
},
|
|
1232
|
+
}, se = () => {
|
|
1209
1233
|
v.value = "year";
|
|
1210
|
-
},
|
|
1211
|
-
|
|
1234
|
+
}, re = () => {
|
|
1235
|
+
Y(null), a("clear"), M.value = {
|
|
1212
1236
|
selecting: !1,
|
|
1213
1237
|
startDate: null,
|
|
1214
1238
|
endDate: null
|
|
1215
1239
|
};
|
|
1216
|
-
},
|
|
1240
|
+
}, Ve = (F) => {
|
|
1217
1241
|
if (!C.value) return;
|
|
1218
|
-
const
|
|
1219
|
-
C.value.contains(
|
|
1242
|
+
const I = F.target;
|
|
1243
|
+
C.value.contains(I) || S.value && S.value.contains(I) || g();
|
|
1220
1244
|
};
|
|
1221
|
-
|
|
1245
|
+
ce(
|
|
1222
1246
|
x,
|
|
1223
|
-
(
|
|
1224
|
-
if (
|
|
1225
|
-
if (Array.isArray(
|
|
1226
|
-
const [
|
|
1227
|
-
|
|
1228
|
-
} else
|
|
1247
|
+
(F) => {
|
|
1248
|
+
if (F)
|
|
1249
|
+
if (Array.isArray(P.value)) {
|
|
1250
|
+
const [I] = P.value;
|
|
1251
|
+
I && (D.value = new Date(I));
|
|
1252
|
+
} else P.value && (D.value = new Date(P.value));
|
|
1229
1253
|
},
|
|
1230
1254
|
{ immediate: !0 }
|
|
1231
|
-
),
|
|
1232
|
-
|
|
1255
|
+
), ce(m, (F) => {
|
|
1256
|
+
F && (v.value = "date", e.type === "daterange" && (M.value = {
|
|
1233
1257
|
selecting: !1,
|
|
1234
|
-
startDate: Array.isArray(
|
|
1235
|
-
endDate: Array.isArray(
|
|
1258
|
+
startDate: Array.isArray(P.value) ? P.value[0] : null,
|
|
1259
|
+
endDate: Array.isArray(P.value) ? P.value[1] : null
|
|
1236
1260
|
}));
|
|
1237
1261
|
});
|
|
1238
|
-
const
|
|
1239
|
-
|
|
1262
|
+
const Me = (F) => {
|
|
1263
|
+
F.key === "Escape" && g();
|
|
1240
1264
|
};
|
|
1241
|
-
return
|
|
1242
|
-
document.addEventListener("click",
|
|
1243
|
-
}),
|
|
1244
|
-
document.removeEventListener("click",
|
|
1245
|
-
}),
|
|
1265
|
+
return xe(() => {
|
|
1266
|
+
document.addEventListener("click", Ve), document.addEventListener("keydown", Me);
|
|
1267
|
+
}), we(() => {
|
|
1268
|
+
document.removeEventListener("click", Ve), document.removeEventListener("keydown", Me);
|
|
1269
|
+
}), b({
|
|
1246
1270
|
focus: () => {
|
|
1247
|
-
var
|
|
1248
|
-
return (
|
|
1271
|
+
var F;
|
|
1272
|
+
return (F = V.value) == null ? void 0 : F.focus();
|
|
1249
1273
|
},
|
|
1250
1274
|
blur: () => {
|
|
1251
|
-
var
|
|
1252
|
-
return (
|
|
1275
|
+
var F;
|
|
1276
|
+
return (F = V.value) == null ? void 0 : F.blur();
|
|
1253
1277
|
}
|
|
1254
|
-
}), (
|
|
1278
|
+
}), (F, I) => (i(), d("div", {
|
|
1255
1279
|
ref_key: "pickerRef",
|
|
1256
1280
|
ref: C,
|
|
1257
|
-
class: u(
|
|
1281
|
+
class: u(B.value)
|
|
1258
1282
|
}, [
|
|
1259
|
-
n.type !== "daterange" ? (
|
|
1283
|
+
n.type !== "daterange" ? (i(), d("div", {
|
|
1260
1284
|
key: 0,
|
|
1261
|
-
class: u(
|
|
1262
|
-
onClick:
|
|
1285
|
+
class: u(w.value),
|
|
1286
|
+
onClick: o
|
|
1263
1287
|
}, [
|
|
1264
|
-
|
|
1288
|
+
r("input", {
|
|
1265
1289
|
ref_key: "inputRef",
|
|
1266
1290
|
ref: V,
|
|
1267
1291
|
type: "text",
|
|
1268
1292
|
placeholder: n.placeholder,
|
|
1269
1293
|
disabled: n.disabled,
|
|
1270
1294
|
readonly: !0,
|
|
1271
|
-
value:
|
|
1295
|
+
value: h.value,
|
|
1272
1296
|
class: u(s(l).e("input-inner"))
|
|
1273
|
-
}, null, 10,
|
|
1274
|
-
|
|
1297
|
+
}, null, 10, pt),
|
|
1298
|
+
r("span", {
|
|
1275
1299
|
class: u(s(l).e("suffix"))
|
|
1276
1300
|
}, [
|
|
1277
|
-
n.clearable &&
|
|
1301
|
+
n.clearable && h.value && !n.disabled ? (i(), d("span", {
|
|
1278
1302
|
key: 0,
|
|
1279
1303
|
class: u(s(l).e("clear")),
|
|
1280
|
-
onClick:
|
|
1281
|
-
}, " ✕ ", 2)) : (
|
|
1304
|
+
onClick: oe(re, ["stop"])
|
|
1305
|
+
}, " ✕ ", 2)) : (i(), d("span", {
|
|
1282
1306
|
key: 1,
|
|
1283
1307
|
class: u(s(l).e("icon"))
|
|
1284
1308
|
}, "📅", 2))
|
|
1285
1309
|
], 2)
|
|
1286
|
-
], 2)) : (
|
|
1310
|
+
], 2)) : (i(), d("div", {
|
|
1287
1311
|
key: 1,
|
|
1288
|
-
class: u(
|
|
1289
|
-
onClick:
|
|
1312
|
+
class: u(w.value),
|
|
1313
|
+
onClick: o
|
|
1290
1314
|
}, [
|
|
1291
|
-
|
|
1315
|
+
r("input", {
|
|
1292
1316
|
type: "text",
|
|
1293
1317
|
placeholder: n.startPlaceholder,
|
|
1294
1318
|
disabled: n.disabled,
|
|
1295
1319
|
readonly: !0,
|
|
1296
|
-
value:
|
|
1320
|
+
value: f.value,
|
|
1297
1321
|
class: u(s(l).e("input-inner"))
|
|
1298
|
-
}, null, 10,
|
|
1299
|
-
|
|
1322
|
+
}, null, 10, ht),
|
|
1323
|
+
r("span", {
|
|
1300
1324
|
class: u(s(l).e("separator"))
|
|
1301
1325
|
}, "至", 2),
|
|
1302
|
-
|
|
1326
|
+
r("input", {
|
|
1303
1327
|
type: "text",
|
|
1304
1328
|
placeholder: n.endPlaceholder,
|
|
1305
1329
|
disabled: n.disabled,
|
|
1306
1330
|
readonly: !0,
|
|
1307
|
-
value:
|
|
1331
|
+
value: k.value,
|
|
1308
1332
|
class: u(s(l).e("input-inner"))
|
|
1309
|
-
}, null, 10,
|
|
1310
|
-
|
|
1333
|
+
}, null, 10, gt),
|
|
1334
|
+
r("span", {
|
|
1311
1335
|
class: u(s(l).e("suffix"))
|
|
1312
1336
|
}, [
|
|
1313
|
-
n.clearable && (
|
|
1337
|
+
n.clearable && (f.value || k.value) && !n.disabled ? (i(), d("span", {
|
|
1314
1338
|
key: 0,
|
|
1315
1339
|
class: u(s(l).e("clear")),
|
|
1316
|
-
onClick:
|
|
1317
|
-
}, " ✕ ", 2)) : (
|
|
1340
|
+
onClick: oe(re, ["stop"])
|
|
1341
|
+
}, " ✕ ", 2)) : (i(), d("span", {
|
|
1318
1342
|
key: 1,
|
|
1319
1343
|
class: u(s(l).e("icon"))
|
|
1320
1344
|
}, "📅", 2))
|
|
1321
1345
|
], 2)
|
|
1322
1346
|
], 2)),
|
|
1323
|
-
(
|
|
1324
|
-
|
|
1325
|
-
default:
|
|
1326
|
-
|
|
1347
|
+
(i(), ge(Ie, { to: "body" }, [
|
|
1348
|
+
Ce(Le, { name: "fade" }, {
|
|
1349
|
+
default: Pe(() => [
|
|
1350
|
+
ue(r("div", {
|
|
1327
1351
|
ref_key: "popperRef",
|
|
1328
1352
|
ref: S,
|
|
1329
1353
|
class: u(s(l).e("popper")),
|
|
1330
1354
|
style: ne({ zIndex: p.value, ...$.value })
|
|
1331
1355
|
}, [
|
|
1332
|
-
|
|
1356
|
+
r("div", {
|
|
1333
1357
|
class: u(s(l).e("header"))
|
|
1334
1358
|
}, [
|
|
1335
|
-
|
|
1359
|
+
r("button", {
|
|
1336
1360
|
type: "button",
|
|
1337
1361
|
class: u(s(l).e("prev-btn")),
|
|
1338
|
-
onClick:
|
|
1362
|
+
onClick: I[0] || (I[0] = (U) => v.value === "date" ? ve() : A())
|
|
1339
1363
|
}, " ‹ ", 2),
|
|
1340
|
-
|
|
1364
|
+
r("div", {
|
|
1341
1365
|
class: u(s(l).e("header-title"))
|
|
1342
1366
|
}, [
|
|
1343
|
-
v.value === "year" ? (
|
|
1367
|
+
v.value === "year" ? (i(), d("span", {
|
|
1344
1368
|
key: 0,
|
|
1345
|
-
onClick:
|
|
1346
|
-
},
|
|
1347
|
-
|
|
1348
|
-
v.value === "date" ? (
|
|
1369
|
+
onClick: I[1] || (I[1] = (U) => v.value = "month")
|
|
1370
|
+
}, H(T.value), 1)) : (i(), d(G, { key: 1 }, [
|
|
1371
|
+
r("span", { onClick: se }, H(X.value) + " 年", 1),
|
|
1372
|
+
v.value === "date" ? (i(), d("span", {
|
|
1349
1373
|
key: 0,
|
|
1350
|
-
onClick:
|
|
1351
|
-
},
|
|
1374
|
+
onClick: j
|
|
1375
|
+
}, H(Z.value + 1) + " 月", 1)) : O("", !0)
|
|
1352
1376
|
], 64))
|
|
1353
1377
|
], 2),
|
|
1354
|
-
|
|
1378
|
+
r("button", {
|
|
1355
1379
|
type: "button",
|
|
1356
1380
|
class: u(s(l).e("next-btn")),
|
|
1357
|
-
onClick:
|
|
1381
|
+
onClick: I[2] || (I[2] = (U) => v.value === "date" ? ye() : q())
|
|
1358
1382
|
}, " › ", 2)
|
|
1359
1383
|
], 2),
|
|
1360
|
-
|
|
1384
|
+
r("div", {
|
|
1361
1385
|
class: u(s(l).e("content"))
|
|
1362
1386
|
}, [
|
|
1363
|
-
v.value === "date" ? (
|
|
1387
|
+
v.value === "date" ? (i(), ge(dt, {
|
|
1364
1388
|
key: 0,
|
|
1365
|
-
"model-value":
|
|
1389
|
+
"model-value": W.value,
|
|
1366
1390
|
"viewed-month": D.value,
|
|
1367
1391
|
"disabled-date": n.disabledDate,
|
|
1368
|
-
"min-date": n.minDate ? s(
|
|
1369
|
-
"max-date": n.maxDate ? s(
|
|
1392
|
+
"min-date": n.minDate ? s(de)(n.minDate) : null,
|
|
1393
|
+
"max-date": n.maxDate ? s(de)(n.maxDate) : null,
|
|
1370
1394
|
"selection-mode": n.type === "daterange" ? "range" : "single",
|
|
1371
1395
|
"range-state": M.value,
|
|
1372
|
-
onPick:
|
|
1373
|
-
onRangeSelect:
|
|
1374
|
-
}, null, 8, ["model-value", "viewed-month", "disabled-date", "min-date", "max-date", "selection-mode", "range-state"])) : v.value === "month" ? (
|
|
1396
|
+
onPick: K,
|
|
1397
|
+
onRangeSelect: z
|
|
1398
|
+
}, null, 8, ["model-value", "viewed-month", "disabled-date", "min-date", "max-date", "selection-mode", "range-state"])) : v.value === "month" ? (i(), ge(vt, {
|
|
1375
1399
|
key: 1,
|
|
1376
|
-
"model-value":
|
|
1377
|
-
"viewed-year":
|
|
1400
|
+
"model-value": W.value,
|
|
1401
|
+
"viewed-year": X.value,
|
|
1378
1402
|
"disabled-date": n.disabledDate,
|
|
1379
|
-
onPick:
|
|
1380
|
-
}, null, 8, ["model-value", "viewed-year", "disabled-date"])) : v.value === "year" ? (
|
|
1403
|
+
onPick: te
|
|
1404
|
+
}, null, 8, ["model-value", "viewed-year", "disabled-date"])) : v.value === "year" ? (i(), ge(mt, {
|
|
1381
1405
|
key: 2,
|
|
1382
|
-
"model-value":
|
|
1383
|
-
"viewed-year":
|
|
1406
|
+
"model-value": W.value,
|
|
1407
|
+
"viewed-year": X.value,
|
|
1384
1408
|
"disabled-date": n.disabledDate,
|
|
1385
|
-
onPick:
|
|
1409
|
+
onPick: N
|
|
1386
1410
|
}, null, 8, ["model-value", "viewed-year", "disabled-date"])) : O("", !0)
|
|
1387
|
-
], 2)
|
|
1411
|
+
], 2),
|
|
1412
|
+
n.showTime && n.type !== "daterange" ? (i(), d("div", {
|
|
1413
|
+
key: 0,
|
|
1414
|
+
class: u(s(l).e("time"))
|
|
1415
|
+
}, [
|
|
1416
|
+
r("div", {
|
|
1417
|
+
class: u(s(l).e("time-item"))
|
|
1418
|
+
}, [
|
|
1419
|
+
ue(r("select", {
|
|
1420
|
+
"onUpdate:modelValue": I[3] || (I[3] = (U) => R.value.hours = U),
|
|
1421
|
+
class: u(s(l).e("time-select"))
|
|
1422
|
+
}, [
|
|
1423
|
+
(i(), d(G, null, Q(24, (U) => r("option", {
|
|
1424
|
+
key: U,
|
|
1425
|
+
value: U - 1
|
|
1426
|
+
}, H(String(U - 1).padStart(2, "0")), 9, bt)), 64))
|
|
1427
|
+
], 2), [
|
|
1428
|
+
[
|
|
1429
|
+
ke,
|
|
1430
|
+
R.value.hours,
|
|
1431
|
+
void 0,
|
|
1432
|
+
{ number: !0 }
|
|
1433
|
+
]
|
|
1434
|
+
]),
|
|
1435
|
+
I[6] || (I[6] = r("span", null, "时", -1))
|
|
1436
|
+
], 2),
|
|
1437
|
+
r("div", {
|
|
1438
|
+
class: u(s(l).e("time-item"))
|
|
1439
|
+
}, [
|
|
1440
|
+
ue(r("select", {
|
|
1441
|
+
"onUpdate:modelValue": I[4] || (I[4] = (U) => R.value.minutes = U),
|
|
1442
|
+
class: u(s(l).e("time-select"))
|
|
1443
|
+
}, [
|
|
1444
|
+
(i(), d(G, null, Q(60, (U) => r("option", {
|
|
1445
|
+
key: U,
|
|
1446
|
+
value: U - 1
|
|
1447
|
+
}, H(String(U - 1).padStart(2, "0")), 9, yt)), 64))
|
|
1448
|
+
], 2), [
|
|
1449
|
+
[
|
|
1450
|
+
ke,
|
|
1451
|
+
R.value.minutes,
|
|
1452
|
+
void 0,
|
|
1453
|
+
{ number: !0 }
|
|
1454
|
+
]
|
|
1455
|
+
]),
|
|
1456
|
+
I[7] || (I[7] = r("span", null, "分", -1))
|
|
1457
|
+
], 2),
|
|
1458
|
+
r("div", {
|
|
1459
|
+
class: u(s(l).e("time-item"))
|
|
1460
|
+
}, [
|
|
1461
|
+
ue(r("select", {
|
|
1462
|
+
"onUpdate:modelValue": I[5] || (I[5] = (U) => R.value.seconds = U),
|
|
1463
|
+
class: u(s(l).e("time-select"))
|
|
1464
|
+
}, [
|
|
1465
|
+
(i(), d(G, null, Q(60, (U) => r("option", {
|
|
1466
|
+
key: U,
|
|
1467
|
+
value: U - 1
|
|
1468
|
+
}, H(String(U - 1).padStart(2, "0")), 9, kt)), 64))
|
|
1469
|
+
], 2), [
|
|
1470
|
+
[
|
|
1471
|
+
ke,
|
|
1472
|
+
R.value.seconds,
|
|
1473
|
+
void 0,
|
|
1474
|
+
{ number: !0 }
|
|
1475
|
+
]
|
|
1476
|
+
]),
|
|
1477
|
+
I[8] || (I[8] = r("span", null, "秒", -1))
|
|
1478
|
+
], 2)
|
|
1479
|
+
], 2)) : O("", !0),
|
|
1480
|
+
n.showTime && n.type !== "daterange" ? (i(), d("div", {
|
|
1481
|
+
key: 1,
|
|
1482
|
+
class: u(s(l).e("footer"))
|
|
1483
|
+
}, [
|
|
1484
|
+
r("button", {
|
|
1485
|
+
type: "button",
|
|
1486
|
+
class: u(s(l).e("confirm-btn")),
|
|
1487
|
+
onClick: le
|
|
1488
|
+
}, "确定", 2)
|
|
1489
|
+
], 2)) : O("", !0)
|
|
1388
1490
|
], 6), [
|
|
1389
|
-
[
|
|
1491
|
+
[Ae, m.value]
|
|
1390
1492
|
])
|
|
1391
1493
|
]),
|
|
1392
1494
|
_: 1
|
|
@@ -1395,12 +1497,12 @@ const st = [
|
|
|
1395
1497
|
], 2));
|
|
1396
1498
|
}
|
|
1397
1499
|
});
|
|
1398
|
-
function pe(n,
|
|
1500
|
+
function pe(n, b = "HH:mm:ss") {
|
|
1399
1501
|
if (!n) return "";
|
|
1400
1502
|
const t = n.getHours(), e = n.getMinutes(), a = n.getSeconds();
|
|
1401
|
-
return
|
|
1503
|
+
return b.replace(/HH/g, String(t).padStart(2, "0")).replace(/H/g, String(t)).replace(/mm/g, String(e).padStart(2, "0")).replace(/m/g, String(e)).replace(/ss/g, String(a).padStart(2, "0")).replace(/s/g, String(a));
|
|
1402
1504
|
}
|
|
1403
|
-
function
|
|
1505
|
+
function Be(n) {
|
|
1404
1506
|
if (!n) return null;
|
|
1405
1507
|
if (n instanceof Date)
|
|
1406
1508
|
return isNaN(n.getTime()) ? null : n;
|
|
@@ -1408,10 +1510,10 @@ function Me(n) {
|
|
|
1408
1510
|
const e = /* @__PURE__ */ new Date();
|
|
1409
1511
|
return e.setTime(n), e;
|
|
1410
1512
|
}
|
|
1411
|
-
const
|
|
1412
|
-
if (
|
|
1513
|
+
const b = n.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);
|
|
1514
|
+
if (b) {
|
|
1413
1515
|
const e = /* @__PURE__ */ new Date();
|
|
1414
|
-
return e.setHours(parseInt(
|
|
1516
|
+
return e.setHours(parseInt(b[1]), parseInt(b[2]), b[3] ? parseInt(b[3]) : 0, 0), e;
|
|
1415
1517
|
}
|
|
1416
1518
|
const t = new Date(n);
|
|
1417
1519
|
return isNaN(t.getTime()) ? null : t;
|
|
@@ -1419,7 +1521,7 @@ function Me(n) {
|
|
|
1419
1521
|
function he(n) {
|
|
1420
1522
|
return String(n).padStart(2, "0");
|
|
1421
1523
|
}
|
|
1422
|
-
const
|
|
1524
|
+
const xt = ["onClick"], wt = ["onClick"], Vt = ["onClick"], Ct = /* @__PURE__ */ J({
|
|
1423
1525
|
name: "XTimePanel",
|
|
1424
1526
|
__name: "TimePanel",
|
|
1425
1527
|
props: {
|
|
@@ -1433,155 +1535,155 @@ const ht = ["onClick"], gt = ["onClick"], bt = ["onClick"], yt = /* @__PURE__ */
|
|
|
1433
1535
|
secondStep: { default: 1 }
|
|
1434
1536
|
},
|
|
1435
1537
|
emits: ["confirm", "cancel"],
|
|
1436
|
-
setup(n, { emit:
|
|
1437
|
-
const t = n, e =
|
|
1438
|
-
const
|
|
1439
|
-
for (let
|
|
1440
|
-
|
|
1441
|
-
return
|
|
1442
|
-
}), $ =
|
|
1443
|
-
const
|
|
1444
|
-
for (let
|
|
1445
|
-
|
|
1446
|
-
return
|
|
1447
|
-
}),
|
|
1448
|
-
const
|
|
1449
|
-
for (let
|
|
1450
|
-
|
|
1451
|
-
return
|
|
1452
|
-
}), v =
|
|
1453
|
-
|
|
1454
|
-
},
|
|
1455
|
-
h(
|
|
1456
|
-
},
|
|
1457
|
-
f(
|
|
1458
|
-
},
|
|
1459
|
-
if (!
|
|
1460
|
-
const
|
|
1461
|
-
|
|
1538
|
+
setup(n, { emit: b }) {
|
|
1539
|
+
const t = n, e = b, a = _("time-panel"), l = E(0), m = E(0), p = E(0), C = E(), x = E(), Y = E(), S = y(() => t.format.includes("ss") || t.format.includes("s")), V = y(() => {
|
|
1540
|
+
const z = [], te = Math.max(1, t.hourStep);
|
|
1541
|
+
for (let N = 0; N < 24; N += te)
|
|
1542
|
+
z.push(N);
|
|
1543
|
+
return z;
|
|
1544
|
+
}), $ = y(() => {
|
|
1545
|
+
const z = [], te = Math.max(1, t.minuteStep);
|
|
1546
|
+
for (let N = 0; N < 60; N += te)
|
|
1547
|
+
z.push(N);
|
|
1548
|
+
return z;
|
|
1549
|
+
}), L = y(() => {
|
|
1550
|
+
const z = [], te = Math.max(1, t.secondStep);
|
|
1551
|
+
for (let N = 0; N < 60; N += te)
|
|
1552
|
+
z.push(N);
|
|
1553
|
+
return z;
|
|
1554
|
+
}), v = y(() => t.disabledHours ? new Set(t.disabledHours()) : /* @__PURE__ */ new Set()), D = y(() => t.disabledMinutes ? new Set(t.disabledMinutes(l.value)) : /* @__PURE__ */ new Set()), R = y(() => t.disabledSeconds ? new Set(t.disabledSeconds(l.value, m.value)) : /* @__PURE__ */ new Set()), M = y(() => `${he(l.value)}:${he(m.value)}${S.value ? ":" + he(p.value) : ""}`), P = (z) => v.value.has(z), h = (z) => D.value.has(z), f = (z) => R.value.has(z), k = (z) => {
|
|
1555
|
+
P(z) || (l.value = z, B(C.value, Z(z)));
|
|
1556
|
+
}, W = (z) => {
|
|
1557
|
+
h(z) || (m.value = z, B(x.value, ee(z)));
|
|
1558
|
+
}, X = (z) => {
|
|
1559
|
+
f(z) || (p.value = z, B(Y.value, T(z)));
|
|
1560
|
+
}, Z = (z) => V.value.indexOf(z), ee = (z) => $.value.indexOf(z), T = (z) => L.value.indexOf(z), B = (z, te) => {
|
|
1561
|
+
if (!z) return;
|
|
1562
|
+
const N = 32, ye = te * N + 84 - 200 / 2 + N / 2;
|
|
1563
|
+
z.scrollTop = Math.max(0, ye);
|
|
1462
1564
|
}, w = () => {
|
|
1463
1565
|
if (!C.value) return;
|
|
1464
|
-
const
|
|
1465
|
-
|
|
1566
|
+
const z = C.value.scrollTop, te = Math.round((z - 84 + 100) / 32), N = V.value[Math.max(0, Math.min(te, V.value.length - 1))];
|
|
1567
|
+
N !== void 0 && !P(N) && (l.value = N);
|
|
1466
1568
|
}, o = () => {
|
|
1467
1569
|
if (!x.value) return;
|
|
1468
|
-
const
|
|
1469
|
-
|
|
1470
|
-
},
|
|
1471
|
-
if (!
|
|
1472
|
-
const
|
|
1473
|
-
|
|
1474
|
-
},
|
|
1475
|
-
const
|
|
1476
|
-
|
|
1477
|
-
},
|
|
1570
|
+
const z = x.value.scrollTop, te = Math.round((z - 84 + 100) / 32), N = $.value[Math.max(0, Math.min(te, $.value.length - 1))];
|
|
1571
|
+
N !== void 0 && !h(N) && (m.value = N);
|
|
1572
|
+
}, c = () => {
|
|
1573
|
+
if (!Y.value) return;
|
|
1574
|
+
const z = Y.value.scrollTop, te = Math.round((z - 84 + 100) / 32), N = L.value[Math.max(0, Math.min(te, L.value.length - 1))];
|
|
1575
|
+
N !== void 0 && !f(N) && (p.value = N);
|
|
1576
|
+
}, g = () => {
|
|
1577
|
+
const z = t.modelValue ? new Date(t.modelValue) : /* @__PURE__ */ new Date();
|
|
1578
|
+
z.setHours(l.value, m.value, p.value, 0), e("confirm", z);
|
|
1579
|
+
}, K = () => {
|
|
1478
1580
|
e("cancel");
|
|
1479
1581
|
}, le = () => {
|
|
1480
1582
|
if (t.modelValue)
|
|
1481
1583
|
l.value = t.modelValue.getHours(), m.value = t.modelValue.getMinutes(), p.value = t.modelValue.getSeconds();
|
|
1482
1584
|
else {
|
|
1483
|
-
const
|
|
1484
|
-
l.value =
|
|
1585
|
+
const z = /* @__PURE__ */ new Date();
|
|
1586
|
+
l.value = z.getHours(), m.value = z.getMinutes(), p.value = z.getSeconds();
|
|
1485
1587
|
}
|
|
1486
|
-
|
|
1487
|
-
B(C.value,
|
|
1588
|
+
Se(() => {
|
|
1589
|
+
B(C.value, Z(l.value)), B(x.value, ee(m.value)), S.value && B(Y.value, T(p.value));
|
|
1488
1590
|
});
|
|
1489
1591
|
};
|
|
1490
|
-
return
|
|
1592
|
+
return ce(
|
|
1491
1593
|
() => t.modelValue,
|
|
1492
1594
|
() => {
|
|
1493
1595
|
le();
|
|
1494
1596
|
},
|
|
1495
1597
|
{ immediate: !0 }
|
|
1496
|
-
),
|
|
1598
|
+
), xe(() => {
|
|
1497
1599
|
le();
|
|
1498
|
-
}), (
|
|
1600
|
+
}), (z, te) => (i(), d("div", {
|
|
1499
1601
|
class: u(s(a).b())
|
|
1500
1602
|
}, [
|
|
1501
|
-
|
|
1603
|
+
r("div", {
|
|
1502
1604
|
class: u(s(a).e("content"))
|
|
1503
1605
|
}, [
|
|
1504
|
-
|
|
1606
|
+
r("div", {
|
|
1505
1607
|
class: u(s(a).e("indicator"))
|
|
1506
1608
|
}, null, 2),
|
|
1507
|
-
|
|
1609
|
+
r("div", {
|
|
1508
1610
|
ref_key: "hourListRef",
|
|
1509
1611
|
ref: C,
|
|
1510
1612
|
class: u(s(a).e("list")),
|
|
1511
1613
|
onScroll: w
|
|
1512
1614
|
}, [
|
|
1513
|
-
|
|
1615
|
+
r("div", {
|
|
1514
1616
|
class: u(s(a).e("padding"))
|
|
1515
1617
|
}, null, 2),
|
|
1516
|
-
(
|
|
1517
|
-
key:
|
|
1518
|
-
class: u([s(a).e("item"), s(a).is("selected", l.value ===
|
|
1519
|
-
onClick: (
|
|
1520
|
-
},
|
|
1521
|
-
|
|
1618
|
+
(i(!0), d(G, null, Q(V.value, (N) => (i(), d("div", {
|
|
1619
|
+
key: N,
|
|
1620
|
+
class: u([s(a).e("item"), s(a).is("selected", l.value === N), s(a).is("disabled", P(N))]),
|
|
1621
|
+
onClick: (ve) => k(N)
|
|
1622
|
+
}, H(s(he)(N)), 11, xt))), 128)),
|
|
1623
|
+
r("div", {
|
|
1522
1624
|
class: u(s(a).e("padding"))
|
|
1523
1625
|
}, null, 2)
|
|
1524
1626
|
], 34),
|
|
1525
|
-
|
|
1627
|
+
r("div", {
|
|
1526
1628
|
ref_key: "minuteListRef",
|
|
1527
1629
|
ref: x,
|
|
1528
1630
|
class: u(s(a).e("list")),
|
|
1529
1631
|
onScroll: o
|
|
1530
1632
|
}, [
|
|
1531
|
-
|
|
1633
|
+
r("div", {
|
|
1532
1634
|
class: u(s(a).e("padding"))
|
|
1533
1635
|
}, null, 2),
|
|
1534
|
-
(
|
|
1535
|
-
key:
|
|
1536
|
-
class: u([s(a).e("item"), s(a).is("selected", m.value ===
|
|
1537
|
-
onClick: (
|
|
1538
|
-
},
|
|
1539
|
-
|
|
1636
|
+
(i(!0), d(G, null, Q($.value, (N) => (i(), d("div", {
|
|
1637
|
+
key: N,
|
|
1638
|
+
class: u([s(a).e("item"), s(a).is("selected", m.value === N), s(a).is("disabled", h(N))]),
|
|
1639
|
+
onClick: (ve) => W(N)
|
|
1640
|
+
}, H(s(he)(N)), 11, wt))), 128)),
|
|
1641
|
+
r("div", {
|
|
1540
1642
|
class: u(s(a).e("padding"))
|
|
1541
1643
|
}, null, 2)
|
|
1542
1644
|
], 34),
|
|
1543
|
-
S.value ? (
|
|
1645
|
+
S.value ? (i(), d("div", {
|
|
1544
1646
|
key: 0,
|
|
1545
1647
|
ref_key: "secondListRef",
|
|
1546
|
-
ref:
|
|
1648
|
+
ref: Y,
|
|
1547
1649
|
class: u(s(a).e("list")),
|
|
1548
|
-
onScroll:
|
|
1650
|
+
onScroll: c
|
|
1549
1651
|
}, [
|
|
1550
|
-
|
|
1652
|
+
r("div", {
|
|
1551
1653
|
class: u(s(a).e("padding"))
|
|
1552
1654
|
}, null, 2),
|
|
1553
|
-
(
|
|
1554
|
-
key:
|
|
1555
|
-
class: u([s(a).e("item"), s(a).is("selected", p.value ===
|
|
1556
|
-
onClick: (
|
|
1557
|
-
},
|
|
1558
|
-
|
|
1655
|
+
(i(!0), d(G, null, Q(L.value, (N) => (i(), d("div", {
|
|
1656
|
+
key: N,
|
|
1657
|
+
class: u([s(a).e("item"), s(a).is("selected", p.value === N), s(a).is("disabled", f(N))]),
|
|
1658
|
+
onClick: (ve) => X(N)
|
|
1659
|
+
}, H(s(he)(N)), 11, Vt))), 128)),
|
|
1660
|
+
r("div", {
|
|
1559
1661
|
class: u(s(a).e("padding"))
|
|
1560
1662
|
}, null, 2)
|
|
1561
1663
|
], 34)) : O("", !0)
|
|
1562
1664
|
], 2),
|
|
1563
|
-
|
|
1665
|
+
r("div", {
|
|
1564
1666
|
class: u(s(a).e("footer"))
|
|
1565
1667
|
}, [
|
|
1566
|
-
|
|
1668
|
+
r("span", {
|
|
1567
1669
|
class: u(s(a).e("current-time"))
|
|
1568
|
-
},
|
|
1569
|
-
|
|
1670
|
+
}, H(M.value), 3),
|
|
1671
|
+
r("div", {
|
|
1570
1672
|
class: u(s(a).e("actions"))
|
|
1571
1673
|
}, [
|
|
1572
|
-
|
|
1674
|
+
r("button", {
|
|
1573
1675
|
class: u(s(a).e("btn-cancel")),
|
|
1574
|
-
onClick:
|
|
1676
|
+
onClick: K
|
|
1575
1677
|
}, "取消", 2),
|
|
1576
|
-
|
|
1678
|
+
r("button", {
|
|
1577
1679
|
class: u(s(a).e("btn-confirm")),
|
|
1578
|
-
onClick:
|
|
1680
|
+
onClick: g
|
|
1579
1681
|
}, "确定", 2)
|
|
1580
1682
|
], 2)
|
|
1581
1683
|
], 2)
|
|
1582
1684
|
], 2));
|
|
1583
1685
|
}
|
|
1584
|
-
}),
|
|
1686
|
+
}), Dt = ["placeholder", "disabled", "value"], $t = ["placeholder", "disabled", "value"], St = ["placeholder", "disabled", "value"], Hl = /* @__PURE__ */ J({
|
|
1585
1687
|
name: "XTimePicker",
|
|
1586
1688
|
__name: "index",
|
|
1587
1689
|
props: {
|
|
@@ -1604,123 +1706,123 @@ const ht = ["onClick"], gt = ["onClick"], bt = ["onClick"], yt = /* @__PURE__ */
|
|
|
1604
1706
|
secondStep: { default: 1 }
|
|
1605
1707
|
},
|
|
1606
1708
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
1607
|
-
setup(n, { expose:
|
|
1608
|
-
const e = n, a = t, l =
|
|
1709
|
+
setup(n, { expose: b, emit: t }) {
|
|
1710
|
+
const e = n, a = t, l = _("time-picker"), m = () => Ye().next(), p = E(!1), C = E(2e3), x = E(), Y = E(), S = E(), V = E({
|
|
1609
1711
|
top: "0px",
|
|
1610
1712
|
left: "0px"
|
|
1611
1713
|
}), $ = E({
|
|
1612
1714
|
startTime: null,
|
|
1613
1715
|
endTime: null
|
|
1614
|
-
}),
|
|
1716
|
+
}), L = E("start"), v = y(() => {
|
|
1615
1717
|
if (!e.modelValue) return null;
|
|
1616
1718
|
if (e.type === "timerange") {
|
|
1617
|
-
const [
|
|
1618
|
-
return [
|
|
1719
|
+
const [c, g] = e.modelValue;
|
|
1720
|
+
return [Be(c), Be(g)];
|
|
1619
1721
|
}
|
|
1620
|
-
return
|
|
1621
|
-
}), D =
|
|
1722
|
+
return Be(e.modelValue);
|
|
1723
|
+
}), D = y(() => !v.value || Array.isArray(v.value) ? "" : pe(v.value, e.format)), R = y(() => {
|
|
1622
1724
|
if (!Array.isArray(v.value)) return "";
|
|
1623
|
-
const [
|
|
1624
|
-
return
|
|
1625
|
-
}),
|
|
1725
|
+
const [c] = v.value;
|
|
1726
|
+
return c ? pe(c, e.format) : "";
|
|
1727
|
+
}), M = y(() => {
|
|
1626
1728
|
if (!Array.isArray(v.value)) return "";
|
|
1627
|
-
const [,
|
|
1628
|
-
return
|
|
1629
|
-
}),
|
|
1729
|
+
const [, c] = v.value;
|
|
1730
|
+
return c ? pe(c, e.format) : "";
|
|
1731
|
+
}), P = y(() => e.type === "timerange" ? L.value === "start" ? $.value.startTime : $.value.endTime || $.value.startTime : v.value), h = y(() => [
|
|
1630
1732
|
l.b(),
|
|
1631
1733
|
l.m(e.size),
|
|
1632
1734
|
l.is("disabled", e.disabled),
|
|
1633
1735
|
l.is("range", e.type === "timerange")
|
|
1634
|
-
]), f =
|
|
1736
|
+
]), f = y(() => [
|
|
1635
1737
|
l.e("input"),
|
|
1636
1738
|
l.is("focus", p.value)
|
|
1637
1739
|
]), k = () => {
|
|
1638
|
-
e.disabled || e.readonly || (p.value ?
|
|
1639
|
-
},
|
|
1640
|
-
e.disabled || e.readonly || (
|
|
1641
|
-
},
|
|
1642
|
-
p.value = !0, C.value = m(),
|
|
1643
|
-
if (x.value &&
|
|
1644
|
-
const
|
|
1645
|
-
let
|
|
1646
|
-
le +
|
|
1647
|
-
top: `${
|
|
1740
|
+
e.disabled || e.readonly || (p.value ? Z() : X());
|
|
1741
|
+
}, W = (c) => {
|
|
1742
|
+
e.disabled || e.readonly || (L.value = c, p.value || X());
|
|
1743
|
+
}, X = () => {
|
|
1744
|
+
p.value = !0, C.value = m(), Se(() => {
|
|
1745
|
+
if (x.value && Y.value) {
|
|
1746
|
+
const c = x.value.getBoundingClientRect(), g = Y.value.getBoundingClientRect();
|
|
1747
|
+
let K = c.bottom + 8, le = c.left;
|
|
1748
|
+
le + g.width > window.innerWidth && (le = window.innerWidth - g.width - 8), K + g.height > window.innerHeight && (K = c.top - g.height - 8), V.value = {
|
|
1749
|
+
top: `${K}px`,
|
|
1648
1750
|
left: `${le}px`
|
|
1649
1751
|
};
|
|
1650
1752
|
}
|
|
1651
1753
|
}), a("focus", {});
|
|
1652
|
-
},
|
|
1754
|
+
}, Z = () => {
|
|
1653
1755
|
p.value = !1, a("blur", {});
|
|
1654
|
-
}, ee = (
|
|
1756
|
+
}, ee = (c) => {
|
|
1655
1757
|
if (e.type === "timerange")
|
|
1656
|
-
if (
|
|
1657
|
-
$.value.startTime =
|
|
1758
|
+
if (L.value === "start")
|
|
1759
|
+
$.value.startTime = c, L.value = "end", $.value.endTime && $.value.endTime < c && ($.value.endTime = null);
|
|
1658
1760
|
else {
|
|
1659
|
-
$.value.startTime &&
|
|
1660
|
-
const
|
|
1661
|
-
a("update:modelValue", [
|
|
1761
|
+
$.value.startTime && c < $.value.startTime ? ($.value.endTime = $.value.startTime, $.value.startTime = c) : $.value.endTime = c;
|
|
1762
|
+
const g = e.valueFormat ? pe($.value.startTime, e.valueFormat) : $.value.startTime, K = e.valueFormat ? pe($.value.endTime, e.valueFormat) : $.value.endTime;
|
|
1763
|
+
a("update:modelValue", [g, K]), a("change", [g, K]), Z();
|
|
1662
1764
|
}
|
|
1663
1765
|
else {
|
|
1664
|
-
const
|
|
1665
|
-
a("update:modelValue",
|
|
1766
|
+
const g = e.valueFormat ? pe(c, e.valueFormat) : c;
|
|
1767
|
+
a("update:modelValue", g), a("change", g), Z();
|
|
1666
1768
|
}
|
|
1667
1769
|
}, T = () => {
|
|
1668
|
-
|
|
1770
|
+
Z();
|
|
1669
1771
|
}, B = () => {
|
|
1670
1772
|
a("update:modelValue", null), a("change", null), a("clear"), $.value = {
|
|
1671
1773
|
startTime: null,
|
|
1672
1774
|
endTime: null
|
|
1673
1775
|
};
|
|
1674
|
-
}, w = (
|
|
1776
|
+
}, w = (c) => {
|
|
1675
1777
|
if (!x.value) return;
|
|
1676
|
-
const
|
|
1677
|
-
x.value.contains(
|
|
1778
|
+
const g = c.target;
|
|
1779
|
+
x.value.contains(g) || Y.value && Y.value.contains(g) || Z();
|
|
1678
1780
|
};
|
|
1679
|
-
|
|
1781
|
+
ce(
|
|
1680
1782
|
() => e.modelValue,
|
|
1681
|
-
(
|
|
1682
|
-
if (
|
|
1683
|
-
const [
|
|
1783
|
+
(c) => {
|
|
1784
|
+
if (c && e.type === "timerange") {
|
|
1785
|
+
const [g, K] = v.value;
|
|
1684
1786
|
$.value = {
|
|
1685
|
-
startTime:
|
|
1686
|
-
endTime:
|
|
1787
|
+
startTime: g,
|
|
1788
|
+
endTime: K
|
|
1687
1789
|
};
|
|
1688
1790
|
}
|
|
1689
1791
|
},
|
|
1690
1792
|
{ immediate: !0 }
|
|
1691
|
-
),
|
|
1692
|
-
|
|
1793
|
+
), ce(p, (c) => {
|
|
1794
|
+
c && e.type === "timerange" && ($.value = {
|
|
1693
1795
|
startTime: Array.isArray(v.value) ? v.value[0] : null,
|
|
1694
1796
|
endTime: Array.isArray(v.value) ? v.value[1] : null
|
|
1695
|
-
},
|
|
1797
|
+
}, L.value = "start");
|
|
1696
1798
|
});
|
|
1697
|
-
const o = (
|
|
1698
|
-
|
|
1799
|
+
const o = (c) => {
|
|
1800
|
+
c.key === "Escape" && Z();
|
|
1699
1801
|
};
|
|
1700
|
-
return
|
|
1802
|
+
return xe(() => {
|
|
1701
1803
|
document.addEventListener("click", w), document.addEventListener("keydown", o);
|
|
1702
|
-
}),
|
|
1804
|
+
}), we(() => {
|
|
1703
1805
|
document.removeEventListener("click", w), document.removeEventListener("keydown", o);
|
|
1704
|
-
}),
|
|
1806
|
+
}), b({
|
|
1705
1807
|
focus: () => {
|
|
1706
|
-
var
|
|
1707
|
-
return (
|
|
1808
|
+
var c;
|
|
1809
|
+
return (c = S.value) == null ? void 0 : c.focus();
|
|
1708
1810
|
},
|
|
1709
1811
|
blur: () => {
|
|
1710
|
-
var
|
|
1711
|
-
return (
|
|
1812
|
+
var c;
|
|
1813
|
+
return (c = S.value) == null ? void 0 : c.blur();
|
|
1712
1814
|
}
|
|
1713
|
-
}), (
|
|
1815
|
+
}), (c, g) => (i(), d("div", {
|
|
1714
1816
|
ref_key: "pickerRef",
|
|
1715
1817
|
ref: x,
|
|
1716
1818
|
class: u(h.value)
|
|
1717
1819
|
}, [
|
|
1718
|
-
n.type !== "timerange" ? (
|
|
1820
|
+
n.type !== "timerange" ? (i(), d("div", {
|
|
1719
1821
|
key: 0,
|
|
1720
1822
|
class: u(f.value),
|
|
1721
1823
|
onClick: k
|
|
1722
1824
|
}, [
|
|
1723
|
-
|
|
1825
|
+
r("input", {
|
|
1724
1826
|
ref_key: "inputRef",
|
|
1725
1827
|
ref: S,
|
|
1726
1828
|
type: "text",
|
|
@@ -1729,73 +1831,73 @@ const ht = ["onClick"], gt = ["onClick"], bt = ["onClick"], yt = /* @__PURE__ */
|
|
|
1729
1831
|
readonly: !0,
|
|
1730
1832
|
value: D.value,
|
|
1731
1833
|
class: u(s(l).e("input-inner"))
|
|
1732
|
-
}, null, 10,
|
|
1733
|
-
|
|
1834
|
+
}, null, 10, Dt),
|
|
1835
|
+
r("span", {
|
|
1734
1836
|
class: u(s(l).e("suffix"))
|
|
1735
1837
|
}, [
|
|
1736
|
-
n.clearable && D.value && !n.disabled ? (
|
|
1838
|
+
n.clearable && D.value && !n.disabled ? (i(), d("span", {
|
|
1737
1839
|
key: 0,
|
|
1738
1840
|
class: u(s(l).e("clear")),
|
|
1739
|
-
onClick:
|
|
1740
|
-
}, " ✕ ", 2)) : (
|
|
1841
|
+
onClick: oe(B, ["stop"])
|
|
1842
|
+
}, " ✕ ", 2)) : (i(), d("span", {
|
|
1741
1843
|
key: 1,
|
|
1742
1844
|
class: u(s(l).e("icon"))
|
|
1743
1845
|
}, "🕐", 2))
|
|
1744
1846
|
], 2)
|
|
1745
|
-
], 2)) : (
|
|
1847
|
+
], 2)) : (i(), d("div", {
|
|
1746
1848
|
key: 1,
|
|
1747
1849
|
class: u(f.value),
|
|
1748
1850
|
onClick: k
|
|
1749
1851
|
}, [
|
|
1750
|
-
|
|
1852
|
+
r("input", {
|
|
1751
1853
|
type: "text",
|
|
1752
1854
|
placeholder: n.startPlaceholder,
|
|
1753
1855
|
disabled: n.disabled,
|
|
1754
1856
|
readonly: !0,
|
|
1755
|
-
value:
|
|
1756
|
-
class: u([s(l).e("input-inner"), s(l).is("active",
|
|
1757
|
-
onClick:
|
|
1758
|
-
}, null, 10,
|
|
1759
|
-
|
|
1857
|
+
value: R.value,
|
|
1858
|
+
class: u([s(l).e("input-inner"), s(l).is("active", L.value === "start")]),
|
|
1859
|
+
onClick: g[0] || (g[0] = oe((K) => W("start"), ["stop"]))
|
|
1860
|
+
}, null, 10, $t),
|
|
1861
|
+
r("span", {
|
|
1760
1862
|
class: u(s(l).e("separator"))
|
|
1761
1863
|
}, "至", 2),
|
|
1762
|
-
|
|
1864
|
+
r("input", {
|
|
1763
1865
|
type: "text",
|
|
1764
1866
|
placeholder: n.endPlaceholder,
|
|
1765
1867
|
disabled: n.disabled,
|
|
1766
1868
|
readonly: !0,
|
|
1767
|
-
value:
|
|
1768
|
-
class: u([s(l).e("input-inner"), s(l).is("active",
|
|
1769
|
-
onClick:
|
|
1770
|
-
}, null, 10,
|
|
1771
|
-
|
|
1869
|
+
value: M.value,
|
|
1870
|
+
class: u([s(l).e("input-inner"), s(l).is("active", L.value === "end")]),
|
|
1871
|
+
onClick: g[1] || (g[1] = oe((K) => W("end"), ["stop"]))
|
|
1872
|
+
}, null, 10, St),
|
|
1873
|
+
r("span", {
|
|
1772
1874
|
class: u(s(l).e("suffix"))
|
|
1773
1875
|
}, [
|
|
1774
|
-
n.clearable && (
|
|
1876
|
+
n.clearable && (R.value || M.value) && !n.disabled ? (i(), d("span", {
|
|
1775
1877
|
key: 0,
|
|
1776
1878
|
class: u(s(l).e("clear")),
|
|
1777
|
-
onClick:
|
|
1778
|
-
}, " ✕ ", 2)) : (
|
|
1879
|
+
onClick: oe(B, ["stop"])
|
|
1880
|
+
}, " ✕ ", 2)) : (i(), d("span", {
|
|
1779
1881
|
key: 1,
|
|
1780
1882
|
class: u(s(l).e("icon"))
|
|
1781
1883
|
}, "🕐", 2))
|
|
1782
1884
|
], 2)
|
|
1783
1885
|
], 2)),
|
|
1784
|
-
(
|
|
1785
|
-
|
|
1786
|
-
default:
|
|
1787
|
-
|
|
1886
|
+
(i(), ge(Ie, { to: "body" }, [
|
|
1887
|
+
Ce(Le, { name: "fade" }, {
|
|
1888
|
+
default: Pe(() => [
|
|
1889
|
+
ue(r("div", {
|
|
1788
1890
|
ref_key: "popperRef",
|
|
1789
|
-
ref:
|
|
1891
|
+
ref: Y,
|
|
1790
1892
|
class: u(s(l).e("popper")),
|
|
1791
1893
|
style: ne({ zIndex: C.value, ...V.value })
|
|
1792
1894
|
}, [
|
|
1793
|
-
n.type === "timerange" ? (
|
|
1895
|
+
n.type === "timerange" ? (i(), d("div", {
|
|
1794
1896
|
key: 0,
|
|
1795
1897
|
class: u(s(l).e("popper-header"))
|
|
1796
|
-
},
|
|
1797
|
-
|
|
1798
|
-
"model-value":
|
|
1898
|
+
}, H(L.value === "start" ? "请选择开始时间" : "请选择结束时间"), 3)) : O("", !0),
|
|
1899
|
+
Ce(Ct, {
|
|
1900
|
+
"model-value": P.value,
|
|
1799
1901
|
format: n.format,
|
|
1800
1902
|
"disabled-hours": n.disabledHours,
|
|
1801
1903
|
"disabled-minutes": n.disabledMinutes,
|
|
@@ -1807,7 +1909,7 @@ const ht = ["onClick"], gt = ["onClick"], bt = ["onClick"], yt = /* @__PURE__ */
|
|
|
1807
1909
|
onCancel: T
|
|
1808
1910
|
}, null, 8, ["model-value", "format", "disabled-hours", "disabled-minutes", "disabled-seconds", "hour-step", "minute-step", "second-step"])
|
|
1809
1911
|
], 6), [
|
|
1810
|
-
[
|
|
1912
|
+
[Ae, p.value]
|
|
1811
1913
|
])
|
|
1812
1914
|
]),
|
|
1813
1915
|
_: 1
|
|
@@ -1816,25 +1918,25 @@ const ht = ["onClick"], gt = ["onClick"], bt = ["onClick"], yt = /* @__PURE__ */
|
|
|
1816
1918
|
], 2));
|
|
1817
1919
|
}
|
|
1818
1920
|
});
|
|
1819
|
-
function
|
|
1820
|
-
return t ? t(
|
|
1921
|
+
function Mt(n, b, t) {
|
|
1922
|
+
return t ? t(b, n) : n.toLowerCase().includes(b.toLowerCase());
|
|
1821
1923
|
}
|
|
1822
|
-
function
|
|
1924
|
+
function Oe(n, b, t = "value", e = "children") {
|
|
1823
1925
|
for (const a of n) {
|
|
1824
|
-
if (a[t] ===
|
|
1926
|
+
if (a[t] === b)
|
|
1825
1927
|
return a;
|
|
1826
1928
|
if (a[e] && a[e].length > 0) {
|
|
1827
|
-
const l =
|
|
1929
|
+
const l = Oe(a[e], b, t, e);
|
|
1828
1930
|
if (l) return l;
|
|
1829
1931
|
}
|
|
1830
1932
|
}
|
|
1831
1933
|
return null;
|
|
1832
1934
|
}
|
|
1833
|
-
function
|
|
1935
|
+
function Fe(n, b, t = "value", e = "children") {
|
|
1834
1936
|
const a = [];
|
|
1835
1937
|
function l(m) {
|
|
1836
1938
|
for (const p of m) {
|
|
1837
|
-
if (p[t] ===
|
|
1939
|
+
if (p[t] === b)
|
|
1838
1940
|
return a.push(p), !0;
|
|
1839
1941
|
if (p[e] && p[e].length > 0) {
|
|
1840
1942
|
if (a.push(p), l(p[e]))
|
|
@@ -1846,15 +1948,15 @@ function Te(n, g, t = "value", e = "children") {
|
|
|
1846
1948
|
}
|
|
1847
1949
|
return l(n), a;
|
|
1848
1950
|
}
|
|
1849
|
-
function
|
|
1951
|
+
function Tt(n, b = "children") {
|
|
1850
1952
|
const t = [];
|
|
1851
1953
|
function e(a, l = 0, m = null) {
|
|
1852
1954
|
for (const p of a)
|
|
1853
|
-
t.push({ ...p, level: l, parent: m }), p[
|
|
1955
|
+
t.push({ ...p, level: l, parent: m }), p[b] && p[b].length > 0 && e(p[b], l + 1, p);
|
|
1854
1956
|
}
|
|
1855
1957
|
return e(n), t;
|
|
1856
1958
|
}
|
|
1857
|
-
const
|
|
1959
|
+
const Rt = ["onClick"], Bt = ["placeholder", "disabled", "readonly", "value"], Ft = ["onClick"], It = ["onClick"], zl = /* @__PURE__ */ J({
|
|
1858
1960
|
name: "XSelect",
|
|
1859
1961
|
__name: "index",
|
|
1860
1962
|
props: {
|
|
@@ -1879,224 +1981,224 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
1879
1981
|
noMatchText: { default: "无匹配数据" }
|
|
1880
1982
|
},
|
|
1881
1983
|
emits: ["update:modelValue", "update:value", "change", "clear", "focus", "blur", "visible-change", "remove-tag"],
|
|
1882
|
-
setup(n, { emit:
|
|
1883
|
-
const t = n, e =
|
|
1884
|
-
e("update:modelValue",
|
|
1885
|
-
},
|
|
1886
|
-
const
|
|
1887
|
-
return
|
|
1888
|
-
}), h =
|
|
1889
|
-
const
|
|
1890
|
-
return
|
|
1891
|
-
})), k =
|
|
1892
|
-
const
|
|
1893
|
-
for (const
|
|
1894
|
-
const
|
|
1895
|
-
|
|
1984
|
+
setup(n, { emit: b }) {
|
|
1985
|
+
const t = n, e = b, a = _("select"), l = () => Ye().next(), m = E(), p = E(), C = E(), x = E(!1), Y = E(2e3), S = E(""), V = E(-1), $ = E({ top: "0px", left: "0px" }), L = y(() => t.type === "multiple"), v = y(() => t.type === "cascader"), D = E([]), R = () => t.modelValue !== void 0 ? t.modelValue : t.value !== void 0 ? t.value : "", M = (A) => {
|
|
1986
|
+
e("update:modelValue", A), e("update:value", A), e("change", A);
|
|
1987
|
+
}, P = y(() => {
|
|
1988
|
+
const A = R();
|
|
1989
|
+
return L.value ? Array.isArray(A) ? A : [] : v.value ? Array.isArray(A) ? A : A ? [A] : [] : A !== "" && A !== null && A !== void 0 ? [A] : [];
|
|
1990
|
+
}), h = y(() => v.value ? Tt(t.options, t.childrenKey) : t.options.map((A) => ({ ...A, level: 0 }))), f = y(() => !t.filterable || !S.value ? h.value : h.value.filter((A) => {
|
|
1991
|
+
const q = A[t.labelKey] || "";
|
|
1992
|
+
return Mt(q, S.value, t.filterMethod);
|
|
1993
|
+
})), k = y(() => {
|
|
1994
|
+
const A = [];
|
|
1995
|
+
for (const q of P.value) {
|
|
1996
|
+
const j = Oe(t.options, q, t.valueKey, t.childrenKey);
|
|
1997
|
+
j && A.push(j);
|
|
1896
1998
|
}
|
|
1897
|
-
return
|
|
1898
|
-
}),
|
|
1899
|
-
if (
|
|
1999
|
+
return A;
|
|
2000
|
+
}), W = y(() => {
|
|
2001
|
+
if (L.value)
|
|
1900
2002
|
return "";
|
|
1901
2003
|
if (v.value)
|
|
1902
|
-
return
|
|
1903
|
-
const
|
|
1904
|
-
return
|
|
1905
|
-
}),
|
|
2004
|
+
return Fe(t.options, P.value[P.value.length - 1], t.valueKey, t.childrenKey).map((j) => j[t.labelKey]).join(t.separator);
|
|
2005
|
+
const A = k.value[0];
|
|
2006
|
+
return A ? A[t.labelKey] : "";
|
|
2007
|
+
}), X = y(() => L.value ? k.value : []), Z = y(() => t.collapseTags ? X.value.slice(0, t.maxCollapseTags) : X.value), ee = y(() => t.collapseTags ? Math.max(0, X.value.length - t.maxCollapseTags) : 0), T = y(() => [
|
|
1906
2008
|
a.b(),
|
|
1907
2009
|
a.m(t.size),
|
|
1908
2010
|
a.is("disabled", t.disabled),
|
|
1909
|
-
a.is("multiple",
|
|
2011
|
+
a.is("multiple", L.value),
|
|
1910
2012
|
a.is("cascader", v.value),
|
|
1911
2013
|
a.is("filterable", t.filterable),
|
|
1912
2014
|
a.is("focus", x.value)
|
|
1913
2015
|
]), B = () => {
|
|
1914
2016
|
if (!m.value || !C.value || !x.value) return;
|
|
1915
|
-
const
|
|
1916
|
-
let
|
|
1917
|
-
se +
|
|
1918
|
-
top: `${
|
|
2017
|
+
const A = m.value.getBoundingClientRect(), q = C.value.getBoundingClientRect();
|
|
2018
|
+
let j = A.bottom + 4, se = A.left;
|
|
2019
|
+
se + q.width > window.innerWidth && (se = window.innerWidth - q.width - 8), j + q.height > window.innerHeight && (j = A.top - q.height - 4), $.value = {
|
|
2020
|
+
top: `${j}px`,
|
|
1919
2021
|
left: `${se}px`
|
|
1920
2022
|
};
|
|
1921
2023
|
}, w = () => {
|
|
1922
|
-
t.disabled || (x.value = !0,
|
|
2024
|
+
t.disabled || (x.value = !0, Y.value = l(), S.value = "", Se(() => {
|
|
1923
2025
|
B();
|
|
1924
2026
|
}), e("visible-change", !0), e("focus", {}));
|
|
1925
2027
|
}, o = () => {
|
|
1926
2028
|
x.value = !1, S.value = "", D.value = [], e("visible-change", !1), e("blur", {});
|
|
1927
|
-
},
|
|
1928
|
-
if (!
|
|
1929
|
-
if (
|
|
1930
|
-
const
|
|
2029
|
+
}, c = (A) => {
|
|
2030
|
+
if (!A.disabled)
|
|
2031
|
+
if (L.value) {
|
|
2032
|
+
const q = [...P.value], j = A[t.valueKey], se = q.indexOf(j);
|
|
1931
2033
|
if (se > -1)
|
|
1932
|
-
|
|
2034
|
+
q.splice(se, 1), e("remove-tag", j);
|
|
1933
2035
|
else {
|
|
1934
|
-
if (t.multipleLimit > 0 &&
|
|
2036
|
+
if (t.multipleLimit > 0 && q.length >= t.multipleLimit)
|
|
1935
2037
|
return;
|
|
1936
|
-
|
|
2038
|
+
q.push(j);
|
|
1937
2039
|
}
|
|
1938
|
-
|
|
2040
|
+
M(q);
|
|
1939
2041
|
} else if (v.value)
|
|
1940
|
-
if (
|
|
1941
|
-
const
|
|
1942
|
-
D.value =
|
|
2042
|
+
if (A.children && A.children.length > 0) {
|
|
2043
|
+
const q = Fe(t.options, A[t.valueKey], t.valueKey, t.childrenKey);
|
|
2044
|
+
D.value = q;
|
|
1943
2045
|
} else {
|
|
1944
|
-
const
|
|
1945
|
-
|
|
2046
|
+
const j = Fe(t.options, A[t.valueKey], t.valueKey, t.childrenKey).map((se) => se[t.valueKey]);
|
|
2047
|
+
M(j), o();
|
|
1946
2048
|
}
|
|
1947
2049
|
else
|
|
1948
|
-
|
|
1949
|
-
},
|
|
1950
|
-
const
|
|
1951
|
-
|
|
1952
|
-
},
|
|
1953
|
-
const
|
|
1954
|
-
|
|
1955
|
-
}, le = (
|
|
1956
|
-
S.value =
|
|
1957
|
-
},
|
|
2050
|
+
M(A[t.valueKey]), o();
|
|
2051
|
+
}, g = (A) => {
|
|
2052
|
+
const q = P.value.filter((j) => j !== A[t.valueKey]);
|
|
2053
|
+
M(q), e("remove-tag", A[t.valueKey]);
|
|
2054
|
+
}, K = () => {
|
|
2055
|
+
const A = L.value ? [] : "";
|
|
2056
|
+
M(A), e("clear");
|
|
2057
|
+
}, le = (A) => {
|
|
2058
|
+
S.value = A.target.value;
|
|
2059
|
+
}, z = (A) => {
|
|
1958
2060
|
if (!m.value) return;
|
|
1959
|
-
const
|
|
1960
|
-
m.value.contains(
|
|
1961
|
-
}, te = (
|
|
1962
|
-
if (
|
|
2061
|
+
const q = A.target;
|
|
2062
|
+
m.value.contains(q) || C.value && C.value.contains(q) || o();
|
|
2063
|
+
}, te = (A) => {
|
|
2064
|
+
if (A.key === "Escape")
|
|
1963
2065
|
o();
|
|
1964
|
-
else if (
|
|
1965
|
-
const
|
|
1966
|
-
|
|
1967
|
-
} else
|
|
1968
|
-
},
|
|
2066
|
+
else if (A.key === "Enter" && x.value) {
|
|
2067
|
+
const q = f.value[V.value];
|
|
2068
|
+
q && c(q);
|
|
2069
|
+
} else A.key === "ArrowDown" && x.value ? (A.preventDefault(), V.value = Math.min(V.value + 1, f.value.length - 1)) : A.key === "ArrowUp" && x.value && (A.preventDefault(), V.value = Math.max(V.value - 1, 0));
|
|
2070
|
+
}, N = (A) => P.value.includes(A[t.valueKey]), ve = (A, q) => [
|
|
1969
2071
|
a.e("option"),
|
|
1970
|
-
a.is("selected",
|
|
1971
|
-
a.is("disabled",
|
|
1972
|
-
a.is("hover", V.value ===
|
|
1973
|
-
a.is("group", !!(
|
|
1974
|
-
], ye =
|
|
2072
|
+
a.is("selected", N(A)),
|
|
2073
|
+
a.is("disabled", A.disabled === !0),
|
|
2074
|
+
a.is("hover", V.value === q),
|
|
2075
|
+
a.is("group", !!(A.children && A.children.length > 0))
|
|
2076
|
+
], ye = y(() => {
|
|
1975
2077
|
if (!v.value) return [];
|
|
1976
|
-
const
|
|
1977
|
-
for (const
|
|
1978
|
-
|
|
1979
|
-
return
|
|
2078
|
+
const A = [t.options];
|
|
2079
|
+
for (const q of D.value)
|
|
2080
|
+
q.children && q.children.length > 0 && A.push(q.children);
|
|
2081
|
+
return A;
|
|
1980
2082
|
});
|
|
1981
|
-
return
|
|
1982
|
-
document.addEventListener("click",
|
|
1983
|
-
}),
|
|
1984
|
-
document.removeEventListener("click",
|
|
1985
|
-
}),
|
|
1986
|
-
|
|
1987
|
-
}),
|
|
1988
|
-
selectedValues:
|
|
1989
|
-
handleSelect:
|
|
1990
|
-
isSelected:
|
|
1991
|
-
}), (
|
|
2083
|
+
return xe(() => {
|
|
2084
|
+
document.addEventListener("click", z), document.addEventListener("keydown", te);
|
|
2085
|
+
}), we(() => {
|
|
2086
|
+
document.removeEventListener("click", z), document.removeEventListener("keydown", te), document.removeEventListener("scroll", B, !0);
|
|
2087
|
+
}), ce(x, (A) => {
|
|
2088
|
+
A ? document.addEventListener("scroll", B, !0) : document.removeEventListener("scroll", B, !0);
|
|
2089
|
+
}), $e("select", {
|
|
2090
|
+
selectedValues: P,
|
|
2091
|
+
handleSelect: c,
|
|
2092
|
+
isSelected: N
|
|
2093
|
+
}), (A, q) => (i(), d("div", {
|
|
1992
2094
|
ref_key: "selectRef",
|
|
1993
2095
|
ref: m,
|
|
1994
2096
|
class: u(T.value)
|
|
1995
2097
|
}, [
|
|
1996
|
-
|
|
2098
|
+
r("div", {
|
|
1997
2099
|
class: u(s(a).e("wrapper")),
|
|
1998
|
-
onClick:
|
|
2100
|
+
onClick: q[0] || (q[0] = (j) => x.value ? o() : w())
|
|
1999
2101
|
}, [
|
|
2000
|
-
|
|
2102
|
+
L.value && X.value.length > 0 ? (i(), d("div", {
|
|
2001
2103
|
key: 0,
|
|
2002
2104
|
class: u(s(a).e("tags"))
|
|
2003
2105
|
}, [
|
|
2004
|
-
(
|
|
2005
|
-
key:
|
|
2106
|
+
(i(!0), d(G, null, Q(Z.value, (j) => (i(), d("span", {
|
|
2107
|
+
key: j[n.valueKey],
|
|
2006
2108
|
class: u(s(a).e("tag"))
|
|
2007
2109
|
}, [
|
|
2008
|
-
|
|
2110
|
+
r("span", {
|
|
2009
2111
|
class: u(s(a).e("tag-text"))
|
|
2010
|
-
},
|
|
2011
|
-
|
|
2112
|
+
}, H(j[n.labelKey]), 3),
|
|
2113
|
+
r("span", {
|
|
2012
2114
|
class: u(s(a).e("tag-close")),
|
|
2013
|
-
onClick:
|
|
2014
|
-
}, "×", 10,
|
|
2115
|
+
onClick: oe((se) => g(j), ["stop"])
|
|
2116
|
+
}, "×", 10, Rt)
|
|
2015
2117
|
], 2))), 128)),
|
|
2016
|
-
ee.value > 0 ? (
|
|
2118
|
+
ee.value > 0 ? (i(), d("span", {
|
|
2017
2119
|
key: 0,
|
|
2018
2120
|
class: u(s(a).e("tag-count"))
|
|
2019
|
-
}, " +" +
|
|
2121
|
+
}, " +" + H(ee.value), 3)) : O("", !0)
|
|
2020
2122
|
], 2)) : O("", !0),
|
|
2021
|
-
|
|
2123
|
+
r("input", {
|
|
2022
2124
|
ref_key: "inputRef",
|
|
2023
2125
|
ref: p,
|
|
2024
2126
|
class: u(s(a).e("input")),
|
|
2025
|
-
placeholder:
|
|
2127
|
+
placeholder: L.value && X.value.length > 0 ? "" : n.placeholder,
|
|
2026
2128
|
disabled: n.disabled,
|
|
2027
2129
|
readonly: !n.filterable || !x.value,
|
|
2028
|
-
value: n.filterable && x.value ? S.value :
|
|
2130
|
+
value: n.filterable && x.value ? S.value : W.value,
|
|
2029
2131
|
onInput: le
|
|
2030
|
-
}, null, 42,
|
|
2031
|
-
|
|
2132
|
+
}, null, 42, Bt),
|
|
2133
|
+
r("span", {
|
|
2032
2134
|
class: u(s(a).e("suffix"))
|
|
2033
2135
|
}, [
|
|
2034
|
-
n.clearable &&
|
|
2136
|
+
n.clearable && P.value.length > 0 && !n.disabled ? (i(), d("span", {
|
|
2035
2137
|
key: 0,
|
|
2036
2138
|
class: u(s(a).e("clear")),
|
|
2037
|
-
onClick:
|
|
2038
|
-
}, "×", 2)) : (
|
|
2139
|
+
onClick: oe(K, ["stop"])
|
|
2140
|
+
}, "×", 2)) : (i(), d("span", {
|
|
2039
2141
|
key: 1,
|
|
2040
2142
|
class: u([s(a).e("arrow"), s(a).is("reverse", x.value)])
|
|
2041
2143
|
}, "▼", 2))
|
|
2042
2144
|
], 2)
|
|
2043
2145
|
], 2),
|
|
2044
|
-
(
|
|
2045
|
-
|
|
2046
|
-
default:
|
|
2047
|
-
|
|
2146
|
+
(i(), ge(Ie, { to: "body" }, [
|
|
2147
|
+
Ce(Le, { name: "fade" }, {
|
|
2148
|
+
default: Pe(() => [
|
|
2149
|
+
ue(r("div", {
|
|
2048
2150
|
ref_key: "popperRef",
|
|
2049
2151
|
ref: C,
|
|
2050
2152
|
class: u([s(a).e("popper"), s(a).is("cascader", v.value)]),
|
|
2051
|
-
style: ne({ zIndex:
|
|
2153
|
+
style: ne({ zIndex: Y.value, ...$.value })
|
|
2052
2154
|
}, [
|
|
2053
|
-
v.value ? (
|
|
2155
|
+
v.value ? (i(), d("div", {
|
|
2054
2156
|
key: 0,
|
|
2055
2157
|
class: u(s(a).e("cascader-panels"))
|
|
2056
2158
|
}, [
|
|
2057
|
-
(
|
|
2159
|
+
(i(!0), d(G, null, Q(ye.value, (j, se) => (i(), d("div", {
|
|
2058
2160
|
key: se,
|
|
2059
2161
|
class: u(s(a).e("cascader-panel"))
|
|
2060
2162
|
}, [
|
|
2061
|
-
(
|
|
2163
|
+
(i(!0), d(G, null, Q(j, (re, Ve) => (i(), d("div", {
|
|
2062
2164
|
key: re[n.valueKey],
|
|
2063
|
-
class: u(
|
|
2064
|
-
onClick: (
|
|
2165
|
+
class: u(ve(re, Ve)),
|
|
2166
|
+
onClick: (Me) => c(re)
|
|
2065
2167
|
}, [
|
|
2066
|
-
|
|
2168
|
+
r("span", {
|
|
2067
2169
|
class: u(s(a).e("option-label"))
|
|
2068
|
-
},
|
|
2069
|
-
re.children && re.children.length > 0 ? (
|
|
2170
|
+
}, H(re[n.labelKey]), 3),
|
|
2171
|
+
re.children && re.children.length > 0 ? (i(), d("span", {
|
|
2070
2172
|
key: 0,
|
|
2071
2173
|
class: u(s(a).e("option-arrow"))
|
|
2072
2174
|
}, "›", 2)) : O("", !0)
|
|
2073
|
-
], 10,
|
|
2175
|
+
], 10, Ft))), 128))
|
|
2074
2176
|
], 2))), 128))
|
|
2075
|
-
], 2)) : (
|
|
2076
|
-
f.value.length === 0 ? (
|
|
2177
|
+
], 2)) : (i(), d(G, { key: 1 }, [
|
|
2178
|
+
f.value.length === 0 ? (i(), d("div", {
|
|
2077
2179
|
key: 0,
|
|
2078
2180
|
class: u(s(a).e("empty"))
|
|
2079
|
-
},
|
|
2181
|
+
}, H(S.value ? n.noMatchText : n.noDataText), 3)) : (i(), d("div", {
|
|
2080
2182
|
key: 1,
|
|
2081
2183
|
class: u(s(a).e("options"))
|
|
2082
2184
|
}, [
|
|
2083
|
-
(
|
|
2084
|
-
key:
|
|
2085
|
-
class: u(
|
|
2086
|
-
onClick: (re) =>
|
|
2185
|
+
(i(!0), d(G, null, Q(f.value, (j, se) => (i(), d("div", {
|
|
2186
|
+
key: j[n.valueKey],
|
|
2187
|
+
class: u(ve(j, se)),
|
|
2188
|
+
onClick: (re) => c(j)
|
|
2087
2189
|
}, [
|
|
2088
|
-
|
|
2190
|
+
r("span", {
|
|
2089
2191
|
class: u(s(a).e("option-label"))
|
|
2090
|
-
},
|
|
2091
|
-
|
|
2192
|
+
}, H(j[n.labelKey]), 3),
|
|
2193
|
+
N(j) ? (i(), d("span", {
|
|
2092
2194
|
key: 0,
|
|
2093
2195
|
class: u(s(a).e("option-check"))
|
|
2094
2196
|
}, "✓", 2)) : O("", !0)
|
|
2095
|
-
], 10,
|
|
2197
|
+
], 10, It))), 128))
|
|
2096
2198
|
], 2))
|
|
2097
2199
|
], 64))
|
|
2098
2200
|
], 6), [
|
|
2099
|
-
[
|
|
2201
|
+
[Ae, x.value]
|
|
2100
2202
|
])
|
|
2101
2203
|
]),
|
|
2102
2204
|
_: 1
|
|
@@ -2104,7 +2206,7 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2104
2206
|
]))
|
|
2105
2207
|
], 2));
|
|
2106
2208
|
}
|
|
2107
|
-
}),
|
|
2209
|
+
}), Lt = ["checked", "indeterminate"], Pt = ["placeholder"], At = ["onClick"], Yt = ["checked", "disabled", "onChange"], Et = ["disabled"], Ht = ["disabled"], zt = ["checked", "indeterminate"], Ot = ["placeholder"], Nt = ["onClick"], Ut = ["checked", "disabled", "onChange"], Ol = /* @__PURE__ */ J({
|
|
2108
2210
|
name: "XTransfer",
|
|
2109
2211
|
__name: "index",
|
|
2110
2212
|
props: {
|
|
@@ -2121,222 +2223,222 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2121
2223
|
rightDefaultChecked: { default: () => [] }
|
|
2122
2224
|
},
|
|
2123
2225
|
emits: ["update:modelValue", "change", "left-check-change", "right-check-change"],
|
|
2124
|
-
setup(n, { expose:
|
|
2125
|
-
const e = n, a = t, l =
|
|
2226
|
+
setup(n, { expose: b, emit: t }) {
|
|
2227
|
+
const e = n, a = t, l = _("transfer"), m = y(() => {
|
|
2126
2228
|
var o;
|
|
2127
2229
|
return ((o = e.props) == null ? void 0 : o.key) || "key";
|
|
2128
|
-
}), p =
|
|
2230
|
+
}), p = y(() => {
|
|
2129
2231
|
var o;
|
|
2130
2232
|
return ((o = e.props) == null ? void 0 : o.label) || "label";
|
|
2131
|
-
}), C =
|
|
2233
|
+
}), C = y(() => {
|
|
2132
2234
|
var o;
|
|
2133
2235
|
return ((o = e.props) == null ? void 0 : o.disabled) || "disabled";
|
|
2134
|
-
}), x = E(""),
|
|
2135
|
-
const
|
|
2136
|
-
return e.modelValue.includes(
|
|
2137
|
-
})),
|
|
2236
|
+
}), x = E(""), Y = E(""), S = E([]), V = E([]), $ = (o) => o[m.value], L = (o) => o[p.value], v = (o) => o[C.value] || !1, D = y(() => e.data.filter((o) => {
|
|
2237
|
+
const c = $(o);
|
|
2238
|
+
return e.modelValue.includes(c) ? !1 : e.filterable && x.value ? e.filterMethod ? e.filterMethod(x.value, o) : L(o).toLowerCase().includes(x.value.toLowerCase()) : !0;
|
|
2239
|
+
})), R = y(() => {
|
|
2138
2240
|
const o = e.modelValue;
|
|
2139
|
-
let
|
|
2140
|
-
const
|
|
2141
|
-
return o.includes(
|
|
2241
|
+
let c = e.data.filter((g) => {
|
|
2242
|
+
const K = $(g);
|
|
2243
|
+
return o.includes(K);
|
|
2142
2244
|
});
|
|
2143
|
-
return e.filterable &&
|
|
2144
|
-
}),
|
|
2145
|
-
const o = S.value.filter((
|
|
2146
|
-
const
|
|
2147
|
-
return
|
|
2245
|
+
return e.filterable && Y.value && (c = c.filter((g) => e.filterMethod ? e.filterMethod(Y.value, g) : L(g).toLowerCase().includes(Y.value.toLowerCase()))), e.targetOrder === "push" ? c.sort((g, K) => o.indexOf($(g)) - o.indexOf($(K))) : e.targetOrder === "unshift" ? c.sort((g, K) => o.indexOf($(K)) - o.indexOf($(g))) : c;
|
|
2246
|
+
}), M = y(() => D.value.filter((o) => S.value.includes($(o))).every((o) => v(o))), P = y(() => R.value.filter((o) => V.value.includes($(o))).every((o) => v(o))), h = y(() => S.value.length === 0 || M.value), f = y(() => V.value.length === 0 || P.value), k = () => {
|
|
2247
|
+
const o = S.value.filter((g) => {
|
|
2248
|
+
const K = e.data.find((le) => $(le) === g);
|
|
2249
|
+
return K && !v(K);
|
|
2148
2250
|
});
|
|
2149
|
-
let
|
|
2150
|
-
e.targetOrder === "unshift" ?
|
|
2151
|
-
},
|
|
2152
|
-
const o = V.value.filter((
|
|
2153
|
-
const
|
|
2154
|
-
return
|
|
2155
|
-
}),
|
|
2156
|
-
a("update:modelValue",
|
|
2157
|
-
},
|
|
2158
|
-
const
|
|
2159
|
-
|
|
2160
|
-
},
|
|
2161
|
-
const
|
|
2162
|
-
|
|
2251
|
+
let c;
|
|
2252
|
+
e.targetOrder === "unshift" ? c = [...o, ...e.modelValue] : c = [...e.modelValue, ...o], a("update:modelValue", c), a("change", c, "right", o), S.value = [];
|
|
2253
|
+
}, W = () => {
|
|
2254
|
+
const o = V.value.filter((g) => {
|
|
2255
|
+
const K = e.data.find((le) => $(le) === g);
|
|
2256
|
+
return K && !v(K);
|
|
2257
|
+
}), c = e.modelValue.filter((g) => !o.includes(g));
|
|
2258
|
+
a("update:modelValue", c), a("change", c, "left", o), V.value = [];
|
|
2259
|
+
}, X = (o) => {
|
|
2260
|
+
const c = S.value.indexOf(o);
|
|
2261
|
+
c > -1 ? S.value.splice(c, 1) : S.value.push(o), a("left-check-change", [...S.value]);
|
|
2262
|
+
}, Z = (o) => {
|
|
2263
|
+
const c = V.value.indexOf(o);
|
|
2264
|
+
c > -1 ? V.value.splice(c, 1) : V.value.push(o), a("right-check-change", [...V.value]);
|
|
2163
2265
|
}, ee = () => {
|
|
2164
2266
|
S.value.length === D.value.filter((o) => !v(o)).length ? S.value = [] : S.value = D.value.filter((o) => !v(o)).map((o) => $(o)), a("left-check-change", [...S.value]);
|
|
2165
2267
|
}, T = () => {
|
|
2166
|
-
V.value.length ===
|
|
2268
|
+
V.value.length === R.value.filter((o) => !v(o)).length ? V.value = [] : V.value = R.value.filter((o) => !v(o)).map((o) => $(o)), a("right-check-change", [...V.value]);
|
|
2167
2269
|
}, B = (o) => {
|
|
2168
|
-
o === "left" ? x.value = "" :
|
|
2169
|
-
}, w =
|
|
2170
|
-
return
|
|
2270
|
+
o === "left" ? x.value = "" : Y.value = "";
|
|
2271
|
+
}, w = y(() => [l.b()]);
|
|
2272
|
+
return b({
|
|
2171
2273
|
clearQuery: B
|
|
2172
|
-
}), (o,
|
|
2274
|
+
}), (o, c) => (i(), d("div", {
|
|
2173
2275
|
class: u(w.value)
|
|
2174
2276
|
}, [
|
|
2175
|
-
|
|
2277
|
+
r("div", {
|
|
2176
2278
|
class: u(s(l).e("panel"))
|
|
2177
2279
|
}, [
|
|
2178
|
-
|
|
2280
|
+
r("div", {
|
|
2179
2281
|
class: u(s(l).e("header"))
|
|
2180
2282
|
}, [
|
|
2181
|
-
|
|
2283
|
+
r("label", {
|
|
2182
2284
|
class: u(s(l).e("checkbox"))
|
|
2183
2285
|
}, [
|
|
2184
|
-
|
|
2286
|
+
r("input", {
|
|
2185
2287
|
type: "checkbox",
|
|
2186
|
-
checked: S.value.length > 0 && S.value.length === D.value.filter((
|
|
2187
|
-
indeterminate: S.value.length > 0 && S.value.length < D.value.filter((
|
|
2288
|
+
checked: S.value.length > 0 && S.value.length === D.value.filter((g) => !v(g)).length,
|
|
2289
|
+
indeterminate: S.value.length > 0 && S.value.length < D.value.filter((g) => !v(g)).length,
|
|
2188
2290
|
onChange: ee
|
|
2189
|
-
}, null, 40,
|
|
2190
|
-
|
|
2291
|
+
}, null, 40, Lt),
|
|
2292
|
+
r("span", null, H(n.titles[0]), 1)
|
|
2191
2293
|
], 2),
|
|
2192
|
-
|
|
2294
|
+
r("span", {
|
|
2193
2295
|
class: u(s(l).e("count"))
|
|
2194
|
-
},
|
|
2296
|
+
}, H(S.value.length) + " / " + H(D.value.length), 3)
|
|
2195
2297
|
], 2),
|
|
2196
|
-
n.filterable ? (
|
|
2298
|
+
n.filterable ? (i(), d("div", {
|
|
2197
2299
|
key: 0,
|
|
2198
2300
|
class: u(s(l).e("filter"))
|
|
2199
2301
|
}, [
|
|
2200
|
-
|
|
2201
|
-
"onUpdate:modelValue":
|
|
2302
|
+
ue(r("input", {
|
|
2303
|
+
"onUpdate:modelValue": c[0] || (c[0] = (g) => x.value = g),
|
|
2202
2304
|
placeholder: n.filterPlaceholder,
|
|
2203
2305
|
class: u(s(l).e("filter-input"))
|
|
2204
|
-
}, null, 10,
|
|
2306
|
+
}, null, 10, Pt), [
|
|
2205
2307
|
[be, x.value]
|
|
2206
2308
|
]),
|
|
2207
|
-
x.value ? (
|
|
2309
|
+
x.value ? (i(), d("span", {
|
|
2208
2310
|
key: 0,
|
|
2209
2311
|
class: u(s(l).e("filter-clear")),
|
|
2210
|
-
onClick:
|
|
2312
|
+
onClick: c[1] || (c[1] = (g) => B("left"))
|
|
2211
2313
|
}, "×", 2)) : O("", !0)
|
|
2212
2314
|
], 2)) : O("", !0),
|
|
2213
|
-
|
|
2315
|
+
r("div", {
|
|
2214
2316
|
class: u(s(l).e("body"))
|
|
2215
2317
|
}, [
|
|
2216
|
-
(
|
|
2217
|
-
key: $(
|
|
2318
|
+
(i(!0), d(G, null, Q(D.value, (g) => (i(), d("div", {
|
|
2319
|
+
key: $(g),
|
|
2218
2320
|
class: u([
|
|
2219
2321
|
s(l).e("item"),
|
|
2220
|
-
s(l).is("disabled", v(
|
|
2221
|
-
s(l).is("checked", S.value.includes($(
|
|
2322
|
+
s(l).is("disabled", v(g)),
|
|
2323
|
+
s(l).is("checked", S.value.includes($(g)))
|
|
2222
2324
|
]),
|
|
2223
|
-
onClick: (
|
|
2325
|
+
onClick: (K) => !v(g) && X($(g))
|
|
2224
2326
|
}, [
|
|
2225
|
-
|
|
2327
|
+
r("label", {
|
|
2226
2328
|
class: u(s(l).e("checkbox"))
|
|
2227
2329
|
}, [
|
|
2228
|
-
|
|
2330
|
+
r("input", {
|
|
2229
2331
|
type: "checkbox",
|
|
2230
|
-
checked: S.value.includes($(
|
|
2231
|
-
disabled: v(
|
|
2232
|
-
onClick:
|
|
2332
|
+
checked: S.value.includes($(g)),
|
|
2333
|
+
disabled: v(g),
|
|
2334
|
+
onClick: c[2] || (c[2] = oe(() => {
|
|
2233
2335
|
}, ["stop"])),
|
|
2234
|
-
onChange: (
|
|
2235
|
-
}, null, 40,
|
|
2236
|
-
|
|
2336
|
+
onChange: (K) => X($(g))
|
|
2337
|
+
}, null, 40, Yt),
|
|
2338
|
+
r("span", null, H(L(g)), 1)
|
|
2237
2339
|
], 2)
|
|
2238
|
-
], 10,
|
|
2239
|
-
D.value.length === 0 ? (
|
|
2340
|
+
], 10, At))), 128)),
|
|
2341
|
+
D.value.length === 0 ? (i(), d("div", {
|
|
2240
2342
|
key: 0,
|
|
2241
2343
|
class: u(s(l).e("empty"))
|
|
2242
2344
|
}, [
|
|
2243
2345
|
ae(o.$slots, "left-empty", {}, () => [
|
|
2244
|
-
|
|
2346
|
+
c[6] || (c[6] = me("暂无数据", -1))
|
|
2245
2347
|
])
|
|
2246
2348
|
], 2)) : O("", !0)
|
|
2247
2349
|
], 2)
|
|
2248
2350
|
], 2),
|
|
2249
|
-
|
|
2351
|
+
r("div", {
|
|
2250
2352
|
class: u(s(l).e("buttons"))
|
|
2251
2353
|
}, [
|
|
2252
|
-
|
|
2354
|
+
r("button", {
|
|
2253
2355
|
class: u([s(l).e("button"), s(l).is("disabled", h.value)]),
|
|
2254
2356
|
disabled: h.value,
|
|
2255
2357
|
onClick: k
|
|
2256
|
-
},
|
|
2257
|
-
|
|
2358
|
+
}, H(n.buttonTexts[0] || ">"), 11, Et),
|
|
2359
|
+
r("button", {
|
|
2258
2360
|
class: u([s(l).e("button"), s(l).is("disabled", f.value)]),
|
|
2259
2361
|
disabled: f.value,
|
|
2260
|
-
onClick:
|
|
2261
|
-
},
|
|
2362
|
+
onClick: W
|
|
2363
|
+
}, H(n.buttonTexts[1] || "<"), 11, Ht)
|
|
2262
2364
|
], 2),
|
|
2263
|
-
|
|
2365
|
+
r("div", {
|
|
2264
2366
|
class: u(s(l).e("panel"))
|
|
2265
2367
|
}, [
|
|
2266
|
-
|
|
2368
|
+
r("div", {
|
|
2267
2369
|
class: u(s(l).e("header"))
|
|
2268
2370
|
}, [
|
|
2269
|
-
|
|
2371
|
+
r("label", {
|
|
2270
2372
|
class: u(s(l).e("checkbox"))
|
|
2271
2373
|
}, [
|
|
2272
|
-
|
|
2374
|
+
r("input", {
|
|
2273
2375
|
type: "checkbox",
|
|
2274
|
-
checked: V.value.length > 0 && V.value.length ===
|
|
2275
|
-
indeterminate: V.value.length > 0 && V.value.length <
|
|
2376
|
+
checked: V.value.length > 0 && V.value.length === R.value.filter((g) => !v(g)).length,
|
|
2377
|
+
indeterminate: V.value.length > 0 && V.value.length < R.value.filter((g) => !v(g)).length,
|
|
2276
2378
|
onChange: T
|
|
2277
|
-
}, null, 40,
|
|
2278
|
-
|
|
2379
|
+
}, null, 40, zt),
|
|
2380
|
+
r("span", null, H(n.titles[1]), 1)
|
|
2279
2381
|
], 2),
|
|
2280
|
-
|
|
2382
|
+
r("span", {
|
|
2281
2383
|
class: u(s(l).e("count"))
|
|
2282
|
-
},
|
|
2384
|
+
}, H(V.value.length) + " / " + H(R.value.length), 3)
|
|
2283
2385
|
], 2),
|
|
2284
|
-
n.filterable ? (
|
|
2386
|
+
n.filterable ? (i(), d("div", {
|
|
2285
2387
|
key: 0,
|
|
2286
2388
|
class: u(s(l).e("filter"))
|
|
2287
2389
|
}, [
|
|
2288
|
-
|
|
2289
|
-
"onUpdate:modelValue":
|
|
2390
|
+
ue(r("input", {
|
|
2391
|
+
"onUpdate:modelValue": c[3] || (c[3] = (g) => Y.value = g),
|
|
2290
2392
|
placeholder: n.filterPlaceholder,
|
|
2291
2393
|
class: u(s(l).e("filter-input"))
|
|
2292
|
-
}, null, 10,
|
|
2293
|
-
[be,
|
|
2394
|
+
}, null, 10, Ot), [
|
|
2395
|
+
[be, Y.value]
|
|
2294
2396
|
]),
|
|
2295
|
-
|
|
2397
|
+
Y.value ? (i(), d("span", {
|
|
2296
2398
|
key: 0,
|
|
2297
2399
|
class: u(s(l).e("filter-clear")),
|
|
2298
|
-
onClick:
|
|
2400
|
+
onClick: c[4] || (c[4] = (g) => B("right"))
|
|
2299
2401
|
}, "×", 2)) : O("", !0)
|
|
2300
2402
|
], 2)) : O("", !0),
|
|
2301
|
-
|
|
2403
|
+
r("div", {
|
|
2302
2404
|
class: u(s(l).e("body"))
|
|
2303
2405
|
}, [
|
|
2304
|
-
(
|
|
2305
|
-
key: $(
|
|
2406
|
+
(i(!0), d(G, null, Q(R.value, (g) => (i(), d("div", {
|
|
2407
|
+
key: $(g),
|
|
2306
2408
|
class: u([
|
|
2307
2409
|
s(l).e("item"),
|
|
2308
|
-
s(l).is("disabled", v(
|
|
2309
|
-
s(l).is("checked", V.value.includes($(
|
|
2410
|
+
s(l).is("disabled", v(g)),
|
|
2411
|
+
s(l).is("checked", V.value.includes($(g)))
|
|
2310
2412
|
]),
|
|
2311
|
-
onClick: (
|
|
2413
|
+
onClick: (K) => !v(g) && Z($(g))
|
|
2312
2414
|
}, [
|
|
2313
|
-
|
|
2415
|
+
r("label", {
|
|
2314
2416
|
class: u(s(l).e("checkbox"))
|
|
2315
2417
|
}, [
|
|
2316
|
-
|
|
2418
|
+
r("input", {
|
|
2317
2419
|
type: "checkbox",
|
|
2318
|
-
checked: V.value.includes($(
|
|
2319
|
-
disabled: v(
|
|
2320
|
-
onClick:
|
|
2420
|
+
checked: V.value.includes($(g)),
|
|
2421
|
+
disabled: v(g),
|
|
2422
|
+
onClick: c[5] || (c[5] = oe(() => {
|
|
2321
2423
|
}, ["stop"])),
|
|
2322
|
-
onChange: (
|
|
2323
|
-
}, null, 40,
|
|
2324
|
-
|
|
2424
|
+
onChange: (K) => Z($(g))
|
|
2425
|
+
}, null, 40, Ut),
|
|
2426
|
+
r("span", null, H(L(g)), 1)
|
|
2325
2427
|
], 2)
|
|
2326
|
-
], 10,
|
|
2327
|
-
|
|
2428
|
+
], 10, Nt))), 128)),
|
|
2429
|
+
R.value.length === 0 ? (i(), d("div", {
|
|
2328
2430
|
key: 0,
|
|
2329
2431
|
class: u(s(l).e("empty"))
|
|
2330
2432
|
}, [
|
|
2331
2433
|
ae(o.$slots, "right-empty", {}, () => [
|
|
2332
|
-
|
|
2434
|
+
c[7] || (c[7] = me("暂无数据", -1))
|
|
2333
2435
|
])
|
|
2334
2436
|
], 2)) : O("", !0)
|
|
2335
2437
|
], 2)
|
|
2336
2438
|
], 2)
|
|
2337
2439
|
], 2));
|
|
2338
2440
|
}
|
|
2339
|
-
}),
|
|
2441
|
+
}), Xt = { key: 0 }, Kt = { key: 1 }, Nl = /* @__PURE__ */ J({
|
|
2340
2442
|
name: "XSlider",
|
|
2341
2443
|
__name: "index",
|
|
2342
2444
|
props: {
|
|
@@ -2353,28 +2455,28 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2353
2455
|
marks: {}
|
|
2354
2456
|
},
|
|
2355
2457
|
emits: ["update:modelValue", "change", "input"],
|
|
2356
|
-
setup(n, { emit:
|
|
2357
|
-
const t = n, e =
|
|
2458
|
+
setup(n, { emit: b }) {
|
|
2459
|
+
const t = n, e = b, a = _("slider"), l = E(), m = E(), p = E(!1), C = E(!1), x = y(() => {
|
|
2358
2460
|
const B = t.max - t.min;
|
|
2359
2461
|
return (t.modelValue - t.min) / B * 100;
|
|
2360
|
-
}),
|
|
2462
|
+
}), Y = y(() => t.formatTooltip ? t.formatTooltip(t.modelValue) : t.modelValue), S = y(() => {
|
|
2361
2463
|
if (!t.showStops || t.min >= t.max) return [];
|
|
2362
2464
|
const B = [], w = (t.max - t.min) / t.step;
|
|
2363
2465
|
for (let o = 0; o <= w; o++) {
|
|
2364
|
-
const
|
|
2365
|
-
|
|
2466
|
+
const c = t.min + o * t.step;
|
|
2467
|
+
c > t.min && c < t.max && B.push((c - t.min) / (t.max - t.min) * 100);
|
|
2366
2468
|
}
|
|
2367
2469
|
return B;
|
|
2368
|
-
}), V =
|
|
2369
|
-
const w = Number(B), o = t.marks[w],
|
|
2370
|
-
let
|
|
2371
|
-
return typeof o == "string" ?
|
|
2372
|
-
}) : []), $ = () => l.value ? t.vertical ? l.value.offsetHeight : l.value.offsetWidth : 0,
|
|
2470
|
+
}), V = y(() => t.marks ? Object.keys(t.marks).map((B) => {
|
|
2471
|
+
const w = Number(B), o = t.marks[w], c = (w - t.min) / (t.max - t.min) * 100;
|
|
2472
|
+
let g, K = {};
|
|
2473
|
+
return typeof o == "string" ? g = o : (g = o.label || String(w), K = o.style || {}), { value: w, pos: c, label: g, style: K };
|
|
2474
|
+
}) : []), $ = () => l.value ? t.vertical ? l.value.offsetHeight : l.value.offsetWidth : 0, L = (B, w) => {
|
|
2373
2475
|
if (!l.value) return t.modelValue;
|
|
2374
|
-
const o = l.value.getBoundingClientRect(),
|
|
2375
|
-
let
|
|
2376
|
-
t.vertical ?
|
|
2377
|
-
const
|
|
2476
|
+
const o = l.value.getBoundingClientRect(), c = $();
|
|
2477
|
+
let g;
|
|
2478
|
+
t.vertical ? g = (o.bottom - w) / c * 100 : g = (B - o.left) / c * 100, g = Math.max(0, Math.min(100, g));
|
|
2479
|
+
const K = t.min + g / 100 * (t.max - t.min), le = Math.round(K / t.step) * t.step;
|
|
2378
2480
|
return Math.max(t.min, Math.min(t.max, le));
|
|
2379
2481
|
}, v = (B) => {
|
|
2380
2482
|
if (t.disabled) return;
|
|
@@ -2383,108 +2485,108 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2383
2485
|
}, D = (B) => {
|
|
2384
2486
|
if (t.disabled) return;
|
|
2385
2487
|
B.preventDefault(), C.value = !0, p.value = !0;
|
|
2386
|
-
const w =
|
|
2387
|
-
v(w), document.addEventListener("mousemove",
|
|
2388
|
-
},
|
|
2488
|
+
const w = L(B.clientX, B.clientY);
|
|
2489
|
+
v(w), document.addEventListener("mousemove", R), document.addEventListener("mouseup", M);
|
|
2490
|
+
}, R = (B) => {
|
|
2389
2491
|
if (!C.value) return;
|
|
2390
|
-
const w =
|
|
2492
|
+
const w = L(B.clientX, B.clientY);
|
|
2391
2493
|
v(w);
|
|
2392
|
-
},
|
|
2393
|
-
C.value = !1, e("change", t.modelValue), document.removeEventListener("mousemove",
|
|
2394
|
-
},
|
|
2494
|
+
}, M = () => {
|
|
2495
|
+
C.value = !1, e("change", t.modelValue), document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", M);
|
|
2496
|
+
}, P = (B) => {
|
|
2395
2497
|
if (t.disabled) return;
|
|
2396
2498
|
B.preventDefault(), C.value = !0, p.value = !0;
|
|
2397
|
-
const w = B.touches[0], o =
|
|
2499
|
+
const w = B.touches[0], o = L(w.clientX, w.clientY);
|
|
2398
2500
|
v(o);
|
|
2399
2501
|
}, h = (B) => {
|
|
2400
2502
|
if (!C.value) return;
|
|
2401
|
-
const w = B.touches[0], o =
|
|
2503
|
+
const w = B.touches[0], o = L(w.clientX, w.clientY);
|
|
2402
2504
|
v(o);
|
|
2403
2505
|
}, f = () => {
|
|
2404
2506
|
C.value = !1, e("change", t.modelValue);
|
|
2405
2507
|
}, k = () => {
|
|
2406
2508
|
t.showTooltip && (p.value = !0);
|
|
2407
|
-
},
|
|
2509
|
+
}, W = () => {
|
|
2408
2510
|
C.value || (p.value = !1);
|
|
2409
2511
|
};
|
|
2410
|
-
|
|
2411
|
-
document.removeEventListener("mousemove",
|
|
2512
|
+
we(() => {
|
|
2513
|
+
document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", M);
|
|
2412
2514
|
});
|
|
2413
|
-
const
|
|
2515
|
+
const X = y(() => [
|
|
2414
2516
|
a.b(),
|
|
2415
2517
|
a.is("disabled", t.disabled),
|
|
2416
2518
|
a.is("vertical", t.vertical)
|
|
2417
|
-
]),
|
|
2418
|
-
return (B, w) => (
|
|
2419
|
-
class: u(
|
|
2420
|
-
style: ne(
|
|
2519
|
+
]), Z = y(() => t.vertical && t.height ? { height: typeof t.height == "number" ? `${t.height}px` : t.height } : {}), ee = y(() => t.vertical ? { height: `${x.value}%` } : { width: `${x.value}%` }), T = y(() => t.vertical ? { bottom: `${x.value}%` } : { left: `${x.value}%` });
|
|
2520
|
+
return (B, w) => (i(), d("div", {
|
|
2521
|
+
class: u(X.value),
|
|
2522
|
+
style: ne(Z.value)
|
|
2421
2523
|
}, [
|
|
2422
|
-
|
|
2524
|
+
r("div", {
|
|
2423
2525
|
ref_key: "sliderRef",
|
|
2424
2526
|
ref: l,
|
|
2425
2527
|
class: u(s(a).e("runway")),
|
|
2426
2528
|
onMousedown: D,
|
|
2427
|
-
onTouchstart:
|
|
2529
|
+
onTouchstart: P
|
|
2428
2530
|
}, [
|
|
2429
|
-
|
|
2531
|
+
r("div", {
|
|
2430
2532
|
class: u(s(a).e("bar")),
|
|
2431
2533
|
style: ne(ee.value)
|
|
2432
2534
|
}, null, 6),
|
|
2433
|
-
n.showStops ? (
|
|
2434
|
-
(
|
|
2435
|
-
key:
|
|
2535
|
+
n.showStops ? (i(), d("div", Xt, [
|
|
2536
|
+
(i(!0), d(G, null, Q(S.value, (o, c) => (i(), d("div", {
|
|
2537
|
+
key: c,
|
|
2436
2538
|
class: u(s(a).e("stop")),
|
|
2437
2539
|
style: ne(n.vertical ? { bottom: `${o}%` } : { left: `${o}%` })
|
|
2438
2540
|
}, null, 6))), 128))
|
|
2439
2541
|
])) : O("", !0),
|
|
2440
|
-
V.value.length > 0 ? (
|
|
2441
|
-
(
|
|
2542
|
+
V.value.length > 0 ? (i(), d("div", Kt, [
|
|
2543
|
+
(i(!0), d(G, null, Q(V.value, (o) => (i(), d("div", {
|
|
2442
2544
|
key: o.value,
|
|
2443
2545
|
class: u(s(a).e("mark")),
|
|
2444
2546
|
style: ne(n.vertical ? { bottom: `${o.pos}%` } : { left: `${o.pos}%`, ...o.style })
|
|
2445
2547
|
}, [
|
|
2446
|
-
|
|
2548
|
+
r("span", {
|
|
2447
2549
|
class: u(s(a).e("mark-text"))
|
|
2448
|
-
},
|
|
2550
|
+
}, H(o.label), 3)
|
|
2449
2551
|
], 6))), 128))
|
|
2450
2552
|
])) : O("", !0),
|
|
2451
|
-
|
|
2553
|
+
r("div", {
|
|
2452
2554
|
ref_key: "buttonRef",
|
|
2453
2555
|
ref: m,
|
|
2454
2556
|
class: u(s(a).e("button-wrapper")),
|
|
2455
2557
|
style: ne(T.value),
|
|
2456
2558
|
onMouseenter: k,
|
|
2457
|
-
onMouseleave:
|
|
2559
|
+
onMouseleave: W,
|
|
2458
2560
|
onTouchmove: h,
|
|
2459
2561
|
onTouchend: f
|
|
2460
2562
|
}, [
|
|
2461
|
-
n.showTooltip && p.value ? (
|
|
2563
|
+
n.showTooltip && p.value ? (i(), d("div", {
|
|
2462
2564
|
key: 0,
|
|
2463
2565
|
class: u(s(a).e("tooltip"))
|
|
2464
|
-
},
|
|
2465
|
-
|
|
2566
|
+
}, H(Y.value), 3)) : O("", !0),
|
|
2567
|
+
r("div", {
|
|
2466
2568
|
class: u(s(a).e("button"))
|
|
2467
2569
|
}, null, 2)
|
|
2468
2570
|
], 38)
|
|
2469
2571
|
], 34)
|
|
2470
2572
|
], 6));
|
|
2471
2573
|
}
|
|
2472
|
-
}),
|
|
2574
|
+
}), Wt = ["src"], qt = {
|
|
2473
2575
|
key: 0,
|
|
2474
2576
|
class: "status-uploading"
|
|
2475
|
-
},
|
|
2577
|
+
}, Gt = { class: "progress-circle" }, jt = { class: "progress-text" }, Zt = {
|
|
2476
2578
|
key: 1,
|
|
2477
2579
|
class: "status-error"
|
|
2478
|
-
},
|
|
2580
|
+
}, Qt = {
|
|
2479
2581
|
key: 2,
|
|
2480
2582
|
class: "status-success"
|
|
2481
|
-
},
|
|
2583
|
+
}, Jt = {
|
|
2482
2584
|
key: 0,
|
|
2483
2585
|
class: "action-preview"
|
|
2484
|
-
},
|
|
2586
|
+
}, _t = ["onClick"], el = ["disabled"], tl = { class: "progress-text" }, ll = ["onClick"], al = ["src"], nl = {
|
|
2485
2587
|
key: 0,
|
|
2486
2588
|
class: "action-success"
|
|
2487
|
-
},
|
|
2589
|
+
}, sl = ["onClick"], ul = ["multiple", "accept", "disabled"], Ul = /* @__PURE__ */ J({
|
|
2488
2590
|
name: "XUpload",
|
|
2489
2591
|
__name: "index",
|
|
2490
2592
|
props: {
|
|
@@ -2513,12 +2615,12 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2513
2615
|
onExceed: {}
|
|
2514
2616
|
},
|
|
2515
2617
|
emits: ["update:fileList", "success", "error", "progress", "change", "remove", "exceed"],
|
|
2516
|
-
setup(n, { expose:
|
|
2517
|
-
const e = n, a = t, l =
|
|
2518
|
-
|
|
2618
|
+
setup(n, { expose: b, emit: t }) {
|
|
2619
|
+
const e = n, a = t, l = _("upload");
|
|
2620
|
+
He();
|
|
2519
2621
|
const m = E(), p = E([...e.fileList]), C = E(!1);
|
|
2520
2622
|
let x = 1;
|
|
2521
|
-
const
|
|
2623
|
+
const Y = () => Date.now() + x++, S = (T) => {
|
|
2522
2624
|
var o;
|
|
2523
2625
|
const B = (o = T.name.split(".").pop()) == null ? void 0 : o.toLowerCase(), w = {
|
|
2524
2626
|
pdf: "📄",
|
|
@@ -2535,12 +2637,12 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2535
2637
|
default: "📁"
|
|
2536
2638
|
};
|
|
2537
2639
|
return w[B || ""] || w.default;
|
|
2538
|
-
}, V =
|
|
2640
|
+
}, V = y(() => e.limit ? p.value.length < e.limit : !0), $ = y(() => [
|
|
2539
2641
|
l.b(),
|
|
2540
2642
|
l.is("disabled", e.disabled),
|
|
2541
2643
|
l.is("drag", e.drag),
|
|
2542
2644
|
l.m(e.listType)
|
|
2543
|
-
]),
|
|
2645
|
+
]), L = (T) => {
|
|
2544
2646
|
const B = T.target.files;
|
|
2545
2647
|
!B || B.length === 0 || (v(Array.from(B)), m.value && (m.value.value = ""));
|
|
2546
2648
|
}, v = async (T) => {
|
|
@@ -2552,25 +2654,25 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2552
2654
|
for (const o of T) {
|
|
2553
2655
|
if (e.beforeUpload && await e.beforeUpload(o, T) === !1)
|
|
2554
2656
|
continue;
|
|
2555
|
-
const
|
|
2657
|
+
const c = {
|
|
2556
2658
|
name: o.name,
|
|
2557
2659
|
size: o.size,
|
|
2558
2660
|
status: "ready",
|
|
2559
2661
|
percentage: 0,
|
|
2560
|
-
uid:
|
|
2662
|
+
uid: Y(),
|
|
2561
2663
|
raw: o
|
|
2562
2664
|
};
|
|
2563
|
-
o.type.startsWith("image/") && (
|
|
2665
|
+
o.type.startsWith("image/") && (c.thumbUrl = await D(o), c.url = c.thumbUrl), p.value.push(c), a("update:fileList", p.value), a("change", c, p.value), (w = e.onChange) == null || w.call(e, c, p.value), e.autoUpload && R(c);
|
|
2564
2666
|
}
|
|
2565
2667
|
}, D = (T) => new Promise((B) => {
|
|
2566
2668
|
const w = new FileReader();
|
|
2567
2669
|
w.onload = (o) => {
|
|
2568
|
-
var
|
|
2569
|
-
B((
|
|
2670
|
+
var c;
|
|
2671
|
+
B((c = o.target) == null ? void 0 : c.result);
|
|
2570
2672
|
}, w.readAsDataURL(T);
|
|
2571
|
-
}),
|
|
2673
|
+
}), R = (T) => {
|
|
2572
2674
|
if (!T.raw) return;
|
|
2573
|
-
T.status = "uploading", (e.httpRequest ||
|
|
2675
|
+
T.status = "uploading", (e.httpRequest || M)({
|
|
2574
2676
|
action: e.action,
|
|
2575
2677
|
headers: e.headers,
|
|
2576
2678
|
data: e.data,
|
|
@@ -2590,48 +2692,48 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2590
2692
|
T.status = "error", a("error", w, T, p.value), (o = e.onError) == null || o.call(e, w, T, p.value);
|
|
2591
2693
|
}
|
|
2592
2694
|
});
|
|
2593
|
-
},
|
|
2695
|
+
}, M = (T) => new Promise((B, w) => {
|
|
2594
2696
|
const o = new XMLHttpRequest();
|
|
2595
|
-
o.upload.addEventListener("progress", (
|
|
2596
|
-
|
|
2697
|
+
o.upload.addEventListener("progress", (g) => {
|
|
2698
|
+
g.lengthComputable && T.onProgress({ percent: g.loaded / g.total * 100 });
|
|
2597
2699
|
}), o.addEventListener("load", () => {
|
|
2598
2700
|
if (o.status < 200 || o.status >= 300) {
|
|
2599
2701
|
T.onError(new Error("Upload failed")), w(new Error("Upload failed"));
|
|
2600
2702
|
return;
|
|
2601
2703
|
}
|
|
2602
2704
|
try {
|
|
2603
|
-
const
|
|
2604
|
-
T.onSuccess(
|
|
2705
|
+
const g = JSON.parse(o.responseText);
|
|
2706
|
+
T.onSuccess(g), B(g);
|
|
2605
2707
|
} catch {
|
|
2606
2708
|
T.onSuccess(o.responseText), B(o.responseText);
|
|
2607
2709
|
}
|
|
2608
2710
|
}), o.addEventListener("error", () => {
|
|
2609
2711
|
T.onError(new Error("Upload error")), w(new Error("Upload error"));
|
|
2610
2712
|
});
|
|
2611
|
-
const
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
}), o.open("POST", T.action, !0), T.withCredentials && (o.withCredentials = !0), T.headers && Object.keys(T.headers).forEach((
|
|
2615
|
-
o.setRequestHeader(
|
|
2616
|
-
}), o.send(
|
|
2617
|
-
}),
|
|
2713
|
+
const c = new FormData();
|
|
2714
|
+
c.append(T.name, T.file), T.data && Object.keys(T.data).forEach((g) => {
|
|
2715
|
+
c.append(g, T.data[g]);
|
|
2716
|
+
}), o.open("POST", T.action, !0), T.withCredentials && (o.withCredentials = !0), T.headers && Object.keys(T.headers).forEach((g) => {
|
|
2717
|
+
o.setRequestHeader(g, T.headers[g]);
|
|
2718
|
+
}), o.send(c);
|
|
2719
|
+
}), P = async (T) => {
|
|
2618
2720
|
var w;
|
|
2619
2721
|
if (e.beforeRemove && await e.beforeRemove(T, p.value) === !1)
|
|
2620
2722
|
return;
|
|
2621
2723
|
const B = p.value.findIndex((o) => o.uid === T.uid);
|
|
2622
2724
|
B > -1 && (p.value.splice(B, 1), a("update:fileList", p.value), a("remove", T, p.value), (w = e.onRemove) == null || w.call(e, T, p.value));
|
|
2623
2725
|
}, h = () => {
|
|
2624
|
-
p.value.filter((T) => T.status === "ready" && T.raw).forEach((T) =>
|
|
2726
|
+
p.value.filter((T) => T.status === "ready" && T.raw).forEach((T) => R(T));
|
|
2625
2727
|
}, f = () => {
|
|
2626
2728
|
p.value = [], a("update:fileList", p.value);
|
|
2627
2729
|
}, k = () => {
|
|
2628
2730
|
var T;
|
|
2629
2731
|
e.disabled || (T = m.value) == null || T.click();
|
|
2630
|
-
},
|
|
2732
|
+
}, W = (T) => {
|
|
2631
2733
|
T.preventDefault(), !e.disabled && e.drag && (C.value = !0);
|
|
2632
|
-
},
|
|
2734
|
+
}, X = () => {
|
|
2633
2735
|
C.value = !1;
|
|
2634
|
-
},
|
|
2736
|
+
}, Z = (T) => {
|
|
2635
2737
|
var w;
|
|
2636
2738
|
if (T.preventDefault(), C.value = !1, e.disabled) return;
|
|
2637
2739
|
const B = (w = T.dataTransfer) == null ? void 0 : w.files;
|
|
@@ -2644,80 +2746,80 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2644
2746
|
o /= 1024, w++;
|
|
2645
2747
|
return `${o.toFixed(2)} ${B[w]}`;
|
|
2646
2748
|
};
|
|
2647
|
-
return
|
|
2749
|
+
return b({
|
|
2648
2750
|
submit: h,
|
|
2649
2751
|
clearFiles: f,
|
|
2650
2752
|
uploadFiles: p
|
|
2651
|
-
}), (T, B) => (
|
|
2753
|
+
}), (T, B) => (i(), d("div", {
|
|
2652
2754
|
class: u($.value)
|
|
2653
2755
|
}, [
|
|
2654
|
-
n.drag ? (
|
|
2756
|
+
n.drag ? (i(), d("div", {
|
|
2655
2757
|
key: 0,
|
|
2656
2758
|
class: u([s(l).e("drag"), s(l).is("dragover", C.value)]),
|
|
2657
2759
|
onClick: k,
|
|
2658
|
-
onDragover:
|
|
2659
|
-
onDragleave:
|
|
2660
|
-
onDrop:
|
|
2760
|
+
onDragover: W,
|
|
2761
|
+
onDragleave: X,
|
|
2762
|
+
onDrop: Z
|
|
2661
2763
|
}, [
|
|
2662
2764
|
ae(T.$slots, "drag", {}, () => [
|
|
2663
|
-
|
|
2765
|
+
r("span", {
|
|
2664
2766
|
class: u(s(l).e("drag-icon"))
|
|
2665
2767
|
}, "📁", 2),
|
|
2666
|
-
|
|
2768
|
+
r("div", {
|
|
2667
2769
|
class: u(s(l).e("drag-text"))
|
|
2668
2770
|
}, [...B[0] || (B[0] = [
|
|
2669
2771
|
me(" 将文件拖到此处,或", -1),
|
|
2670
|
-
|
|
2772
|
+
r("em", null, "点击上传", -1)
|
|
2671
2773
|
])], 2)
|
|
2672
2774
|
])
|
|
2673
|
-
], 34)) : n.listType === "picture-card" ? (
|
|
2775
|
+
], 34)) : n.listType === "picture-card" ? (i(), d("ul", {
|
|
2674
2776
|
key: 1,
|
|
2675
2777
|
class: u([s(l).e("files"), s(l).e("upload-list")])
|
|
2676
2778
|
}, [
|
|
2677
|
-
(
|
|
2779
|
+
(i(!0), d(G, null, Q(p.value, (w) => (i(), d("li", {
|
|
2678
2780
|
key: w.uid,
|
|
2679
2781
|
class: u([s(l).e("file"), s(l).is(`status-${w.status}`)])
|
|
2680
2782
|
}, [
|
|
2681
|
-
w.thumbUrl && w.status !== "uploading" ? (
|
|
2783
|
+
w.thumbUrl && w.status !== "uploading" ? (i(), d("img", {
|
|
2682
2784
|
key: 0,
|
|
2683
2785
|
src: w.thumbUrl,
|
|
2684
2786
|
class: u(s(l).e("file-image"))
|
|
2685
|
-
}, null, 10,
|
|
2787
|
+
}, null, 10, Wt)) : (i(), d("div", {
|
|
2686
2788
|
key: 1,
|
|
2687
2789
|
class: u(s(l).e("file-status"))
|
|
2688
2790
|
}, [
|
|
2689
|
-
w.status === "uploading" ? (
|
|
2690
|
-
|
|
2691
|
-
|
|
2791
|
+
w.status === "uploading" ? (i(), d("span", qt, [
|
|
2792
|
+
r("span", Gt, [
|
|
2793
|
+
r("span", jt, H(Math.round(w.percentage || 0)) + "%", 1)
|
|
2692
2794
|
])
|
|
2693
|
-
])) : w.status === "error" ? (
|
|
2795
|
+
])) : w.status === "error" ? (i(), d("span", Zt, "✕")) : w.status === "success" ? (i(), d("span", Qt, "✓")) : O("", !0)
|
|
2694
2796
|
], 2)),
|
|
2695
|
-
|
|
2797
|
+
r("span", {
|
|
2696
2798
|
class: u(s(l).e("file-actions"))
|
|
2697
2799
|
}, [
|
|
2698
|
-
w.url ? (
|
|
2699
|
-
|
|
2800
|
+
w.url ? (i(), d("span", Jt, "👁️")) : O("", !0),
|
|
2801
|
+
r("span", {
|
|
2700
2802
|
class: "action-remove",
|
|
2701
|
-
onClick: (o) =>
|
|
2702
|
-
}, "🗑️", 8,
|
|
2803
|
+
onClick: (o) => P(w)
|
|
2804
|
+
}, "🗑️", 8, _t)
|
|
2703
2805
|
], 2)
|
|
2704
2806
|
], 2))), 128)),
|
|
2705
|
-
V.value ? (
|
|
2807
|
+
V.value ? (i(), d("li", {
|
|
2706
2808
|
key: 0,
|
|
2707
2809
|
class: u(s(l).e("upload-card")),
|
|
2708
2810
|
onClick: k
|
|
2709
2811
|
}, [
|
|
2710
2812
|
ae(T.$slots, "trigger", {}, () => [
|
|
2711
|
-
B[1] || (B[1] =
|
|
2813
|
+
B[1] || (B[1] = r("span", { class: "upload-icon" }, "+", -1))
|
|
2712
2814
|
])
|
|
2713
2815
|
], 2)) : O("", !0)
|
|
2714
|
-
], 2)) : (
|
|
2715
|
-
|
|
2816
|
+
], 2)) : (i(), d(G, { key: 2 }, [
|
|
2817
|
+
r("div", {
|
|
2716
2818
|
class: u(s(l).e("trigger-wrapper")),
|
|
2717
2819
|
onClick: k
|
|
2718
2820
|
}, [
|
|
2719
2821
|
ae(T.$slots, "trigger", {}, () => [
|
|
2720
|
-
V.value ? (
|
|
2822
|
+
V.value ? (i(), d("button", {
|
|
2721
2823
|
key: 0,
|
|
2722
2824
|
type: "button",
|
|
2723
2825
|
class: u(s(l).e("trigger")),
|
|
@@ -2726,92 +2828,92 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2726
2828
|
ae(T.$slots, "default", {}, () => [
|
|
2727
2829
|
B[2] || (B[2] = me("点击上传", -1))
|
|
2728
2830
|
])
|
|
2729
|
-
], 10,
|
|
2831
|
+
], 10, el)) : O("", !0)
|
|
2730
2832
|
])
|
|
2731
2833
|
], 2),
|
|
2732
|
-
n.showFileList && p.value.length > 0 ? (
|
|
2834
|
+
n.showFileList && p.value.length > 0 ? (i(), d("ul", {
|
|
2733
2835
|
key: 0,
|
|
2734
2836
|
class: u(s(l).e("files"))
|
|
2735
2837
|
}, [
|
|
2736
|
-
(
|
|
2838
|
+
(i(!0), d(G, null, Q(p.value, (w) => (i(), d("li", {
|
|
2737
2839
|
key: w.uid,
|
|
2738
2840
|
class: u([s(l).e("file"), s(l).is(`status-${w.status}`)])
|
|
2739
2841
|
}, [
|
|
2740
|
-
n.listType === "text" ? (
|
|
2741
|
-
|
|
2842
|
+
n.listType === "text" ? (i(), d(G, { key: 0 }, [
|
|
2843
|
+
r("span", {
|
|
2742
2844
|
class: u(s(l).e("file-icon"))
|
|
2743
|
-
},
|
|
2744
|
-
|
|
2845
|
+
}, H(S(w)), 3),
|
|
2846
|
+
r("span", {
|
|
2745
2847
|
class: u(s(l).e("file-name"))
|
|
2746
|
-
},
|
|
2747
|
-
|
|
2848
|
+
}, H(w.name), 3),
|
|
2849
|
+
r("span", {
|
|
2748
2850
|
class: u(s(l).e("file-size"))
|
|
2749
|
-
},
|
|
2750
|
-
w.status === "uploading" ? (
|
|
2851
|
+
}, H(ee(w.size)), 3),
|
|
2852
|
+
w.status === "uploading" ? (i(), d("span", {
|
|
2751
2853
|
key: 0,
|
|
2752
2854
|
class: u(s(l).e("file-progress"))
|
|
2753
2855
|
}, [
|
|
2754
|
-
|
|
2856
|
+
r("span", {
|
|
2755
2857
|
class: "progress-bar",
|
|
2756
2858
|
style: ne({ width: w.percentage + "%" })
|
|
2757
2859
|
}, null, 4),
|
|
2758
|
-
|
|
2860
|
+
r("span", tl, H(Math.round(w.percentage || 0)) + "%", 1)
|
|
2759
2861
|
], 2)) : O("", !0),
|
|
2760
|
-
w.status === "success" ? (
|
|
2862
|
+
w.status === "success" ? (i(), d("span", {
|
|
2761
2863
|
key: 1,
|
|
2762
2864
|
class: u(s(l).e("file-success"))
|
|
2763
2865
|
}, "✓", 2)) : O("", !0),
|
|
2764
|
-
w.status === "error" ? (
|
|
2866
|
+
w.status === "error" ? (i(), d("span", {
|
|
2765
2867
|
key: 2,
|
|
2766
2868
|
class: u(s(l).e("file-error"))
|
|
2767
2869
|
}, "✕", 2)) : O("", !0),
|
|
2768
|
-
|
|
2870
|
+
r("span", {
|
|
2769
2871
|
class: u(s(l).e("file-actions"))
|
|
2770
2872
|
}, [
|
|
2771
|
-
|
|
2873
|
+
r("span", {
|
|
2772
2874
|
class: "action-remove",
|
|
2773
|
-
onClick: (o) =>
|
|
2774
|
-
}, "✕", 8,
|
|
2875
|
+
onClick: (o) => P(w)
|
|
2876
|
+
}, "✕", 8, ll)
|
|
2775
2877
|
], 2)
|
|
2776
|
-
], 64)) : n.listType === "picture" ? (
|
|
2777
|
-
w.thumbUrl ? (
|
|
2878
|
+
], 64)) : n.listType === "picture" ? (i(), d(G, { key: 1 }, [
|
|
2879
|
+
w.thumbUrl ? (i(), d("img", {
|
|
2778
2880
|
key: 0,
|
|
2779
2881
|
src: w.thumbUrl,
|
|
2780
2882
|
class: u(s(l).e("file-thumb"))
|
|
2781
|
-
}, null, 10,
|
|
2883
|
+
}, null, 10, al)) : (i(), d("span", {
|
|
2782
2884
|
key: 1,
|
|
2783
2885
|
class: u(s(l).e("file-icon"))
|
|
2784
|
-
},
|
|
2785
|
-
|
|
2886
|
+
}, H(S(w)), 3)),
|
|
2887
|
+
r("div", {
|
|
2786
2888
|
class: u(s(l).e("file-info"))
|
|
2787
2889
|
}, [
|
|
2788
|
-
|
|
2890
|
+
r("span", {
|
|
2789
2891
|
class: u(s(l).e("file-name"))
|
|
2790
|
-
},
|
|
2791
|
-
w.status === "uploading" ? (
|
|
2892
|
+
}, H(w.name), 3),
|
|
2893
|
+
w.status === "uploading" ? (i(), d("span", {
|
|
2792
2894
|
key: 0,
|
|
2793
2895
|
class: u(s(l).e("file-progress"))
|
|
2794
2896
|
}, [
|
|
2795
|
-
|
|
2897
|
+
r("span", {
|
|
2796
2898
|
class: "progress-bar",
|
|
2797
2899
|
style: ne({ width: w.percentage + "%" })
|
|
2798
2900
|
}, null, 4)
|
|
2799
2901
|
], 2)) : O("", !0)
|
|
2800
2902
|
], 2),
|
|
2801
|
-
|
|
2903
|
+
r("span", {
|
|
2802
2904
|
class: u(s(l).e("file-actions"))
|
|
2803
2905
|
}, [
|
|
2804
|
-
w.status === "success" ? (
|
|
2805
|
-
|
|
2906
|
+
w.status === "success" ? (i(), d("span", nl, "✓")) : O("", !0),
|
|
2907
|
+
r("span", {
|
|
2806
2908
|
class: "action-remove",
|
|
2807
|
-
onClick: (o) =>
|
|
2808
|
-
}, "✕", 8,
|
|
2909
|
+
onClick: (o) => P(w)
|
|
2910
|
+
}, "✕", 8, sl)
|
|
2809
2911
|
], 2)
|
|
2810
2912
|
], 64)) : O("", !0)
|
|
2811
2913
|
], 2))), 128))
|
|
2812
2914
|
], 2)) : O("", !0)
|
|
2813
2915
|
], 64)),
|
|
2814
|
-
|
|
2916
|
+
r("input", {
|
|
2815
2917
|
ref_key: "inputRef",
|
|
2816
2918
|
ref: m,
|
|
2817
2919
|
type: "file",
|
|
@@ -2819,9 +2921,9 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2819
2921
|
multiple: n.multiple,
|
|
2820
2922
|
accept: n.accept,
|
|
2821
2923
|
disabled: n.disabled,
|
|
2822
|
-
onChange:
|
|
2823
|
-
}, null, 42,
|
|
2824
|
-
T.$slots.tip ? (
|
|
2924
|
+
onChange: L
|
|
2925
|
+
}, null, 42, ul),
|
|
2926
|
+
T.$slots.tip ? (i(), d("div", {
|
|
2825
2927
|
key: 3,
|
|
2826
2928
|
class: u(s(l).e("tip"))
|
|
2827
2929
|
}, [
|
|
@@ -2829,7 +2931,7 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2829
2931
|
], 2)) : O("", !0)
|
|
2830
2932
|
], 2));
|
|
2831
2933
|
}
|
|
2832
|
-
}),
|
|
2934
|
+
}), ol = ["onMousemove", "onClick"], Xl = /* @__PURE__ */ J({
|
|
2833
2935
|
name: "XRate",
|
|
2834
2936
|
__name: "index",
|
|
2835
2937
|
props: {
|
|
@@ -2854,8 +2956,8 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2854
2956
|
size: { default: "default" }
|
|
2855
2957
|
},
|
|
2856
2958
|
emits: ["update:modelValue", "change"],
|
|
2857
|
-
setup(n, { emit:
|
|
2858
|
-
const t = n, e =
|
|
2959
|
+
setup(n, { emit: b }) {
|
|
2960
|
+
const t = n, e = b, a = _("rate"), l = E(-1), m = y(() => l.value > -1 ? l.value : t.modelValue), p = y(() => [
|
|
2859
2961
|
a.b(),
|
|
2860
2962
|
a.m(t.size),
|
|
2861
2963
|
a.is("disabled", t.disabled),
|
|
@@ -2863,7 +2965,7 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2863
2965
|
]), C = (v) => t.disabled ? t.disabledVoidColor : v <= t.lowThreshold ? t.colors[0] : v <= t.highThreshold ? t.colors[1] || t.colors[0] : t.colors[2] || t.colors[1] || t.colors[0], x = (v) => {
|
|
2864
2966
|
const D = m.value;
|
|
2865
2967
|
return D >= v ? 100 : t.allowHalf && D >= v - 0.5 ? 50 : 0;
|
|
2866
|
-
},
|
|
2968
|
+
}, Y = (v) => x(v) > 0 ? C(m.value) : t.disabled ? t.disabledVoidColor : t.voidColor, S = y(() => {
|
|
2867
2969
|
if (t.showScore)
|
|
2868
2970
|
return t.scoreTemplate.replace("{value}", String(t.modelValue));
|
|
2869
2971
|
if (t.showText) {
|
|
@@ -2874,59 +2976,59 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2874
2976
|
}), V = (v, D) => {
|
|
2875
2977
|
if (!(t.disabled || t.readonly))
|
|
2876
2978
|
if (t.allowHalf) {
|
|
2877
|
-
const
|
|
2878
|
-
l.value =
|
|
2979
|
+
const M = D.currentTarget.getBoundingClientRect(), P = D.clientX - M.left < M.width / 2;
|
|
2980
|
+
l.value = P ? v - 0.5 : v;
|
|
2879
2981
|
} else
|
|
2880
2982
|
l.value = v;
|
|
2881
2983
|
}, $ = () => {
|
|
2882
2984
|
t.disabled || t.readonly || (l.value = -1);
|
|
2883
|
-
},
|
|
2985
|
+
}, L = (v, D) => {
|
|
2884
2986
|
if (t.disabled || t.readonly) return;
|
|
2885
|
-
let
|
|
2987
|
+
let R;
|
|
2886
2988
|
if (t.allowHalf) {
|
|
2887
|
-
const
|
|
2888
|
-
|
|
2989
|
+
const P = D.currentTarget.getBoundingClientRect();
|
|
2990
|
+
R = D.clientX - P.left < P.width / 2 ? v - 0.5 : v;
|
|
2889
2991
|
} else
|
|
2890
|
-
|
|
2891
|
-
e("update:modelValue",
|
|
2992
|
+
R = v;
|
|
2993
|
+
e("update:modelValue", R), e("change", R);
|
|
2892
2994
|
};
|
|
2893
|
-
return (v, D) => (
|
|
2995
|
+
return (v, D) => (i(), d("div", {
|
|
2894
2996
|
class: u(p.value),
|
|
2895
2997
|
onMouseleave: $
|
|
2896
2998
|
}, [
|
|
2897
|
-
|
|
2999
|
+
r("div", {
|
|
2898
3000
|
class: u(s(a).e("items"))
|
|
2899
3001
|
}, [
|
|
2900
|
-
(
|
|
2901
|
-
key:
|
|
3002
|
+
(i(!0), d(G, null, Q(n.max, (R) => (i(), d("span", {
|
|
3003
|
+
key: R,
|
|
2902
3004
|
class: u(s(a).e("item")),
|
|
2903
|
-
onMousemove: (
|
|
2904
|
-
onClick: (
|
|
3005
|
+
onMousemove: (M) => V(R, M),
|
|
3006
|
+
onClick: (M) => L(R, M)
|
|
2905
3007
|
}, [
|
|
2906
|
-
|
|
3008
|
+
r("span", {
|
|
2907
3009
|
class: u(s(a).e("void")),
|
|
2908
3010
|
style: ne({ color: n.disabled ? n.disabledVoidColor : n.voidColor })
|
|
2909
|
-
},
|
|
2910
|
-
|
|
2911
|
-
class: u([s(a).e("fill"), x(
|
|
3011
|
+
}, H(n.disabled ? n.disabledVoidIcon : n.voidIcon), 7),
|
|
3012
|
+
r("span", {
|
|
3013
|
+
class: u([s(a).e("fill"), x(R) > 0 ? "is-active" : ""]),
|
|
2912
3014
|
style: ne({
|
|
2913
|
-
color:
|
|
2914
|
-
clipPath: `inset(0 ${100 - x(
|
|
3015
|
+
color: Y(R),
|
|
3016
|
+
clipPath: `inset(0 ${100 - x(R)}% 0 0)`
|
|
2915
3017
|
})
|
|
2916
|
-
},
|
|
2917
|
-
], 42,
|
|
3018
|
+
}, H(n.icon), 7)
|
|
3019
|
+
], 42, ol))), 128))
|
|
2918
3020
|
], 2),
|
|
2919
|
-
n.showText || n.showScore ? (
|
|
3021
|
+
n.showText || n.showScore ? (i(), d("div", {
|
|
2920
3022
|
key: 0,
|
|
2921
3023
|
class: u(s(a).e("text")),
|
|
2922
3024
|
style: ne({ color: n.textColor })
|
|
2923
|
-
},
|
|
3025
|
+
}, H(S.value), 7)) : O("", !0)
|
|
2924
3026
|
], 34));
|
|
2925
3027
|
}
|
|
2926
|
-
}),
|
|
3028
|
+
}), rl = ["value"], il = { class: "field-type" }, dl = { class: "field-name" }, cl = { class: "field-label" }, vl = {
|
|
2927
3029
|
key: 0,
|
|
2928
3030
|
class: "field-required"
|
|
2929
|
-
},
|
|
3031
|
+
}, fl = ["onClick"], ml = ["onClick"], pl = ["onClick"], hl = ["onClick"], gl = { class: "modal-content" }, bl = { class: "modal-body" }, yl = { class: "edit-field" }, kl = { class: "edit-field" }, xl = { class: "edit-field" }, wl = ["value"], Vl = { class: "edit-field" }, Cl = { class: "edit-field" }, Kl = /* @__PURE__ */ J({
|
|
2930
3032
|
name: "XDynamicFields",
|
|
2931
3033
|
__name: "index",
|
|
2932
3034
|
props: {
|
|
@@ -2945,18 +3047,18 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2945
3047
|
] }
|
|
2946
3048
|
},
|
|
2947
3049
|
emits: ["update:fields", "add", "remove", "sort", "update"],
|
|
2948
|
-
setup(n, { emit:
|
|
2949
|
-
const t = n, e =
|
|
3050
|
+
setup(n, { emit: b }) {
|
|
3051
|
+
const t = n, e = b, a = _("dynamic-fields"), l = E([]), m = E(null), p = E("input"), C = y(() => [
|
|
2950
3052
|
a.b(),
|
|
2951
3053
|
a.is("editable", t.editable)
|
|
2952
|
-
]), x =
|
|
2953
|
-
|
|
3054
|
+
]), x = y(() => l.value.length < t.maxFields);
|
|
3055
|
+
ce(() => t.fields, (h) => {
|
|
2954
3056
|
l.value = [...h].sort((f, k) => (f.order || 0) - (k.order || 0));
|
|
2955
3057
|
}, { immediate: !0, deep: !0 });
|
|
2956
|
-
const
|
|
3058
|
+
const Y = () => `field_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`, S = () => {
|
|
2957
3059
|
if (!x.value) return;
|
|
2958
3060
|
const h = {
|
|
2959
|
-
id:
|
|
3061
|
+
id: Y(),
|
|
2960
3062
|
name: `field_${l.value.length + 1}`,
|
|
2961
3063
|
label: "新字段",
|
|
2962
3064
|
type: p.value,
|
|
@@ -2973,7 +3075,7 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2973
3075
|
const k = l.value[f];
|
|
2974
3076
|
l.value[f] = l.value[f - 1], l.value[f - 1] = k, v(), e("sort", l.value), e("update:fields", l.value);
|
|
2975
3077
|
}
|
|
2976
|
-
},
|
|
3078
|
+
}, L = (h) => {
|
|
2977
3079
|
const f = l.value.findIndex((k) => k.id === h);
|
|
2978
3080
|
if (f < l.value.length - 1) {
|
|
2979
3081
|
const k = l.value[f];
|
|
@@ -2985,106 +3087,106 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
2985
3087
|
});
|
|
2986
3088
|
}, D = (h) => {
|
|
2987
3089
|
m.value = { ...h };
|
|
2988
|
-
},
|
|
3090
|
+
}, R = () => {
|
|
2989
3091
|
if (m.value) {
|
|
2990
3092
|
const h = l.value.findIndex((f) => f.id === m.value.id);
|
|
2991
3093
|
h !== -1 && (l.value[h] = m.value, e("update", m.value.id, m.value), e("update:fields", l.value)), m.value = null;
|
|
2992
3094
|
}
|
|
2993
|
-
},
|
|
3095
|
+
}, M = () => {
|
|
2994
3096
|
m.value = null;
|
|
2995
|
-
},
|
|
3097
|
+
}, P = (h) => {
|
|
2996
3098
|
const f = t.availableTypes.find((k) => k.value === h);
|
|
2997
3099
|
return (f == null ? void 0 : f.label) || h;
|
|
2998
3100
|
};
|
|
2999
|
-
return (h, f) => (
|
|
3101
|
+
return (h, f) => (i(), d("div", {
|
|
3000
3102
|
class: u(C.value)
|
|
3001
3103
|
}, [
|
|
3002
|
-
n.editable && x.value ? (
|
|
3104
|
+
n.editable && x.value ? (i(), d("div", {
|
|
3003
3105
|
key: 0,
|
|
3004
3106
|
class: u(s(a).e("add"))
|
|
3005
3107
|
}, [
|
|
3006
|
-
|
|
3108
|
+
ue(r("select", {
|
|
3007
3109
|
"onUpdate:modelValue": f[0] || (f[0] = (k) => p.value = k),
|
|
3008
3110
|
class: u(s(a).e("type-select"))
|
|
3009
3111
|
}, [
|
|
3010
|
-
(
|
|
3112
|
+
(i(!0), d(G, null, Q(n.availableTypes, (k) => (i(), d("option", {
|
|
3011
3113
|
key: k.value,
|
|
3012
3114
|
value: k.value
|
|
3013
|
-
},
|
|
3115
|
+
}, H(k.label), 9, rl))), 128))
|
|
3014
3116
|
], 2), [
|
|
3015
|
-
[
|
|
3117
|
+
[ke, p.value]
|
|
3016
3118
|
]),
|
|
3017
|
-
|
|
3119
|
+
r("button", {
|
|
3018
3120
|
class: u(s(a).e("add-btn")),
|
|
3019
3121
|
onClick: S
|
|
3020
3122
|
}, " + 添加字段 ", 2)
|
|
3021
3123
|
], 2)) : O("", !0),
|
|
3022
|
-
|
|
3124
|
+
r("div", {
|
|
3023
3125
|
class: u(s(a).e("list"))
|
|
3024
3126
|
}, [
|
|
3025
|
-
(
|
|
3127
|
+
(i(!0), d(G, null, Q(l.value, (k) => (i(), d("div", {
|
|
3026
3128
|
key: k.id,
|
|
3027
3129
|
class: u(s(a).e("item"))
|
|
3028
3130
|
}, [
|
|
3029
|
-
|
|
3131
|
+
r("div", {
|
|
3030
3132
|
class: u(s(a).e("info"))
|
|
3031
3133
|
}, [
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
k.required ? (
|
|
3134
|
+
r("span", il, H(P(k.type)), 1),
|
|
3135
|
+
r("span", dl, H(k.name), 1),
|
|
3136
|
+
r("span", cl, H(k.label), 1),
|
|
3137
|
+
k.required ? (i(), d("span", vl, "必填")) : O("", !0)
|
|
3036
3138
|
], 2),
|
|
3037
|
-
n.editable ? (
|
|
3139
|
+
n.editable ? (i(), d("div", {
|
|
3038
3140
|
key: 0,
|
|
3039
3141
|
class: u(s(a).e("actions"))
|
|
3040
3142
|
}, [
|
|
3041
|
-
n.showSort ? (
|
|
3143
|
+
n.showSort ? (i(), d("button", {
|
|
3042
3144
|
key: 0,
|
|
3043
3145
|
class: "action-btn",
|
|
3044
3146
|
title: "上移",
|
|
3045
|
-
onClick: (
|
|
3046
|
-
}, " ↑ ", 8,
|
|
3047
|
-
n.showSort ? (
|
|
3147
|
+
onClick: (W) => $(k.id)
|
|
3148
|
+
}, " ↑ ", 8, fl)) : O("", !0),
|
|
3149
|
+
n.showSort ? (i(), d("button", {
|
|
3048
3150
|
key: 1,
|
|
3049
3151
|
class: "action-btn",
|
|
3050
3152
|
title: "下移",
|
|
3051
|
-
onClick: (
|
|
3052
|
-
}, " ↓ ", 8,
|
|
3053
|
-
|
|
3153
|
+
onClick: (W) => L(k.id)
|
|
3154
|
+
}, " ↓ ", 8, ml)) : O("", !0),
|
|
3155
|
+
r("button", {
|
|
3054
3156
|
class: "action-btn",
|
|
3055
3157
|
title: "编辑",
|
|
3056
|
-
onClick: (
|
|
3057
|
-
}, " ✏️ ", 8,
|
|
3058
|
-
|
|
3158
|
+
onClick: (W) => D(k)
|
|
3159
|
+
}, " ✏️ ", 8, pl),
|
|
3160
|
+
r("button", {
|
|
3059
3161
|
class: "action-btn action-btn--danger",
|
|
3060
3162
|
title: "删除",
|
|
3061
|
-
onClick: (
|
|
3062
|
-
}, " ✕ ", 8,
|
|
3163
|
+
onClick: (W) => V(k.id)
|
|
3164
|
+
}, " ✕ ", 8, hl)
|
|
3063
3165
|
], 2)) : O("", !0)
|
|
3064
3166
|
], 2))), 128))
|
|
3065
3167
|
], 2),
|
|
3066
|
-
l.value.length === 0 ? (
|
|
3168
|
+
l.value.length === 0 ? (i(), d("div", {
|
|
3067
3169
|
key: 1,
|
|
3068
3170
|
class: u(s(a).e("empty"))
|
|
3069
3171
|
}, [...f[6] || (f[6] = [
|
|
3070
|
-
|
|
3172
|
+
r("span", null, "暂无字段配置", -1)
|
|
3071
3173
|
])], 2)) : O("", !0),
|
|
3072
|
-
m.value ? (
|
|
3174
|
+
m.value ? (i(), d("div", {
|
|
3073
3175
|
key: 2,
|
|
3074
3176
|
class: u(s(a).e("edit-modal"))
|
|
3075
3177
|
}, [
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
f[7] || (f[7] =
|
|
3079
|
-
|
|
3178
|
+
r("div", gl, [
|
|
3179
|
+
r("div", { class: "modal-header" }, [
|
|
3180
|
+
f[7] || (f[7] = r("span", null, "编辑字段", -1)),
|
|
3181
|
+
r("button", {
|
|
3080
3182
|
class: "close-btn",
|
|
3081
|
-
onClick:
|
|
3183
|
+
onClick: M
|
|
3082
3184
|
}, "✕")
|
|
3083
3185
|
]),
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
f[8] || (f[8] =
|
|
3087
|
-
|
|
3186
|
+
r("div", bl, [
|
|
3187
|
+
r("div", yl, [
|
|
3188
|
+
f[8] || (f[8] = r("label", null, "字段名称", -1)),
|
|
3189
|
+
ue(r("input", {
|
|
3088
3190
|
"onUpdate:modelValue": f[1] || (f[1] = (k) => m.value.name = k),
|
|
3089
3191
|
type: "text",
|
|
3090
3192
|
placeholder: "变量名称"
|
|
@@ -3092,9 +3194,9 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
3092
3194
|
[be, m.value.name]
|
|
3093
3195
|
])
|
|
3094
3196
|
]),
|
|
3095
|
-
|
|
3096
|
-
f[9] || (f[9] =
|
|
3097
|
-
|
|
3197
|
+
r("div", kl, [
|
|
3198
|
+
f[9] || (f[9] = r("label", null, "字段标签", -1)),
|
|
3199
|
+
ue(r("input", {
|
|
3098
3200
|
"onUpdate:modelValue": f[2] || (f[2] = (k) => m.value.label = k),
|
|
3099
3201
|
type: "text",
|
|
3100
3202
|
placeholder: "显示标签"
|
|
@@ -3102,29 +3204,29 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
3102
3204
|
[be, m.value.label]
|
|
3103
3205
|
])
|
|
3104
3206
|
]),
|
|
3105
|
-
|
|
3106
|
-
f[10] || (f[10] =
|
|
3107
|
-
|
|
3207
|
+
r("div", xl, [
|
|
3208
|
+
f[10] || (f[10] = r("label", null, "字段类型", -1)),
|
|
3209
|
+
ue(r("select", {
|
|
3108
3210
|
"onUpdate:modelValue": f[3] || (f[3] = (k) => m.value.type = k)
|
|
3109
3211
|
}, [
|
|
3110
|
-
(
|
|
3212
|
+
(i(!0), d(G, null, Q(n.availableTypes, (k) => (i(), d("option", {
|
|
3111
3213
|
key: k.value,
|
|
3112
3214
|
value: k.value
|
|
3113
|
-
},
|
|
3215
|
+
}, H(k.label), 9, wl))), 128))
|
|
3114
3216
|
], 512), [
|
|
3115
|
-
[
|
|
3217
|
+
[ke, m.value.type]
|
|
3116
3218
|
])
|
|
3117
3219
|
]),
|
|
3118
|
-
|
|
3119
|
-
f[11] || (f[11] =
|
|
3120
|
-
|
|
3220
|
+
r("div", Vl, [
|
|
3221
|
+
f[11] || (f[11] = r("label", null, "是否必填", -1)),
|
|
3222
|
+
r("button", {
|
|
3121
3223
|
class: u(["switch-btn", { "is-on": m.value.required }]),
|
|
3122
3224
|
onClick: f[4] || (f[4] = (k) => m.value.required = !m.value.required)
|
|
3123
|
-
},
|
|
3225
|
+
}, H(m.value.required ? "必填" : "可选"), 3)
|
|
3124
3226
|
]),
|
|
3125
|
-
|
|
3126
|
-
f[12] || (f[12] =
|
|
3127
|
-
|
|
3227
|
+
r("div", Cl, [
|
|
3228
|
+
f[12] || (f[12] = r("label", null, "占位文本", -1)),
|
|
3229
|
+
ue(r("input", {
|
|
3128
3230
|
"onUpdate:modelValue": f[5] || (f[5] = (k) => m.value.placeholder = k),
|
|
3129
3231
|
type: "text",
|
|
3130
3232
|
placeholder: "输入提示"
|
|
@@ -3133,14 +3235,14 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
3133
3235
|
])
|
|
3134
3236
|
])
|
|
3135
3237
|
]),
|
|
3136
|
-
|
|
3137
|
-
|
|
3238
|
+
r("div", { class: "modal-footer" }, [
|
|
3239
|
+
r("button", {
|
|
3138
3240
|
class: "cancel-btn",
|
|
3139
|
-
onClick:
|
|
3241
|
+
onClick: M
|
|
3140
3242
|
}, "取消"),
|
|
3141
|
-
|
|
3243
|
+
r("button", {
|
|
3142
3244
|
class: "save-btn",
|
|
3143
|
-
onClick:
|
|
3245
|
+
onClick: R
|
|
3144
3246
|
}, "保存")
|
|
3145
3247
|
])
|
|
3146
3248
|
])
|
|
@@ -3149,23 +3251,23 @@ const Dt = ["onClick"], $t = ["placeholder", "disabled", "readonly", "value"], S
|
|
|
3149
3251
|
}
|
|
3150
3252
|
});
|
|
3151
3253
|
export {
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3254
|
+
Ll as Checkbox,
|
|
3255
|
+
Pl as CheckboxGroup,
|
|
3256
|
+
El as DatePicker,
|
|
3257
|
+
Kl as DynamicFields,
|
|
3258
|
+
Al as Form,
|
|
3259
|
+
Yl as FormItem,
|
|
3260
|
+
Sl as Input,
|
|
3261
|
+
Ml as InputNumber,
|
|
3262
|
+
Bl as Radio,
|
|
3263
|
+
Il as RadioButton,
|
|
3264
|
+
Fl as RadioGroup,
|
|
3265
|
+
Xl as Rate,
|
|
3266
|
+
zl as Select,
|
|
3267
|
+
Nl as Slider,
|
|
3268
|
+
Rl as Switch,
|
|
3269
|
+
Tl as Textarea,
|
|
3270
|
+
Hl as TimePicker,
|
|
3271
|
+
Ol as Transfer,
|
|
3272
|
+
Ul as Upload
|
|
3171
3273
|
};
|