@xto/form 1.3.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.mjs +344 -336
- package/lib/index.cjs +1 -1
- package/package.json +8 -8
package/es/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as le, computed as
|
|
2
|
-
import { useNamespace as ae, useZIndex as
|
|
1
|
+
import { defineComponent as le, computed as M, openBlock as i, createElementBlock as c, normalizeStyle as te, normalizeClass as u, createElementVNode as d, renderSlot as se, createTextVNode as de, toDisplayString as U, ref as R, useSlots as Ae, watch as ie, unref as n, createCommentVNode as N, withDirectives as ue, vModelDynamic as Ke, createVNode as Z, vModelText as Me, inject as we, withModifiers as oe, provide as Te, toRef as We, onMounted as pe, onUnmounted as Ce, Fragment as J, renderList as Q, createBlock as fe, Teleport as Fe, Transition as Ie, withCtx as Pe, vModelSelect as xe, vShow as ge, nextTick as $e, defineAsyncComponent as Ee, shallowRef as qe, onBeforeUnmount as je } from "vue";
|
|
2
|
+
import { useNamespace as ae, useZIndex as Oe } from "@xto/core";
|
|
3
3
|
const Ue = {
|
|
4
4
|
// 箭头类
|
|
5
5
|
"arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
|
|
@@ -214,18 +214,18 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
214
214
|
spin: { type: Boolean, default: !1 },
|
|
215
215
|
strokeWidth: { default: 2 }
|
|
216
216
|
},
|
|
217
|
-
setup(s, { expose:
|
|
218
|
-
const l = s, e = ae("icon"), a =
|
|
217
|
+
setup(s, { expose: k }) {
|
|
218
|
+
const l = s, e = ae("icon"), a = M(() => typeof l.size == "number" ? `${l.size}px` : l.size), t = M(() => ({
|
|
219
219
|
width: a.value,
|
|
220
220
|
height: a.value,
|
|
221
221
|
color: l.color
|
|
222
|
-
})), f =
|
|
222
|
+
})), f = M(() => ({
|
|
223
223
|
strokeWidth: l.strokeWidth
|
|
224
|
-
})), m =
|
|
224
|
+
})), m = M(() => [
|
|
225
225
|
e.b(),
|
|
226
226
|
e.is("spin", l.spin)
|
|
227
|
-
]), y =
|
|
228
|
-
return
|
|
227
|
+
]), y = M(() => l.name && Ge(l.name) ? Ue[l.name] : "");
|
|
228
|
+
return k({
|
|
229
229
|
iconSize: a,
|
|
230
230
|
iconStyle: t,
|
|
231
231
|
iconPath: y
|
|
@@ -273,23 +273,23 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
273
273
|
suffixIcon: {}
|
|
274
274
|
},
|
|
275
275
|
emits: ["update:modelValue", "update:value", "input", "change", "focus", "blur", "clear"],
|
|
276
|
-
setup(s, { expose:
|
|
277
|
-
const e = s, a = l, t = ae("input"), f = R(), m = R(!1), y = R(!1), S = Ae(), $ =
|
|
276
|
+
setup(s, { expose: k, emit: l }) {
|
|
277
|
+
const e = s, a = l, t = ae("input"), f = R(), m = R(!1), y = R(!1), S = Ae(), $ = M(
|
|
278
278
|
() => e.type === "password" && e.showPassword && !e.disabled
|
|
279
|
-
), T =
|
|
280
|
-
|
|
279
|
+
), T = M(() => $.value ? y.value ? "text" : "password" : e.type);
|
|
280
|
+
M(() => e.modelValue !== void 0), M(() => e.value !== void 0);
|
|
281
281
|
const C = R("");
|
|
282
282
|
ie(
|
|
283
283
|
[() => e.modelValue, () => e.value],
|
|
284
284
|
([B, A]) => {
|
|
285
|
-
const
|
|
286
|
-
|
|
285
|
+
const E = B ?? A ?? "";
|
|
286
|
+
E !== C.value && (C.value = E);
|
|
287
287
|
},
|
|
288
288
|
{ immediate: !0 }
|
|
289
289
|
);
|
|
290
290
|
const z = (B) => {
|
|
291
291
|
C.value = B, a("update:modelValue", B), a("update:value", B), a("input", B);
|
|
292
|
-
},
|
|
292
|
+
}, O = M(() => String(C.value).length), b = M(() => [
|
|
293
293
|
t.b(),
|
|
294
294
|
e.size !== "default" ? t.m(e.size) : "",
|
|
295
295
|
t.is("disabled", e.disabled),
|
|
@@ -308,7 +308,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
308
308
|
}, h = () => {
|
|
309
309
|
y.value = !y.value;
|
|
310
310
|
};
|
|
311
|
-
return
|
|
311
|
+
return k({
|
|
312
312
|
focus: () => {
|
|
313
313
|
var B;
|
|
314
314
|
(B = f.value) == null || B.focus();
|
|
@@ -334,7 +334,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
334
334
|
ue(d("input", {
|
|
335
335
|
ref_key: "inputRef",
|
|
336
336
|
ref: f,
|
|
337
|
-
"onUpdate:modelValue": A[0] || (A[0] = (
|
|
337
|
+
"onUpdate:modelValue": A[0] || (A[0] = (E) => C.value = E),
|
|
338
338
|
type: T.value,
|
|
339
339
|
placeholder: s.placeholder,
|
|
340
340
|
disabled: s.disabled,
|
|
@@ -342,7 +342,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
342
342
|
maxlength: s.maxlength,
|
|
343
343
|
minlength: s.minlength,
|
|
344
344
|
class: u(n(t).e("inner")),
|
|
345
|
-
onInput: A[1] || (A[1] = (
|
|
345
|
+
onInput: A[1] || (A[1] = (E) => z(E.target.value)),
|
|
346
346
|
onChange: H,
|
|
347
347
|
onFocus: L,
|
|
348
348
|
onBlur: I
|
|
@@ -377,7 +377,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
377
377
|
s.showWordLimit && s.maxlength ? (i(), c("span", {
|
|
378
378
|
key: 2,
|
|
379
379
|
class: u(n(t).e("count"))
|
|
380
|
-
}, U(
|
|
380
|
+
}, U(O.value) + "/" + U(s.maxlength), 3)) : N("", !0)
|
|
381
381
|
])
|
|
382
382
|
], 2)) : N("", !0)
|
|
383
383
|
], 2));
|
|
@@ -401,8 +401,8 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
401
401
|
valueOnClear: { default: null }
|
|
402
402
|
},
|
|
403
403
|
emits: ["update:modelValue", "update:value", "change", "focus", "blur"],
|
|
404
|
-
setup(s, { expose:
|
|
405
|
-
const e = s, a = l, t = ae("input-number"), f = R(), m = R(!1), y = R(null), S = R(e.modelValue), $ =
|
|
404
|
+
setup(s, { expose: k, emit: l }) {
|
|
405
|
+
const e = s, a = l, t = ae("input-number"), f = R(), m = R(!1), y = R(null), S = R(e.modelValue), $ = M(() => {
|
|
406
406
|
if (e.precision !== void 0)
|
|
407
407
|
return e.precision;
|
|
408
408
|
const o = T(e.step), v = e.modelValue !== void 0 && e.modelValue !== null ? T(e.modelValue) : 0;
|
|
@@ -421,7 +421,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
421
421
|
function z(o) {
|
|
422
422
|
return o > e.max ? e.max : o < e.min ? e.min : o;
|
|
423
423
|
}
|
|
424
|
-
const
|
|
424
|
+
const O = M(() => e.modelValue ?? e.value ?? void 0), b = M(() => y.value !== null ? y.value : O.value === void 0 || O.value === null ? "" : C(O.value)), H = M(() => e.disabled ? !0 : O.value === void 0 ? e.min !== -1 / 0 : O.value <= e.min), L = M(() => e.disabled ? !0 : O.value === void 0 ? e.max !== 1 / 0 : O.value >= e.max), I = M(() => [
|
|
425
425
|
t.b(),
|
|
426
426
|
e.size !== "default" ? t.m(e.size) : "",
|
|
427
427
|
t.is("disabled", e.disabled),
|
|
@@ -430,12 +430,12 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
430
430
|
]);
|
|
431
431
|
function V() {
|
|
432
432
|
if (e.disabled || L.value) return;
|
|
433
|
-
const o =
|
|
433
|
+
const o = O.value ?? (e.min === -1 / 0 ? 0 : e.min), v = C(o + e.step), g = z(v);
|
|
434
434
|
r(g);
|
|
435
435
|
}
|
|
436
436
|
function h() {
|
|
437
437
|
if (e.disabled || H.value) return;
|
|
438
|
-
const o =
|
|
438
|
+
const o = O.value ?? (e.min === -1 / 0 ? 0 : e.min), v = C(o - e.step), g = z(v);
|
|
439
439
|
r(g);
|
|
440
440
|
}
|
|
441
441
|
function r(o) {
|
|
@@ -473,7 +473,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
473
473
|
}
|
|
474
474
|
a("blur", o);
|
|
475
475
|
}
|
|
476
|
-
function
|
|
476
|
+
function E(o) {
|
|
477
477
|
m.value = !0, S.value = e.modelValue, a("focus", o);
|
|
478
478
|
}
|
|
479
479
|
function j(o) {
|
|
@@ -504,7 +504,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
504
504
|
}
|
|
505
505
|
return ie([() => e.modelValue, () => e.value], ([o, v]) => {
|
|
506
506
|
S.value = o ?? v, y.value = null;
|
|
507
|
-
}, { immediate: !0 }),
|
|
507
|
+
}, { immediate: !0 }), k({
|
|
508
508
|
focus: x,
|
|
509
509
|
blur: w,
|
|
510
510
|
clear: p,
|
|
@@ -533,7 +533,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
533
533
|
type: "text",
|
|
534
534
|
autocomplete: "off",
|
|
535
535
|
onInput: B,
|
|
536
|
-
onFocus:
|
|
536
|
+
onFocus: E,
|
|
537
537
|
onBlur: A,
|
|
538
538
|
onKeydown: j
|
|
539
539
|
}, null, 42, ll)
|
|
@@ -564,7 +564,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
564
564
|
resize: { default: "vertical" }
|
|
565
565
|
},
|
|
566
566
|
emits: ["update:modelValue", "update:value", "input", "change", "focus", "blur"],
|
|
567
|
-
setup(s, { expose:
|
|
567
|
+
setup(s, { expose: k, emit: l }) {
|
|
568
568
|
const e = s, a = l, t = ae("textarea"), f = R(), m = R(!1), y = R("");
|
|
569
569
|
ie(
|
|
570
570
|
[() => e.modelValue, () => e.value],
|
|
@@ -576,14 +576,14 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
576
576
|
);
|
|
577
577
|
const S = (V) => {
|
|
578
578
|
y.value = V, a("update:modelValue", V), a("update:value", V), a("input", V);
|
|
579
|
-
}, $ =
|
|
579
|
+
}, $ = M(() => String(y.value).length), T = M(() => {
|
|
580
580
|
const V = {};
|
|
581
581
|
if (e.resize && (V.resize = e.resize), e.autosize && (V.minHeight = "auto", typeof e.autosize == "object")) {
|
|
582
582
|
const h = e.autosize.minRows || 1, r = e.autosize.maxRows;
|
|
583
583
|
V.minHeight = `${h * 22 + 12}px`, r && (V.maxHeight = `${r * 22 + 12}px`);
|
|
584
584
|
}
|
|
585
585
|
return V;
|
|
586
|
-
}), C =
|
|
586
|
+
}), C = M(() => [
|
|
587
587
|
t.b(),
|
|
588
588
|
t.is("disabled", e.disabled),
|
|
589
589
|
t.is("focus", m.value),
|
|
@@ -591,7 +591,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
591
591
|
]), z = (V) => {
|
|
592
592
|
const h = V.target.value;
|
|
593
593
|
S(h), e.autosize && f.value && (f.value.style.height = "auto", f.value.style.height = `${f.value.scrollHeight}px`);
|
|
594
|
-
},
|
|
594
|
+
}, O = (V) => {
|
|
595
595
|
const h = V.target.value;
|
|
596
596
|
a("change", h);
|
|
597
597
|
}, b = (V) => {
|
|
@@ -599,7 +599,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
599
599
|
}, H = (V) => {
|
|
600
600
|
m.value = !1, a("blur", V);
|
|
601
601
|
};
|
|
602
|
-
return
|
|
602
|
+
return k({
|
|
603
603
|
focus: () => {
|
|
604
604
|
var V;
|
|
605
605
|
(V = f.value) == null || V.focus();
|
|
@@ -626,11 +626,11 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
626
626
|
style: te(T.value),
|
|
627
627
|
class: u(n(t).e("inner")),
|
|
628
628
|
onInput: z,
|
|
629
|
-
onChange:
|
|
629
|
+
onChange: O,
|
|
630
630
|
onFocus: b,
|
|
631
631
|
onBlur: H
|
|
632
632
|
}, null, 46, tl), [
|
|
633
|
-
[
|
|
633
|
+
[Me, y.value]
|
|
634
634
|
]),
|
|
635
635
|
s.showWordLimit && s.maxlength ? (i(), c("span", {
|
|
636
636
|
key: 0,
|
|
@@ -652,12 +652,12 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
652
652
|
inactiveValue: { type: [Boolean, Number, String], default: !1 }
|
|
653
653
|
},
|
|
654
654
|
emits: ["update:modelValue", "update:checked", "change"],
|
|
655
|
-
setup(s, { emit:
|
|
656
|
-
const l = s, e =
|
|
655
|
+
setup(s, { emit: k }) {
|
|
656
|
+
const l = s, e = k, a = ae("switch"), t = M(() => l.modelValue !== void 0 ? l.modelValue : l.checked !== void 0 ? l.checked : !1), f = M(() => t.value === l.activeValue), m = M(() => [
|
|
657
657
|
a.b(),
|
|
658
658
|
a.is("disabled", l.disabled),
|
|
659
659
|
a.is("checked", f.value)
|
|
660
|
-
]), y =
|
|
660
|
+
]), y = M(() => ({
|
|
661
661
|
width: typeof l.width == "number" ? `${l.width}px` : l.width,
|
|
662
662
|
height: "20px",
|
|
663
663
|
backgroundColor: f.value ? l.activeColor : l.inactiveColor
|
|
@@ -693,15 +693,15 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
693
693
|
name: {}
|
|
694
694
|
},
|
|
695
695
|
emits: ["update:modelValue", "change"],
|
|
696
|
-
setup(s, { emit:
|
|
697
|
-
const l = s, e =
|
|
696
|
+
setup(s, { emit: k }) {
|
|
697
|
+
const l = s, e = k, a = ae("radio"), t = we("radioGroup", null), f = M(() => !!t), m = M(() => f.value ? t.modelValue.value : l.modelValue), y = M(() => l.value ?? l.label), S = M(() => m.value === y.value), $ = M(() => l.disabled || f.value && t.disabled), T = M(() => l.name || (f.value ? t.name : void 0)), C = M(() => [
|
|
698
698
|
a.b(),
|
|
699
699
|
a.is("checked", S.value),
|
|
700
700
|
a.is("disabled", $.value)
|
|
701
701
|
]), z = () => {
|
|
702
702
|
$.value || (f.value ? t.changeValue(y.value) : (e("update:modelValue", y.value), e("change", y.value)));
|
|
703
703
|
};
|
|
704
|
-
return (
|
|
704
|
+
return (O, b) => (i(), c("label", {
|
|
705
705
|
class: u(C.value),
|
|
706
706
|
onClick: oe(z, ["prevent"])
|
|
707
707
|
}, [
|
|
@@ -716,11 +716,11 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
716
716
|
value: y.value
|
|
717
717
|
}, null, 8, nl)
|
|
718
718
|
], 2),
|
|
719
|
-
|
|
719
|
+
O.$slots.default || s.label ? (i(), c("span", {
|
|
720
720
|
key: 0,
|
|
721
721
|
class: u(n(a).e("label"))
|
|
722
722
|
}, [
|
|
723
|
-
se(
|
|
723
|
+
se(O.$slots, "default", {}, () => [
|
|
724
724
|
de(U(s.label), 1)
|
|
725
725
|
])
|
|
726
726
|
], 2)) : N("", !0)
|
|
@@ -736,12 +736,12 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
736
736
|
name: {}
|
|
737
737
|
},
|
|
738
738
|
emits: ["update:modelValue", "update:value", "change"],
|
|
739
|
-
setup(s, { emit:
|
|
740
|
-
const l = s, e =
|
|
739
|
+
setup(s, { emit: k }) {
|
|
740
|
+
const l = s, e = k, a = ae("radio-group"), t = (f) => {
|
|
741
741
|
l.modelValue !== void 0 && e("update:modelValue", f), l.value !== void 0 && e("update:value", f), l.modelValue === void 0 && l.value === void 0 && e("update:modelValue", f), e("change", f);
|
|
742
742
|
};
|
|
743
743
|
return Te("radioGroup", {
|
|
744
|
-
modelValue:
|
|
744
|
+
modelValue: M(() => l.modelValue ?? l.value),
|
|
745
745
|
name: l.name || `radio-group-${Date.now()}`,
|
|
746
746
|
disabled: l.disabled,
|
|
747
747
|
changeValue: t
|
|
@@ -762,8 +762,8 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
762
762
|
name: {}
|
|
763
763
|
},
|
|
764
764
|
emits: ["update:modelValue", "change"],
|
|
765
|
-
setup(s, { emit:
|
|
766
|
-
const l = s, e = ae("radio-button"), a = we("radioGroup", null), t =
|
|
765
|
+
setup(s, { emit: k }) {
|
|
766
|
+
const l = s, e = ae("radio-button"), a = we("radioGroup", null), t = M(() => !!a), f = M(() => t.value ? a.modelValue.value : null), m = M(() => l.value ?? l.label), y = M(() => f.value === m.value), S = M(() => l.disabled || t.value && a.disabled), $ = M(() => [
|
|
767
767
|
e.b(),
|
|
768
768
|
e.is("active", y.value),
|
|
769
769
|
e.is("disabled", S.value)
|
|
@@ -802,15 +802,15 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
802
802
|
indeterminate: { type: Boolean }
|
|
803
803
|
},
|
|
804
804
|
emits: ["update:modelValue", "change"],
|
|
805
|
-
setup(s, { emit:
|
|
806
|
-
const l = s, e =
|
|
805
|
+
setup(s, { emit: k }) {
|
|
806
|
+
const l = s, e = k, a = ae("checkbox"), t = we("checkboxGroup", null), f = M(() => !!t), m = M(() => l.value ?? l.label), y = M(() => f.value ? t.modelValue.value.includes(m.value) : Array.isArray(l.modelValue) ? l.modelValue.includes(m.value) : !!l.modelValue), S = M(() => {
|
|
807
807
|
if (l.disabled) return !0;
|
|
808
808
|
if (f.value) {
|
|
809
|
-
const C = t.disabled, z = t.min > 0 && t.modelValue.value.length <= t.min,
|
|
810
|
-
return y.value && z || !y.value &&
|
|
809
|
+
const C = t.disabled, z = t.min > 0 && t.modelValue.value.length <= t.min, O = t.max > 0 && t.modelValue.value.length >= t.max;
|
|
810
|
+
return y.value && z || !y.value && O ? !0 : C;
|
|
811
811
|
}
|
|
812
812
|
return !1;
|
|
813
|
-
}), $ =
|
|
813
|
+
}), $ = M(() => [
|
|
814
814
|
a.b(),
|
|
815
815
|
a.is("checked", y.value),
|
|
816
816
|
a.is("disabled", S.value),
|
|
@@ -864,13 +864,13 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
864
864
|
max: { default: 0 }
|
|
865
865
|
},
|
|
866
866
|
emits: ["update:modelValue", "change"],
|
|
867
|
-
setup(s, { emit:
|
|
868
|
-
const l = s, e =
|
|
867
|
+
setup(s, { emit: k }) {
|
|
868
|
+
const l = s, e = k, a = ae("checkbox-group"), t = (f) => {
|
|
869
869
|
const m = [...l.modelValue], y = m.indexOf(f);
|
|
870
870
|
y > -1 ? m.splice(y, 1) : m.push(f), e("update:modelValue", m), e("change", m);
|
|
871
871
|
};
|
|
872
872
|
return Te("checkboxGroup", {
|
|
873
|
-
modelValue:
|
|
873
|
+
modelValue: M(() => l.modelValue),
|
|
874
874
|
disabled: l.disabled,
|
|
875
875
|
min: l.min,
|
|
876
876
|
max: l.max,
|
|
@@ -896,13 +896,13 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
896
896
|
size: { default: "default" }
|
|
897
897
|
},
|
|
898
898
|
emits: ["validate", "submit", "reset"],
|
|
899
|
-
setup(s, { expose:
|
|
900
|
-
const e = s, a = l, t = ae("form"), f = R([]), m =
|
|
899
|
+
setup(s, { expose: k, emit: l }) {
|
|
900
|
+
const e = s, a = l, t = ae("form"), f = R([]), m = M(() => e.layout === "inline" || e.inline), y = M(() => e.layout === "vertical" || e.labelPosition === "top"), S = M(() => [
|
|
901
901
|
t.b(),
|
|
902
902
|
t.m(`label-${y.value ? "top" : e.labelPosition}`),
|
|
903
903
|
t.is("inline", m.value),
|
|
904
904
|
t.is("vertical", y.value)
|
|
905
|
-
]), $ =
|
|
905
|
+
]), $ = M(() => ({ width: typeof e.labelWidth == "number" ? `${e.labelWidth}px` : e.labelWidth })), T = (h) => {
|
|
906
906
|
f.value.push(h);
|
|
907
907
|
}, C = (h) => {
|
|
908
908
|
const r = f.value.indexOf(h);
|
|
@@ -912,7 +912,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
912
912
|
for (const r of f.value)
|
|
913
913
|
await r.validate() || (h = !1);
|
|
914
914
|
return h;
|
|
915
|
-
},
|
|
915
|
+
}, O = async (h) => {
|
|
916
916
|
const r = Array.isArray(h) ? h : [h];
|
|
917
917
|
let D = !0;
|
|
918
918
|
for (const B of f.value)
|
|
@@ -948,9 +948,9 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
948
948
|
addField: T,
|
|
949
949
|
removeField: C,
|
|
950
950
|
emit: a
|
|
951
|
-
}),
|
|
951
|
+
}), k({
|
|
952
952
|
validate: z,
|
|
953
|
-
validateField:
|
|
953
|
+
validateField: O,
|
|
954
954
|
resetFields: b,
|
|
955
955
|
clearValidate: H
|
|
956
956
|
}), (h, r) => (i(), c("form", {
|
|
@@ -972,8 +972,8 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
972
972
|
rules: {},
|
|
973
973
|
showMessage: { type: Boolean }
|
|
974
974
|
},
|
|
975
|
-
setup(s, { expose:
|
|
976
|
-
const l = s, e = ae("form-item"), a = we("form", null), t = R(""), f = R(""), m =
|
|
975
|
+
setup(s, { expose: k }) {
|
|
976
|
+
const l = s, e = ae("form-item"), a = we("form", null), t = R(""), f = R(""), m = M(() => l.required ? !0 : y().some((L) => L.required)), y = () => {
|
|
977
977
|
const H = [];
|
|
978
978
|
return l.rules && H.push(...l.rules), a && l.prop && a.rules[l.prop] && H.push(...a.rules[l.prop]), H;
|
|
979
979
|
}, S = () => {
|
|
@@ -1026,18 +1026,18 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
1026
1026
|
$(void 0), z();
|
|
1027
1027
|
}, z = () => {
|
|
1028
1028
|
t.value = "", f.value = "";
|
|
1029
|
-
},
|
|
1029
|
+
}, O = M(() => [
|
|
1030
1030
|
e.b(),
|
|
1031
1031
|
e.is("required", m.value),
|
|
1032
1032
|
e.is("error", t.value === "invalid"),
|
|
1033
1033
|
e.is("success", t.value === "valid")
|
|
1034
|
-
]), b =
|
|
1034
|
+
]), b = M(() => {
|
|
1035
1035
|
const H = l.labelWidth ?? (a == null ? void 0 : a.labelWidth) ?? "100px";
|
|
1036
1036
|
return { width: typeof H == "number" ? `${H}px` : H };
|
|
1037
1037
|
});
|
|
1038
1038
|
return ie(() => S(), () => {
|
|
1039
1039
|
t.value === "invalid" && T("change");
|
|
1040
|
-
}),
|
|
1040
|
+
}), pe(() => {
|
|
1041
1041
|
a && l.prop && a.addField({
|
|
1042
1042
|
prop: l.prop,
|
|
1043
1043
|
validate: T,
|
|
@@ -1051,12 +1051,12 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
1051
1051
|
resetField: C,
|
|
1052
1052
|
clearValidate: z
|
|
1053
1053
|
});
|
|
1054
|
-
}),
|
|
1054
|
+
}), k({
|
|
1055
1055
|
validate: T,
|
|
1056
1056
|
resetField: C,
|
|
1057
1057
|
clearValidate: z
|
|
1058
1058
|
}), (H, L) => (i(), c("div", {
|
|
1059
|
-
class: u(
|
|
1059
|
+
class: u(O.value)
|
|
1060
1060
|
}, [
|
|
1061
1061
|
s.label ? (i(), c("label", {
|
|
1062
1062
|
key: 0,
|
|
@@ -1075,37 +1075,37 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
1075
1075
|
], 2));
|
|
1076
1076
|
}
|
|
1077
1077
|
});
|
|
1078
|
-
function ol(s,
|
|
1079
|
-
return new Date(s,
|
|
1078
|
+
function ol(s, k) {
|
|
1079
|
+
return new Date(s, k + 1, 0).getDate();
|
|
1080
1080
|
}
|
|
1081
|
-
function il(s,
|
|
1082
|
-
return new Date(s,
|
|
1081
|
+
function il(s, k) {
|
|
1082
|
+
return new Date(s, k, 1).getDay();
|
|
1083
1083
|
}
|
|
1084
|
-
function he(s,
|
|
1085
|
-
return !s || !
|
|
1084
|
+
function he(s, k) {
|
|
1085
|
+
return !s || !k ? !1 : s.getFullYear() === k.getFullYear() && s.getMonth() === k.getMonth() && s.getDate() === k.getDate();
|
|
1086
1086
|
}
|
|
1087
|
-
function rl(s,
|
|
1088
|
-
return !s || !
|
|
1087
|
+
function rl(s, k) {
|
|
1088
|
+
return !s || !k ? !1 : s.getFullYear() === k.getFullYear() && s.getMonth() === k.getMonth();
|
|
1089
1089
|
}
|
|
1090
|
-
function Ye(s,
|
|
1091
|
-
if (!
|
|
1090
|
+
function Ye(s, k, l) {
|
|
1091
|
+
if (!k || !l) return !1;
|
|
1092
1092
|
const e = s.getTime();
|
|
1093
|
-
return e >=
|
|
1093
|
+
return e >= k.getTime() && e <= l.getTime();
|
|
1094
1094
|
}
|
|
1095
|
-
function dl(s,
|
|
1096
|
-
const e = [], a = ol(s,
|
|
1097
|
-
let f = new Date(s,
|
|
1095
|
+
function dl(s, k, l = 0) {
|
|
1096
|
+
const e = [], a = ol(s, k), t = il(s, k);
|
|
1097
|
+
let f = new Date(s, k, 1);
|
|
1098
1098
|
const m = (t - l + 7) % 7;
|
|
1099
1099
|
f.setDate(1 - m);
|
|
1100
1100
|
let y = [], S = new Date(f);
|
|
1101
|
-
for (; (S.getMonth() <=
|
|
1101
|
+
for (; (S.getMonth() <= k || S.getMonth() === k && S.getDate() <= a) && (y.push(new Date(S)), !(y.length === 7 && (e.push(y), y = [], S.getMonth() > k) || (S.setDate(S.getDate() + 1), e.length > 7))); )
|
|
1102
1102
|
;
|
|
1103
1103
|
return y.length > 0 && e.push(y), e;
|
|
1104
1104
|
}
|
|
1105
|
-
function ce(s,
|
|
1105
|
+
function ce(s, k = "YYYY-MM-DD") {
|
|
1106
1106
|
if (!s) return "";
|
|
1107
1107
|
const l = s.getFullYear(), e = s.getMonth() + 1, a = s.getDate(), t = s.getHours(), f = s.getMinutes(), m = s.getSeconds();
|
|
1108
|
-
return
|
|
1108
|
+
return k.replace(/YYYY/g, String(l)).replace(/YY/g, String(l).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(t).padStart(2, "0")).replace(/H/g, String(t)).replace(/mm/g, String(f).padStart(2, "0")).replace(/m/g, String(f)).replace(/ss/g, String(m).padStart(2, "0")).replace(/s/g, String(m));
|
|
1109
1109
|
}
|
|
1110
1110
|
function ve(s) {
|
|
1111
1111
|
if (!s || Array.isArray(s)) return null;
|
|
@@ -1114,39 +1114,39 @@ function ve(s) {
|
|
|
1114
1114
|
if (typeof s == "number")
|
|
1115
1115
|
return new Date(s);
|
|
1116
1116
|
if (typeof s != "string") return null;
|
|
1117
|
-
const
|
|
1118
|
-
if (isNaN(
|
|
1117
|
+
const k = new Date(s);
|
|
1118
|
+
if (isNaN(k.getTime())) {
|
|
1119
1119
|
const l = s.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
|
|
1120
1120
|
return l ? new Date(parseInt(l[1]), parseInt(l[2]) - 1, parseInt(l[3])) : null;
|
|
1121
1121
|
}
|
|
1122
|
-
return
|
|
1122
|
+
return k;
|
|
1123
1123
|
}
|
|
1124
1124
|
function cl(s) {
|
|
1125
|
-
const
|
|
1126
|
-
return
|
|
1125
|
+
const k = new Date(s);
|
|
1126
|
+
return k.setMonth(k.getMonth() - 1), k;
|
|
1127
1127
|
}
|
|
1128
1128
|
function vl(s) {
|
|
1129
|
-
const
|
|
1130
|
-
return
|
|
1129
|
+
const k = new Date(s);
|
|
1130
|
+
return k.setMonth(k.getMonth() + 1), k;
|
|
1131
1131
|
}
|
|
1132
1132
|
function fl(s) {
|
|
1133
|
-
const
|
|
1134
|
-
return
|
|
1133
|
+
const k = new Date(s);
|
|
1134
|
+
return k.setFullYear(k.getFullYear() - 1), k;
|
|
1135
1135
|
}
|
|
1136
1136
|
function ml(s) {
|
|
1137
|
-
const
|
|
1138
|
-
return
|
|
1137
|
+
const k = new Date(s);
|
|
1138
|
+
return k.setFullYear(k.getFullYear() + 1), k;
|
|
1139
1139
|
}
|
|
1140
1140
|
function Ne(s) {
|
|
1141
|
-
const
|
|
1142
|
-
return [
|
|
1141
|
+
const k = Math.floor(s / 10) * 10;
|
|
1142
|
+
return [k, k + 9];
|
|
1143
1143
|
}
|
|
1144
1144
|
function Le(s) {
|
|
1145
|
-
const
|
|
1146
|
-
return
|
|
1145
|
+
const k = new Date(s);
|
|
1146
|
+
return k.setHours(0, 0, 0, 0), k;
|
|
1147
1147
|
}
|
|
1148
|
-
function hl(s,
|
|
1149
|
-
if (
|
|
1148
|
+
function hl(s, k, l, e) {
|
|
1149
|
+
if (k && k(s))
|
|
1150
1150
|
return !0;
|
|
1151
1151
|
const a = Le(s).getTime();
|
|
1152
1152
|
return !!(l && a < Le(l).getTime() || e && a > Le(e).getTime());
|
|
@@ -1181,15 +1181,15 @@ const pl = [
|
|
|
1181
1181
|
selectionMode: { default: "single" }
|
|
1182
1182
|
},
|
|
1183
1183
|
emits: ["pick", "range-select", "range-move", "update:viewedMonth"],
|
|
1184
|
-
setup(s, { emit:
|
|
1185
|
-
const l = s, e =
|
|
1184
|
+
setup(s, { emit: k }) {
|
|
1185
|
+
const l = s, e = k, a = ae("date-table"), t = R(null), f = M(() => l.viewedMonth.getFullYear()), m = M(() => l.viewedMonth.getMonth()), y = M(() => dl(f.value, m.value, 0)), S = (h) => l.modelValue ? he(h, l.modelValue) : !1, $ = (h) => he(h, /* @__PURE__ */ new Date()), T = (h) => rl(h, l.viewedMonth), C = (h) => {
|
|
1186
1186
|
if (l.selectionMode !== "range") return !1;
|
|
1187
1187
|
const { startDate: r, endDate: D, selecting: B } = l.rangeState || {};
|
|
1188
1188
|
if (B && r) {
|
|
1189
1189
|
const A = t.value;
|
|
1190
1190
|
if (A) {
|
|
1191
|
-
const
|
|
1192
|
-
return Ye(h,
|
|
1191
|
+
const E = r < A ? r : A, j = r < A ? A : r;
|
|
1192
|
+
return Ye(h, E, j);
|
|
1193
1193
|
}
|
|
1194
1194
|
return he(h, r);
|
|
1195
1195
|
}
|
|
@@ -1198,7 +1198,7 @@ const pl = [
|
|
|
1198
1198
|
if (l.selectionMode !== "range") return !1;
|
|
1199
1199
|
const { startDate: r, selecting: D } = l.rangeState || {};
|
|
1200
1200
|
return D && r && t.value ? he(h, r < t.value ? r : t.value) : r ? he(h, r) : !1;
|
|
1201
|
-
},
|
|
1201
|
+
}, O = (h) => {
|
|
1202
1202
|
if (l.selectionMode !== "range") return !1;
|
|
1203
1203
|
const { endDate: r, selecting: D } = l.rangeState || {};
|
|
1204
1204
|
if (D && t.value) {
|
|
@@ -1213,7 +1213,7 @@ const pl = [
|
|
|
1213
1213
|
a.is("disabled", b(h)),
|
|
1214
1214
|
a.is("in-range", C(h)),
|
|
1215
1215
|
a.is("range-start", z(h)),
|
|
1216
|
-
a.is("range-end",
|
|
1216
|
+
a.is("range-end", O(h)),
|
|
1217
1217
|
a.is("prev-month", !T(h) && h.getMonth() < m.value),
|
|
1218
1218
|
a.is("next-month", !T(h) && h.getMonth() > m.value)
|
|
1219
1219
|
], L = (h) => {
|
|
@@ -1238,8 +1238,8 @@ const pl = [
|
|
|
1238
1238
|
]),
|
|
1239
1239
|
d("tbody", null, [
|
|
1240
1240
|
(i(!0), c(J, null, Q(y.value, (D, B) => (i(), c("tr", { key: B }, [
|
|
1241
|
-
(i(!0), c(J, null, Q(D, (A,
|
|
1242
|
-
key:
|
|
1241
|
+
(i(!0), c(J, null, Q(D, (A, E) => (i(), c("td", {
|
|
1242
|
+
key: E,
|
|
1243
1243
|
class: u(H(A)),
|
|
1244
1244
|
onClick: (j) => L(A),
|
|
1245
1245
|
onMouseenter: (j) => I(A),
|
|
@@ -1262,9 +1262,9 @@ const pl = [
|
|
|
1262
1262
|
disabledDate: {}
|
|
1263
1263
|
},
|
|
1264
1264
|
emits: ["pick"],
|
|
1265
|
-
setup(s, { emit:
|
|
1266
|
-
const l = s, e =
|
|
1267
|
-
|
|
1265
|
+
setup(s, { emit: k }) {
|
|
1266
|
+
const l = s, e = k, a = ae("month-table");
|
|
1267
|
+
M(() => l.modelValue ? l.modelValue.getMonth() : -1);
|
|
1268
1268
|
const t = (T) => l.modelValue ? l.modelValue.getFullYear() === l.viewedYear && l.modelValue.getMonth() === T : !1, f = (T) => {
|
|
1269
1269
|
const C = /* @__PURE__ */ new Date();
|
|
1270
1270
|
return C.getFullYear() === l.viewedYear && C.getMonth() === T;
|
|
@@ -1279,7 +1279,7 @@ const pl = [
|
|
|
1279
1279
|
a.is("disabled", m(T))
|
|
1280
1280
|
], S = (T) => {
|
|
1281
1281
|
m(T) || e("pick", T);
|
|
1282
|
-
}, $ =
|
|
1282
|
+
}, $ = M(() => {
|
|
1283
1283
|
const T = [];
|
|
1284
1284
|
for (let C = 0; C < 12; C += 3)
|
|
1285
1285
|
T.push([C, C + 1, C + 2]);
|
|
@@ -1291,7 +1291,7 @@ const pl = [
|
|
|
1291
1291
|
cellpadding: "0"
|
|
1292
1292
|
}, [
|
|
1293
1293
|
d("tbody", null, [
|
|
1294
|
-
(i(!0), c(J, null, Q($.value, (z,
|
|
1294
|
+
(i(!0), c(J, null, Q($.value, (z, O) => (i(), c("tr", { key: O }, [
|
|
1295
1295
|
(i(!0), c(J, null, Q(z, (b) => (i(), c("td", {
|
|
1296
1296
|
key: b,
|
|
1297
1297
|
class: u(y(b)),
|
|
@@ -1314,14 +1314,14 @@ const pl = [
|
|
|
1314
1314
|
disabledDate: {}
|
|
1315
1315
|
},
|
|
1316
1316
|
emits: ["pick"],
|
|
1317
|
-
setup(s, { emit:
|
|
1318
|
-
const l = s, e =
|
|
1317
|
+
setup(s, { emit: k }) {
|
|
1318
|
+
const l = s, e = k, a = ae("year-table"), t = M(() => (/* @__PURE__ */ new Date()).getFullYear()), f = M(() => Ne(l.viewedYear)), m = M(() => {
|
|
1319
1319
|
const [b] = f.value, H = [];
|
|
1320
1320
|
H.push(b - 1);
|
|
1321
1321
|
for (let L = 0; L < 10; L++)
|
|
1322
1322
|
H.push(b + L);
|
|
1323
1323
|
return H.push(b + 10), H;
|
|
1324
|
-
}), y =
|
|
1324
|
+
}), y = M(() => {
|
|
1325
1325
|
const b = [];
|
|
1326
1326
|
for (let H = 0; H < m.value.length; H += 3)
|
|
1327
1327
|
b.push(m.value.slice(H, H + 3));
|
|
@@ -1339,7 +1339,7 @@ const pl = [
|
|
|
1339
1339
|
a.is("current", $(b)),
|
|
1340
1340
|
a.is("disabled", C(b)),
|
|
1341
1341
|
a.is("in-decade", T(b))
|
|
1342
|
-
],
|
|
1342
|
+
], O = (b) => {
|
|
1343
1343
|
C(b) || e("pick", b);
|
|
1344
1344
|
};
|
|
1345
1345
|
return (b, H) => (i(), c("table", {
|
|
@@ -1352,7 +1352,7 @@ const pl = [
|
|
|
1352
1352
|
(i(!0), c(J, null, Q(L, (V) => (i(), c("td", {
|
|
1353
1353
|
key: V,
|
|
1354
1354
|
class: u(z(V)),
|
|
1355
|
-
onClick: (h) =>
|
|
1355
|
+
onClick: (h) => O(V)
|
|
1356
1356
|
}, [
|
|
1357
1357
|
d("span", {
|
|
1358
1358
|
class: u(n(a).e("cell-text"))
|
|
@@ -1384,13 +1384,13 @@ const pl = [
|
|
|
1384
1384
|
showTime: { type: Boolean, default: !1 }
|
|
1385
1385
|
},
|
|
1386
1386
|
emits: ["update:modelValue", "update:value", "change", "focus", "blur", "clear"],
|
|
1387
|
-
setup(s, { expose:
|
|
1387
|
+
setup(s, { expose: k, emit: l }) {
|
|
1388
1388
|
const e = s, a = l, t = ae("date-picker"), f = R(!1), m = R(2e3), y = R(), S = () => e.modelValue !== void 0 && e.modelValue !== null ? e.modelValue : e.value !== void 0 && e.value !== null ? e.value : null, $ = (F) => {
|
|
1389
1389
|
e.modelValue !== void 0 && a("update:modelValue", F), e.value !== void 0 && a("update:value", F), e.modelValue === void 0 && e.value === void 0 && a("update:modelValue", F), a("change", F);
|
|
1390
1390
|
}, T = R(), C = R(), z = R({
|
|
1391
1391
|
top: "0px",
|
|
1392
1392
|
left: "0px"
|
|
1393
|
-
}),
|
|
1393
|
+
}), O = () => Oe().next(), b = R("date"), H = R(/* @__PURE__ */ new Date()), L = R({
|
|
1394
1394
|
hours: (/* @__PURE__ */ new Date()).getHours(),
|
|
1395
1395
|
minutes: (/* @__PURE__ */ new Date()).getMinutes(),
|
|
1396
1396
|
seconds: (/* @__PURE__ */ new Date()).getSeconds()
|
|
@@ -1398,7 +1398,7 @@ const pl = [
|
|
|
1398
1398
|
selecting: !1,
|
|
1399
1399
|
startDate: null,
|
|
1400
1400
|
endDate: null
|
|
1401
|
-
}), V =
|
|
1401
|
+
}), V = M(() => {
|
|
1402
1402
|
const F = S();
|
|
1403
1403
|
if (!F) return null;
|
|
1404
1404
|
if (e.type === "daterange") {
|
|
@@ -1410,7 +1410,7 @@ const pl = [
|
|
|
1410
1410
|
];
|
|
1411
1411
|
}
|
|
1412
1412
|
return F instanceof Date ? F : ve(F);
|
|
1413
|
-
}), h =
|
|
1413
|
+
}), h = M(() => {
|
|
1414
1414
|
if (e.type === "daterange") return "";
|
|
1415
1415
|
const F = S();
|
|
1416
1416
|
if (!F) return "";
|
|
@@ -1418,36 +1418,36 @@ const pl = [
|
|
|
1418
1418
|
if (!P) return "";
|
|
1419
1419
|
const W = e.showTime ? "YYYY-MM-DD HH:mm:ss" : e.format;
|
|
1420
1420
|
return ce(P, W);
|
|
1421
|
-
}), r =
|
|
1421
|
+
}), r = M(() => {
|
|
1422
1422
|
const F = S();
|
|
1423
1423
|
if (!F || !Array.isArray(F)) return "";
|
|
1424
1424
|
const [P] = F;
|
|
1425
1425
|
if (!P) return "";
|
|
1426
1426
|
const W = P instanceof Date ? P : ve(P);
|
|
1427
1427
|
return W ? ce(W, e.format) : "";
|
|
1428
|
-
}), D =
|
|
1428
|
+
}), D = M(() => {
|
|
1429
1429
|
const F = S();
|
|
1430
1430
|
if (!F || !Array.isArray(F)) return "";
|
|
1431
1431
|
const [, P] = F;
|
|
1432
1432
|
if (!P) return "";
|
|
1433
1433
|
const W = P instanceof Date ? P : ve(P);
|
|
1434
1434
|
return W ? ce(W, e.format) : "";
|
|
1435
|
-
}), B =
|
|
1435
|
+
}), B = M(() => {
|
|
1436
1436
|
const F = S();
|
|
1437
1437
|
return !F || Array.isArray(F) ? null : F instanceof Date ? F : ve(F);
|
|
1438
|
-
}), A =
|
|
1438
|
+
}), A = M(() => H.value.getFullYear()), E = M(() => H.value.getMonth()), j = M(() => Ne(A.value)), p = M(() => b.value === "year" ? `${j.value[0]} 年 - ${j.value[1]} 年` : b.value === "month" ? `${A.value} 年` : `${A.value} 年 ${E.value + 1} 月`), x = M(() => [
|
|
1439
1439
|
t.b(),
|
|
1440
1440
|
t.m(e.size),
|
|
1441
1441
|
t.is("disabled", e.disabled),
|
|
1442
1442
|
t.is("range", e.type === "daterange")
|
|
1443
|
-
]), w =
|
|
1443
|
+
]), w = M(() => [
|
|
1444
1444
|
t.e("input"),
|
|
1445
1445
|
t.is("focus", f.value),
|
|
1446
1446
|
t.is("has-value", !!h.value || !!(r.value || D.value))
|
|
1447
1447
|
]), o = () => {
|
|
1448
1448
|
e.disabled || e.readonly || (f.value ? g() : v());
|
|
1449
1449
|
}, v = () => {
|
|
1450
|
-
f.value = !0, m.value =
|
|
1450
|
+
f.value = !0, m.value = O(), $e(() => {
|
|
1451
1451
|
if (y.value && T.value) {
|
|
1452
1452
|
const F = y.value.getBoundingClientRect(), P = T.value.getBoundingClientRect();
|
|
1453
1453
|
let W = F.bottom + 8, Se = F.left;
|
|
@@ -1496,19 +1496,19 @@ const pl = [
|
|
|
1496
1496
|
} else
|
|
1497
1497
|
b.value = "date";
|
|
1498
1498
|
}, q = (F) => {
|
|
1499
|
-
if (H.value = new Date(F,
|
|
1499
|
+
if (H.value = new Date(F, E.value, 1), e.type === "year") {
|
|
1500
1500
|
const P = new Date(F, 0, 1), W = e.valueFormat ? ce(P, e.valueFormat) : P;
|
|
1501
1501
|
$(W), g();
|
|
1502
1502
|
} else
|
|
1503
1503
|
b.value = "month";
|
|
1504
1504
|
}, me = () => {
|
|
1505
1505
|
H.value = cl(H.value);
|
|
1506
|
-
},
|
|
1506
|
+
}, be = () => {
|
|
1507
1507
|
H.value = vl(H.value);
|
|
1508
1508
|
}, De = () => {
|
|
1509
|
-
b.value === "year" ? H.value = new Date(A.value - 10,
|
|
1509
|
+
b.value === "year" ? H.value = new Date(A.value - 10, E.value, 1) : H.value = fl(H.value);
|
|
1510
1510
|
}, Ve = () => {
|
|
1511
|
-
b.value === "year" ? H.value = new Date(A.value + 10,
|
|
1511
|
+
b.value === "year" ? H.value = new Date(A.value + 10, E.value, 1) : H.value = ml(H.value);
|
|
1512
1512
|
}, ze = () => {
|
|
1513
1513
|
b.value = "month";
|
|
1514
1514
|
}, He = () => {
|
|
@@ -1544,11 +1544,11 @@ const pl = [
|
|
|
1544
1544
|
const _ = (F) => {
|
|
1545
1545
|
F.key === "Escape" && g();
|
|
1546
1546
|
};
|
|
1547
|
-
return
|
|
1547
|
+
return pe(() => {
|
|
1548
1548
|
document.addEventListener("click", G), document.addEventListener("keydown", _);
|
|
1549
1549
|
}), Ce(() => {
|
|
1550
1550
|
document.removeEventListener("click", G), document.removeEventListener("keydown", _);
|
|
1551
|
-
}),
|
|
1551
|
+
}), k({
|
|
1552
1552
|
focus: () => {
|
|
1553
1553
|
var F;
|
|
1554
1554
|
return (F = C.value) == null ? void 0 : F.focus();
|
|
@@ -1674,13 +1674,13 @@ const pl = [
|
|
|
1674
1674
|
b.value === "date" ? (i(), c("span", {
|
|
1675
1675
|
key: 0,
|
|
1676
1676
|
onClick: ze
|
|
1677
|
-
}, U(
|
|
1677
|
+
}, U(E.value + 1) + " 月", 1)) : N("", !0)
|
|
1678
1678
|
], 64))
|
|
1679
1679
|
], 2),
|
|
1680
1680
|
d("button", {
|
|
1681
1681
|
type: "button",
|
|
1682
1682
|
class: u(n(t).e("next-btn")),
|
|
1683
|
-
onClick: P[2] || (P[2] = (W) => b.value === "date" ?
|
|
1683
|
+
onClick: P[2] || (P[2] = (W) => b.value === "date" ? be() : Ve())
|
|
1684
1684
|
}, " › ", 2)
|
|
1685
1685
|
], 2),
|
|
1686
1686
|
d("div", {
|
|
@@ -1790,7 +1790,7 @@ const pl = [
|
|
|
1790
1790
|
}, "确定", 2)
|
|
1791
1791
|
], 2)) : N("", !0)
|
|
1792
1792
|
], 6), [
|
|
1793
|
-
[
|
|
1793
|
+
[ge, f.value]
|
|
1794
1794
|
])
|
|
1795
1795
|
]),
|
|
1796
1796
|
_: 1
|
|
@@ -1799,10 +1799,10 @@ const pl = [
|
|
|
1799
1799
|
], 2));
|
|
1800
1800
|
}
|
|
1801
1801
|
});
|
|
1802
|
-
function
|
|
1802
|
+
function ye(s, k = "HH:mm:ss") {
|
|
1803
1803
|
if (!s) return "";
|
|
1804
1804
|
const l = s.getHours(), e = s.getMinutes(), a = s.getSeconds();
|
|
1805
|
-
return
|
|
1805
|
+
return k.replace(/HH/g, String(l).padStart(2, "0")).replace(/H/g, String(l)).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));
|
|
1806
1806
|
}
|
|
1807
1807
|
function Re(s) {
|
|
1808
1808
|
if (!s) return null;
|
|
@@ -1812,15 +1812,15 @@ function Re(s) {
|
|
|
1812
1812
|
const e = /* @__PURE__ */ new Date();
|
|
1813
1813
|
return e.setTime(s), e;
|
|
1814
1814
|
}
|
|
1815
|
-
const
|
|
1816
|
-
if (
|
|
1815
|
+
const k = s.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?/);
|
|
1816
|
+
if (k) {
|
|
1817
1817
|
const e = /* @__PURE__ */ new Date();
|
|
1818
|
-
return e.setHours(parseInt(
|
|
1818
|
+
return e.setHours(parseInt(k[1]), parseInt(k[2]), k[3] ? parseInt(k[3]) : 0, 0), e;
|
|
1819
1819
|
}
|
|
1820
1820
|
const l = new Date(s);
|
|
1821
1821
|
return isNaN(l.getTime()) ? null : l;
|
|
1822
1822
|
}
|
|
1823
|
-
function
|
|
1823
|
+
function ke(s) {
|
|
1824
1824
|
return String(s).padStart(2, "0");
|
|
1825
1825
|
}
|
|
1826
1826
|
const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */ le({
|
|
@@ -1837,32 +1837,32 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1837
1837
|
secondStep: { default: 1 }
|
|
1838
1838
|
},
|
|
1839
1839
|
emits: ["confirm", "cancel"],
|
|
1840
|
-
setup(s, { emit:
|
|
1841
|
-
const l = s, e =
|
|
1840
|
+
setup(s, { emit: k }) {
|
|
1841
|
+
const l = s, e = k, a = ae("time-panel"), t = R(0), f = R(0), m = R(0), y = R(), S = R(), $ = R(), T = M(() => l.format.includes("ss") || l.format.includes("s")), C = M(() => {
|
|
1842
1842
|
const K = [], re = Math.max(1, l.hourStep);
|
|
1843
1843
|
for (let q = 0; q < 24; q += re)
|
|
1844
1844
|
K.push(q);
|
|
1845
1845
|
return K;
|
|
1846
|
-
}), z =
|
|
1846
|
+
}), z = M(() => {
|
|
1847
1847
|
const K = [], re = Math.max(1, l.minuteStep);
|
|
1848
1848
|
for (let q = 0; q < 60; q += re)
|
|
1849
1849
|
K.push(q);
|
|
1850
1850
|
return K;
|
|
1851
|
-
}),
|
|
1851
|
+
}), O = M(() => {
|
|
1852
1852
|
const K = [], re = Math.max(1, l.secondStep);
|
|
1853
1853
|
for (let q = 0; q < 60; q += re)
|
|
1854
1854
|
K.push(q);
|
|
1855
1855
|
return K;
|
|
1856
|
-
}), b =
|
|
1857
|
-
V(K) || (t.value = K, x(y.value,
|
|
1856
|
+
}), b = M(() => l.disabledHours ? new Set(l.disabledHours()) : /* @__PURE__ */ new Set()), H = M(() => l.disabledMinutes ? new Set(l.disabledMinutes(t.value)) : /* @__PURE__ */ new Set()), L = M(() => l.disabledSeconds ? new Set(l.disabledSeconds(t.value, f.value)) : /* @__PURE__ */ new Set()), I = M(() => `${ke(t.value)}:${ke(f.value)}${T.value ? ":" + ke(m.value) : ""}`), V = (K) => b.value.has(K), h = (K) => H.value.has(K), r = (K) => L.value.has(K), D = (K) => {
|
|
1857
|
+
V(K) || (t.value = K, x(y.value, E(K)));
|
|
1858
1858
|
}, B = (K) => {
|
|
1859
1859
|
h(K) || (f.value = K, x(S.value, j(K)));
|
|
1860
1860
|
}, A = (K) => {
|
|
1861
1861
|
r(K) || (m.value = K, x($.value, p(K)));
|
|
1862
|
-
},
|
|
1862
|
+
}, E = (K) => C.value.indexOf(K), j = (K) => z.value.indexOf(K), p = (K) => O.value.indexOf(K), x = (K, re) => {
|
|
1863
1863
|
if (!K) return;
|
|
1864
|
-
const q = 32,
|
|
1865
|
-
K.scrollTop = Math.max(0,
|
|
1864
|
+
const q = 32, be = re * q + 84 - 200 / 2 + q / 2;
|
|
1865
|
+
K.scrollTop = Math.max(0, be);
|
|
1866
1866
|
}, w = () => {
|
|
1867
1867
|
if (!y.value) return;
|
|
1868
1868
|
const K = y.value.scrollTop, re = Math.round((K - 84 + 100) / 32), q = C.value[Math.max(0, Math.min(re, C.value.length - 1))];
|
|
@@ -1873,7 +1873,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1873
1873
|
q !== void 0 && !h(q) && (f.value = q);
|
|
1874
1874
|
}, v = () => {
|
|
1875
1875
|
if (!$.value) return;
|
|
1876
|
-
const K = $.value.scrollTop, re = Math.round((K - 84 + 100) / 32), q =
|
|
1876
|
+
const K = $.value.scrollTop, re = Math.round((K - 84 + 100) / 32), q = O.value[Math.max(0, Math.min(re, O.value.length - 1))];
|
|
1877
1877
|
q !== void 0 && !r(q) && (m.value = q);
|
|
1878
1878
|
}, g = () => {
|
|
1879
1879
|
const K = l.modelValue ? new Date(l.modelValue) : /* @__PURE__ */ new Date();
|
|
@@ -1888,7 +1888,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1888
1888
|
t.value = K.getHours(), f.value = K.getMinutes(), m.value = K.getSeconds();
|
|
1889
1889
|
}
|
|
1890
1890
|
$e(() => {
|
|
1891
|
-
x(y.value,
|
|
1891
|
+
x(y.value, E(t.value)), x(S.value, j(f.value)), T.value && x($.value, p(m.value));
|
|
1892
1892
|
});
|
|
1893
1893
|
};
|
|
1894
1894
|
return ie(
|
|
@@ -1897,7 +1897,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1897
1897
|
ne();
|
|
1898
1898
|
},
|
|
1899
1899
|
{ immediate: !0 }
|
|
1900
|
-
),
|
|
1900
|
+
), pe(() => {
|
|
1901
1901
|
ne();
|
|
1902
1902
|
}), (K, re) => (i(), c("div", {
|
|
1903
1903
|
class: u(n(a).b())
|
|
@@ -1921,7 +1921,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1921
1921
|
key: q,
|
|
1922
1922
|
class: u([n(a).e("item"), n(a).is("selected", t.value === q), n(a).is("disabled", V(q))]),
|
|
1923
1923
|
onClick: (me) => D(q)
|
|
1924
|
-
}, U(n(
|
|
1924
|
+
}, U(n(ke)(q)), 11, Tl))), 128)),
|
|
1925
1925
|
d("div", {
|
|
1926
1926
|
class: u(n(a).e("padding"))
|
|
1927
1927
|
}, null, 2)
|
|
@@ -1939,7 +1939,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1939
1939
|
key: q,
|
|
1940
1940
|
class: u([n(a).e("item"), n(a).is("selected", f.value === q), n(a).is("disabled", h(q))]),
|
|
1941
1941
|
onClick: (me) => B(q)
|
|
1942
|
-
}, U(n(
|
|
1942
|
+
}, U(n(ke)(q)), 11, Hl))), 128)),
|
|
1943
1943
|
d("div", {
|
|
1944
1944
|
class: u(n(a).e("padding"))
|
|
1945
1945
|
}, null, 2)
|
|
@@ -1954,11 +1954,11 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1954
1954
|
d("div", {
|
|
1955
1955
|
class: u(n(a).e("padding"))
|
|
1956
1956
|
}, null, 2),
|
|
1957
|
-
(i(!0), c(J, null, Q(
|
|
1957
|
+
(i(!0), c(J, null, Q(O.value, (q) => (i(), c("div", {
|
|
1958
1958
|
key: q,
|
|
1959
1959
|
class: u([n(a).e("item"), n(a).is("selected", m.value === q), n(a).is("disabled", r(q))]),
|
|
1960
1960
|
onClick: (me) => A(q)
|
|
1961
|
-
}, U(n(
|
|
1961
|
+
}, U(n(ke)(q)), 11, Ll))), 128)),
|
|
1962
1962
|
d("div", {
|
|
1963
1963
|
class: u(n(a).e("padding"))
|
|
1964
1964
|
}, null, 2)
|
|
@@ -2008,40 +2008,40 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2008
2008
|
secondStep: { default: 1 }
|
|
2009
2009
|
},
|
|
2010
2010
|
emits: ["update:modelValue", "change", "focus", "blur", "clear"],
|
|
2011
|
-
setup(s, { expose:
|
|
2012
|
-
const e = s, a = l, t = ae("time-picker"), f = () =>
|
|
2011
|
+
setup(s, { expose: k, emit: l }) {
|
|
2012
|
+
const e = s, a = l, t = ae("time-picker"), f = () => Oe().next(), m = R(!1), y = R(2e3), S = R(), $ = R(), T = R(), C = R({
|
|
2013
2013
|
top: "0px",
|
|
2014
2014
|
left: "0px"
|
|
2015
2015
|
}), z = R({
|
|
2016
2016
|
startTime: null,
|
|
2017
2017
|
endTime: null
|
|
2018
|
-
}),
|
|
2018
|
+
}), O = R("start"), b = M(() => {
|
|
2019
2019
|
if (!e.modelValue) return null;
|
|
2020
2020
|
if (e.type === "timerange") {
|
|
2021
2021
|
const [v, g] = e.modelValue;
|
|
2022
2022
|
return [Re(v), Re(g)];
|
|
2023
2023
|
}
|
|
2024
2024
|
return Re(e.modelValue);
|
|
2025
|
-
}), H =
|
|
2025
|
+
}), H = M(() => !b.value || Array.isArray(b.value) ? "" : ye(b.value, e.format)), L = M(() => {
|
|
2026
2026
|
if (!Array.isArray(b.value)) return "";
|
|
2027
2027
|
const [v] = b.value;
|
|
2028
|
-
return v ?
|
|
2029
|
-
}), I =
|
|
2028
|
+
return v ? ye(v, e.format) : "";
|
|
2029
|
+
}), I = M(() => {
|
|
2030
2030
|
if (!Array.isArray(b.value)) return "";
|
|
2031
2031
|
const [, v] = b.value;
|
|
2032
|
-
return v ?
|
|
2033
|
-
}), V =
|
|
2032
|
+
return v ? ye(v, e.format) : "";
|
|
2033
|
+
}), V = M(() => e.type === "timerange" ? O.value === "start" ? z.value.startTime : z.value.endTime || z.value.startTime : b.value), h = M(() => [
|
|
2034
2034
|
t.b(),
|
|
2035
2035
|
t.m(e.size),
|
|
2036
2036
|
t.is("disabled", e.disabled),
|
|
2037
2037
|
t.is("range", e.type === "timerange")
|
|
2038
|
-
]), r =
|
|
2038
|
+
]), r = M(() => [
|
|
2039
2039
|
t.e("input"),
|
|
2040
2040
|
t.is("focus", m.value)
|
|
2041
2041
|
]), D = () => {
|
|
2042
|
-
e.disabled || e.readonly || (m.value ?
|
|
2042
|
+
e.disabled || e.readonly || (m.value ? E() : A());
|
|
2043
2043
|
}, B = (v) => {
|
|
2044
|
-
e.disabled || e.readonly || (
|
|
2044
|
+
e.disabled || e.readonly || (O.value = v, m.value || A());
|
|
2045
2045
|
}, A = () => {
|
|
2046
2046
|
m.value = !0, y.value = f(), $e(() => {
|
|
2047
2047
|
if (S.value && $.value) {
|
|
@@ -2053,23 +2053,23 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2053
2053
|
};
|
|
2054
2054
|
}
|
|
2055
2055
|
}), a("focus", {});
|
|
2056
|
-
},
|
|
2056
|
+
}, E = () => {
|
|
2057
2057
|
m.value = !1, a("blur", {});
|
|
2058
2058
|
}, j = (v) => {
|
|
2059
2059
|
if (e.type === "timerange")
|
|
2060
|
-
if (
|
|
2061
|
-
z.value.startTime = v,
|
|
2060
|
+
if (O.value === "start")
|
|
2061
|
+
z.value.startTime = v, O.value = "end", z.value.endTime && z.value.endTime < v && (z.value.endTime = null);
|
|
2062
2062
|
else {
|
|
2063
2063
|
z.value.startTime && v < z.value.startTime ? (z.value.endTime = z.value.startTime, z.value.startTime = v) : z.value.endTime = v;
|
|
2064
|
-
const g = e.valueFormat ?
|
|
2065
|
-
a("update:modelValue", [g, X]), a("change", [g, X]),
|
|
2064
|
+
const g = e.valueFormat ? ye(z.value.startTime, e.valueFormat) : z.value.startTime, X = e.valueFormat ? ye(z.value.endTime, e.valueFormat) : z.value.endTime;
|
|
2065
|
+
a("update:modelValue", [g, X]), a("change", [g, X]), E();
|
|
2066
2066
|
}
|
|
2067
2067
|
else {
|
|
2068
|
-
const g = e.valueFormat ?
|
|
2069
|
-
a("update:modelValue", g), a("change", g),
|
|
2068
|
+
const g = e.valueFormat ? ye(v, e.valueFormat) : v;
|
|
2069
|
+
a("update:modelValue", g), a("change", g), E();
|
|
2070
2070
|
}
|
|
2071
2071
|
}, p = () => {
|
|
2072
|
-
|
|
2072
|
+
E();
|
|
2073
2073
|
}, x = () => {
|
|
2074
2074
|
a("update:modelValue", null), a("change", null), a("clear"), z.value = {
|
|
2075
2075
|
startTime: null,
|
|
@@ -2078,7 +2078,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2078
2078
|
}, w = (v) => {
|
|
2079
2079
|
if (!S.value) return;
|
|
2080
2080
|
const g = v.target;
|
|
2081
|
-
S.value.contains(g) || $.value && $.value.contains(g) ||
|
|
2081
|
+
S.value.contains(g) || $.value && $.value.contains(g) || E();
|
|
2082
2082
|
};
|
|
2083
2083
|
ie(
|
|
2084
2084
|
() => e.modelValue,
|
|
@@ -2096,16 +2096,16 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2096
2096
|
v && e.type === "timerange" && (z.value = {
|
|
2097
2097
|
startTime: Array.isArray(b.value) ? b.value[0] : null,
|
|
2098
2098
|
endTime: Array.isArray(b.value) ? b.value[1] : null
|
|
2099
|
-
},
|
|
2099
|
+
}, O.value = "start");
|
|
2100
2100
|
});
|
|
2101
2101
|
const o = (v) => {
|
|
2102
|
-
v.key === "Escape" &&
|
|
2102
|
+
v.key === "Escape" && E();
|
|
2103
2103
|
};
|
|
2104
|
-
return
|
|
2104
|
+
return pe(() => {
|
|
2105
2105
|
document.addEventListener("click", w), document.addEventListener("keydown", o);
|
|
2106
2106
|
}), Ce(() => {
|
|
2107
2107
|
document.removeEventListener("click", w), document.removeEventListener("keydown", o);
|
|
2108
|
-
}),
|
|
2108
|
+
}), k({
|
|
2109
2109
|
focus: () => {
|
|
2110
2110
|
var v;
|
|
2111
2111
|
return (v = T.value) == null ? void 0 : v.focus();
|
|
@@ -2167,7 +2167,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2167
2167
|
disabled: s.disabled,
|
|
2168
2168
|
readonly: !0,
|
|
2169
2169
|
value: L.value,
|
|
2170
|
-
class: u([n(t).e("input-inner"), n(t).is("active",
|
|
2170
|
+
class: u([n(t).e("input-inner"), n(t).is("active", O.value === "start")]),
|
|
2171
2171
|
onClick: g[0] || (g[0] = oe((X) => B("start"), ["stop"]))
|
|
2172
2172
|
}, null, 10, Al),
|
|
2173
2173
|
d("span", {
|
|
@@ -2179,7 +2179,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2179
2179
|
disabled: s.disabled,
|
|
2180
2180
|
readonly: !0,
|
|
2181
2181
|
value: I.value,
|
|
2182
|
-
class: u([n(t).e("input-inner"), n(t).is("active",
|
|
2182
|
+
class: u([n(t).e("input-inner"), n(t).is("active", O.value === "end")]),
|
|
2183
2183
|
onClick: g[1] || (g[1] = oe((X) => B("end"), ["stop"]))
|
|
2184
2184
|
}, null, 10, Fl),
|
|
2185
2185
|
d("span", {
|
|
@@ -2217,7 +2217,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2217
2217
|
s.type === "timerange" ? (i(), c("div", {
|
|
2218
2218
|
key: 0,
|
|
2219
2219
|
class: u(n(t).e("popper-header"))
|
|
2220
|
-
}, U(
|
|
2220
|
+
}, U(O.value === "start" ? "请选择开始时间" : "请选择结束时间"), 3)) : N("", !0),
|
|
2221
2221
|
Z(Rl, {
|
|
2222
2222
|
"model-value": V.value,
|
|
2223
2223
|
format: s.format,
|
|
@@ -2231,7 +2231,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2231
2231
|
onCancel: p
|
|
2232
2232
|
}, null, 8, ["model-value", "format", "disabled-hours", "disabled-minutes", "disabled-seconds", "hour-step", "minute-step", "second-step"])
|
|
2233
2233
|
], 6), [
|
|
2234
|
-
[
|
|
2234
|
+
[ge, m.value]
|
|
2235
2235
|
])
|
|
2236
2236
|
]),
|
|
2237
2237
|
_: 1
|
|
@@ -2240,25 +2240,25 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2240
2240
|
], 2));
|
|
2241
2241
|
}
|
|
2242
2242
|
});
|
|
2243
|
-
function Il(s,
|
|
2244
|
-
return l ? l(
|
|
2243
|
+
function Il(s, k, l) {
|
|
2244
|
+
return l ? l(k, s) : s.toLowerCase().includes(k.toLowerCase());
|
|
2245
2245
|
}
|
|
2246
|
-
function Xe(s,
|
|
2246
|
+
function Xe(s, k, l = "value", e = "children") {
|
|
2247
2247
|
for (const a of s) {
|
|
2248
|
-
if (a[l] ===
|
|
2248
|
+
if (a[l] === k)
|
|
2249
2249
|
return a;
|
|
2250
2250
|
if (a[e] && a[e].length > 0) {
|
|
2251
|
-
const t = Xe(a[e],
|
|
2251
|
+
const t = Xe(a[e], k, l, e);
|
|
2252
2252
|
if (t) return t;
|
|
2253
2253
|
}
|
|
2254
2254
|
}
|
|
2255
2255
|
return null;
|
|
2256
2256
|
}
|
|
2257
|
-
function Be(s,
|
|
2257
|
+
function Be(s, k, l = "value", e = "children") {
|
|
2258
2258
|
const a = [];
|
|
2259
2259
|
function t(f) {
|
|
2260
2260
|
for (const m of f) {
|
|
2261
|
-
if (m[l] ===
|
|
2261
|
+
if (m[l] === k)
|
|
2262
2262
|
return a.push(m), !0;
|
|
2263
2263
|
if (m[e] && m[e].length > 0) {
|
|
2264
2264
|
if (a.push(m), t(m[e]))
|
|
@@ -2270,15 +2270,15 @@ function Be(s, M, l = "value", e = "children") {
|
|
|
2270
2270
|
}
|
|
2271
2271
|
return t(s), a;
|
|
2272
2272
|
}
|
|
2273
|
-
function Pl(s,
|
|
2273
|
+
function Pl(s, k = "children") {
|
|
2274
2274
|
const l = [];
|
|
2275
2275
|
function e(a, t = 0, f = null) {
|
|
2276
2276
|
for (const m of a)
|
|
2277
|
-
l.push({ ...m, level: t, parent: f }), m[
|
|
2277
|
+
l.push({ ...m, level: t, parent: f }), m[k] && m[k].length > 0 && e(m[k], t + 1, m);
|
|
2278
2278
|
}
|
|
2279
2279
|
return e(s), l;
|
|
2280
2280
|
}
|
|
2281
|
-
const
|
|
2281
|
+
const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Yl = ["onClick"], Ul = ["onClick"], ot = /* @__PURE__ */ le({
|
|
2282
2282
|
name: "XSelect",
|
|
2283
2283
|
__name: "index",
|
|
2284
2284
|
props: {
|
|
@@ -2304,35 +2304,35 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2304
2304
|
mode: { default: "single" }
|
|
2305
2305
|
},
|
|
2306
2306
|
emits: ["update:modelValue", "update:value", "change", "clear", "focus", "blur", "visible-change", "remove-tag"],
|
|
2307
|
-
setup(s, { emit:
|
|
2308
|
-
const l = s, e =
|
|
2307
|
+
setup(s, { emit: k }) {
|
|
2308
|
+
const l = s, e = k, a = ae("select"), t = Ae(), f = () => Oe().next(), m = R(), y = R(), S = R(), $ = R(!1), T = R(2e3), C = R(""), z = R(-1), O = R({ top: "0px", left: "0px" }), b = R([]), H = (Y) => {
|
|
2309
2309
|
b.value.find((G) => G.value === Y.value) || b.value.push(Y);
|
|
2310
|
-
}, L =
|
|
2310
|
+
}, L = M(() => l.type === "multiple" || l.mode === "multiple"), I = M(() => l.type === "cascader"), V = R([]), h = M(() => l.options && l.options.length > 0 ? l.options : b.value), r = () => l.modelValue !== void 0 ? l.modelValue : l.value !== void 0 ? l.value : "", D = (Y) => {
|
|
2311
2311
|
l.modelValue !== void 0 && e("update:modelValue", Y), l.value !== void 0 && e("update:value", Y), l.modelValue === void 0 && l.value === void 0 && e("update:modelValue", Y), e("change", Y);
|
|
2312
|
-
}, B =
|
|
2312
|
+
}, B = M(() => {
|
|
2313
2313
|
const Y = r();
|
|
2314
2314
|
return L.value ? Array.isArray(Y) ? Y : [] : I.value ? Array.isArray(Y) ? Y : Y ? [Y] : [] : Y !== "" && Y !== null && Y !== void 0 ? [Y] : [];
|
|
2315
|
-
}), A =
|
|
2315
|
+
}), A = M(() => {
|
|
2316
2316
|
const Y = h.value;
|
|
2317
2317
|
return I.value ? Pl(Y, l.childrenKey) : Y.map((G) => ({ ...G, level: 0 }));
|
|
2318
|
-
}),
|
|
2318
|
+
}), E = M(() => !l.filterable || !C.value ? A.value : A.value.filter((Y) => {
|
|
2319
2319
|
const G = Y[l.labelKey] || "";
|
|
2320
2320
|
return Il(G, C.value, l.filterMethod);
|
|
2321
|
-
})), j =
|
|
2321
|
+
})), j = M(() => {
|
|
2322
2322
|
const Y = [];
|
|
2323
2323
|
for (const G of B.value) {
|
|
2324
2324
|
const _ = Xe(h.value, G, l.valueKey, l.childrenKey);
|
|
2325
2325
|
_ && Y.push(_);
|
|
2326
2326
|
}
|
|
2327
2327
|
return Y;
|
|
2328
|
-
}), p =
|
|
2328
|
+
}), p = M(() => {
|
|
2329
2329
|
if (L.value)
|
|
2330
2330
|
return "";
|
|
2331
2331
|
if (I.value)
|
|
2332
2332
|
return Be(h.value, B.value[B.value.length - 1], l.valueKey, l.childrenKey).map((_) => _[l.labelKey]).join(l.separator);
|
|
2333
2333
|
const Y = j.value[0];
|
|
2334
2334
|
return Y ? Y[l.labelKey] : "";
|
|
2335
|
-
}), x =
|
|
2335
|
+
}), x = M(() => L.value ? j.value : []), w = M(() => l.collapseTags ? x.value.slice(0, l.maxCollapseTags) : x.value), o = M(() => l.collapseTags ? Math.max(0, x.value.length - l.maxCollapseTags) : 0), v = M(() => [
|
|
2336
2336
|
a.b(),
|
|
2337
2337
|
a.m(l.size),
|
|
2338
2338
|
a.is("disabled", l.disabled),
|
|
@@ -2344,7 +2344,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2344
2344
|
if (!m.value || !S.value || !$.value) return;
|
|
2345
2345
|
const Y = m.value.getBoundingClientRect(), G = S.value.getBoundingClientRect();
|
|
2346
2346
|
let _ = Y.bottom + 4, F = Y.left;
|
|
2347
|
-
F + G.width > window.innerWidth && (F = window.innerWidth - G.width - 8), _ + G.height > window.innerHeight && (_ = Y.top - G.height - 4),
|
|
2347
|
+
F + G.width > window.innerWidth && (F = window.innerWidth - G.width - 8), _ + G.height > window.innerHeight && (_ = Y.top - G.height - 4), O.value = {
|
|
2348
2348
|
top: `${_}px`,
|
|
2349
2349
|
left: `${F}px`
|
|
2350
2350
|
};
|
|
@@ -2384,7 +2384,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2384
2384
|
D(Y), e("clear");
|
|
2385
2385
|
}, me = (Y) => {
|
|
2386
2386
|
C.value = Y.target.value;
|
|
2387
|
-
},
|
|
2387
|
+
}, be = (Y) => {
|
|
2388
2388
|
if (!m.value) return;
|
|
2389
2389
|
const G = Y.target;
|
|
2390
2390
|
m.value.contains(G) || S.value && S.value.contains(G) || ne();
|
|
@@ -2392,26 +2392,26 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2392
2392
|
if (Y.key === "Escape")
|
|
2393
2393
|
ne();
|
|
2394
2394
|
else if (Y.key === "Enter" && $.value) {
|
|
2395
|
-
const G =
|
|
2395
|
+
const G = E.value[z.value];
|
|
2396
2396
|
G && K(G);
|
|
2397
|
-
} else Y.key === "ArrowDown" && $.value ? (Y.preventDefault(), z.value = Math.min(z.value + 1,
|
|
2397
|
+
} else Y.key === "ArrowDown" && $.value ? (Y.preventDefault(), z.value = Math.min(z.value + 1, E.value.length - 1)) : Y.key === "ArrowUp" && $.value && (Y.preventDefault(), z.value = Math.max(z.value - 1, 0));
|
|
2398
2398
|
}, Ve = (Y) => B.value.includes(Y[l.valueKey]), ze = (Y, G) => [
|
|
2399
2399
|
a.e("option"),
|
|
2400
2400
|
a.is("selected", Ve(Y)),
|
|
2401
2401
|
a.is("disabled", Y.disabled === !0),
|
|
2402
2402
|
a.is("hover", z.value === G),
|
|
2403
2403
|
a.is("group", !!(Y.children && Y.children.length > 0))
|
|
2404
|
-
], He =
|
|
2404
|
+
], He = M(() => {
|
|
2405
2405
|
if (!I.value) return [];
|
|
2406
2406
|
const Y = [h.value];
|
|
2407
2407
|
for (const G of V.value)
|
|
2408
2408
|
G.children && G.children.length > 0 && Y.push(G.children);
|
|
2409
2409
|
return Y;
|
|
2410
2410
|
});
|
|
2411
|
-
return
|
|
2412
|
-
document.addEventListener("click",
|
|
2411
|
+
return pe(() => {
|
|
2412
|
+
document.addEventListener("click", be), document.addEventListener("keydown", De);
|
|
2413
2413
|
}), Ce(() => {
|
|
2414
|
-
document.removeEventListener("click",
|
|
2414
|
+
document.removeEventListener("click", be), document.removeEventListener("keydown", De), document.removeEventListener("scroll", g, !0);
|
|
2415
2415
|
}), ie($, (Y) => {
|
|
2416
2416
|
Y ? document.addEventListener("scroll", g, !0) : document.removeEventListener("scroll", g, !0);
|
|
2417
2417
|
}), Te("select", {
|
|
@@ -2442,7 +2442,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2442
2442
|
d("span", {
|
|
2443
2443
|
class: u(n(a).e("tag-close")),
|
|
2444
2444
|
onClick: oe((F) => re(_), ["stop"])
|
|
2445
|
-
}, "×", 10,
|
|
2445
|
+
}, "×", 10, Ol)
|
|
2446
2446
|
], 2))), 128)),
|
|
2447
2447
|
o.value > 0 ? (i(), c("span", {
|
|
2448
2448
|
key: 0,
|
|
@@ -2458,7 +2458,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2458
2458
|
readonly: !s.filterable || !$.value,
|
|
2459
2459
|
value: s.filterable && $.value ? C.value : p.value,
|
|
2460
2460
|
onInput: me
|
|
2461
|
-
}, null, 42,
|
|
2461
|
+
}, null, 42, El),
|
|
2462
2462
|
d("span", {
|
|
2463
2463
|
class: u(n(a).e("suffix"))
|
|
2464
2464
|
}, [
|
|
@@ -2484,7 +2484,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2484
2484
|
ref_key: "popperRef",
|
|
2485
2485
|
ref: S,
|
|
2486
2486
|
class: u([n(a).e("popper"), n(a).is("cascader", I.value)]),
|
|
2487
|
-
style: te({ zIndex: T.value, ...
|
|
2487
|
+
style: te({ zIndex: T.value, ...O.value })
|
|
2488
2488
|
}, [
|
|
2489
2489
|
I.value ? (i(), c("div", {
|
|
2490
2490
|
key: 0,
|
|
@@ -2509,7 +2509,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2509
2509
|
], 10, Yl))), 128))
|
|
2510
2510
|
], 2))), 128))
|
|
2511
2511
|
], 2)) : (i(), c(J, { key: 1 }, [
|
|
2512
|
-
|
|
2512
|
+
E.value.length === 0 && !n(t).default ? (i(), c("div", {
|
|
2513
2513
|
key: 0,
|
|
2514
2514
|
class: u(n(a).e("empty"))
|
|
2515
2515
|
}, U(C.value ? s.noMatchText : s.noDataText), 3)) : (i(), c(J, { key: 1 }, [
|
|
@@ -2522,7 +2522,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2522
2522
|
key: 1,
|
|
2523
2523
|
class: u(n(a).e("options"))
|
|
2524
2524
|
}, [
|
|
2525
|
-
(i(!0), c(J, null, Q(
|
|
2525
|
+
(i(!0), c(J, null, Q(E.value, (_, F) => (i(), c("div", {
|
|
2526
2526
|
key: _[s.valueKey],
|
|
2527
2527
|
class: u(ze(_, F)),
|
|
2528
2528
|
onClick: (P) => K(_)
|
|
@@ -2539,7 +2539,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2539
2539
|
], 64))
|
|
2540
2540
|
], 64))
|
|
2541
2541
|
], 6), [
|
|
2542
|
-
[
|
|
2542
|
+
[ge, $.value]
|
|
2543
2543
|
])
|
|
2544
2544
|
]),
|
|
2545
2545
|
_: 3
|
|
@@ -2556,11 +2556,19 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2556
2556
|
disabled: { type: Boolean, default: !1 }
|
|
2557
2557
|
},
|
|
2558
2558
|
setup(s) {
|
|
2559
|
-
const
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2559
|
+
const k = s, l = ae("select"), e = we("select");
|
|
2560
|
+
pe(() => {
|
|
2561
|
+
e && e.registerOption && e.registerOption({
|
|
2562
|
+
value: k.value,
|
|
2563
|
+
label: k.label,
|
|
2564
|
+
disabled: k.disabled
|
|
2565
|
+
});
|
|
2566
|
+
});
|
|
2567
|
+
const a = M(() => e ? e.isSelected({ value: k.value }) : !1), t = () => {
|
|
2568
|
+
k.disabled || e && e.handleSelect({
|
|
2569
|
+
value: k.value,
|
|
2570
|
+
label: k.label,
|
|
2571
|
+
disabled: k.disabled
|
|
2564
2572
|
});
|
|
2565
2573
|
};
|
|
2566
2574
|
return (f, m) => (i(), c("div", {
|
|
@@ -2597,27 +2605,27 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2597
2605
|
rightDefaultChecked: { default: () => [] }
|
|
2598
2606
|
},
|
|
2599
2607
|
emits: ["update:modelValue", "change", "left-check-change", "right-check-change"],
|
|
2600
|
-
setup(s, { expose:
|
|
2601
|
-
const e = s, a = l, t = ae("transfer"), f =
|
|
2608
|
+
setup(s, { expose: k, emit: l }) {
|
|
2609
|
+
const e = s, a = l, t = ae("transfer"), f = M(() => {
|
|
2602
2610
|
var o;
|
|
2603
2611
|
return ((o = e.props) == null ? void 0 : o.key) || "key";
|
|
2604
|
-
}), m =
|
|
2612
|
+
}), m = M(() => {
|
|
2605
2613
|
var o;
|
|
2606
2614
|
return ((o = e.props) == null ? void 0 : o.label) || "label";
|
|
2607
|
-
}), y =
|
|
2615
|
+
}), y = M(() => {
|
|
2608
2616
|
var o;
|
|
2609
2617
|
return ((o = e.props) == null ? void 0 : o.disabled) || "disabled";
|
|
2610
|
-
}), S = R(""), $ = R(""), T = R([]), C = R([]), z = (o) => o[f.value],
|
|
2618
|
+
}), S = R(""), $ = R(""), T = R([]), C = R([]), z = (o) => o[f.value], O = (o) => o[m.value], b = (o) => o[y.value] || !1, H = M(() => e.data.filter((o) => {
|
|
2611
2619
|
const v = z(o);
|
|
2612
|
-
return e.modelValue.includes(v) ? !1 : e.filterable && S.value ? e.filterMethod ? e.filterMethod(S.value, o) :
|
|
2613
|
-
})), L =
|
|
2620
|
+
return e.modelValue.includes(v) ? !1 : e.filterable && S.value ? e.filterMethod ? e.filterMethod(S.value, o) : O(o).toLowerCase().includes(S.value.toLowerCase()) : !0;
|
|
2621
|
+
})), L = M(() => {
|
|
2614
2622
|
const o = e.modelValue;
|
|
2615
2623
|
let v = e.data.filter((g) => {
|
|
2616
2624
|
const X = z(g);
|
|
2617
2625
|
return o.includes(X);
|
|
2618
2626
|
});
|
|
2619
|
-
return e.filterable && $.value && (v = v.filter((g) => e.filterMethod ? e.filterMethod($.value, g) :
|
|
2620
|
-
}), I =
|
|
2627
|
+
return e.filterable && $.value && (v = v.filter((g) => e.filterMethod ? e.filterMethod($.value, g) : O(g).toLowerCase().includes($.value.toLowerCase()))), e.targetOrder === "push" ? v.sort((g, X) => o.indexOf(z(g)) - o.indexOf(z(X))) : e.targetOrder === "unshift" ? v.sort((g, X) => o.indexOf(z(X)) - o.indexOf(z(g))) : v;
|
|
2628
|
+
}), I = M(() => H.value.filter((o) => T.value.includes(z(o))).every((o) => b(o))), V = M(() => L.value.filter((o) => C.value.includes(z(o))).every((o) => b(o))), h = M(() => T.value.length === 0 || I.value), r = M(() => C.value.length === 0 || V.value), D = () => {
|
|
2621
2629
|
const o = T.value.filter((g) => {
|
|
2622
2630
|
const X = e.data.find((ne) => z(ne) === g);
|
|
2623
2631
|
return X && !b(X);
|
|
@@ -2633,7 +2641,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2633
2641
|
}, A = (o) => {
|
|
2634
2642
|
const v = T.value.indexOf(o);
|
|
2635
2643
|
v > -1 ? T.value.splice(v, 1) : T.value.push(o), a("left-check-change", [...T.value]);
|
|
2636
|
-
},
|
|
2644
|
+
}, E = (o) => {
|
|
2637
2645
|
const v = C.value.indexOf(o);
|
|
2638
2646
|
v > -1 ? C.value.splice(v, 1) : C.value.push(o), a("right-check-change", [...C.value]);
|
|
2639
2647
|
}, j = () => {
|
|
@@ -2642,8 +2650,8 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2642
2650
|
C.value.length === L.value.filter((o) => !b(o)).length ? C.value = [] : C.value = L.value.filter((o) => !b(o)).map((o) => z(o)), a("right-check-change", [...C.value]);
|
|
2643
2651
|
}, x = (o) => {
|
|
2644
2652
|
o === "left" ? S.value = "" : $.value = "";
|
|
2645
|
-
}, w =
|
|
2646
|
-
return
|
|
2653
|
+
}, w = M(() => [t.b()]);
|
|
2654
|
+
return k({
|
|
2647
2655
|
clearQuery: x
|
|
2648
2656
|
}), (o, v) => (i(), c("div", {
|
|
2649
2657
|
class: u(w.value)
|
|
@@ -2678,7 +2686,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2678
2686
|
placeholder: s.filterPlaceholder,
|
|
2679
2687
|
class: u(n(t).e("filter-input"))
|
|
2680
2688
|
}, null, 10, Xl), [
|
|
2681
|
-
[
|
|
2689
|
+
[Me, S.value]
|
|
2682
2690
|
]),
|
|
2683
2691
|
S.value ? (i(), c("span", {
|
|
2684
2692
|
key: 0,
|
|
@@ -2709,7 +2717,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2709
2717
|
}, ["stop"])),
|
|
2710
2718
|
onChange: (X) => A(z(g))
|
|
2711
2719
|
}, null, 40, Wl),
|
|
2712
|
-
d("span", null, U(
|
|
2720
|
+
d("span", null, U(O(g)), 1)
|
|
2713
2721
|
], 2)
|
|
2714
2722
|
], 10, Kl))), 128)),
|
|
2715
2723
|
H.value.length === 0 ? (i(), c("div", {
|
|
@@ -2766,7 +2774,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2766
2774
|
placeholder: s.filterPlaceholder,
|
|
2767
2775
|
class: u(n(t).e("filter-input"))
|
|
2768
2776
|
}, null, 10, Jl), [
|
|
2769
|
-
[
|
|
2777
|
+
[Me, $.value]
|
|
2770
2778
|
]),
|
|
2771
2779
|
$.value ? (i(), c("span", {
|
|
2772
2780
|
key: 0,
|
|
@@ -2784,7 +2792,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2784
2792
|
n(t).is("disabled", b(g)),
|
|
2785
2793
|
n(t).is("checked", C.value.includes(z(g)))
|
|
2786
2794
|
]),
|
|
2787
|
-
onClick: (X) => !b(g) &&
|
|
2795
|
+
onClick: (X) => !b(g) && E(z(g))
|
|
2788
2796
|
}, [
|
|
2789
2797
|
d("label", {
|
|
2790
2798
|
class: u(n(t).e("checkbox"))
|
|
@@ -2795,9 +2803,9 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2795
2803
|
disabled: b(g),
|
|
2796
2804
|
onClick: v[5] || (v[5] = oe(() => {
|
|
2797
2805
|
}, ["stop"])),
|
|
2798
|
-
onChange: (X) =>
|
|
2806
|
+
onChange: (X) => E(z(g))
|
|
2799
2807
|
}, null, 40, Ql),
|
|
2800
|
-
d("span", null, U(
|
|
2808
|
+
d("span", null, U(O(g)), 1)
|
|
2801
2809
|
], 2)
|
|
2802
2810
|
], 10, Zl))), 128)),
|
|
2803
2811
|
L.value.length === 0 ? (i(), c("div", {
|
|
@@ -2829,11 +2837,11 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2829
2837
|
marks: {}
|
|
2830
2838
|
},
|
|
2831
2839
|
emits: ["update:modelValue", "change", "input"],
|
|
2832
|
-
setup(s, { emit:
|
|
2833
|
-
const l = s, e =
|
|
2840
|
+
setup(s, { emit: k }) {
|
|
2841
|
+
const l = s, e = k, a = ae("slider"), t = R(), f = R(), m = R(!1), y = R(!1), S = M(() => {
|
|
2834
2842
|
const x = l.max - l.min;
|
|
2835
2843
|
return (l.modelValue - l.min) / x * 100;
|
|
2836
|
-
}), $ =
|
|
2844
|
+
}), $ = M(() => l.formatTooltip ? l.formatTooltip(l.modelValue) : l.modelValue), T = M(() => {
|
|
2837
2845
|
if (!l.showStops || l.min >= l.max) return [];
|
|
2838
2846
|
const x = [], w = (l.max - l.min) / l.step;
|
|
2839
2847
|
for (let o = 0; o <= w; o++) {
|
|
@@ -2841,11 +2849,11 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2841
2849
|
v > l.min && v < l.max && x.push((v - l.min) / (l.max - l.min) * 100);
|
|
2842
2850
|
}
|
|
2843
2851
|
return x;
|
|
2844
|
-
}), C =
|
|
2852
|
+
}), C = M(() => l.marks ? Object.keys(l.marks).map((x) => {
|
|
2845
2853
|
const w = Number(x), o = l.marks[w], v = (w - l.min) / (l.max - l.min) * 100;
|
|
2846
2854
|
let g, X = {};
|
|
2847
2855
|
return typeof o == "string" ? g = o : (g = o.label || String(w), X = o.style || {}), { value: w, pos: v, label: g, style: X };
|
|
2848
|
-
}) : []), z = () => t.value ? l.vertical ? t.value.offsetHeight : t.value.offsetWidth : 0,
|
|
2856
|
+
}) : []), z = () => t.value ? l.vertical ? t.value.offsetHeight : t.value.offsetWidth : 0, O = (x, w) => {
|
|
2849
2857
|
if (!t.value) return l.modelValue;
|
|
2850
2858
|
const o = t.value.getBoundingClientRect(), v = z();
|
|
2851
2859
|
let g;
|
|
@@ -2859,22 +2867,22 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2859
2867
|
}, H = (x) => {
|
|
2860
2868
|
if (l.disabled) return;
|
|
2861
2869
|
x.preventDefault(), y.value = !0, m.value = !0;
|
|
2862
|
-
const w =
|
|
2870
|
+
const w = O(x.clientX, x.clientY);
|
|
2863
2871
|
b(w), document.addEventListener("mousemove", L), document.addEventListener("mouseup", I);
|
|
2864
2872
|
}, L = (x) => {
|
|
2865
2873
|
if (!y.value) return;
|
|
2866
|
-
const w =
|
|
2874
|
+
const w = O(x.clientX, x.clientY);
|
|
2867
2875
|
b(w);
|
|
2868
2876
|
}, I = () => {
|
|
2869
2877
|
y.value = !1, e("change", l.modelValue), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", I);
|
|
2870
2878
|
}, V = (x) => {
|
|
2871
2879
|
if (l.disabled) return;
|
|
2872
2880
|
x.preventDefault(), y.value = !0, m.value = !0;
|
|
2873
|
-
const w = x.touches[0], o =
|
|
2881
|
+
const w = x.touches[0], o = O(w.clientX, w.clientY);
|
|
2874
2882
|
b(o);
|
|
2875
2883
|
}, h = (x) => {
|
|
2876
2884
|
if (!y.value) return;
|
|
2877
|
-
const w = x.touches[0], o =
|
|
2885
|
+
const w = x.touches[0], o = O(w.clientX, w.clientY);
|
|
2878
2886
|
b(o);
|
|
2879
2887
|
}, r = () => {
|
|
2880
2888
|
y.value = !1, e("change", l.modelValue);
|
|
@@ -2886,14 +2894,14 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2886
2894
|
Ce(() => {
|
|
2887
2895
|
document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", I);
|
|
2888
2896
|
});
|
|
2889
|
-
const A =
|
|
2897
|
+
const A = M(() => [
|
|
2890
2898
|
a.b(),
|
|
2891
2899
|
a.is("disabled", l.disabled),
|
|
2892
2900
|
a.is("vertical", l.vertical)
|
|
2893
|
-
]),
|
|
2901
|
+
]), E = M(() => l.vertical && l.height ? { height: typeof l.height == "number" ? `${l.height}px` : l.height } : {}), j = M(() => l.vertical ? { height: `${S.value}%` } : { width: `${S.value}%` }), p = M(() => l.vertical ? { bottom: `${S.value}%` } : { left: `${S.value}%` });
|
|
2894
2902
|
return (x, w) => (i(), c("div", {
|
|
2895
2903
|
class: u(A.value),
|
|
2896
|
-
style: te(
|
|
2904
|
+
style: te(E.value)
|
|
2897
2905
|
}, [
|
|
2898
2906
|
d("div", {
|
|
2899
2907
|
ref_key: "sliderRef",
|
|
@@ -2989,7 +2997,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2989
2997
|
onExceed: {}
|
|
2990
2998
|
},
|
|
2991
2999
|
emits: ["update:fileList", "success", "error", "progress", "change", "remove", "exceed"],
|
|
2992
|
-
setup(s, { expose:
|
|
3000
|
+
setup(s, { expose: k, emit: l }) {
|
|
2993
3001
|
const e = s, a = l, t = ae("upload");
|
|
2994
3002
|
Ae();
|
|
2995
3003
|
const f = R(), m = R([...e.fileList]), y = R(!1);
|
|
@@ -3011,12 +3019,12 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3011
3019
|
default: "📁"
|
|
3012
3020
|
};
|
|
3013
3021
|
return w[x || ""] || w.default;
|
|
3014
|
-
}, C =
|
|
3022
|
+
}, C = M(() => e.limit ? m.value.length < e.limit : !0), z = M(() => [
|
|
3015
3023
|
t.b(),
|
|
3016
3024
|
t.is("disabled", e.disabled),
|
|
3017
3025
|
t.is("drag", e.drag),
|
|
3018
3026
|
t.m(e.listType)
|
|
3019
|
-
]),
|
|
3027
|
+
]), O = (p) => {
|
|
3020
3028
|
const x = p.target.files;
|
|
3021
3029
|
!x || x.length === 0 || (b(Array.from(x)), f.value && (f.value.value = ""));
|
|
3022
3030
|
}, b = async (p) => {
|
|
@@ -3107,7 +3115,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3107
3115
|
p.preventDefault(), !e.disabled && e.drag && (y.value = !0);
|
|
3108
3116
|
}, A = () => {
|
|
3109
3117
|
y.value = !1;
|
|
3110
|
-
},
|
|
3118
|
+
}, E = (p) => {
|
|
3111
3119
|
var w;
|
|
3112
3120
|
if (p.preventDefault(), y.value = !1, e.disabled) return;
|
|
3113
3121
|
const x = (w = p.dataTransfer) == null ? void 0 : w.files;
|
|
@@ -3120,7 +3128,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3120
3128
|
o /= 1024, w++;
|
|
3121
3129
|
return `${o.toFixed(2)} ${x[w]}`;
|
|
3122
3130
|
};
|
|
3123
|
-
return
|
|
3131
|
+
return k({
|
|
3124
3132
|
submit: h,
|
|
3125
3133
|
clearFiles: r,
|
|
3126
3134
|
uploadFiles: m
|
|
@@ -3133,7 +3141,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3133
3141
|
onClick: D,
|
|
3134
3142
|
onDragover: B,
|
|
3135
3143
|
onDragleave: A,
|
|
3136
|
-
onDrop:
|
|
3144
|
+
onDrop: E
|
|
3137
3145
|
}, [
|
|
3138
3146
|
se(p.$slots, "drag", {}, () => [
|
|
3139
3147
|
d("span", {
|
|
@@ -3340,7 +3348,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3340
3348
|
multiple: s.multiple,
|
|
3341
3349
|
accept: s.accept,
|
|
3342
3350
|
disabled: s.disabled,
|
|
3343
|
-
onChange:
|
|
3351
|
+
onChange: O
|
|
3344
3352
|
}, null, 42, ha),
|
|
3345
3353
|
p.$slots.tip ? (i(), c("div", {
|
|
3346
3354
|
key: 3,
|
|
@@ -3375,8 +3383,8 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3375
3383
|
size: { default: "default" }
|
|
3376
3384
|
},
|
|
3377
3385
|
emits: ["update:modelValue", "change"],
|
|
3378
|
-
setup(s, { emit:
|
|
3379
|
-
const l = s, e =
|
|
3386
|
+
setup(s, { emit: k }) {
|
|
3387
|
+
const l = s, e = k, a = ae("rate"), t = R(-1), f = M(() => t.value > -1 ? t.value : l.modelValue), m = M(() => [
|
|
3380
3388
|
a.b(),
|
|
3381
3389
|
a.m(l.size),
|
|
3382
3390
|
a.is("disabled", l.disabled),
|
|
@@ -3384,7 +3392,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3384
3392
|
]), y = (b) => l.disabled ? l.disabledVoidColor : b <= l.lowThreshold ? l.colors[0] : b <= l.highThreshold ? l.colors[1] || l.colors[0] : l.colors[2] || l.colors[1] || l.colors[0], S = (b) => {
|
|
3385
3393
|
const H = f.value;
|
|
3386
3394
|
return H >= b ? 100 : l.allowHalf && H >= b - 0.5 ? 50 : 0;
|
|
3387
|
-
}, $ = (b) => S(b) > 0 ? y(f.value) : l.disabled ? l.disabledVoidColor : l.voidColor, T =
|
|
3395
|
+
}, $ = (b) => S(b) > 0 ? y(f.value) : l.disabled ? l.disabledVoidColor : l.voidColor, T = M(() => {
|
|
3388
3396
|
if (l.showScore)
|
|
3389
3397
|
return l.scoreTemplate.replace("{value}", String(l.modelValue));
|
|
3390
3398
|
if (l.showText) {
|
|
@@ -3401,7 +3409,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3401
3409
|
t.value = b;
|
|
3402
3410
|
}, z = () => {
|
|
3403
3411
|
l.disabled || l.readonly || (t.value = -1);
|
|
3404
|
-
},
|
|
3412
|
+
}, O = (b, H) => {
|
|
3405
3413
|
if (l.disabled || l.readonly) return;
|
|
3406
3414
|
let L;
|
|
3407
3415
|
if (l.allowHalf) {
|
|
@@ -3422,7 +3430,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3422
3430
|
key: L,
|
|
3423
3431
|
class: u(n(a).e("item")),
|
|
3424
3432
|
onMousemove: (I) => C(L, I),
|
|
3425
|
-
onClick: (I) =>
|
|
3433
|
+
onClick: (I) => O(L, I)
|
|
3426
3434
|
}, [
|
|
3427
3435
|
d("span", {
|
|
3428
3436
|
class: u(n(a).e("void")),
|
|
@@ -3466,11 +3474,11 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3466
3474
|
] }
|
|
3467
3475
|
},
|
|
3468
3476
|
emits: ["update:fields", "add", "remove", "sort", "update"],
|
|
3469
|
-
setup(s, { emit:
|
|
3470
|
-
const l = s, e =
|
|
3477
|
+
setup(s, { emit: k }) {
|
|
3478
|
+
const l = s, e = k, a = ae("dynamic-fields"), t = R([]), f = R(null), m = R("input"), y = M(() => [
|
|
3471
3479
|
a.b(),
|
|
3472
3480
|
a.is("editable", l.editable)
|
|
3473
|
-
]), S =
|
|
3481
|
+
]), S = M(() => t.value.length < l.maxFields);
|
|
3474
3482
|
ie(() => l.fields, (h) => {
|
|
3475
3483
|
t.value = [...h].sort((r, D) => (r.order || 0) - (D.order || 0));
|
|
3476
3484
|
}, { immediate: !0, deep: !0 });
|
|
@@ -3494,7 +3502,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3494
3502
|
const D = t.value[r];
|
|
3495
3503
|
t.value[r] = t.value[r - 1], t.value[r - 1] = D, b(), e("sort", t.value), e("update:fields", t.value);
|
|
3496
3504
|
}
|
|
3497
|
-
},
|
|
3505
|
+
}, O = (h) => {
|
|
3498
3506
|
const r = t.value.findIndex((D) => D.id === h);
|
|
3499
3507
|
if (r < t.value.length - 1) {
|
|
3500
3508
|
const D = t.value[r];
|
|
@@ -3574,7 +3582,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3574
3582
|
key: 1,
|
|
3575
3583
|
class: "action-btn",
|
|
3576
3584
|
title: "下移",
|
|
3577
|
-
onClick: (B) =>
|
|
3585
|
+
onClick: (B) => O(D.id)
|
|
3578
3586
|
}, [
|
|
3579
3587
|
Z(n(ee), {
|
|
3580
3588
|
name: "move-down",
|
|
@@ -3635,7 +3643,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3635
3643
|
type: "text",
|
|
3636
3644
|
placeholder: "变量名称"
|
|
3637
3645
|
}, null, 512), [
|
|
3638
|
-
[
|
|
3646
|
+
[Me, f.value.name]
|
|
3639
3647
|
])
|
|
3640
3648
|
]),
|
|
3641
3649
|
d("div", Ta, [
|
|
@@ -3645,7 +3653,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3645
3653
|
type: "text",
|
|
3646
3654
|
placeholder: "显示标签"
|
|
3647
3655
|
}, null, 512), [
|
|
3648
|
-
[
|
|
3656
|
+
[Me, f.value.label]
|
|
3649
3657
|
])
|
|
3650
3658
|
]),
|
|
3651
3659
|
d("div", Ha, [
|
|
@@ -3675,7 +3683,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3675
3683
|
type: "text",
|
|
3676
3684
|
placeholder: "输入提示"
|
|
3677
3685
|
}, null, 512), [
|
|
3678
|
-
[
|
|
3686
|
+
[Me, f.value.placeholder]
|
|
3679
3687
|
])
|
|
3680
3688
|
])
|
|
3681
3689
|
]),
|
|
@@ -3706,13 +3714,13 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3706
3714
|
autoFocus: { type: Boolean, default: !1 }
|
|
3707
3715
|
},
|
|
3708
3716
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
3709
|
-
setup(s, { expose:
|
|
3710
|
-
const e = s, a = l, t =
|
|
3717
|
+
setup(s, { expose: k, emit: l }) {
|
|
3718
|
+
const e = s, a = l, t = Ee(
|
|
3711
3719
|
() => import("./index.esm-C9sEwyHF.mjs").then((r) => r.Editor)
|
|
3712
|
-
), f =
|
|
3720
|
+
), f = Ee(
|
|
3713
3721
|
() => import("./index.esm-C9sEwyHF.mjs").then((r) => r.Toolbar)
|
|
3714
3722
|
), m = qe(), y = R(e.modelValue), S = R(!1);
|
|
3715
|
-
|
|
3723
|
+
pe(() => {
|
|
3716
3724
|
S.value = !0;
|
|
3717
3725
|
}), ie(
|
|
3718
3726
|
() => e.modelValue,
|
|
@@ -3720,7 +3728,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3720
3728
|
r !== y.value && (y.value = r);
|
|
3721
3729
|
}
|
|
3722
3730
|
);
|
|
3723
|
-
const $ =
|
|
3731
|
+
const $ = M(() => ({ height: typeof e.height == "number" ? `${e.height}px` : e.height })), T = M(() => {
|
|
3724
3732
|
const r = {
|
|
3725
3733
|
excludeKeys: []
|
|
3726
3734
|
};
|
|
@@ -3783,7 +3791,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3783
3791
|
r.excludeKeys = D.filter((B) => !e.toolbar.includes(B));
|
|
3784
3792
|
}
|
|
3785
3793
|
return r;
|
|
3786
|
-
}), C =
|
|
3794
|
+
}), C = M(() => ({
|
|
3787
3795
|
placeholder: e.placeholder,
|
|
3788
3796
|
readOnly: e.disabled,
|
|
3789
3797
|
autoFocus: e.autoFocus,
|
|
@@ -3806,7 +3814,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3806
3814
|
}
|
|
3807
3815
|
})), z = (r) => {
|
|
3808
3816
|
m.value = r;
|
|
3809
|
-
},
|
|
3817
|
+
}, O = (r) => {
|
|
3810
3818
|
const D = r.getHtml();
|
|
3811
3819
|
y.value = D, a("update:modelValue", D), a("change", D);
|
|
3812
3820
|
}, b = (r) => {
|
|
@@ -3814,7 +3822,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3814
3822
|
}, H = (r) => {
|
|
3815
3823
|
a("blur", r);
|
|
3816
3824
|
};
|
|
3817
|
-
return
|
|
3825
|
+
return k({
|
|
3818
3826
|
getEditor: () => m.value,
|
|
3819
3827
|
getText: () => {
|
|
3820
3828
|
var r;
|
|
@@ -3849,7 +3857,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3849
3857
|
style: te($.value),
|
|
3850
3858
|
class: "x-rich-editor__content",
|
|
3851
3859
|
onOnCreated: z,
|
|
3852
|
-
onOnChange:
|
|
3860
|
+
onOnChange: O,
|
|
3853
3861
|
onOnFocus: b,
|
|
3854
3862
|
onOnBlur: H
|
|
3855
3863
|
}, null, 8, ["modelValue", "default-config", "mode", "style"])
|
|
@@ -3876,17 +3884,17 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3876
3884
|
separator: { default: " / " }
|
|
3877
3885
|
},
|
|
3878
3886
|
emits: ["update:modelValue", "change"],
|
|
3879
|
-
setup(s, { emit:
|
|
3880
|
-
const l = s, e =
|
|
3887
|
+
setup(s, { emit: k }) {
|
|
3888
|
+
const l = s, e = k, a = ae("cascader"), t = R(!1), f = R([]), m = R([]);
|
|
3881
3889
|
R("");
|
|
3882
3890
|
const y = R(""), S = R();
|
|
3883
|
-
|
|
3891
|
+
M(() => ({
|
|
3884
3892
|
value: l.props.value || "value",
|
|
3885
3893
|
label: l.props.label || "label",
|
|
3886
3894
|
children: l.props.children || "children",
|
|
3887
3895
|
disabled: l.props.disabled || "disabled"
|
|
3888
3896
|
}));
|
|
3889
|
-
const $ =
|
|
3897
|
+
const $ = M(() => l.props.multiple), T = M(() => l.props.checkStrictly), C = M(() => {
|
|
3890
3898
|
if ($.value)
|
|
3891
3899
|
return m.value.length === 0 ? "" : m.value.map((x) => b(x)).join(", ");
|
|
3892
3900
|
if (f.value.length === 0) return "";
|
|
@@ -3894,7 +3902,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3894
3902
|
return f.value.map((x) => H(x, f.value)).join(l.separator);
|
|
3895
3903
|
const p = f.value[f.value.length - 1];
|
|
3896
3904
|
return H(p, f.value);
|
|
3897
|
-
}), z =
|
|
3905
|
+
}), z = M(() => {
|
|
3898
3906
|
var x;
|
|
3899
3907
|
const p = [l.options];
|
|
3900
3908
|
if (f.value.length > 0) {
|
|
@@ -3908,7 +3916,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3908
3916
|
}
|
|
3909
3917
|
}
|
|
3910
3918
|
return p;
|
|
3911
|
-
}),
|
|
3919
|
+
}), O = M(() => {
|
|
3912
3920
|
if (!l.filterable || !y.value) return null;
|
|
3913
3921
|
const p = [], x = (w, o = []) => {
|
|
3914
3922
|
var v;
|
|
@@ -3950,7 +3958,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3950
3958
|
f.value = [], m.value = [], e("update:modelValue", $.value ? [] : ""), e("change", $.value ? [] : "");
|
|
3951
3959
|
}, A = (p) => {
|
|
3952
3960
|
y.value = p.target.value;
|
|
3953
|
-
},
|
|
3961
|
+
}, E = (p) => {
|
|
3954
3962
|
f.value = p.map((x) => x.value), y.value = "", t.value = !1, r(f.value);
|
|
3955
3963
|
}, j = (p) => {
|
|
3956
3964
|
p.target.closest(`.${a.b()}`) || (t.value = !1);
|
|
@@ -4007,16 +4015,16 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4007
4015
|
ue(d("div", {
|
|
4008
4016
|
class: u(n(a).e("dropdown"))
|
|
4009
4017
|
}, [
|
|
4010
|
-
|
|
4018
|
+
O.value ? (i(), c("div", {
|
|
4011
4019
|
key: 0,
|
|
4012
4020
|
class: u(n(a).e("filter-list"))
|
|
4013
4021
|
}, [
|
|
4014
|
-
(i(!0), c(J, null, Q(
|
|
4022
|
+
(i(!0), c(J, null, Q(O.value, (w, o) => (i(), c("div", {
|
|
4015
4023
|
key: o,
|
|
4016
4024
|
class: u(n(a).e("filter-item")),
|
|
4017
|
-
onClick: (v) =>
|
|
4025
|
+
onClick: (v) => E(w.path)
|
|
4018
4026
|
}, U(w.label), 11, Fa))), 128)),
|
|
4019
|
-
|
|
4027
|
+
O.value.length === 0 ? (i(), c("div", {
|
|
4020
4028
|
key: 0,
|
|
4021
4029
|
class: u(n(a).e("empty"))
|
|
4022
4030
|
}, " 无匹配数据 ", 2)) : N("", !0)
|
|
@@ -4070,11 +4078,11 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4070
4078
|
], 2))), 128))
|
|
4071
4079
|
], 2))
|
|
4072
4080
|
], 2), [
|
|
4073
|
-
[
|
|
4081
|
+
[ge, t.value]
|
|
4074
4082
|
])
|
|
4075
4083
|
], 2));
|
|
4076
4084
|
}
|
|
4077
|
-
}),
|
|
4085
|
+
}), Oa = ["onClick"], pt = /* @__PURE__ */ le({
|
|
4078
4086
|
name: "XColorPicker",
|
|
4079
4087
|
__name: "index",
|
|
4080
4088
|
props: {
|
|
@@ -4085,47 +4093,47 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4085
4093
|
size: { default: "default" }
|
|
4086
4094
|
},
|
|
4087
4095
|
emits: ["update:modelValue", "change"],
|
|
4088
|
-
setup(s, { emit:
|
|
4089
|
-
const l = s, e =
|
|
4090
|
-
|
|
4091
|
-
const p = j *
|
|
4096
|
+
setup(s, { emit: k }) {
|
|
4097
|
+
const l = s, e = k, a = ae("color-picker"), t = R(!1), f = R(0), m = R(100), y = R(100), S = R(100), $ = R(), T = R(), C = M(() => b(f.value, m.value, y.value)), z = M(() => l.showAlpha ? `${C.value}${Math.round(S.value * 2.55).toString(16).padStart(2, "0")}` : C.value), O = M(() => l.modelValue || C.value), b = (A, E, j) => {
|
|
4098
|
+
E /= 100, j /= 100;
|
|
4099
|
+
const p = j * E, x = p * (1 - Math.abs(A / 60 % 2 - 1)), w = j - p;
|
|
4092
4100
|
let o = 0, v = 0, g = 0;
|
|
4093
4101
|
A >= 0 && A < 60 ? (o = p, v = x, g = 0) : A >= 60 && A < 120 ? (o = x, v = p, g = 0) : A >= 120 && A < 180 ? (o = 0, v = p, g = x) : A >= 180 && A < 240 ? (o = 0, v = x, g = p) : A >= 240 && A < 300 ? (o = x, v = 0, g = p) : (o = p, v = 0, g = x);
|
|
4094
4102
|
const X = (ne) => Math.round((ne + w) * 255).toString(16).padStart(2, "0");
|
|
4095
4103
|
return `#${X(o)}${X(v)}${X(g)}`;
|
|
4096
4104
|
}, H = (A) => {
|
|
4097
4105
|
A = A.replace("#", "");
|
|
4098
|
-
const
|
|
4106
|
+
const E = parseInt(A.slice(0, 2), 16) / 255, j = parseInt(A.slice(2, 4), 16) / 255, p = parseInt(A.slice(4, 6), 16) / 255, x = Math.max(E, j, p), w = Math.min(E, j, p), o = x - w;
|
|
4099
4107
|
let v = 0;
|
|
4100
4108
|
const g = x === 0 ? 0 : o / x, X = x;
|
|
4101
4109
|
if (o !== 0)
|
|
4102
4110
|
switch (x) {
|
|
4103
|
-
case
|
|
4111
|
+
case E:
|
|
4104
4112
|
v = ((j - p) / o + (j < p ? 6 : 0)) * 60;
|
|
4105
4113
|
break;
|
|
4106
4114
|
case j:
|
|
4107
|
-
v = ((p -
|
|
4115
|
+
v = ((p - E) / o + 2) * 60;
|
|
4108
4116
|
break;
|
|
4109
4117
|
case p:
|
|
4110
|
-
v = ((
|
|
4118
|
+
v = ((E - j) / o + 4) * 60;
|
|
4111
4119
|
break;
|
|
4112
4120
|
}
|
|
4113
4121
|
return { h: v, s: g * 100, v: X * 100 };
|
|
4114
4122
|
}, L = (A) => {
|
|
4115
4123
|
if (!$.value) return;
|
|
4116
|
-
const
|
|
4124
|
+
const E = $.value.getBoundingClientRect(), j = Math.max(0, Math.min(1, (A.clientX - E.left) / E.width)), p = Math.max(0, Math.min(1, (A.clientY - E.top) / E.height));
|
|
4117
4125
|
m.value = Math.round(j * 100), y.value = Math.round((1 - p) * 100);
|
|
4118
4126
|
}, I = (A) => {
|
|
4119
4127
|
if (!T.value) return;
|
|
4120
|
-
const
|
|
4128
|
+
const E = T.value.getBoundingClientRect(), j = Math.max(0, Math.min(1, (A.clientX - E.left) / E.width));
|
|
4121
4129
|
f.value = Math.round(j * 360);
|
|
4122
4130
|
}, V = (A) => {
|
|
4123
4131
|
if (!T.value) return;
|
|
4124
|
-
const
|
|
4132
|
+
const E = T.value.getBoundingClientRect(), j = Math.max(0, Math.min(1, (A.clientX - E.left) / E.width));
|
|
4125
4133
|
S.value = Math.round(j * 100);
|
|
4126
4134
|
}, h = (A) => {
|
|
4127
|
-
const
|
|
4128
|
-
f.value =
|
|
4135
|
+
const E = H(A);
|
|
4136
|
+
f.value = E.h, m.value = E.s, y.value = E.v, e("update:modelValue", A), e("change", A);
|
|
4129
4137
|
}, r = () => {
|
|
4130
4138
|
e("update:modelValue", z.value), e("change", z.value), t.value = !1;
|
|
4131
4139
|
}, D = () => {
|
|
@@ -4136,25 +4144,25 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4136
4144
|
return ie(t, (A) => {
|
|
4137
4145
|
if (A) {
|
|
4138
4146
|
if (document.addEventListener("click", B), l.modelValue) {
|
|
4139
|
-
const
|
|
4140
|
-
f.value =
|
|
4147
|
+
const E = H(l.modelValue.slice(0, 7));
|
|
4148
|
+
f.value = E.h, m.value = E.s, y.value = E.v, l.showAlpha && l.modelValue.length === 9 && (S.value = Math.round(parseInt(l.modelValue.slice(7, 9), 16) / 2.55));
|
|
4141
4149
|
}
|
|
4142
4150
|
} else
|
|
4143
4151
|
document.removeEventListener("click", B);
|
|
4144
|
-
}), (A,
|
|
4152
|
+
}), (A, E) => (i(), c("div", {
|
|
4145
4153
|
class: u([n(a).b(), n(a).m(s.size), n(a).is("disabled", s.disabled)]),
|
|
4146
|
-
onClick:
|
|
4154
|
+
onClick: E[1] || (E[1] = oe(() => {
|
|
4147
4155
|
}, ["stop"]))
|
|
4148
4156
|
}, [
|
|
4149
4157
|
d("div", {
|
|
4150
4158
|
class: u(n(a).e("trigger")),
|
|
4151
|
-
onClick:
|
|
4159
|
+
onClick: E[0] || (E[0] = (j) => !s.disabled && (t.value = !t.value))
|
|
4152
4160
|
}, [
|
|
4153
4161
|
d("div", {
|
|
4154
4162
|
class: u(n(a).e("color")),
|
|
4155
|
-
style: te({ backgroundColor:
|
|
4163
|
+
style: te({ backgroundColor: O.value })
|
|
4156
4164
|
}, [
|
|
4157
|
-
|
|
4165
|
+
O.value ? N("", !0) : (i(), fe(n(ee), {
|
|
4158
4166
|
key: 0,
|
|
4159
4167
|
name: "close",
|
|
4160
4168
|
size: 12
|
|
@@ -4228,7 +4236,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4228
4236
|
class: u(n(a).e("predefine-item")),
|
|
4229
4237
|
style: te({ backgroundColor: j }),
|
|
4230
4238
|
onClick: (x) => h(j)
|
|
4231
|
-
}, null, 14,
|
|
4239
|
+
}, null, 14, Oa))), 128))
|
|
4232
4240
|
], 2)) : N("", !0),
|
|
4233
4241
|
d("div", {
|
|
4234
4242
|
class: u(n(a).e("actions"))
|
|
@@ -4250,11 +4258,11 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4250
4258
|
], 2)
|
|
4251
4259
|
], 2)
|
|
4252
4260
|
], 2), [
|
|
4253
|
-
[
|
|
4261
|
+
[ge, t.value]
|
|
4254
4262
|
])
|
|
4255
4263
|
], 2));
|
|
4256
4264
|
}
|
|
4257
|
-
}),
|
|
4265
|
+
}), Ea = ["value", "placeholder", "disabled"], Ya = ["onClick"], gt = /* @__PURE__ */ le({
|
|
4258
4266
|
name: "XAutoComplete",
|
|
4259
4267
|
__name: "index",
|
|
4260
4268
|
props: {
|
|
@@ -4270,8 +4278,8 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4270
4278
|
size: { default: "default" }
|
|
4271
4279
|
},
|
|
4272
4280
|
emits: ["update:modelValue", "select", "clear"],
|
|
4273
|
-
setup(s, { emit:
|
|
4274
|
-
const l = s, e =
|
|
4281
|
+
setup(s, { emit: k }) {
|
|
4282
|
+
const l = s, e = k, a = ae("auto-complete"), t = R(!1), f = R(l.modelValue), m = R([]), y = R(-1), S = R(), $ = R(!1);
|
|
4275
4283
|
let T = null;
|
|
4276
4284
|
const C = (V) => {
|
|
4277
4285
|
l.fetchSuggestions ? ($.value = !0, l.fetchSuggestions(V, (h) => {
|
|
@@ -4284,7 +4292,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4284
4292
|
f.value = h, e("update:modelValue", h), y.value = -1, T && clearTimeout(T), T = setTimeout(() => {
|
|
4285
4293
|
h || l.triggerOnFocus ? C(h) : t.value = !1;
|
|
4286
4294
|
}, l.debounce);
|
|
4287
|
-
},
|
|
4295
|
+
}, O = () => {
|
|
4288
4296
|
l.triggerOnFocus && f.value === "" && C("");
|
|
4289
4297
|
}, b = (V) => {
|
|
4290
4298
|
f.value = V[l.valueKey], e("update:modelValue", f.value), e("select", V), t.value = !1;
|
|
@@ -4333,9 +4341,9 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4333
4341
|
disabled: s.disabled,
|
|
4334
4342
|
class: u(n(a).e("inner")),
|
|
4335
4343
|
onInput: z,
|
|
4336
|
-
onFocus:
|
|
4344
|
+
onFocus: O,
|
|
4337
4345
|
onKeydown: H
|
|
4338
|
-
}, null, 42,
|
|
4346
|
+
}, null, 42, Ea),
|
|
4339
4347
|
s.clearable && f.value ? (i(), c("span", {
|
|
4340
4348
|
key: 0,
|
|
4341
4349
|
class: u(n(a).e("clear")),
|
|
@@ -4376,7 +4384,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4376
4384
|
], 10, Ya))), 128))
|
|
4377
4385
|
], 2)
|
|
4378
4386
|
], 2), [
|
|
4379
|
-
[
|
|
4387
|
+
[ge, t.value && m.value.length]
|
|
4380
4388
|
])
|
|
4381
4389
|
], 2));
|
|
4382
4390
|
}
|
|
@@ -4391,8 +4399,8 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4391
4399
|
size: { default: "default" }
|
|
4392
4400
|
},
|
|
4393
4401
|
emits: ["update:modelValue", "change"],
|
|
4394
|
-
setup(s, { emit:
|
|
4395
|
-
const l = s, e =
|
|
4402
|
+
setup(s, { emit: k }) {
|
|
4403
|
+
const l = s, e = k, a = ae("segmented"), t = R(), f = M(() => l.options.map(($) => typeof $ == "string" || typeof $ == "number" ? { label: String($), value: $ } : $)), m = M(() => f.value.findIndex(($) => $.value === l.modelValue)), y = M(() => {
|
|
4396
4404
|
if (!t.value || m.value < 0) return {};
|
|
4397
4405
|
const T = t.value.querySelectorAll(`.${a.e("item")}`)[m.value];
|
|
4398
4406
|
return T ? {
|
|
@@ -4423,7 +4431,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4423
4431
|
n(a).is("selected", z === m.value),
|
|
4424
4432
|
n(a).is("disabled", C.disabled)
|
|
4425
4433
|
]),
|
|
4426
|
-
onClick: (
|
|
4434
|
+
onClick: (O) => S(C)
|
|
4427
4435
|
}, [
|
|
4428
4436
|
se($.$slots, "default", { option: C }, () => [
|
|
4429
4437
|
de(U(C.label), 1)
|
|
@@ -4445,10 +4453,10 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4445
4453
|
size: { default: "default" }
|
|
4446
4454
|
},
|
|
4447
4455
|
emits: ["update:modelValue", "select", "change"],
|
|
4448
|
-
setup(s, { emit:
|
|
4449
|
-
const l = s, e =
|
|
4456
|
+
setup(s, { emit: k }) {
|
|
4457
|
+
const l = s, e = k, a = ae("mention"), t = R(l.modelValue), f = R(!1), m = R([]), y = R(-1), S = R(), $ = R(), T = R(0), C = R(-1), z = (V) => {
|
|
4450
4458
|
m.value = l.options.filter((h) => h.disabled ? !1 : (h.label || h.value).toLowerCase().includes(V.toLowerCase())), f.value = m.value.length > 0, y.value = -1;
|
|
4451
|
-
},
|
|
4459
|
+
}, O = (V) => {
|
|
4452
4460
|
const h = V.target;
|
|
4453
4461
|
t.value = h.value, T.value = h.selectionStart || 0;
|
|
4454
4462
|
const r = t.value.slice(0, T.value), D = r.lastIndexOf(l.prefix);
|
|
@@ -4507,7 +4515,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4507
4515
|
placeholder: s.placeholder,
|
|
4508
4516
|
disabled: s.disabled,
|
|
4509
4517
|
class: u(n(a).e("inner")),
|
|
4510
|
-
onInput:
|
|
4518
|
+
onInput: O,
|
|
4511
4519
|
onKeydown: H
|
|
4512
4520
|
}, null, 42, Na),
|
|
4513
4521
|
s.clearable && t.value ? (i(), c("span", {
|
|
@@ -4550,7 +4558,7 @@ const El = ["onClick"], Ol = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4550
4558
|
], 10, Xa))), 128))
|
|
4551
4559
|
], 2)
|
|
4552
4560
|
], 2), [
|
|
4553
|
-
[
|
|
4561
|
+
[ge, f.value]
|
|
4554
4562
|
])
|
|
4555
4563
|
], 2));
|
|
4556
4564
|
}
|