@xto/form 1.3.9 → 1.4.0
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 +537 -537
- package/lib/index.cjs +1 -1
- package/package.json +1 -1
package/es/index.mjs
CHANGED
|
@@ -215,18 +215,18 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
215
215
|
strokeWidth: { default: 2 }
|
|
216
216
|
},
|
|
217
217
|
setup(s, { expose: k }) {
|
|
218
|
-
const
|
|
219
|
-
width:
|
|
220
|
-
height:
|
|
221
|
-
color:
|
|
218
|
+
const a = s, e = ae("icon"), t = M(() => typeof a.size == "number" ? `${a.size}px` : a.size), l = M(() => ({
|
|
219
|
+
width: t.value,
|
|
220
|
+
height: t.value,
|
|
221
|
+
color: a.color
|
|
222
222
|
})), v = M(() => ({
|
|
223
|
-
strokeWidth:
|
|
223
|
+
strokeWidth: a.strokeWidth
|
|
224
224
|
})), m = M(() => [
|
|
225
225
|
e.b(),
|
|
226
|
-
e.is("spin",
|
|
227
|
-
]), b = M(() =>
|
|
226
|
+
e.is("spin", a.spin)
|
|
227
|
+
]), b = M(() => a.name && Ge(a.name) ? Ue[a.name] : "");
|
|
228
228
|
return k({
|
|
229
|
-
iconSize:
|
|
229
|
+
iconSize: t,
|
|
230
230
|
iconStyle: l,
|
|
231
231
|
iconPath: b
|
|
232
232
|
}), (H, z) => (i(), c("span", {
|
|
@@ -273,8 +273,8 @@ 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: k, emit:
|
|
277
|
-
const e = s,
|
|
276
|
+
setup(s, { expose: k, emit: a }) {
|
|
277
|
+
const e = s, t = a, l = ae("input"), v = L(), m = L(!1), b = L(!1), H = Fe(), z = M(
|
|
278
278
|
() => e.type === "password" && e.showPassword && !e.disabled
|
|
279
279
|
), C = M(() => z.value ? b.value ? "text" : "password" : e.type);
|
|
280
280
|
M(() => e.modelValue !== void 0), M(() => e.value !== void 0);
|
|
@@ -288,7 +288,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
288
288
|
{ immediate: !0 }
|
|
289
289
|
);
|
|
290
290
|
const S = (A) => {
|
|
291
|
-
D.value = A,
|
|
291
|
+
D.value = A, t("update:modelValue", A), t("update:value", A), t("input", A);
|
|
292
292
|
}, P = M(() => String(D.value).length), y = M(() => [
|
|
293
293
|
l.b(),
|
|
294
294
|
e.size !== "default" ? l.m(e.size) : "",
|
|
@@ -298,13 +298,13 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
298
298
|
l.is("has-suffix", e.suffixIcon || H.suffix || e.clearable || z.value || e.showWordLimit)
|
|
299
299
|
]), T = (A) => {
|
|
300
300
|
const F = A.target.value;
|
|
301
|
-
|
|
301
|
+
t("change", F);
|
|
302
302
|
}, R = (A) => {
|
|
303
|
-
m.value = !0,
|
|
303
|
+
m.value = !0, t("focus", A);
|
|
304
304
|
}, I = (A) => {
|
|
305
|
-
m.value = !1,
|
|
305
|
+
m.value = !1, t("blur", A);
|
|
306
306
|
}, V = () => {
|
|
307
|
-
D.value = "",
|
|
307
|
+
D.value = "", t("update:modelValue", ""), t("update:value", ""), t("clear");
|
|
308
308
|
}, h = () => {
|
|
309
309
|
b.value = !b.value;
|
|
310
310
|
};
|
|
@@ -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: k, emit:
|
|
405
|
-
const e = s,
|
|
404
|
+
setup(s, { expose: k, emit: a }) {
|
|
405
|
+
const e = s, t = a, l = ae("input-number"), v = L(), m = L(!1), b = L(null), H = L(e.modelValue), z = M(() => {
|
|
406
406
|
if (e.precision !== void 0)
|
|
407
407
|
return e.precision;
|
|
408
408
|
const o = C(e.step), f = e.modelValue !== void 0 && e.modelValue !== null ? C(e.modelValue) : 0;
|
|
@@ -441,14 +441,14 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
441
441
|
function r(o) {
|
|
442
442
|
const f = H.value;
|
|
443
443
|
if (o === void 0)
|
|
444
|
-
e.modelValue !== void 0 &&
|
|
444
|
+
e.modelValue !== void 0 && t("update:modelValue", void 0), e.value !== void 0 && t("update:value", void 0), e.modelValue === void 0 && e.value === void 0 && t("update:modelValue", void 0), t("change", void 0, f);
|
|
445
445
|
else {
|
|
446
446
|
const g = D(o), X = S(g);
|
|
447
447
|
if (e.stepStrictly) {
|
|
448
448
|
const ne = Math.round((X - e.min) / e.step), K = D(e.min + ne * e.step);
|
|
449
|
-
e.modelValue !== void 0 &&
|
|
449
|
+
e.modelValue !== void 0 && t("update:modelValue", K), e.value !== void 0 && t("update:value", K), e.modelValue === void 0 && e.value === void 0 && t("update:modelValue", K), t("change", K, f);
|
|
450
450
|
} else
|
|
451
|
-
e.modelValue !== void 0 &&
|
|
451
|
+
e.modelValue !== void 0 && t("update:modelValue", X), e.value !== void 0 && t("update:value", X), e.modelValue === void 0 && e.value === void 0 && t("update:modelValue", X), t("change", X, f);
|
|
452
452
|
}
|
|
453
453
|
H.value = e.modelValue ?? e.value, b.value = null;
|
|
454
454
|
}
|
|
@@ -471,10 +471,10 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
471
471
|
const f = $(b.value);
|
|
472
472
|
f === void 0 ? e.valueOnClear !== null ? r(e.valueOnClear) : b.value = null : r(f);
|
|
473
473
|
}
|
|
474
|
-
|
|
474
|
+
t("blur", o);
|
|
475
475
|
}
|
|
476
476
|
function Y(o) {
|
|
477
|
-
m.value = !0, H.value = e.modelValue,
|
|
477
|
+
m.value = !0, H.value = e.modelValue, t("focus", o);
|
|
478
478
|
}
|
|
479
479
|
function j(o) {
|
|
480
480
|
var f;
|
|
@@ -492,7 +492,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
function p() {
|
|
495
|
-
b.value = null, e.valueOnClear !== null && e.valueOnClear !== void 0 ? r(e.valueOnClear) : (e.modelValue !== void 0 &&
|
|
495
|
+
b.value = null, e.valueOnClear !== null && e.valueOnClear !== void 0 ? r(e.valueOnClear) : (e.modelValue !== void 0 && t("update:modelValue", void 0), e.value !== void 0 && t("update:value", void 0), e.modelValue === void 0 && e.value === void 0 && t("update:modelValue", void 0), t("change", void 0, H.value), H.value = void 0);
|
|
496
496
|
}
|
|
497
497
|
function x() {
|
|
498
498
|
var o;
|
|
@@ -564,8 +564,8 @@ 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: k, emit:
|
|
568
|
-
const e = s,
|
|
567
|
+
setup(s, { expose: k, emit: a }) {
|
|
568
|
+
const e = s, t = a, l = ae("textarea"), v = L(), m = L(!1), b = L("");
|
|
569
569
|
ie(
|
|
570
570
|
[() => e.modelValue, () => e.value],
|
|
571
571
|
([V, h]) => {
|
|
@@ -575,7 +575,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
575
575
|
{ immediate: !0 }
|
|
576
576
|
);
|
|
577
577
|
const H = (V) => {
|
|
578
|
-
b.value = V,
|
|
578
|
+
b.value = V, t("update:modelValue", V), t("update:value", V), t("input", V);
|
|
579
579
|
}, z = M(() => String(b.value).length), C = M(() => {
|
|
580
580
|
const V = {};
|
|
581
581
|
if (e.resize && (V.resize = e.resize), e.autosize && (V.minHeight = "auto", typeof e.autosize == "object")) {
|
|
@@ -593,11 +593,11 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
593
593
|
H(h), e.autosize && v.value && (v.value.style.height = "auto", v.value.style.height = `${v.value.scrollHeight}px`);
|
|
594
594
|
}, P = (V) => {
|
|
595
595
|
const h = V.target.value;
|
|
596
|
-
|
|
596
|
+
t("change", h);
|
|
597
597
|
}, y = (V) => {
|
|
598
|
-
m.value = !0,
|
|
598
|
+
m.value = !0, t("focus", V);
|
|
599
599
|
}, T = (V) => {
|
|
600
|
-
m.value = !1,
|
|
600
|
+
m.value = !1, t("blur", V);
|
|
601
601
|
};
|
|
602
602
|
return k({
|
|
603
603
|
focus: () => {
|
|
@@ -653,30 +653,30 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
653
653
|
},
|
|
654
654
|
emits: ["update:modelValue", "update:checked", "change"],
|
|
655
655
|
setup(s, { emit: k }) {
|
|
656
|
-
const
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
656
|
+
const a = s, e = k, t = ae("switch"), l = M(() => a.modelValue !== void 0 ? a.modelValue : a.checked !== void 0 ? a.checked : !1), v = M(() => l.value === a.activeValue), m = M(() => [
|
|
657
|
+
t.b(),
|
|
658
|
+
t.is("disabled", a.disabled),
|
|
659
|
+
t.is("checked", v.value)
|
|
660
660
|
]), b = M(() => ({
|
|
661
|
-
width: typeof
|
|
661
|
+
width: typeof a.width == "number" ? `${a.width}px` : a.width,
|
|
662
662
|
height: "20px",
|
|
663
|
-
backgroundColor: v.value ?
|
|
663
|
+
backgroundColor: v.value ? a.activeColor : a.inactiveColor
|
|
664
664
|
})), H = () => {
|
|
665
|
-
if (
|
|
666
|
-
const z = v.value ?
|
|
667
|
-
|
|
665
|
+
if (a.disabled) return;
|
|
666
|
+
const z = v.value ? a.inactiveValue : a.activeValue;
|
|
667
|
+
a.modelValue !== void 0 && e("update:modelValue", z), a.checked !== void 0 && e("update:checked", z), a.modelValue === void 0 && a.checked === void 0 && e("update:modelValue", z), e("change", z);
|
|
668
668
|
};
|
|
669
669
|
return (z, C) => (i(), c("span", {
|
|
670
670
|
class: u(m.value),
|
|
671
671
|
onClick: H
|
|
672
672
|
}, [
|
|
673
673
|
d("span", {
|
|
674
|
-
class: u(n(
|
|
674
|
+
class: u(n(t).e("core")),
|
|
675
675
|
style: te(b.value)
|
|
676
676
|
}, null, 6),
|
|
677
677
|
z.$slots.default ? (i(), c("span", {
|
|
678
678
|
key: 0,
|
|
679
|
-
class: u(n(
|
|
679
|
+
class: u(n(t).e("text"))
|
|
680
680
|
}, [
|
|
681
681
|
se(z.$slots, "default")
|
|
682
682
|
], 2)) : N("", !0)
|
|
@@ -694,10 +694,10 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
694
694
|
},
|
|
695
695
|
emits: ["update:modelValue", "change"],
|
|
696
696
|
setup(s, { emit: k }) {
|
|
697
|
-
const
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
697
|
+
const a = s, e = k, t = ae("radio"), l = Ve("radioGroup", null), v = M(() => !!l), m = M(() => v.value ? l.modelValue.value : a.modelValue), b = M(() => a.value ?? a.label), H = M(() => m.value === b.value), z = M(() => a.disabled || v.value && l.disabled), C = M(() => a.name || (v.value ? l.name : void 0)), D = M(() => [
|
|
698
|
+
t.b(),
|
|
699
|
+
t.is("checked", H.value),
|
|
700
|
+
t.is("disabled", z.value)
|
|
701
701
|
]), S = () => {
|
|
702
702
|
z.value || (v.value ? l.changeValue(b.value) : (e("update:modelValue", b.value), e("change", b.value)));
|
|
703
703
|
};
|
|
@@ -706,7 +706,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
706
706
|
onClick: ue(S, ["prevent"])
|
|
707
707
|
}, [
|
|
708
708
|
d("span", {
|
|
709
|
-
class: u(n(
|
|
709
|
+
class: u(n(t).e("input"))
|
|
710
710
|
}, [
|
|
711
711
|
d("input", {
|
|
712
712
|
type: "radio",
|
|
@@ -718,7 +718,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
718
718
|
], 2),
|
|
719
719
|
P.$slots.default || s.label ? (i(), c("span", {
|
|
720
720
|
key: 0,
|
|
721
|
-
class: u(n(
|
|
721
|
+
class: u(n(t).e("label"))
|
|
722
722
|
}, [
|
|
723
723
|
se(P.$slots, "default", {}, () => [
|
|
724
724
|
de(U(s.label), 1)
|
|
@@ -737,16 +737,16 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
737
737
|
},
|
|
738
738
|
emits: ["update:modelValue", "update:value", "change"],
|
|
739
739
|
setup(s, { emit: k }) {
|
|
740
|
-
const
|
|
741
|
-
|
|
740
|
+
const a = s, e = k, t = ae("radio-group"), l = (v) => {
|
|
741
|
+
a.modelValue !== void 0 && e("update:modelValue", v), a.value !== void 0 && e("update:value", v), a.modelValue === void 0 && a.value === void 0 && e("update:modelValue", v), e("change", v);
|
|
742
742
|
};
|
|
743
743
|
return Ce("radioGroup", {
|
|
744
|
-
modelValue: M(() =>
|
|
745
|
-
name:
|
|
746
|
-
disabled:
|
|
744
|
+
modelValue: M(() => a.modelValue ?? a.value),
|
|
745
|
+
name: a.name || `radio-group-${Date.now()}`,
|
|
746
|
+
disabled: a.disabled,
|
|
747
747
|
changeValue: l
|
|
748
748
|
}), (v, m) => (i(), c("div", {
|
|
749
|
-
class: u(n(
|
|
749
|
+
class: u(n(t).b()),
|
|
750
750
|
role: "radiogroup"
|
|
751
751
|
}, [
|
|
752
752
|
se(v.$slots, "default")
|
|
@@ -763,12 +763,12 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
763
763
|
},
|
|
764
764
|
emits: ["update:modelValue", "change"],
|
|
765
765
|
setup(s, { emit: k }) {
|
|
766
|
-
const
|
|
766
|
+
const a = s, e = ae("radio-button"), t = Ve("radioGroup", null), l = M(() => !!t), v = M(() => l.value ? t.modelValue.value : null), m = M(() => a.value ?? a.label), b = M(() => v.value === m.value), H = M(() => a.disabled || l.value && t.disabled), z = M(() => [
|
|
767
767
|
e.b(),
|
|
768
768
|
e.is("active", b.value),
|
|
769
769
|
e.is("disabled", H.value)
|
|
770
770
|
]), C = () => {
|
|
771
|
-
H.value || l.value &&
|
|
771
|
+
H.value || l.value && t.changeValue(m.value);
|
|
772
772
|
};
|
|
773
773
|
return (D, S) => (i(), c("label", {
|
|
774
774
|
class: u(z.value),
|
|
@@ -803,29 +803,29 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
803
803
|
},
|
|
804
804
|
emits: ["update:modelValue", "change"],
|
|
805
805
|
setup(s, { emit: k }) {
|
|
806
|
-
const
|
|
807
|
-
if (
|
|
806
|
+
const a = s, e = k, t = ae("checkbox"), l = Ve("checkboxGroup", null), v = M(() => !!l), m = M(() => a.value ?? a.label), b = M(() => v.value ? l.modelValue.value.includes(m.value) : Array.isArray(a.modelValue) ? a.modelValue.includes(m.value) : !!a.modelValue), H = M(() => {
|
|
807
|
+
if (a.disabled) return !0;
|
|
808
808
|
if (v.value) {
|
|
809
809
|
const D = l.disabled, S = l.min > 0 && l.modelValue.value.length <= l.min, P = l.max > 0 && l.modelValue.value.length >= l.max;
|
|
810
810
|
return b.value && S || !b.value && P ? !0 : D;
|
|
811
811
|
}
|
|
812
812
|
return !1;
|
|
813
813
|
}), z = M(() => [
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
814
|
+
t.b(),
|
|
815
|
+
t.is("checked", b.value),
|
|
816
|
+
t.is("disabled", H.value),
|
|
817
|
+
t.is("indeterminate", a.indeterminate && !b.value)
|
|
818
818
|
]), C = () => {
|
|
819
819
|
if (!H.value)
|
|
820
820
|
if (v.value)
|
|
821
821
|
l.changeValue(m.value);
|
|
822
822
|
else {
|
|
823
823
|
let D;
|
|
824
|
-
if (Array.isArray(
|
|
825
|
-
const S =
|
|
826
|
-
S > -1 ? D = [...
|
|
824
|
+
if (Array.isArray(a.modelValue)) {
|
|
825
|
+
const S = a.modelValue.indexOf(m.value);
|
|
826
|
+
S > -1 ? D = [...a.modelValue.slice(0, S), ...a.modelValue.slice(S + 1)] : D = [...a.modelValue, m.value];
|
|
827
827
|
} else
|
|
828
|
-
D = !
|
|
828
|
+
D = !a.modelValue;
|
|
829
829
|
e("update:modelValue", D), e("change", D);
|
|
830
830
|
}
|
|
831
831
|
};
|
|
@@ -834,7 +834,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
834
834
|
onClick: ue(C, ["prevent"])
|
|
835
835
|
}, [
|
|
836
836
|
d("span", {
|
|
837
|
-
class: u(n(
|
|
837
|
+
class: u(n(t).e("input"))
|
|
838
838
|
}, [
|
|
839
839
|
d("input", {
|
|
840
840
|
type: "checkbox",
|
|
@@ -846,7 +846,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
846
846
|
], 2),
|
|
847
847
|
D.$slots.default || s.label !== void 0 ? (i(), c("span", {
|
|
848
848
|
key: 0,
|
|
849
|
-
class: u(n(
|
|
849
|
+
class: u(n(t).e("label"))
|
|
850
850
|
}, [
|
|
851
851
|
se(D.$slots, "default", {}, () => [
|
|
852
852
|
de(U(s.label), 1)
|
|
@@ -865,18 +865,18 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
865
865
|
},
|
|
866
866
|
emits: ["update:modelValue", "change"],
|
|
867
867
|
setup(s, { emit: k }) {
|
|
868
|
-
const
|
|
869
|
-
const m = [...
|
|
868
|
+
const a = s, e = k, t = ae("checkbox-group"), l = (v) => {
|
|
869
|
+
const m = [...a.modelValue], b = m.indexOf(v);
|
|
870
870
|
b > -1 ? m.splice(b, 1) : m.push(v), e("update:modelValue", m), e("change", m);
|
|
871
871
|
};
|
|
872
872
|
return Ce("checkboxGroup", {
|
|
873
|
-
modelValue: M(() =>
|
|
874
|
-
disabled:
|
|
875
|
-
min:
|
|
876
|
-
max:
|
|
873
|
+
modelValue: M(() => a.modelValue),
|
|
874
|
+
disabled: a.disabled,
|
|
875
|
+
min: a.min,
|
|
876
|
+
max: a.max,
|
|
877
877
|
changeValue: l
|
|
878
878
|
}), (v, m) => (i(), c("div", {
|
|
879
|
-
class: u(n(
|
|
879
|
+
class: u(n(t).b()),
|
|
880
880
|
role: "group"
|
|
881
881
|
}, [
|
|
882
882
|
se(v.$slots, "default")
|
|
@@ -896,8 +896,8 @@ 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: k, emit:
|
|
900
|
-
const e = s,
|
|
899
|
+
setup(s, { expose: k, emit: a }) {
|
|
900
|
+
const e = s, t = a, l = ae("form"), v = L([]), m = M(() => e.layout === "inline" || e.inline), b = M(() => e.layout === "vertical" || e.labelPosition === "top"), H = M(() => [
|
|
901
901
|
l.b(),
|
|
902
902
|
l.m(`label-${b.value ? "top" : e.labelPosition}`),
|
|
903
903
|
l.is("inline", m.value),
|
|
@@ -933,9 +933,9 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
933
933
|
r.clearValidate();
|
|
934
934
|
});
|
|
935
935
|
}, R = (h) => {
|
|
936
|
-
console.log("[XForm] handleSubmit triggered", h), h.preventDefault(),
|
|
936
|
+
console.log("[XForm] handleSubmit triggered", h), h.preventDefault(), t("submit");
|
|
937
937
|
}, I = (h) => {
|
|
938
|
-
console.log("[XForm] handleReset triggered", h), h.preventDefault(), y(),
|
|
938
|
+
console.log("[XForm] handleReset triggered", h), h.preventDefault(), y(), t("reset");
|
|
939
939
|
}, V = We(e, "model");
|
|
940
940
|
return Ce("form", {
|
|
941
941
|
model: V,
|
|
@@ -947,7 +947,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
947
947
|
labelStyle: z,
|
|
948
948
|
addField: C,
|
|
949
949
|
removeField: D,
|
|
950
|
-
emit:
|
|
950
|
+
emit: t
|
|
951
951
|
}), k({
|
|
952
952
|
validate: S,
|
|
953
953
|
validateField: P,
|
|
@@ -973,15 +973,15 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
973
973
|
showMessage: { type: Boolean }
|
|
974
974
|
},
|
|
975
975
|
setup(s, { expose: k }) {
|
|
976
|
-
const
|
|
976
|
+
const a = s, e = ae("form-item"), t = Ve("form", null), l = L(""), v = L(""), m = M(() => a.required ? !0 : b().some((R) => R.required)), b = () => {
|
|
977
977
|
const T = [];
|
|
978
|
-
return
|
|
978
|
+
return a.rules && T.push(...a.rules), t && a.prop && t.rules[a.prop] && T.push(...t.rules[a.prop]), T;
|
|
979
979
|
}, H = () => {
|
|
980
980
|
var T;
|
|
981
|
-
if (!(!
|
|
982
|
-
return (T =
|
|
981
|
+
if (!(!t || !a.prop))
|
|
982
|
+
return (T = t.model.value) == null ? void 0 : T[a.prop];
|
|
983
983
|
}, z = (T) => {
|
|
984
|
-
!
|
|
984
|
+
!t || !a.prop || t.model.value && (t.model.value[a.prop] = T);
|
|
985
985
|
}, C = async (T) => {
|
|
986
986
|
const R = b();
|
|
987
987
|
if (R.length === 0)
|
|
@@ -1021,7 +1021,7 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
1021
1021
|
break;
|
|
1022
1022
|
}
|
|
1023
1023
|
}
|
|
1024
|
-
return l.value = V ? "valid" : "invalid", v.value = h,
|
|
1024
|
+
return l.value = V ? "valid" : "invalid", v.value = h, t && a.prop && t.emit("validate", a.prop, V, h), V;
|
|
1025
1025
|
}, D = () => {
|
|
1026
1026
|
z(void 0), S();
|
|
1027
1027
|
}, S = () => {
|
|
@@ -1032,21 +1032,21 @@ const Je = ["aria-hidden", "aria-label"], Ze = ["stroke-width"], Qe = ["d"], ee
|
|
|
1032
1032
|
e.is("error", l.value === "invalid"),
|
|
1033
1033
|
e.is("success", l.value === "valid")
|
|
1034
1034
|
]), y = M(() => {
|
|
1035
|
-
const T =
|
|
1035
|
+
const T = a.labelWidth ?? (t == null ? void 0 : t.labelWidth) ?? "100px";
|
|
1036
1036
|
return { width: typeof T == "number" ? `${T}px` : T };
|
|
1037
1037
|
});
|
|
1038
1038
|
return ie(() => H(), () => {
|
|
1039
1039
|
l.value === "invalid" && C("change");
|
|
1040
1040
|
}), pe(() => {
|
|
1041
|
-
|
|
1042
|
-
prop:
|
|
1041
|
+
t && a.prop && t.addField({
|
|
1042
|
+
prop: a.prop,
|
|
1043
1043
|
validate: C,
|
|
1044
1044
|
resetField: D,
|
|
1045
1045
|
clearValidate: S
|
|
1046
1046
|
});
|
|
1047
1047
|
}), $e(() => {
|
|
1048
|
-
|
|
1049
|
-
prop:
|
|
1048
|
+
t && a.prop && t.removeField({
|
|
1049
|
+
prop: a.prop,
|
|
1050
1050
|
validate: C,
|
|
1051
1051
|
resetField: D,
|
|
1052
1052
|
clearValidate: S
|
|
@@ -1087,25 +1087,25 @@ function he(s, k) {
|
|
|
1087
1087
|
function rl(s, k) {
|
|
1088
1088
|
return !s || !k ? !1 : s.getFullYear() === k.getFullYear() && s.getMonth() === k.getMonth();
|
|
1089
1089
|
}
|
|
1090
|
-
function Ye(s, k,
|
|
1091
|
-
if (!k || !
|
|
1090
|
+
function Ye(s, k, a) {
|
|
1091
|
+
if (!k || !a) return !1;
|
|
1092
1092
|
const e = s.getTime();
|
|
1093
|
-
return e >= k.getTime() && e <=
|
|
1093
|
+
return e >= k.getTime() && e <= a.getTime();
|
|
1094
1094
|
}
|
|
1095
|
-
function dl(s, k,
|
|
1096
|
-
const e = [],
|
|
1095
|
+
function dl(s, k, a = 0) {
|
|
1096
|
+
const e = [], t = ol(s, k), l = il(s, k);
|
|
1097
1097
|
let v = new Date(s, k, 1);
|
|
1098
|
-
const m = (l -
|
|
1098
|
+
const m = (l - a + 7) % 7;
|
|
1099
1099
|
v.setDate(1 - m);
|
|
1100
1100
|
let b = [], H = new Date(v);
|
|
1101
|
-
for (; (H.getMonth() <= k || H.getMonth() === k && H.getDate() <=
|
|
1101
|
+
for (; (H.getMonth() <= k || H.getMonth() === k && H.getDate() <= t) && (b.push(new Date(H)), !(b.length === 7 && (e.push(b), b = [], H.getMonth() > k) || (H.setDate(H.getDate() + 1), e.length > 7))); )
|
|
1102
1102
|
;
|
|
1103
1103
|
return b.length > 0 && e.push(b), e;
|
|
1104
1104
|
}
|
|
1105
1105
|
function ce(s, k = "YYYY-MM-DD") {
|
|
1106
1106
|
if (!s) return "";
|
|
1107
|
-
const
|
|
1108
|
-
return k.replace(/YYYY/g, String(
|
|
1107
|
+
const a = s.getFullYear(), e = s.getMonth() + 1, t = s.getDate(), l = s.getHours(), v = s.getMinutes(), m = s.getSeconds();
|
|
1108
|
+
return k.replace(/YYYY/g, String(a)).replace(/YY/g, String(a).slice(-2)).replace(/MM/g, String(e).padStart(2, "0")).replace(/M/g, String(e)).replace(/DD/g, String(t).padStart(2, "0")).replace(/D/g, String(t)).replace(/HH/g, String(l).padStart(2, "0")).replace(/H/g, String(l)).replace(/mm/g, String(v).padStart(2, "0")).replace(/m/g, String(v)).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;
|
|
@@ -1116,8 +1116,8 @@ function ve(s) {
|
|
|
1116
1116
|
if (typeof s != "string") return null;
|
|
1117
1117
|
const k = new Date(s);
|
|
1118
1118
|
if (isNaN(k.getTime())) {
|
|
1119
|
-
const
|
|
1120
|
-
return
|
|
1119
|
+
const a = s.match(/^(\d{4})-(\d{1,2})-(\d{1,2})/);
|
|
1120
|
+
return a ? new Date(parseInt(a[1]), parseInt(a[2]) - 1, parseInt(a[3])) : null;
|
|
1121
1121
|
}
|
|
1122
1122
|
return k;
|
|
1123
1123
|
}
|
|
@@ -1145,11 +1145,11 @@ function Re(s) {
|
|
|
1145
1145
|
const k = new Date(s);
|
|
1146
1146
|
return k.setHours(0, 0, 0, 0), k;
|
|
1147
1147
|
}
|
|
1148
|
-
function hl(s, k,
|
|
1148
|
+
function hl(s, k, a, e) {
|
|
1149
1149
|
if (k && k(s))
|
|
1150
1150
|
return !0;
|
|
1151
|
-
const
|
|
1152
|
-
return !!(
|
|
1151
|
+
const t = Re(s).getTime();
|
|
1152
|
+
return !!(a && t < Re(a).getTime() || e && t > Re(e).getTime());
|
|
1153
1153
|
}
|
|
1154
1154
|
const pl = [
|
|
1155
1155
|
"一月",
|
|
@@ -1182,9 +1182,9 @@ const pl = [
|
|
|
1182
1182
|
},
|
|
1183
1183
|
emits: ["pick", "range-select", "range-move", "update:viewedMonth"],
|
|
1184
1184
|
setup(s, { emit: k }) {
|
|
1185
|
-
const
|
|
1186
|
-
if (
|
|
1187
|
-
const { startDate: r, endDate: $, selecting: A } =
|
|
1185
|
+
const a = s, e = k, t = ae("date-table"), l = L(null), v = M(() => a.viewedMonth.getFullYear()), m = M(() => a.viewedMonth.getMonth()), b = M(() => dl(v.value, m.value, 0)), H = (h) => a.modelValue ? he(h, a.modelValue) : !1, z = (h) => he(h, /* @__PURE__ */ new Date()), C = (h) => rl(h, a.viewedMonth), D = (h) => {
|
|
1186
|
+
if (a.selectionMode !== "range") return !1;
|
|
1187
|
+
const { startDate: r, endDate: $, selecting: A } = a.rangeState || {};
|
|
1188
1188
|
if (A && r) {
|
|
1189
1189
|
const F = l.value;
|
|
1190
1190
|
if (F) {
|
|
@@ -1195,36 +1195,36 @@ const pl = [
|
|
|
1195
1195
|
}
|
|
1196
1196
|
return r && $ ? Ye(h, r, $) : !1;
|
|
1197
1197
|
}, S = (h) => {
|
|
1198
|
-
if (
|
|
1199
|
-
const { startDate: r, selecting: $ } =
|
|
1198
|
+
if (a.selectionMode !== "range") return !1;
|
|
1199
|
+
const { startDate: r, selecting: $ } = a.rangeState || {};
|
|
1200
1200
|
return $ && r && l.value ? he(h, r < l.value ? r : l.value) : r ? he(h, r) : !1;
|
|
1201
1201
|
}, P = (h) => {
|
|
1202
|
-
if (
|
|
1203
|
-
const { endDate: r, selecting: $ } =
|
|
1202
|
+
if (a.selectionMode !== "range") return !1;
|
|
1203
|
+
const { endDate: r, selecting: $ } = a.rangeState || {};
|
|
1204
1204
|
if ($ && l.value) {
|
|
1205
|
-
const { startDate: A } =
|
|
1205
|
+
const { startDate: A } = a.rangeState || {};
|
|
1206
1206
|
return he(h, A < l.value ? l.value : A);
|
|
1207
1207
|
}
|
|
1208
1208
|
return r ? he(h, r) : !1;
|
|
1209
|
-
}, y = (h) => hl(h,
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1209
|
+
}, y = (h) => hl(h, a.disabledDate, a.minDate, a.maxDate), T = (h) => [
|
|
1210
|
+
t.e("cell"),
|
|
1211
|
+
t.is("selected", H(h)),
|
|
1212
|
+
t.is("today", z(h)),
|
|
1213
|
+
t.is("disabled", y(h)),
|
|
1214
|
+
t.is("in-range", D(h)),
|
|
1215
|
+
t.is("range-start", S(h)),
|
|
1216
|
+
t.is("range-end", P(h)),
|
|
1217
|
+
t.is("prev-month", !C(h) && h.getMonth() < m.value),
|
|
1218
|
+
t.is("next-month", !C(h) && h.getMonth() > m.value)
|
|
1219
1219
|
], R = (h) => {
|
|
1220
|
-
y(h) || (
|
|
1220
|
+
y(h) || (a.selectionMode === "range" ? e("range-select", h) : e("pick", h));
|
|
1221
1221
|
}, I = (h) => {
|
|
1222
1222
|
l.value = h;
|
|
1223
1223
|
}, V = () => {
|
|
1224
1224
|
l.value = null;
|
|
1225
1225
|
};
|
|
1226
1226
|
return (h, r) => (i(), c("table", {
|
|
1227
|
-
class: u(n(
|
|
1227
|
+
class: u(n(t).b()),
|
|
1228
1228
|
cellspacing: "0",
|
|
1229
1229
|
cellpadding: "0"
|
|
1230
1230
|
}, [
|
|
@@ -1232,7 +1232,7 @@ const pl = [
|
|
|
1232
1232
|
d("tr", null, [
|
|
1233
1233
|
(i(!0), c(J, null, _(n(gl), ($) => (i(), c("th", {
|
|
1234
1234
|
key: $,
|
|
1235
|
-
class: u(n(
|
|
1235
|
+
class: u(n(t).e("header-cell"))
|
|
1236
1236
|
}, U($), 3))), 128))
|
|
1237
1237
|
])
|
|
1238
1238
|
]),
|
|
@@ -1246,7 +1246,7 @@ const pl = [
|
|
|
1246
1246
|
onMouseleave: V
|
|
1247
1247
|
}, [
|
|
1248
1248
|
d("span", {
|
|
1249
|
-
class: u(n(
|
|
1249
|
+
class: u(n(t).e("cell-text"))
|
|
1250
1250
|
}, U(F.getDate()), 3)
|
|
1251
1251
|
], 42, bl))), 128))
|
|
1252
1252
|
]))), 128))
|
|
@@ -1263,20 +1263,20 @@ const pl = [
|
|
|
1263
1263
|
},
|
|
1264
1264
|
emits: ["pick"],
|
|
1265
1265
|
setup(s, { emit: k }) {
|
|
1266
|
-
const
|
|
1267
|
-
M(() =>
|
|
1268
|
-
const l = (C) =>
|
|
1266
|
+
const a = s, e = k, t = ae("month-table");
|
|
1267
|
+
M(() => a.modelValue ? a.modelValue.getMonth() : -1);
|
|
1268
|
+
const l = (C) => a.modelValue ? a.modelValue.getFullYear() === a.viewedYear && a.modelValue.getMonth() === C : !1, v = (C) => {
|
|
1269
1269
|
const D = /* @__PURE__ */ new Date();
|
|
1270
|
-
return D.getFullYear() ===
|
|
1270
|
+
return D.getFullYear() === a.viewedYear && D.getMonth() === C;
|
|
1271
1271
|
}, m = (C) => {
|
|
1272
|
-
if (!
|
|
1273
|
-
const D = new Date(
|
|
1274
|
-
return
|
|
1272
|
+
if (!a.disabledDate) return !1;
|
|
1273
|
+
const D = new Date(a.viewedYear, C, 1), S = new Date(a.viewedYear, C + 1, 0);
|
|
1274
|
+
return a.disabledDate(D) && a.disabledDate(S);
|
|
1275
1275
|
}, b = (C) => [
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1276
|
+
t.e("cell"),
|
|
1277
|
+
t.is("selected", l(C)),
|
|
1278
|
+
t.is("current", v(C)),
|
|
1279
|
+
t.is("disabled", m(C))
|
|
1280
1280
|
], H = (C) => {
|
|
1281
1281
|
m(C) || e("pick", C);
|
|
1282
1282
|
}, z = M(() => {
|
|
@@ -1286,7 +1286,7 @@ const pl = [
|
|
|
1286
1286
|
return C;
|
|
1287
1287
|
});
|
|
1288
1288
|
return (C, D) => (i(), c("table", {
|
|
1289
|
-
class: u(n(
|
|
1289
|
+
class: u(n(t).b()),
|
|
1290
1290
|
cellspacing: "0",
|
|
1291
1291
|
cellpadding: "0"
|
|
1292
1292
|
}, [
|
|
@@ -1298,7 +1298,7 @@ const pl = [
|
|
|
1298
1298
|
onClick: (T) => H(y)
|
|
1299
1299
|
}, [
|
|
1300
1300
|
d("span", {
|
|
1301
|
-
class: u(n(
|
|
1301
|
+
class: u(n(t).e("cell-text"))
|
|
1302
1302
|
}, U(n(pl)[y]), 3)
|
|
1303
1303
|
], 10, kl))), 128))
|
|
1304
1304
|
]))), 128))
|
|
@@ -1315,7 +1315,7 @@ const pl = [
|
|
|
1315
1315
|
},
|
|
1316
1316
|
emits: ["pick"],
|
|
1317
1317
|
setup(s, { emit: k }) {
|
|
1318
|
-
const
|
|
1318
|
+
const a = s, e = k, t = ae("year-table"), l = M(() => (/* @__PURE__ */ new Date()).getFullYear()), v = M(() => Ne(a.viewedYear)), m = M(() => {
|
|
1319
1319
|
const [y] = v.value, T = [];
|
|
1320
1320
|
T.push(y - 1);
|
|
1321
1321
|
for (let R = 0; R < 10; R++)
|
|
@@ -1326,24 +1326,24 @@ const pl = [
|
|
|
1326
1326
|
for (let T = 0; T < m.value.length; T += 3)
|
|
1327
1327
|
y.push(m.value.slice(T, T + 3));
|
|
1328
1328
|
return y;
|
|
1329
|
-
}), H = (y) =>
|
|
1329
|
+
}), H = (y) => a.modelValue ? a.modelValue.getFullYear() === y : !1, z = (y) => y === l.value, C = (y) => {
|
|
1330
1330
|
const [T, R] = v.value;
|
|
1331
1331
|
return y >= T && y <= R;
|
|
1332
1332
|
}, D = (y) => {
|
|
1333
|
-
if (!
|
|
1333
|
+
if (!a.disabledDate) return !1;
|
|
1334
1334
|
const T = new Date(y, 0, 1), R = new Date(y, 11, 31);
|
|
1335
|
-
return
|
|
1335
|
+
return a.disabledDate(T) && a.disabledDate(R);
|
|
1336
1336
|
}, S = (y) => [
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1337
|
+
t.e("cell"),
|
|
1338
|
+
t.is("selected", H(y)),
|
|
1339
|
+
t.is("current", z(y)),
|
|
1340
|
+
t.is("disabled", D(y)),
|
|
1341
|
+
t.is("in-decade", C(y))
|
|
1342
1342
|
], P = (y) => {
|
|
1343
1343
|
D(y) || e("pick", y);
|
|
1344
1344
|
};
|
|
1345
1345
|
return (y, T) => (i(), c("table", {
|
|
1346
|
-
class: u(n(
|
|
1346
|
+
class: u(n(t).b()),
|
|
1347
1347
|
cellspacing: "0",
|
|
1348
1348
|
cellpadding: "0"
|
|
1349
1349
|
}, [
|
|
@@ -1355,7 +1355,7 @@ const pl = [
|
|
|
1355
1355
|
onClick: (h) => P(V)
|
|
1356
1356
|
}, [
|
|
1357
1357
|
d("span", {
|
|
1358
|
-
class: u(n(
|
|
1358
|
+
class: u(n(t).e("cell-text"))
|
|
1359
1359
|
}, U(V), 3)
|
|
1360
1360
|
], 10, Vl))), 128))
|
|
1361
1361
|
]))), 128))
|
|
@@ -1384,9 +1384,9 @@ 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: k, emit:
|
|
1388
|
-
const e = s,
|
|
1389
|
-
e.modelValue !== void 0 &&
|
|
1387
|
+
setup(s, { expose: k, emit: a }) {
|
|
1388
|
+
const e = s, t = a, l = ae("date-picker"), v = L(!1), m = L(2e3), b = L(), H = () => e.modelValue !== void 0 && e.modelValue !== null ? e.modelValue : e.value !== void 0 && e.value !== null ? e.value : null, z = (B) => {
|
|
1389
|
+
e.modelValue !== void 0 && t("update:modelValue", B), e.value !== void 0 && t("update:value", B), e.modelValue === void 0 && e.value === void 0 && t("update:modelValue", B), t("change", B);
|
|
1390
1390
|
}, C = L(), D = L(), S = L({
|
|
1391
1391
|
top: "0px",
|
|
1392
1392
|
left: "0px"
|
|
@@ -1403,9 +1403,9 @@ const pl = [
|
|
|
1403
1403
|
if (!B) return null;
|
|
1404
1404
|
if (e.type === "daterange") {
|
|
1405
1405
|
if (!Array.isArray(B)) return null;
|
|
1406
|
-
const [
|
|
1406
|
+
const [E, W] = B;
|
|
1407
1407
|
return [
|
|
1408
|
-
|
|
1408
|
+
E instanceof Date ? E : ve(E),
|
|
1409
1409
|
W instanceof Date ? W : ve(W)
|
|
1410
1410
|
];
|
|
1411
1411
|
}
|
|
@@ -1414,23 +1414,23 @@ const pl = [
|
|
|
1414
1414
|
if (e.type === "daterange") return "";
|
|
1415
1415
|
const B = H();
|
|
1416
1416
|
if (!B) return "";
|
|
1417
|
-
const
|
|
1418
|
-
if (!
|
|
1417
|
+
const E = B instanceof Date ? B : ve(B);
|
|
1418
|
+
if (!E) return "";
|
|
1419
1419
|
const W = e.showTime ? "YYYY-MM-DD HH:mm:ss" : e.format;
|
|
1420
|
-
return ce(
|
|
1420
|
+
return ce(E, W);
|
|
1421
1421
|
}), r = M(() => {
|
|
1422
1422
|
const B = H();
|
|
1423
1423
|
if (!B || !Array.isArray(B)) return "";
|
|
1424
|
-
const [
|
|
1425
|
-
if (!
|
|
1426
|
-
const W =
|
|
1424
|
+
const [E] = B;
|
|
1425
|
+
if (!E) return "";
|
|
1426
|
+
const W = E instanceof Date ? E : ve(E);
|
|
1427
1427
|
return W ? ce(W, e.format) : "";
|
|
1428
1428
|
}), $ = M(() => {
|
|
1429
1429
|
const B = H();
|
|
1430
1430
|
if (!B || !Array.isArray(B)) return "";
|
|
1431
|
-
const [,
|
|
1432
|
-
if (!
|
|
1433
|
-
const W =
|
|
1431
|
+
const [, E] = B;
|
|
1432
|
+
if (!E) return "";
|
|
1433
|
+
const W = E instanceof Date ? E : ve(E);
|
|
1434
1434
|
return W ? ce(W, e.format) : "";
|
|
1435
1435
|
}), A = M(() => {
|
|
1436
1436
|
const B = H();
|
|
@@ -1449,35 +1449,35 @@ const pl = [
|
|
|
1449
1449
|
}, f = () => {
|
|
1450
1450
|
v.value = !0, m.value = P(), De(() => {
|
|
1451
1451
|
if (b.value && C.value) {
|
|
1452
|
-
const B = b.value.getBoundingClientRect(),
|
|
1452
|
+
const B = b.value.getBoundingClientRect(), E = C.value.getBoundingClientRect();
|
|
1453
1453
|
let W = B.bottom + 8, Te = B.left;
|
|
1454
|
-
Te +
|
|
1454
|
+
Te + E.width > window.innerWidth && (Te = window.innerWidth - E.width - 8), W + E.height > window.innerHeight && (W = B.top - E.height - 8), S.value = {
|
|
1455
1455
|
top: `${W}px`,
|
|
1456
1456
|
left: `${Te}px`
|
|
1457
1457
|
};
|
|
1458
1458
|
}
|
|
1459
|
-
}),
|
|
1459
|
+
}), t("focus", {});
|
|
1460
1460
|
}, g = () => {
|
|
1461
|
-
v.value = !1, y.value = "date",
|
|
1461
|
+
v.value = !1, y.value = "date", t("blur", {});
|
|
1462
1462
|
}, X = (B) => {
|
|
1463
1463
|
if (e.type === "date") {
|
|
1464
1464
|
e.showTime && (B.setHours(R.value.hours), B.setMinutes(R.value.minutes), B.setSeconds(R.value.seconds));
|
|
1465
|
-
const
|
|
1465
|
+
const E = e.showTime ? "YYYY-MM-DD HH:mm:ss" : e.valueFormat, W = E ? ce(B, E) : B;
|
|
1466
1466
|
z(W), e.showTime || g();
|
|
1467
1467
|
}
|
|
1468
1468
|
}, ne = () => {
|
|
1469
1469
|
const B = H();
|
|
1470
1470
|
if (B) {
|
|
1471
|
-
const
|
|
1472
|
-
if (
|
|
1473
|
-
|
|
1474
|
-
const W = e.valueFormat ? ce(
|
|
1471
|
+
const E = B instanceof Date ? B : ve(B);
|
|
1472
|
+
if (E) {
|
|
1473
|
+
E.setHours(R.value.hours), E.setMinutes(R.value.minutes), E.setSeconds(R.value.seconds);
|
|
1474
|
+
const W = e.valueFormat ? ce(E, e.valueFormat) : E;
|
|
1475
1475
|
z(W);
|
|
1476
1476
|
}
|
|
1477
1477
|
} else {
|
|
1478
|
-
const
|
|
1479
|
-
|
|
1480
|
-
const W = e.valueFormat ? ce(
|
|
1478
|
+
const E = /* @__PURE__ */ new Date();
|
|
1479
|
+
E.setHours(R.value.hours), E.setMinutes(R.value.minutes), E.setSeconds(R.value.seconds);
|
|
1480
|
+
const W = e.valueFormat ? ce(E, e.valueFormat) : E;
|
|
1481
1481
|
z(W);
|
|
1482
1482
|
}
|
|
1483
1483
|
g();
|
|
@@ -1486,18 +1486,18 @@ const pl = [
|
|
|
1486
1486
|
I.value.selecting = !0, I.value.startDate = B, I.value.endDate = null;
|
|
1487
1487
|
else {
|
|
1488
1488
|
I.value.selecting = !1, I.value.startDate && B < I.value.startDate ? [I.value.startDate, I.value.endDate] = [B, I.value.startDate] : I.value.endDate = B;
|
|
1489
|
-
const
|
|
1490
|
-
z([
|
|
1489
|
+
const E = e.valueFormat ? ce(I.value.startDate, e.valueFormat) : I.value.startDate, W = e.valueFormat ? ce(I.value.endDate, e.valueFormat) : I.value.endDate;
|
|
1490
|
+
z([E, W]), g();
|
|
1491
1491
|
}
|
|
1492
1492
|
}, re = (B) => {
|
|
1493
1493
|
if (T.value = new Date(F.value, B, 1), e.type === "month") {
|
|
1494
|
-
const
|
|
1494
|
+
const E = new Date(F.value, B, 1), W = e.valueFormat ? ce(E, e.valueFormat) : E;
|
|
1495
1495
|
z(W), g();
|
|
1496
1496
|
} else
|
|
1497
1497
|
y.value = "date";
|
|
1498
1498
|
}, q = (B) => {
|
|
1499
1499
|
if (T.value = new Date(B, Y.value, 1), e.type === "year") {
|
|
1500
|
-
const
|
|
1500
|
+
const E = new Date(B, 0, 1), W = e.valueFormat ? ce(E, e.valueFormat) : E;
|
|
1501
1501
|
z(W), g();
|
|
1502
1502
|
} else
|
|
1503
1503
|
y.value = "month";
|
|
@@ -1513,24 +1513,24 @@ const pl = [
|
|
|
1513
1513
|
y.value = "month";
|
|
1514
1514
|
}, Le = () => {
|
|
1515
1515
|
y.value = "year";
|
|
1516
|
-
},
|
|
1517
|
-
z(null),
|
|
1516
|
+
}, O = () => {
|
|
1517
|
+
z(null), t("clear"), I.value = {
|
|
1518
1518
|
selecting: !1,
|
|
1519
1519
|
startDate: null,
|
|
1520
1520
|
endDate: null
|
|
1521
1521
|
};
|
|
1522
1522
|
}, G = (B) => {
|
|
1523
1523
|
if (!b.value) return;
|
|
1524
|
-
const
|
|
1525
|
-
b.value.contains(
|
|
1524
|
+
const E = B.target;
|
|
1525
|
+
b.value.contains(E) || C.value && C.value.contains(E) || g();
|
|
1526
1526
|
};
|
|
1527
1527
|
ie(
|
|
1528
1528
|
H,
|
|
1529
1529
|
(B) => {
|
|
1530
1530
|
if (B)
|
|
1531
1531
|
if (Array.isArray(V.value)) {
|
|
1532
|
-
const [
|
|
1533
|
-
|
|
1532
|
+
const [E] = V.value;
|
|
1533
|
+
E && (T.value = new Date(E));
|
|
1534
1534
|
} else V.value && (T.value = new Date(V.value));
|
|
1535
1535
|
},
|
|
1536
1536
|
{ immediate: !0 }
|
|
@@ -1557,7 +1557,7 @@ const pl = [
|
|
|
1557
1557
|
var B;
|
|
1558
1558
|
return (B = D.value) == null ? void 0 : B.blur();
|
|
1559
1559
|
}
|
|
1560
|
-
}), (B,
|
|
1560
|
+
}), (B, E) => (i(), c("div", {
|
|
1561
1561
|
ref_key: "pickerRef",
|
|
1562
1562
|
ref: b,
|
|
1563
1563
|
class: u(x.value)
|
|
@@ -1583,7 +1583,7 @@ const pl = [
|
|
|
1583
1583
|
s.clearable && h.value && !s.disabled ? (i(), c("span", {
|
|
1584
1584
|
key: 0,
|
|
1585
1585
|
class: u(n(l).e("clear")),
|
|
1586
|
-
onClick: ue(
|
|
1586
|
+
onClick: ue(O, ["stop"])
|
|
1587
1587
|
}, [
|
|
1588
1588
|
Q(n(ee), {
|
|
1589
1589
|
name: "close",
|
|
@@ -1629,7 +1629,7 @@ const pl = [
|
|
|
1629
1629
|
s.clearable && (r.value || $.value) && !s.disabled ? (i(), c("span", {
|
|
1630
1630
|
key: 0,
|
|
1631
1631
|
class: u(n(l).e("clear")),
|
|
1632
|
-
onClick: ue(
|
|
1632
|
+
onClick: ue(O, ["stop"])
|
|
1633
1633
|
}, [
|
|
1634
1634
|
Q(n(ee), {
|
|
1635
1635
|
name: "close",
|
|
@@ -1661,14 +1661,14 @@ const pl = [
|
|
|
1661
1661
|
d("button", {
|
|
1662
1662
|
type: "button",
|
|
1663
1663
|
class: u(n(l).e("prev-btn")),
|
|
1664
|
-
onClick:
|
|
1664
|
+
onClick: E[0] || (E[0] = (W) => y.value === "date" ? me() : ze())
|
|
1665
1665
|
}, " ‹ ", 2),
|
|
1666
1666
|
d("div", {
|
|
1667
1667
|
class: u(n(l).e("header-title"))
|
|
1668
1668
|
}, [
|
|
1669
1669
|
y.value === "year" ? (i(), c("span", {
|
|
1670
1670
|
key: 0,
|
|
1671
|
-
onClick:
|
|
1671
|
+
onClick: E[1] || (E[1] = (W) => y.value = "month")
|
|
1672
1672
|
}, U(p.value), 1)) : (i(), c(J, { key: 1 }, [
|
|
1673
1673
|
d("span", { onClick: Le }, U(F.value) + " 年", 1),
|
|
1674
1674
|
y.value === "date" ? (i(), c("span", {
|
|
@@ -1680,7 +1680,7 @@ const pl = [
|
|
|
1680
1680
|
d("button", {
|
|
1681
1681
|
type: "button",
|
|
1682
1682
|
class: u(n(l).e("next-btn")),
|
|
1683
|
-
onClick:
|
|
1683
|
+
onClick: E[2] || (E[2] = (W) => y.value === "date" ? be() : xe())
|
|
1684
1684
|
}, " › ", 2)
|
|
1685
1685
|
], 2),
|
|
1686
1686
|
d("div", {
|
|
@@ -1719,7 +1719,7 @@ const pl = [
|
|
|
1719
1719
|
class: u(n(l).e("time-item"))
|
|
1720
1720
|
}, [
|
|
1721
1721
|
oe(d("select", {
|
|
1722
|
-
"onUpdate:modelValue":
|
|
1722
|
+
"onUpdate:modelValue": E[3] || (E[3] = (W) => R.value.hours = W),
|
|
1723
1723
|
class: u(n(l).e("time-select"))
|
|
1724
1724
|
}, [
|
|
1725
1725
|
(i(), c(J, null, _(24, (W) => d("option", {
|
|
@@ -1734,13 +1734,13 @@ const pl = [
|
|
|
1734
1734
|
{ number: !0 }
|
|
1735
1735
|
]
|
|
1736
1736
|
]),
|
|
1737
|
-
|
|
1737
|
+
E[6] || (E[6] = d("span", null, "时", -1))
|
|
1738
1738
|
], 2),
|
|
1739
1739
|
d("div", {
|
|
1740
1740
|
class: u(n(l).e("time-item"))
|
|
1741
1741
|
}, [
|
|
1742
1742
|
oe(d("select", {
|
|
1743
|
-
"onUpdate:modelValue":
|
|
1743
|
+
"onUpdate:modelValue": E[4] || (E[4] = (W) => R.value.minutes = W),
|
|
1744
1744
|
class: u(n(l).e("time-select"))
|
|
1745
1745
|
}, [
|
|
1746
1746
|
(i(), c(J, null, _(60, (W) => d("option", {
|
|
@@ -1755,13 +1755,13 @@ const pl = [
|
|
|
1755
1755
|
{ number: !0 }
|
|
1756
1756
|
]
|
|
1757
1757
|
]),
|
|
1758
|
-
|
|
1758
|
+
E[7] || (E[7] = d("span", null, "分", -1))
|
|
1759
1759
|
], 2),
|
|
1760
1760
|
d("div", {
|
|
1761
1761
|
class: u(n(l).e("time-item"))
|
|
1762
1762
|
}, [
|
|
1763
1763
|
oe(d("select", {
|
|
1764
|
-
"onUpdate:modelValue":
|
|
1764
|
+
"onUpdate:modelValue": E[5] || (E[5] = (W) => R.value.seconds = W),
|
|
1765
1765
|
class: u(n(l).e("time-select"))
|
|
1766
1766
|
}, [
|
|
1767
1767
|
(i(), c(J, null, _(60, (W) => d("option", {
|
|
@@ -1776,7 +1776,7 @@ const pl = [
|
|
|
1776
1776
|
{ number: !0 }
|
|
1777
1777
|
]
|
|
1778
1778
|
]),
|
|
1779
|
-
|
|
1779
|
+
E[8] || (E[8] = d("span", null, "秒", -1))
|
|
1780
1780
|
], 2)
|
|
1781
1781
|
], 2)) : N("", !0),
|
|
1782
1782
|
s.showTime && s.type !== "daterange" ? (i(), c("div", {
|
|
@@ -1801,8 +1801,8 @@ const pl = [
|
|
|
1801
1801
|
});
|
|
1802
1802
|
function ye(s, k = "HH:mm:ss") {
|
|
1803
1803
|
if (!s) return "";
|
|
1804
|
-
const
|
|
1805
|
-
return k.replace(/HH/g, String(
|
|
1804
|
+
const a = s.getHours(), e = s.getMinutes(), t = s.getSeconds();
|
|
1805
|
+
return k.replace(/HH/g, String(a).padStart(2, "0")).replace(/H/g, String(a)).replace(/mm/g, String(e).padStart(2, "0")).replace(/m/g, String(e)).replace(/ss/g, String(t).padStart(2, "0")).replace(/s/g, String(t));
|
|
1806
1806
|
}
|
|
1807
1807
|
function Be(s) {
|
|
1808
1808
|
if (!s) return null;
|
|
@@ -1817,8 +1817,8 @@ function Be(s) {
|
|
|
1817
1817
|
const e = /* @__PURE__ */ new Date();
|
|
1818
1818
|
return e.setHours(parseInt(k[1]), parseInt(k[2]), k[3] ? parseInt(k[3]) : 0, 0), e;
|
|
1819
1819
|
}
|
|
1820
|
-
const
|
|
1821
|
-
return isNaN(
|
|
1820
|
+
const a = new Date(s);
|
|
1821
|
+
return isNaN(a.getTime()) ? null : a;
|
|
1822
1822
|
}
|
|
1823
1823
|
function ke(s) {
|
|
1824
1824
|
return String(s).padStart(2, "0");
|
|
@@ -1838,22 +1838,22 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1838
1838
|
},
|
|
1839
1839
|
emits: ["confirm", "cancel"],
|
|
1840
1840
|
setup(s, { emit: k }) {
|
|
1841
|
-
const
|
|
1842
|
-
const K = [], re = Math.max(1,
|
|
1841
|
+
const a = s, e = k, t = ae("time-panel"), l = L(0), v = L(0), m = L(0), b = L(), H = L(), z = L(), C = M(() => a.format.includes("ss") || a.format.includes("s")), D = M(() => {
|
|
1842
|
+
const K = [], re = Math.max(1, a.hourStep);
|
|
1843
1843
|
for (let q = 0; q < 24; q += re)
|
|
1844
1844
|
K.push(q);
|
|
1845
1845
|
return K;
|
|
1846
1846
|
}), S = M(() => {
|
|
1847
|
-
const K = [], re = Math.max(1,
|
|
1847
|
+
const K = [], re = Math.max(1, a.minuteStep);
|
|
1848
1848
|
for (let q = 0; q < 60; q += re)
|
|
1849
1849
|
K.push(q);
|
|
1850
1850
|
return K;
|
|
1851
1851
|
}), P = M(() => {
|
|
1852
|
-
const K = [], re = Math.max(1,
|
|
1852
|
+
const K = [], re = Math.max(1, a.secondStep);
|
|
1853
1853
|
for (let q = 0; q < 60; q += re)
|
|
1854
1854
|
K.push(q);
|
|
1855
1855
|
return K;
|
|
1856
|
-
}), y = M(() =>
|
|
1856
|
+
}), y = M(() => a.disabledHours ? new Set(a.disabledHours()) : /* @__PURE__ */ new Set()), T = M(() => a.disabledMinutes ? new Set(a.disabledMinutes(l.value)) : /* @__PURE__ */ new Set()), R = M(() => a.disabledSeconds ? new Set(a.disabledSeconds(l.value, v.value)) : /* @__PURE__ */ new Set()), I = M(() => `${ke(l.value)}:${ke(v.value)}${C.value ? ":" + ke(m.value) : ""}`), V = (K) => y.value.has(K), h = (K) => T.value.has(K), r = (K) => R.value.has(K), $ = (K) => {
|
|
1857
1857
|
V(K) || (l.value = K, x(b.value, Y(K)));
|
|
1858
1858
|
}, A = (K) => {
|
|
1859
1859
|
h(K) || (v.value = K, x(H.value, j(K)));
|
|
@@ -1876,13 +1876,13 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1876
1876
|
const K = z.value.scrollTop, re = Math.round((K - 84 + 100) / 32), q = P.value[Math.max(0, Math.min(re, P.value.length - 1))];
|
|
1877
1877
|
q !== void 0 && !r(q) && (m.value = q);
|
|
1878
1878
|
}, g = () => {
|
|
1879
|
-
const K =
|
|
1879
|
+
const K = a.modelValue ? new Date(a.modelValue) : /* @__PURE__ */ new Date();
|
|
1880
1880
|
K.setHours(l.value, v.value, m.value, 0), e("confirm", K);
|
|
1881
1881
|
}, X = () => {
|
|
1882
1882
|
e("cancel");
|
|
1883
1883
|
}, ne = () => {
|
|
1884
|
-
if (
|
|
1885
|
-
l.value =
|
|
1884
|
+
if (a.modelValue)
|
|
1885
|
+
l.value = a.modelValue.getHours(), v.value = a.modelValue.getMinutes(), m.value = a.modelValue.getSeconds();
|
|
1886
1886
|
else {
|
|
1887
1887
|
const K = /* @__PURE__ */ new Date();
|
|
1888
1888
|
l.value = K.getHours(), v.value = K.getMinutes(), m.value = K.getSeconds();
|
|
@@ -1892,7 +1892,7 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1892
1892
|
});
|
|
1893
1893
|
};
|
|
1894
1894
|
return ie(
|
|
1895
|
-
() =>
|
|
1895
|
+
() => a.modelValue,
|
|
1896
1896
|
() => {
|
|
1897
1897
|
ne();
|
|
1898
1898
|
},
|
|
@@ -1900,85 +1900,85 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
1900
1900
|
), pe(() => {
|
|
1901
1901
|
ne();
|
|
1902
1902
|
}), (K, re) => (i(), c("div", {
|
|
1903
|
-
class: u(n(
|
|
1903
|
+
class: u(n(t).b())
|
|
1904
1904
|
}, [
|
|
1905
1905
|
d("div", {
|
|
1906
|
-
class: u(n(
|
|
1906
|
+
class: u(n(t).e("content"))
|
|
1907
1907
|
}, [
|
|
1908
1908
|
d("div", {
|
|
1909
|
-
class: u(n(
|
|
1909
|
+
class: u(n(t).e("indicator"))
|
|
1910
1910
|
}, null, 2),
|
|
1911
1911
|
d("div", {
|
|
1912
1912
|
ref_key: "hourListRef",
|
|
1913
1913
|
ref: b,
|
|
1914
|
-
class: u(n(
|
|
1914
|
+
class: u(n(t).e("list")),
|
|
1915
1915
|
onScroll: w
|
|
1916
1916
|
}, [
|
|
1917
1917
|
d("div", {
|
|
1918
|
-
class: u(n(
|
|
1918
|
+
class: u(n(t).e("padding"))
|
|
1919
1919
|
}, null, 2),
|
|
1920
1920
|
(i(!0), c(J, null, _(D.value, (q) => (i(), c("div", {
|
|
1921
1921
|
key: q,
|
|
1922
|
-
class: u([n(
|
|
1922
|
+
class: u([n(t).e("item"), n(t).is("selected", l.value === q), n(t).is("disabled", V(q))]),
|
|
1923
1923
|
onClick: (me) => $(q)
|
|
1924
1924
|
}, U(n(ke)(q)), 11, Tl))), 128)),
|
|
1925
1925
|
d("div", {
|
|
1926
|
-
class: u(n(
|
|
1926
|
+
class: u(n(t).e("padding"))
|
|
1927
1927
|
}, null, 2)
|
|
1928
1928
|
], 34),
|
|
1929
1929
|
d("div", {
|
|
1930
1930
|
ref_key: "minuteListRef",
|
|
1931
1931
|
ref: H,
|
|
1932
|
-
class: u(n(
|
|
1932
|
+
class: u(n(t).e("list")),
|
|
1933
1933
|
onScroll: o
|
|
1934
1934
|
}, [
|
|
1935
1935
|
d("div", {
|
|
1936
|
-
class: u(n(
|
|
1936
|
+
class: u(n(t).e("padding"))
|
|
1937
1937
|
}, null, 2),
|
|
1938
1938
|
(i(!0), c(J, null, _(S.value, (q) => (i(), c("div", {
|
|
1939
1939
|
key: q,
|
|
1940
|
-
class: u([n(
|
|
1940
|
+
class: u([n(t).e("item"), n(t).is("selected", v.value === q), n(t).is("disabled", h(q))]),
|
|
1941
1941
|
onClick: (me) => A(q)
|
|
1942
1942
|
}, U(n(ke)(q)), 11, Hl))), 128)),
|
|
1943
1943
|
d("div", {
|
|
1944
|
-
class: u(n(
|
|
1944
|
+
class: u(n(t).e("padding"))
|
|
1945
1945
|
}, null, 2)
|
|
1946
1946
|
], 34),
|
|
1947
1947
|
C.value ? (i(), c("div", {
|
|
1948
1948
|
key: 0,
|
|
1949
1949
|
ref_key: "secondListRef",
|
|
1950
1950
|
ref: z,
|
|
1951
|
-
class: u(n(
|
|
1951
|
+
class: u(n(t).e("list")),
|
|
1952
1952
|
onScroll: f
|
|
1953
1953
|
}, [
|
|
1954
1954
|
d("div", {
|
|
1955
|
-
class: u(n(
|
|
1955
|
+
class: u(n(t).e("padding"))
|
|
1956
1956
|
}, null, 2),
|
|
1957
1957
|
(i(!0), c(J, null, _(P.value, (q) => (i(), c("div", {
|
|
1958
1958
|
key: q,
|
|
1959
|
-
class: u([n(
|
|
1959
|
+
class: u([n(t).e("item"), n(t).is("selected", m.value === q), n(t).is("disabled", r(q))]),
|
|
1960
1960
|
onClick: (me) => F(q)
|
|
1961
1961
|
}, U(n(ke)(q)), 11, Ll))), 128)),
|
|
1962
1962
|
d("div", {
|
|
1963
|
-
class: u(n(
|
|
1963
|
+
class: u(n(t).e("padding"))
|
|
1964
1964
|
}, null, 2)
|
|
1965
1965
|
], 34)) : N("", !0)
|
|
1966
1966
|
], 2),
|
|
1967
1967
|
d("div", {
|
|
1968
|
-
class: u(n(
|
|
1968
|
+
class: u(n(t).e("footer"))
|
|
1969
1969
|
}, [
|
|
1970
1970
|
d("span", {
|
|
1971
|
-
class: u(n(
|
|
1971
|
+
class: u(n(t).e("current-time"))
|
|
1972
1972
|
}, U(I.value), 3),
|
|
1973
1973
|
d("div", {
|
|
1974
|
-
class: u(n(
|
|
1974
|
+
class: u(n(t).e("actions"))
|
|
1975
1975
|
}, [
|
|
1976
1976
|
d("button", {
|
|
1977
|
-
class: u(n(
|
|
1977
|
+
class: u(n(t).e("btn-cancel")),
|
|
1978
1978
|
onClick: X
|
|
1979
1979
|
}, "取消", 2),
|
|
1980
1980
|
d("button", {
|
|
1981
|
-
class: u(n(
|
|
1981
|
+
class: u(n(t).e("btn-confirm")),
|
|
1982
1982
|
onClick: g
|
|
1983
1983
|
}, "确定", 2)
|
|
1984
1984
|
], 2)
|
|
@@ -2008,8 +2008,8 @@ 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: k, emit:
|
|
2012
|
-
const e = s,
|
|
2011
|
+
setup(s, { expose: k, emit: a }) {
|
|
2012
|
+
const e = s, t = a, l = ae("time-picker"), v = () => Oe().next(), m = L(!1), b = L(2e3), H = L(), z = L(), C = L(), D = L({
|
|
2013
2013
|
top: "0px",
|
|
2014
2014
|
left: "0px"
|
|
2015
2015
|
}), S = L({
|
|
@@ -2052,9 +2052,9 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2052
2052
|
left: `${ne}px`
|
|
2053
2053
|
};
|
|
2054
2054
|
}
|
|
2055
|
-
}),
|
|
2055
|
+
}), t("focus", {});
|
|
2056
2056
|
}, Y = () => {
|
|
2057
|
-
m.value = !1,
|
|
2057
|
+
m.value = !1, t("blur", {});
|
|
2058
2058
|
}, j = (f) => {
|
|
2059
2059
|
if (e.type === "timerange")
|
|
2060
2060
|
if (P.value === "start")
|
|
@@ -2062,16 +2062,16 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2062
2062
|
else {
|
|
2063
2063
|
S.value.startTime && f < S.value.startTime ? (S.value.endTime = S.value.startTime, S.value.startTime = f) : S.value.endTime = f;
|
|
2064
2064
|
const g = e.valueFormat ? ye(S.value.startTime, e.valueFormat) : S.value.startTime, X = e.valueFormat ? ye(S.value.endTime, e.valueFormat) : S.value.endTime;
|
|
2065
|
-
|
|
2065
|
+
t("update:modelValue", [g, X]), t("change", [g, X]), Y();
|
|
2066
2066
|
}
|
|
2067
2067
|
else {
|
|
2068
2068
|
const g = e.valueFormat ? ye(f, e.valueFormat) : f;
|
|
2069
|
-
|
|
2069
|
+
t("update:modelValue", g), t("change", g), Y();
|
|
2070
2070
|
}
|
|
2071
2071
|
}, p = () => {
|
|
2072
2072
|
Y();
|
|
2073
2073
|
}, x = () => {
|
|
2074
|
-
|
|
2074
|
+
t("update:modelValue", null), t("change", null), t("clear"), S.value = {
|
|
2075
2075
|
startTime: null,
|
|
2076
2076
|
endTime: null
|
|
2077
2077
|
};
|
|
@@ -2240,43 +2240,43 @@ const Tl = ["onClick"], Hl = ["onClick"], Ll = ["onClick"], Rl = /* @__PURE__ */
|
|
|
2240
2240
|
], 2));
|
|
2241
2241
|
}
|
|
2242
2242
|
});
|
|
2243
|
-
function Il(s, k,
|
|
2244
|
-
return
|
|
2243
|
+
function Il(s, k, a) {
|
|
2244
|
+
return a ? a(k, s) : s.toLowerCase().includes(k.toLowerCase());
|
|
2245
2245
|
}
|
|
2246
|
-
function Xe(s, k,
|
|
2247
|
-
for (const
|
|
2248
|
-
if (a
|
|
2249
|
-
return
|
|
2250
|
-
if (
|
|
2251
|
-
const l = Xe(
|
|
2246
|
+
function Xe(s, k, a = "value", e = "children") {
|
|
2247
|
+
for (const t of s) {
|
|
2248
|
+
if (t[a] === k)
|
|
2249
|
+
return t;
|
|
2250
|
+
if (t[e] && t[e].length > 0) {
|
|
2251
|
+
const l = Xe(t[e], k, a, e);
|
|
2252
2252
|
if (l) return l;
|
|
2253
2253
|
}
|
|
2254
2254
|
}
|
|
2255
2255
|
return null;
|
|
2256
2256
|
}
|
|
2257
|
-
function Ae(s, k,
|
|
2258
|
-
const
|
|
2257
|
+
function Ae(s, k, a = "value", e = "children") {
|
|
2258
|
+
const t = [];
|
|
2259
2259
|
function l(v) {
|
|
2260
2260
|
for (const m of v) {
|
|
2261
|
-
if (m[
|
|
2262
|
-
return
|
|
2261
|
+
if (m[a] === k)
|
|
2262
|
+
return t.push(m), !0;
|
|
2263
2263
|
if (m[e] && m[e].length > 0) {
|
|
2264
|
-
if (
|
|
2264
|
+
if (t.push(m), l(m[e]))
|
|
2265
2265
|
return !0;
|
|
2266
|
-
|
|
2266
|
+
t.pop();
|
|
2267
2267
|
}
|
|
2268
2268
|
}
|
|
2269
2269
|
return !1;
|
|
2270
2270
|
}
|
|
2271
|
-
return l(s),
|
|
2271
|
+
return l(s), t;
|
|
2272
2272
|
}
|
|
2273
2273
|
function Pl(s, k = "children") {
|
|
2274
|
-
const
|
|
2275
|
-
function e(
|
|
2276
|
-
for (const m of
|
|
2277
|
-
|
|
2274
|
+
const a = [];
|
|
2275
|
+
function e(t, l = 0, v = null) {
|
|
2276
|
+
for (const m of t)
|
|
2277
|
+
a.push({ ...m, level: l, parent: v }), m[k] && m[k].length > 0 && e(m[k], l + 1, m);
|
|
2278
2278
|
}
|
|
2279
|
-
return e(s),
|
|
2279
|
+
return e(s), a;
|
|
2280
2280
|
}
|
|
2281
2281
|
const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Yl = ["onClick"], Ul = ["onClick"], ot = /* @__PURE__ */ le({
|
|
2282
2282
|
name: "XSelect",
|
|
@@ -2305,42 +2305,42 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2305
2305
|
},
|
|
2306
2306
|
emits: ["update:modelValue", "update:value", "change", "clear", "focus", "blur", "visible-change", "remove-tag"],
|
|
2307
2307
|
setup(s, { emit: k }) {
|
|
2308
|
-
const
|
|
2308
|
+
const a = le({
|
|
2309
2309
|
name: "XSelectPopperContent",
|
|
2310
|
-
setup(
|
|
2310
|
+
setup(O, { slots: G }) {
|
|
2311
2311
|
const Z = Ve("select");
|
|
2312
2312
|
return Z && Ce("select", Z), () => {
|
|
2313
2313
|
var B;
|
|
2314
2314
|
return (B = G.default) == null ? void 0 : B.call(G);
|
|
2315
2315
|
};
|
|
2316
2316
|
}
|
|
2317
|
-
}), e = s,
|
|
2318
|
-
T.value.find((G) => G.value ===
|
|
2319
|
-
}, I = M(() => e.type === "multiple" || e.mode === "multiple"), V = M(() => e.type === "cascader"), h = L([]), r = M(() => e.options && e.options.length > 0 ? e.options : T.value), $ = (
|
|
2320
|
-
|
|
2317
|
+
}), e = s, t = k, l = ae("select"), v = Fe(), m = () => Oe().next(), b = L(), H = L(), z = L(), C = L(!1), D = L(2e3), S = L(""), P = L(-1), y = L({ top: "0px", left: "0px" }), T = L([]), R = (O) => {
|
|
2318
|
+
T.value.find((G) => G.value === O.value) || T.value.push(O);
|
|
2319
|
+
}, I = M(() => e.type === "multiple" || e.mode === "multiple"), V = M(() => e.type === "cascader"), h = L([]), r = M(() => e.options && e.options.length > 0 ? e.options : T.value), $ = (O) => {
|
|
2320
|
+
t("update:modelValue", O), t("update:value", O), t("change", O);
|
|
2321
2321
|
}, A = M(() => {
|
|
2322
|
-
const
|
|
2323
|
-
return I.value ? Array.isArray(
|
|
2322
|
+
const O = e.modelValue ?? e.value;
|
|
2323
|
+
return I.value ? Array.isArray(O) ? O : [] : V.value ? Array.isArray(O) ? O : O != null && O !== "" ? [O] : [] : O != null && O !== "" ? [O] : [];
|
|
2324
2324
|
}), F = M(() => {
|
|
2325
|
-
const
|
|
2326
|
-
return V.value ? Pl(
|
|
2327
|
-
}), Y = M(() => !e.filterable || !S.value ? F.value : F.value.filter((
|
|
2328
|
-
const G =
|
|
2325
|
+
const O = r.value;
|
|
2326
|
+
return V.value ? Pl(O, e.childrenKey) : O.map((G) => ({ ...G, level: 0 }));
|
|
2327
|
+
}), Y = M(() => !e.filterable || !S.value ? F.value : F.value.filter((O) => {
|
|
2328
|
+
const G = O[e.labelKey] || "";
|
|
2329
2329
|
return Il(G, S.value, e.filterMethod);
|
|
2330
2330
|
})), j = M(() => {
|
|
2331
|
-
const
|
|
2331
|
+
const O = [];
|
|
2332
2332
|
for (const G of A.value) {
|
|
2333
2333
|
const Z = Xe(r.value, G, e.valueKey, e.childrenKey);
|
|
2334
|
-
Z &&
|
|
2334
|
+
Z && O.push(Z);
|
|
2335
2335
|
}
|
|
2336
|
-
return
|
|
2336
|
+
return O;
|
|
2337
2337
|
}), p = M(() => {
|
|
2338
2338
|
if (I.value)
|
|
2339
2339
|
return "";
|
|
2340
2340
|
if (V.value)
|
|
2341
2341
|
return Ae(r.value, A.value[A.value.length - 1], e.valueKey, e.childrenKey).map((Z) => Z[e.labelKey]).join(e.separator);
|
|
2342
|
-
const
|
|
2343
|
-
return
|
|
2342
|
+
const O = j.value[0];
|
|
2343
|
+
return O ? O[e.labelKey] : "";
|
|
2344
2344
|
}), x = M(() => I.value ? j.value : []), w = M(() => e.collapseTags ? x.value.slice(0, e.maxCollapseTags) : x.value), o = M(() => e.collapseTags ? Math.max(0, x.value.length - e.maxCollapseTags) : 0), f = M(() => [
|
|
2345
2345
|
l.b(),
|
|
2346
2346
|
l.m(e.size),
|
|
@@ -2351,24 +2351,24 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2351
2351
|
l.is("focus", C.value)
|
|
2352
2352
|
]), g = () => {
|
|
2353
2353
|
if (!b.value || !z.value || !C.value) return;
|
|
2354
|
-
const
|
|
2355
|
-
let Z =
|
|
2356
|
-
B + G.width > window.innerWidth && (B = window.innerWidth - G.width - 8), Z + G.height > window.innerHeight && (Z =
|
|
2354
|
+
const O = b.value.getBoundingClientRect(), G = z.value.getBoundingClientRect();
|
|
2355
|
+
let Z = O.bottom + 4, B = O.left;
|
|
2356
|
+
B + G.width > window.innerWidth && (B = window.innerWidth - G.width - 8), Z + G.height > window.innerHeight && (Z = O.top - G.height - 4), y.value = {
|
|
2357
2357
|
top: `${Z}px`,
|
|
2358
2358
|
left: `${B}px`
|
|
2359
2359
|
};
|
|
2360
2360
|
}, X = () => {
|
|
2361
2361
|
e.disabled || (C.value = !0, D.value = m(), S.value = "", De(() => {
|
|
2362
2362
|
g();
|
|
2363
|
-
}),
|
|
2363
|
+
}), t("visible-change", !0), t("focus", {}));
|
|
2364
2364
|
}, ne = () => {
|
|
2365
|
-
C.value = !1, S.value = "", h.value = [],
|
|
2366
|
-
}, K = (
|
|
2367
|
-
if (!
|
|
2365
|
+
C.value = !1, S.value = "", h.value = [], t("visible-change", !1), t("blur", {});
|
|
2366
|
+
}, K = (O) => {
|
|
2367
|
+
if (!O.disabled)
|
|
2368
2368
|
if (I.value) {
|
|
2369
|
-
const G = [...A.value], Z =
|
|
2369
|
+
const G = [...A.value], Z = O[e.valueKey], B = G.indexOf(Z);
|
|
2370
2370
|
if (B > -1)
|
|
2371
|
-
G.splice(B, 1),
|
|
2371
|
+
G.splice(B, 1), t("remove-tag", Z);
|
|
2372
2372
|
else {
|
|
2373
2373
|
if (e.multipleLimit > 0 && G.length >= e.multipleLimit)
|
|
2374
2374
|
return;
|
|
@@ -2376,59 +2376,59 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2376
2376
|
}
|
|
2377
2377
|
$(G);
|
|
2378
2378
|
} else if (V.value)
|
|
2379
|
-
if (
|
|
2380
|
-
const G = Ae(r.value,
|
|
2379
|
+
if (O.children && O.children.length > 0) {
|
|
2380
|
+
const G = Ae(r.value, O[e.valueKey], e.valueKey, e.childrenKey);
|
|
2381
2381
|
h.value = G;
|
|
2382
2382
|
} else {
|
|
2383
|
-
const Z = Ae(r.value,
|
|
2383
|
+
const Z = Ae(r.value, O[e.valueKey], e.valueKey, e.childrenKey).map((B) => B[e.valueKey]);
|
|
2384
2384
|
$(Z), ne();
|
|
2385
2385
|
}
|
|
2386
2386
|
else
|
|
2387
|
-
$(
|
|
2388
|
-
}, re = (
|
|
2389
|
-
const G = A.value.filter((Z) => Z !==
|
|
2390
|
-
$(G),
|
|
2387
|
+
$(O[e.valueKey]), ne();
|
|
2388
|
+
}, re = (O) => {
|
|
2389
|
+
const G = A.value.filter((Z) => Z !== O[e.valueKey]);
|
|
2390
|
+
$(G), t("remove-tag", O[e.valueKey]);
|
|
2391
2391
|
}, q = () => {
|
|
2392
|
-
const
|
|
2393
|
-
$(
|
|
2394
|
-
}, me = (
|
|
2395
|
-
S.value =
|
|
2396
|
-
}, be = (
|
|
2392
|
+
const O = I.value ? [] : "";
|
|
2393
|
+
$(O), t("clear");
|
|
2394
|
+
}, me = (O) => {
|
|
2395
|
+
S.value = O.target.value;
|
|
2396
|
+
}, be = (O) => {
|
|
2397
2397
|
if (!b.value) return;
|
|
2398
|
-
const G =
|
|
2398
|
+
const G = O.target, Z = z.value && z.value.contains(G);
|
|
2399
2399
|
b.value.contains(G) || Z || ne();
|
|
2400
|
-
}, ze = (
|
|
2401
|
-
if (
|
|
2400
|
+
}, ze = (O) => {
|
|
2401
|
+
if (O.key === "Escape")
|
|
2402
2402
|
ne();
|
|
2403
|
-
else if (
|
|
2403
|
+
else if (O.key === "Enter" && C.value) {
|
|
2404
2404
|
const G = Y.value[P.value];
|
|
2405
2405
|
G && K(G);
|
|
2406
|
-
} else
|
|
2407
|
-
}, xe = (
|
|
2406
|
+
} else O.key === "ArrowDown" && C.value ? (O.preventDefault(), P.value = Math.min(P.value + 1, Y.value.length - 1)) : O.key === "ArrowUp" && C.value && (O.preventDefault(), P.value = Math.max(P.value - 1, 0));
|
|
2407
|
+
}, xe = (O) => A.value.includes(O[e.valueKey]), Se = (O, G) => [
|
|
2408
2408
|
l.e("option"),
|
|
2409
|
-
l.is("selected", xe(
|
|
2410
|
-
l.is("disabled",
|
|
2409
|
+
l.is("selected", xe(O)),
|
|
2410
|
+
l.is("disabled", O.disabled === !0),
|
|
2411
2411
|
l.is("hover", P.value === G),
|
|
2412
|
-
l.is("group", !!(
|
|
2412
|
+
l.is("group", !!(O.children && O.children.length > 0))
|
|
2413
2413
|
], Le = M(() => {
|
|
2414
2414
|
if (!V.value) return [];
|
|
2415
|
-
const
|
|
2415
|
+
const O = [r.value];
|
|
2416
2416
|
for (const G of h.value)
|
|
2417
|
-
G.children && G.children.length > 0 &&
|
|
2418
|
-
return
|
|
2417
|
+
G.children && G.children.length > 0 && O.push(G.children);
|
|
2418
|
+
return O;
|
|
2419
2419
|
});
|
|
2420
2420
|
return pe(() => {
|
|
2421
2421
|
document.addEventListener("mousedown", be), document.addEventListener("keydown", ze);
|
|
2422
2422
|
}), $e(() => {
|
|
2423
2423
|
document.removeEventListener("mousedown", be), document.removeEventListener("keydown", ze), document.removeEventListener("scroll", g, !0);
|
|
2424
|
-
}), ie(C, (
|
|
2425
|
-
|
|
2424
|
+
}), ie(C, (O) => {
|
|
2425
|
+
O ? document.addEventListener("scroll", g, !0) : document.removeEventListener("scroll", g, !0);
|
|
2426
2426
|
}), Ce("select", {
|
|
2427
2427
|
selectedValues: A,
|
|
2428
2428
|
handleSelect: K,
|
|
2429
2429
|
isSelected: xe,
|
|
2430
2430
|
registerOption: R
|
|
2431
|
-
}), (
|
|
2431
|
+
}), (O, G) => (i(), c("div", {
|
|
2432
2432
|
ref_key: "selectRef",
|
|
2433
2433
|
ref: b,
|
|
2434
2434
|
class: u(f.value)
|
|
@@ -2503,15 +2503,15 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2503
2503
|
key: B,
|
|
2504
2504
|
class: u(n(l).e("cascader-panel"))
|
|
2505
2505
|
}, [
|
|
2506
|
-
(i(!0), c(J, null, _(Z, (
|
|
2507
|
-
key:
|
|
2508
|
-
class: u(Se(
|
|
2509
|
-
onClick: ue((Te) => K(
|
|
2506
|
+
(i(!0), c(J, null, _(Z, (E, W) => (i(), c("div", {
|
|
2507
|
+
key: E[s.valueKey],
|
|
2508
|
+
class: u(Se(E, W)),
|
|
2509
|
+
onClick: ue((Te) => K(E), ["stop", "prevent"])
|
|
2510
2510
|
}, [
|
|
2511
2511
|
d("span", {
|
|
2512
2512
|
class: u(n(l).e("option-label"))
|
|
2513
|
-
}, U(
|
|
2514
|
-
|
|
2513
|
+
}, U(E[s.labelKey]), 3),
|
|
2514
|
+
E.children && E.children.length > 0 ? (i(), c("span", {
|
|
2515
2515
|
key: 0,
|
|
2516
2516
|
class: u(n(l).e("option-arrow"))
|
|
2517
2517
|
}, "›", 2)) : N("", !0)
|
|
@@ -2522,13 +2522,13 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2522
2522
|
key: 0,
|
|
2523
2523
|
class: u(n(l).e("empty"))
|
|
2524
2524
|
}, U(S.value ? s.noMatchText : s.noDataText), 3)) : (i(), c(J, { key: 1 }, [
|
|
2525
|
-
|
|
2525
|
+
O.$slots.default ? (i(), c("div", {
|
|
2526
2526
|
key: 0,
|
|
2527
2527
|
class: u(n(l).e("options"))
|
|
2528
2528
|
}, [
|
|
2529
|
-
Q(n(
|
|
2529
|
+
Q(n(a), null, {
|
|
2530
2530
|
default: He(() => [
|
|
2531
|
-
se(
|
|
2531
|
+
se(O.$slots, "default")
|
|
2532
2532
|
]),
|
|
2533
2533
|
_: 3
|
|
2534
2534
|
})
|
|
@@ -2539,7 +2539,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2539
2539
|
(i(!0), c(J, null, _(Y.value, (Z, B) => (i(), c("div", {
|
|
2540
2540
|
key: Z[s.valueKey],
|
|
2541
2541
|
class: u(Se(Z, B)),
|
|
2542
|
-
onClick: ue((
|
|
2542
|
+
onClick: ue((E) => K(Z), ["stop", "prevent"])
|
|
2543
2543
|
}, [
|
|
2544
2544
|
d("span", {
|
|
2545
2545
|
class: u(n(l).e("option-label"))
|
|
@@ -2570,7 +2570,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2570
2570
|
disabled: { type: Boolean, default: !1 }
|
|
2571
2571
|
},
|
|
2572
2572
|
setup(s) {
|
|
2573
|
-
const k = s,
|
|
2573
|
+
const k = s, a = ae("select"), e = Ve("select");
|
|
2574
2574
|
pe(() => {
|
|
2575
2575
|
e && e.registerOption && e.registerOption({
|
|
2576
2576
|
value: k.value,
|
|
@@ -2578,7 +2578,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2578
2578
|
disabled: k.disabled
|
|
2579
2579
|
});
|
|
2580
2580
|
});
|
|
2581
|
-
const
|
|
2581
|
+
const t = M(() => !e || !e.selectedValues ? !1 : e.selectedValues.value.includes(k.value)), l = (v) => {
|
|
2582
2582
|
v.stopPropagation(), v.preventDefault(), !k.disabled && e && e.handleSelect && e.handleSelect({
|
|
2583
2583
|
value: k.value,
|
|
2584
2584
|
label: k.label,
|
|
@@ -2587,18 +2587,18 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2587
2587
|
};
|
|
2588
2588
|
return (v, m) => (i(), c("div", {
|
|
2589
2589
|
class: u([
|
|
2590
|
-
n(
|
|
2591
|
-
n(
|
|
2592
|
-
n(
|
|
2590
|
+
n(a).e("option"),
|
|
2591
|
+
n(a).is("selected", t.value),
|
|
2592
|
+
n(a).is("disabled", s.disabled)
|
|
2593
2593
|
]),
|
|
2594
2594
|
onClick: l
|
|
2595
2595
|
}, [
|
|
2596
2596
|
d("span", {
|
|
2597
|
-
class: u(n(
|
|
2597
|
+
class: u(n(a).e("option-label"))
|
|
2598
2598
|
}, U(s.label), 3),
|
|
2599
|
-
|
|
2599
|
+
t.value ? (i(), c("span", {
|
|
2600
2600
|
key: 0,
|
|
2601
|
-
class: u(n(
|
|
2601
|
+
class: u(n(a).e("option-check"))
|
|
2602
2602
|
}, "✓", 2)) : N("", !0)
|
|
2603
2603
|
], 2));
|
|
2604
2604
|
}
|
|
@@ -2619,8 +2619,8 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2619
2619
|
rightDefaultChecked: { default: () => [] }
|
|
2620
2620
|
},
|
|
2621
2621
|
emits: ["update:modelValue", "change", "left-check-change", "right-check-change"],
|
|
2622
|
-
setup(s, { expose: k, emit:
|
|
2623
|
-
const e = s,
|
|
2622
|
+
setup(s, { expose: k, emit: a }) {
|
|
2623
|
+
const e = s, t = a, l = ae("transfer"), v = M(() => {
|
|
2624
2624
|
var o;
|
|
2625
2625
|
return ((o = e.props) == null ? void 0 : o.key) || "key";
|
|
2626
2626
|
}), m = M(() => {
|
|
@@ -2645,23 +2645,23 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2645
2645
|
return X && !y(X);
|
|
2646
2646
|
});
|
|
2647
2647
|
let f;
|
|
2648
|
-
e.targetOrder === "unshift" ? f = [...o, ...e.modelValue] : f = [...e.modelValue, ...o],
|
|
2648
|
+
e.targetOrder === "unshift" ? f = [...o, ...e.modelValue] : f = [...e.modelValue, ...o], t("update:modelValue", f), t("change", f, "right", o), C.value = [];
|
|
2649
2649
|
}, A = () => {
|
|
2650
2650
|
const o = D.value.filter((g) => {
|
|
2651
2651
|
const X = e.data.find((ne) => S(ne) === g);
|
|
2652
2652
|
return X && !y(X);
|
|
2653
2653
|
}), f = e.modelValue.filter((g) => !o.includes(g));
|
|
2654
|
-
|
|
2654
|
+
t("update:modelValue", f), t("change", f, "left", o), D.value = [];
|
|
2655
2655
|
}, F = (o) => {
|
|
2656
2656
|
const f = C.value.indexOf(o);
|
|
2657
|
-
f > -1 ? C.value.splice(f, 1) : C.value.push(o),
|
|
2657
|
+
f > -1 ? C.value.splice(f, 1) : C.value.push(o), t("left-check-change", [...C.value]);
|
|
2658
2658
|
}, Y = (o) => {
|
|
2659
2659
|
const f = D.value.indexOf(o);
|
|
2660
|
-
f > -1 ? D.value.splice(f, 1) : D.value.push(o),
|
|
2660
|
+
f > -1 ? D.value.splice(f, 1) : D.value.push(o), t("right-check-change", [...D.value]);
|
|
2661
2661
|
}, j = () => {
|
|
2662
|
-
C.value.length === T.value.filter((o) => !y(o)).length ? C.value = [] : C.value = T.value.filter((o) => !y(o)).map((o) => S(o)),
|
|
2662
|
+
C.value.length === T.value.filter((o) => !y(o)).length ? C.value = [] : C.value = T.value.filter((o) => !y(o)).map((o) => S(o)), t("left-check-change", [...C.value]);
|
|
2663
2663
|
}, p = () => {
|
|
2664
|
-
D.value.length === R.value.filter((o) => !y(o)).length ? D.value = [] : D.value = R.value.filter((o) => !y(o)).map((o) => S(o)),
|
|
2664
|
+
D.value.length === R.value.filter((o) => !y(o)).length ? D.value = [] : D.value = R.value.filter((o) => !y(o)).map((o) => S(o)), t("right-check-change", [...D.value]);
|
|
2665
2665
|
}, x = (o) => {
|
|
2666
2666
|
o === "left" ? H.value = "" : z.value = "";
|
|
2667
2667
|
}, w = M(() => [l.b()]);
|
|
@@ -2852,34 +2852,34 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2852
2852
|
},
|
|
2853
2853
|
emits: ["update:modelValue", "change", "input"],
|
|
2854
2854
|
setup(s, { emit: k }) {
|
|
2855
|
-
const
|
|
2856
|
-
const x =
|
|
2857
|
-
return (
|
|
2858
|
-
}), z = M(() =>
|
|
2859
|
-
if (!
|
|
2860
|
-
const x = [], w = (
|
|
2855
|
+
const a = s, e = k, t = ae("slider"), l = L(), v = L(), m = L(!1), b = L(!1), H = M(() => {
|
|
2856
|
+
const x = a.max - a.min;
|
|
2857
|
+
return (a.modelValue - a.min) / x * 100;
|
|
2858
|
+
}), z = M(() => a.formatTooltip ? a.formatTooltip(a.modelValue) : a.modelValue), C = M(() => {
|
|
2859
|
+
if (!a.showStops || a.min >= a.max) return [];
|
|
2860
|
+
const x = [], w = (a.max - a.min) / a.step;
|
|
2861
2861
|
for (let o = 0; o <= w; o++) {
|
|
2862
|
-
const f =
|
|
2863
|
-
f >
|
|
2862
|
+
const f = a.min + o * a.step;
|
|
2863
|
+
f > a.min && f < a.max && x.push((f - a.min) / (a.max - a.min) * 100);
|
|
2864
2864
|
}
|
|
2865
2865
|
return x;
|
|
2866
|
-
}), D = M(() =>
|
|
2867
|
-
const w = Number(x), o =
|
|
2866
|
+
}), D = M(() => a.marks ? Object.keys(a.marks).map((x) => {
|
|
2867
|
+
const w = Number(x), o = a.marks[w], f = (w - a.min) / (a.max - a.min) * 100;
|
|
2868
2868
|
let g, X = {};
|
|
2869
2869
|
return typeof o == "string" ? g = o : (g = o.label || String(w), X = o.style || {}), { value: w, pos: f, label: g, style: X };
|
|
2870
|
-
}) : []), S = () => l.value ?
|
|
2871
|
-
if (!l.value) return
|
|
2870
|
+
}) : []), S = () => l.value ? a.vertical ? l.value.offsetHeight : l.value.offsetWidth : 0, P = (x, w) => {
|
|
2871
|
+
if (!l.value) return a.modelValue;
|
|
2872
2872
|
const o = l.value.getBoundingClientRect(), f = S();
|
|
2873
2873
|
let g;
|
|
2874
|
-
|
|
2875
|
-
const X =
|
|
2876
|
-
return Math.max(
|
|
2874
|
+
a.vertical ? g = (o.bottom - w) / f * 100 : g = (x - o.left) / f * 100, g = Math.max(0, Math.min(100, g));
|
|
2875
|
+
const X = a.min + g / 100 * (a.max - a.min), ne = Math.round(X / a.step) * a.step;
|
|
2876
|
+
return Math.max(a.min, Math.min(a.max, ne));
|
|
2877
2877
|
}, y = (x) => {
|
|
2878
|
-
if (
|
|
2879
|
-
const w = Math.max(
|
|
2880
|
-
w !==
|
|
2878
|
+
if (a.disabled) return;
|
|
2879
|
+
const w = Math.max(a.min, Math.min(a.max, x));
|
|
2880
|
+
w !== a.modelValue && (e("update:modelValue", w), e("input", w));
|
|
2881
2881
|
}, T = (x) => {
|
|
2882
|
-
if (
|
|
2882
|
+
if (a.disabled) return;
|
|
2883
2883
|
x.preventDefault(), b.value = !0, m.value = !0;
|
|
2884
2884
|
const w = P(x.clientX, x.clientY);
|
|
2885
2885
|
y(w), document.addEventListener("mousemove", R), document.addEventListener("mouseup", I);
|
|
@@ -2888,9 +2888,9 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2888
2888
|
const w = P(x.clientX, x.clientY);
|
|
2889
2889
|
y(w);
|
|
2890
2890
|
}, I = () => {
|
|
2891
|
-
b.value = !1, e("change",
|
|
2891
|
+
b.value = !1, e("change", a.modelValue), document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", I);
|
|
2892
2892
|
}, V = (x) => {
|
|
2893
|
-
if (
|
|
2893
|
+
if (a.disabled) return;
|
|
2894
2894
|
x.preventDefault(), b.value = !0, m.value = !0;
|
|
2895
2895
|
const w = x.touches[0], o = P(w.clientX, w.clientY);
|
|
2896
2896
|
y(o);
|
|
@@ -2899,9 +2899,9 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2899
2899
|
const w = x.touches[0], o = P(w.clientX, w.clientY);
|
|
2900
2900
|
y(o);
|
|
2901
2901
|
}, r = () => {
|
|
2902
|
-
b.value = !1, e("change",
|
|
2902
|
+
b.value = !1, e("change", a.modelValue);
|
|
2903
2903
|
}, $ = () => {
|
|
2904
|
-
|
|
2904
|
+
a.showTooltip && (m.value = !0);
|
|
2905
2905
|
}, A = () => {
|
|
2906
2906
|
b.value || (m.value = !1);
|
|
2907
2907
|
};
|
|
@@ -2909,10 +2909,10 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2909
2909
|
document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", I);
|
|
2910
2910
|
});
|
|
2911
2911
|
const F = M(() => [
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
]), Y = M(() =>
|
|
2912
|
+
t.b(),
|
|
2913
|
+
t.is("disabled", a.disabled),
|
|
2914
|
+
t.is("vertical", a.vertical)
|
|
2915
|
+
]), Y = M(() => a.vertical && a.height ? { height: typeof a.height == "number" ? `${a.height}px` : a.height } : {}), j = M(() => a.vertical ? { height: `${H.value}%` } : { width: `${H.value}%` }), p = M(() => a.vertical ? { bottom: `${H.value}%` } : { left: `${H.value}%` });
|
|
2916
2916
|
return (x, w) => (i(), c("div", {
|
|
2917
2917
|
class: u(F.value),
|
|
2918
2918
|
style: te(Y.value)
|
|
@@ -2920,36 +2920,36 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2920
2920
|
d("div", {
|
|
2921
2921
|
ref_key: "sliderRef",
|
|
2922
2922
|
ref: l,
|
|
2923
|
-
class: u(n(
|
|
2923
|
+
class: u(n(t).e("runway")),
|
|
2924
2924
|
onMousedown: T,
|
|
2925
2925
|
onTouchstart: V
|
|
2926
2926
|
}, [
|
|
2927
2927
|
d("div", {
|
|
2928
|
-
class: u(n(
|
|
2928
|
+
class: u(n(t).e("bar")),
|
|
2929
2929
|
style: te(j.value)
|
|
2930
2930
|
}, null, 6),
|
|
2931
2931
|
s.showStops ? (i(), c("div", _l, [
|
|
2932
2932
|
(i(!0), c(J, null, _(C.value, (o, f) => (i(), c("div", {
|
|
2933
2933
|
key: f,
|
|
2934
|
-
class: u(n(
|
|
2934
|
+
class: u(n(t).e("stop")),
|
|
2935
2935
|
style: te(s.vertical ? { bottom: `${o}%` } : { left: `${o}%` })
|
|
2936
2936
|
}, null, 6))), 128))
|
|
2937
2937
|
])) : N("", !0),
|
|
2938
2938
|
D.value.length > 0 ? (i(), c("div", ea, [
|
|
2939
2939
|
(i(!0), c(J, null, _(D.value, (o) => (i(), c("div", {
|
|
2940
2940
|
key: o.value,
|
|
2941
|
-
class: u(n(
|
|
2941
|
+
class: u(n(t).e("mark")),
|
|
2942
2942
|
style: te(s.vertical ? { bottom: `${o.pos}%` } : { left: `${o.pos}%`, ...o.style })
|
|
2943
2943
|
}, [
|
|
2944
2944
|
d("span", {
|
|
2945
|
-
class: u(n(
|
|
2945
|
+
class: u(n(t).e("mark-text"))
|
|
2946
2946
|
}, U(o.label), 3)
|
|
2947
2947
|
], 6))), 128))
|
|
2948
2948
|
])) : N("", !0),
|
|
2949
2949
|
d("div", {
|
|
2950
2950
|
ref_key: "buttonRef",
|
|
2951
2951
|
ref: v,
|
|
2952
|
-
class: u(n(
|
|
2952
|
+
class: u(n(t).e("button-wrapper")),
|
|
2953
2953
|
style: te(p.value),
|
|
2954
2954
|
onMouseenter: $,
|
|
2955
2955
|
onMouseleave: A,
|
|
@@ -2958,10 +2958,10 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
2958
2958
|
}, [
|
|
2959
2959
|
s.showTooltip && m.value ? (i(), c("div", {
|
|
2960
2960
|
key: 0,
|
|
2961
|
-
class: u(n(
|
|
2961
|
+
class: u(n(t).e("tooltip"))
|
|
2962
2962
|
}, U(z.value), 3)) : N("", !0),
|
|
2963
2963
|
d("div", {
|
|
2964
|
-
class: u(n(
|
|
2964
|
+
class: u(n(t).e("button"))
|
|
2965
2965
|
}, null, 2)
|
|
2966
2966
|
], 38)
|
|
2967
2967
|
], 34)
|
|
@@ -3011,8 +3011,8 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3011
3011
|
onExceed: {}
|
|
3012
3012
|
},
|
|
3013
3013
|
emits: ["update:fileList", "success", "error", "progress", "change", "remove", "exceed"],
|
|
3014
|
-
setup(s, { expose: k, emit:
|
|
3015
|
-
const e = s,
|
|
3014
|
+
setup(s, { expose: k, emit: a }) {
|
|
3015
|
+
const e = s, t = a, l = ae("upload");
|
|
3016
3016
|
Fe();
|
|
3017
3017
|
const v = L(), m = L([...e.fileList]), b = L(!1);
|
|
3018
3018
|
let H = 1;
|
|
@@ -3044,7 +3044,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3044
3044
|
}, y = async (p) => {
|
|
3045
3045
|
var x, w;
|
|
3046
3046
|
if (e.limit && m.value.length + p.length > e.limit) {
|
|
3047
|
-
|
|
3047
|
+
t("exceed", p, m.value), (x = e.onExceed) == null || x.call(e, p, m.value);
|
|
3048
3048
|
return;
|
|
3049
3049
|
}
|
|
3050
3050
|
for (const o of p) {
|
|
@@ -3058,7 +3058,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3058
3058
|
uid: z(),
|
|
3059
3059
|
raw: o
|
|
3060
3060
|
};
|
|
3061
|
-
o.type.startsWith("image/") && (f.thumbUrl = await T(o), f.url = f.thumbUrl), m.value.push(f),
|
|
3061
|
+
o.type.startsWith("image/") && (f.thumbUrl = await T(o), f.url = f.thumbUrl), m.value.push(f), t("update:fileList", m.value), t("change", f, m.value), (w = e.onChange) == null || w.call(e, f, m.value), e.autoUpload && R(f);
|
|
3062
3062
|
}
|
|
3063
3063
|
}, T = (p) => new Promise((x) => {
|
|
3064
3064
|
const w = new FileReader();
|
|
@@ -3077,15 +3077,15 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3077
3077
|
withCredentials: e.withCredentials,
|
|
3078
3078
|
onProgress: (w) => {
|
|
3079
3079
|
var o;
|
|
3080
|
-
p.percentage = w.percent,
|
|
3080
|
+
p.percentage = w.percent, t("progress", w, p, m.value), (o = e.onProgress) == null || o.call(e, w, p, m.value);
|
|
3081
3081
|
},
|
|
3082
3082
|
onSuccess: (w) => {
|
|
3083
3083
|
var o;
|
|
3084
|
-
p.status = "success", p.response = w,
|
|
3084
|
+
p.status = "success", p.response = w, t("success", w, p, m.value), (o = e.onSuccess) == null || o.call(e, w, p, m.value);
|
|
3085
3085
|
},
|
|
3086
3086
|
onError: (w) => {
|
|
3087
3087
|
var o;
|
|
3088
|
-
p.status = "error",
|
|
3088
|
+
p.status = "error", t("error", w, p, m.value), (o = e.onError) == null || o.call(e, w, p, m.value);
|
|
3089
3089
|
}
|
|
3090
3090
|
});
|
|
3091
3091
|
}, I = (p) => new Promise((x, w) => {
|
|
@@ -3117,11 +3117,11 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3117
3117
|
if (e.beforeRemove && await e.beforeRemove(p, m.value) === !1)
|
|
3118
3118
|
return;
|
|
3119
3119
|
const x = m.value.findIndex((o) => o.uid === p.uid);
|
|
3120
|
-
x > -1 && (m.value.splice(x, 1),
|
|
3120
|
+
x > -1 && (m.value.splice(x, 1), t("update:fileList", m.value), t("remove", p, m.value), (w = e.onRemove) == null || w.call(e, p, m.value));
|
|
3121
3121
|
}, h = () => {
|
|
3122
3122
|
m.value.filter((p) => p.status === "ready" && p.raw).forEach((p) => R(p));
|
|
3123
3123
|
}, r = () => {
|
|
3124
|
-
m.value = [],
|
|
3124
|
+
m.value = [], t("update:fileList", m.value);
|
|
3125
3125
|
}, $ = () => {
|
|
3126
3126
|
var p;
|
|
3127
3127
|
e.disabled || (p = v.value) == null || p.click();
|
|
@@ -3398,35 +3398,35 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3398
3398
|
},
|
|
3399
3399
|
emits: ["update:modelValue", "change"],
|
|
3400
3400
|
setup(s, { emit: k }) {
|
|
3401
|
-
const
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
|
|
3405
|
-
|
|
3406
|
-
]), b = (y) =>
|
|
3401
|
+
const a = s, e = k, t = ae("rate"), l = L(-1), v = M(() => l.value > -1 ? l.value : a.modelValue), m = M(() => [
|
|
3402
|
+
t.b(),
|
|
3403
|
+
t.m(a.size),
|
|
3404
|
+
t.is("disabled", a.disabled),
|
|
3405
|
+
t.is("readonly", a.readonly)
|
|
3406
|
+
]), b = (y) => a.disabled ? a.disabledVoidColor : y <= a.lowThreshold ? a.colors[0] : y <= a.highThreshold ? a.colors[1] || a.colors[0] : a.colors[2] || a.colors[1] || a.colors[0], H = (y) => {
|
|
3407
3407
|
const T = v.value;
|
|
3408
|
-
return T >= y ? 100 :
|
|
3409
|
-
}, z = (y) => H(y) > 0 ? b(v.value) :
|
|
3410
|
-
if (
|
|
3411
|
-
return
|
|
3412
|
-
if (
|
|
3413
|
-
const y = Math.min(Math.ceil(
|
|
3414
|
-
return
|
|
3408
|
+
return T >= y ? 100 : a.allowHalf && T >= y - 0.5 ? 50 : 0;
|
|
3409
|
+
}, z = (y) => H(y) > 0 ? b(v.value) : a.disabled ? a.disabledVoidColor : a.voidColor, C = M(() => {
|
|
3410
|
+
if (a.showScore)
|
|
3411
|
+
return a.scoreTemplate.replace("{value}", String(a.modelValue));
|
|
3412
|
+
if (a.showText) {
|
|
3413
|
+
const y = Math.min(Math.ceil(a.modelValue || 0), a.max) - 1;
|
|
3414
|
+
return a.texts[Math.max(0, y)] || "";
|
|
3415
3415
|
}
|
|
3416
3416
|
return "";
|
|
3417
3417
|
}), D = (y, T) => {
|
|
3418
|
-
if (!(
|
|
3419
|
-
if (
|
|
3418
|
+
if (!(a.disabled || a.readonly))
|
|
3419
|
+
if (a.allowHalf) {
|
|
3420
3420
|
const I = T.currentTarget.getBoundingClientRect(), V = T.clientX - I.left < I.width / 2;
|
|
3421
3421
|
l.value = V ? y - 0.5 : y;
|
|
3422
3422
|
} else
|
|
3423
3423
|
l.value = y;
|
|
3424
3424
|
}, S = () => {
|
|
3425
|
-
|
|
3425
|
+
a.disabled || a.readonly || (l.value = -1);
|
|
3426
3426
|
}, P = (y, T) => {
|
|
3427
|
-
if (
|
|
3427
|
+
if (a.disabled || a.readonly) return;
|
|
3428
3428
|
let R;
|
|
3429
|
-
if (
|
|
3429
|
+
if (a.allowHalf) {
|
|
3430
3430
|
const V = T.currentTarget.getBoundingClientRect();
|
|
3431
3431
|
R = T.clientX - V.left < V.width / 2 ? y - 0.5 : y;
|
|
3432
3432
|
} else
|
|
@@ -3438,20 +3438,20 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3438
3438
|
onMouseleave: S
|
|
3439
3439
|
}, [
|
|
3440
3440
|
d("div", {
|
|
3441
|
-
class: u(n(
|
|
3441
|
+
class: u(n(t).e("items"))
|
|
3442
3442
|
}, [
|
|
3443
3443
|
(i(!0), c(J, null, _(s.max, (R) => (i(), c("span", {
|
|
3444
3444
|
key: R,
|
|
3445
|
-
class: u(n(
|
|
3445
|
+
class: u(n(t).e("item")),
|
|
3446
3446
|
onMousemove: (I) => D(R, I),
|
|
3447
3447
|
onClick: (I) => P(R, I)
|
|
3448
3448
|
}, [
|
|
3449
3449
|
d("span", {
|
|
3450
|
-
class: u(n(
|
|
3450
|
+
class: u(n(t).e("void")),
|
|
3451
3451
|
style: te({ color: s.disabled ? s.disabledVoidColor : s.voidColor })
|
|
3452
3452
|
}, U(s.disabled ? s.disabledVoidIcon : s.voidIcon), 7),
|
|
3453
3453
|
d("span", {
|
|
3454
|
-
class: u([n(
|
|
3454
|
+
class: u([n(t).e("fill"), H(R) > 0 ? "is-active" : ""]),
|
|
3455
3455
|
style: te({
|
|
3456
3456
|
color: z(R),
|
|
3457
3457
|
clipPath: `inset(0 ${100 - H(R)}% 0 0)`
|
|
@@ -3461,7 +3461,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3461
3461
|
], 2),
|
|
3462
3462
|
s.showText || s.showScore ? (i(), c("div", {
|
|
3463
3463
|
key: 0,
|
|
3464
|
-
class: u(n(
|
|
3464
|
+
class: u(n(t).e("text")),
|
|
3465
3465
|
style: te({ color: s.textColor })
|
|
3466
3466
|
}, U(C.value), 7)) : N("", !0)
|
|
3467
3467
|
], 34));
|
|
@@ -3489,11 +3489,11 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3489
3489
|
},
|
|
3490
3490
|
emits: ["update:fields", "add", "remove", "sort", "update"],
|
|
3491
3491
|
setup(s, { emit: k }) {
|
|
3492
|
-
const
|
|
3493
|
-
|
|
3494
|
-
|
|
3495
|
-
]), H = M(() => l.value.length <
|
|
3496
|
-
ie(() =>
|
|
3492
|
+
const a = s, e = k, t = ae("dynamic-fields"), l = L([]), v = L(null), m = L("input"), b = M(() => [
|
|
3493
|
+
t.b(),
|
|
3494
|
+
t.is("editable", a.editable)
|
|
3495
|
+
]), H = M(() => l.value.length < a.maxFields);
|
|
3496
|
+
ie(() => a.fields, (h) => {
|
|
3497
3497
|
l.value = [...h].sort((r, $) => (r.order || 0) - ($.order || 0));
|
|
3498
3498
|
}, { immediate: !0, deep: !0 });
|
|
3499
3499
|
const z = () => `field_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`, C = () => {
|
|
@@ -3536,7 +3536,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3536
3536
|
}, I = () => {
|
|
3537
3537
|
v.value = null;
|
|
3538
3538
|
}, V = (h) => {
|
|
3539
|
-
const r =
|
|
3539
|
+
const r = a.availableTypes.find(($) => $.value === h);
|
|
3540
3540
|
return (r == null ? void 0 : r.label) || h;
|
|
3541
3541
|
};
|
|
3542
3542
|
return (h, r) => (i(), c("div", {
|
|
@@ -3544,11 +3544,11 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3544
3544
|
}, [
|
|
3545
3545
|
s.editable && H.value ? (i(), c("div", {
|
|
3546
3546
|
key: 0,
|
|
3547
|
-
class: u(n(
|
|
3547
|
+
class: u(n(t).e("add"))
|
|
3548
3548
|
}, [
|
|
3549
3549
|
oe(d("select", {
|
|
3550
3550
|
"onUpdate:modelValue": r[0] || (r[0] = ($) => m.value = $),
|
|
3551
|
-
class: u(n(
|
|
3551
|
+
class: u(n(t).e("type-select"))
|
|
3552
3552
|
}, [
|
|
3553
3553
|
(i(!0), c(J, null, _(s.availableTypes, ($) => (i(), c("option", {
|
|
3554
3554
|
key: $.value,
|
|
@@ -3558,19 +3558,19 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3558
3558
|
[we, m.value]
|
|
3559
3559
|
]),
|
|
3560
3560
|
d("button", {
|
|
3561
|
-
class: u(n(
|
|
3561
|
+
class: u(n(t).e("add-btn")),
|
|
3562
3562
|
onClick: C
|
|
3563
3563
|
}, " + 添加字段 ", 2)
|
|
3564
3564
|
], 2)) : N("", !0),
|
|
3565
3565
|
d("div", {
|
|
3566
|
-
class: u(n(
|
|
3566
|
+
class: u(n(t).e("list"))
|
|
3567
3567
|
}, [
|
|
3568
3568
|
(i(!0), c(J, null, _(l.value, ($) => (i(), c("div", {
|
|
3569
3569
|
key: $.id,
|
|
3570
|
-
class: u(n(
|
|
3570
|
+
class: u(n(t).e("item"))
|
|
3571
3571
|
}, [
|
|
3572
3572
|
d("div", {
|
|
3573
|
-
class: u(n(
|
|
3573
|
+
class: u(n(t).e("info"))
|
|
3574
3574
|
}, [
|
|
3575
3575
|
d("span", ba, U(V($.type)), 1),
|
|
3576
3576
|
d("span", ya, U($.name), 1),
|
|
@@ -3579,7 +3579,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3579
3579
|
], 2),
|
|
3580
3580
|
s.editable ? (i(), c("div", {
|
|
3581
3581
|
key: 0,
|
|
3582
|
-
class: u(n(
|
|
3582
|
+
class: u(n(t).e("actions"))
|
|
3583
3583
|
}, [
|
|
3584
3584
|
s.showSort ? (i(), c("button", {
|
|
3585
3585
|
key: 0,
|
|
@@ -3628,13 +3628,13 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3628
3628
|
], 2),
|
|
3629
3629
|
l.value.length === 0 ? (i(), c("div", {
|
|
3630
3630
|
key: 1,
|
|
3631
|
-
class: u(n(
|
|
3631
|
+
class: u(n(t).e("empty"))
|
|
3632
3632
|
}, [...r[6] || (r[6] = [
|
|
3633
3633
|
d("span", null, "暂无字段配置", -1)
|
|
3634
3634
|
])], 2)) : N("", !0),
|
|
3635
3635
|
v.value ? (i(), c("div", {
|
|
3636
3636
|
key: 2,
|
|
3637
|
-
class: u(n(
|
|
3637
|
+
class: u(n(t).e("edit-modal"))
|
|
3638
3638
|
}, [
|
|
3639
3639
|
d("div", $a, [
|
|
3640
3640
|
d("div", Da, [
|
|
@@ -3728,8 +3728,8 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3728
3728
|
autoFocus: { type: Boolean, default: !1 }
|
|
3729
3729
|
},
|
|
3730
3730
|
emits: ["update:modelValue", "change", "focus", "blur"],
|
|
3731
|
-
setup(s, { expose: k, emit:
|
|
3732
|
-
const e = s,
|
|
3731
|
+
setup(s, { expose: k, emit: a }) {
|
|
3732
|
+
const e = s, t = a, l = Ee(
|
|
3733
3733
|
() => import("./index.esm-C9sEwyHF.mjs").then((r) => r.Editor)
|
|
3734
3734
|
), v = Ee(
|
|
3735
3735
|
() => import("./index.esm-C9sEwyHF.mjs").then((r) => r.Toolbar)
|
|
@@ -3830,11 +3830,11 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3830
3830
|
m.value = r;
|
|
3831
3831
|
}, P = (r) => {
|
|
3832
3832
|
const $ = r.getHtml();
|
|
3833
|
-
b.value = $,
|
|
3833
|
+
b.value = $, t("update:modelValue", $), t("change", $);
|
|
3834
3834
|
}, y = (r) => {
|
|
3835
|
-
|
|
3835
|
+
t("focus", r);
|
|
3836
3836
|
}, T = (r) => {
|
|
3837
|
-
|
|
3837
|
+
t("blur", r);
|
|
3838
3838
|
};
|
|
3839
3839
|
return k({
|
|
3840
3840
|
getEditor: () => m.value,
|
|
@@ -3899,28 +3899,28 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3899
3899
|
},
|
|
3900
3900
|
emits: ["update:modelValue", "change"],
|
|
3901
3901
|
setup(s, { emit: k }) {
|
|
3902
|
-
const
|
|
3902
|
+
const a = s, e = k, t = ae("cascader"), l = L(!1), v = L([]), m = L([]);
|
|
3903
3903
|
L("");
|
|
3904
3904
|
const b = L(""), H = L();
|
|
3905
3905
|
M(() => ({
|
|
3906
|
-
value:
|
|
3907
|
-
label:
|
|
3908
|
-
children:
|
|
3909
|
-
disabled:
|
|
3906
|
+
value: a.props.value || "value",
|
|
3907
|
+
label: a.props.label || "label",
|
|
3908
|
+
children: a.props.children || "children",
|
|
3909
|
+
disabled: a.props.disabled || "disabled"
|
|
3910
3910
|
}));
|
|
3911
|
-
const z = M(() =>
|
|
3911
|
+
const z = M(() => a.props.multiple), C = M(() => a.props.checkStrictly), D = M(() => {
|
|
3912
3912
|
if (z.value)
|
|
3913
3913
|
return m.value.length === 0 ? "" : m.value.map((x) => y(x)).join(", ");
|
|
3914
3914
|
if (v.value.length === 0) return "";
|
|
3915
|
-
if (
|
|
3916
|
-
return v.value.map((x) => T(x, v.value)).join(
|
|
3915
|
+
if (a.showAllLevels)
|
|
3916
|
+
return v.value.map((x) => T(x, v.value)).join(a.separator);
|
|
3917
3917
|
const p = v.value[v.value.length - 1];
|
|
3918
3918
|
return T(p, v.value);
|
|
3919
3919
|
}), S = M(() => {
|
|
3920
3920
|
var x;
|
|
3921
|
-
const p = [
|
|
3921
|
+
const p = [a.options];
|
|
3922
3922
|
if (v.value.length > 0) {
|
|
3923
|
-
let w =
|
|
3923
|
+
let w = a.options;
|
|
3924
3924
|
for (const o of v.value) {
|
|
3925
3925
|
const f = w.find((g) => g.value === o);
|
|
3926
3926
|
if ((x = f == null ? void 0 : f.children) != null && x.length)
|
|
@@ -3931,20 +3931,20 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3931
3931
|
}
|
|
3932
3932
|
return p;
|
|
3933
3933
|
}), P = M(() => {
|
|
3934
|
-
if (!
|
|
3934
|
+
if (!a.filterable || !b.value) return null;
|
|
3935
3935
|
const p = [], x = (w, o = []) => {
|
|
3936
3936
|
var f;
|
|
3937
3937
|
for (const g of w) {
|
|
3938
3938
|
const X = [...o, g];
|
|
3939
3939
|
g.label.toLowerCase().includes(b.value.toLowerCase()) && p.push({
|
|
3940
3940
|
path: X,
|
|
3941
|
-
label: X.map((ne) => ne.label).join(
|
|
3941
|
+
label: X.map((ne) => ne.label).join(a.separator)
|
|
3942
3942
|
}), (f = g.children) != null && f.length && x(g.children, X);
|
|
3943
3943
|
}
|
|
3944
3944
|
};
|
|
3945
|
-
return x(
|
|
3946
|
-
}), y = (p) => p.map((x, w) => T(x, p.slice(0, w + 1))).join(
|
|
3947
|
-
let w =
|
|
3945
|
+
return x(a.options), p;
|
|
3946
|
+
}), y = (p) => p.map((x, w) => T(x, p.slice(0, w + 1))).join(a.separator), T = (p, x) => {
|
|
3947
|
+
let w = a.options;
|
|
3948
3948
|
for (let f = 0; f < x.length - 1; f++) {
|
|
3949
3949
|
const g = w.find((X) => X.value === x[f]);
|
|
3950
3950
|
g != null && g.children && (w = g.children);
|
|
@@ -3963,10 +3963,10 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3963
3963
|
const w = [...v.value.slice(0, x), p.value];
|
|
3964
3964
|
return m.value.some((o) => JSON.stringify(o) === JSON.stringify(w));
|
|
3965
3965
|
}, h = (p, x) => v.value[x] === p.value, r = (p) => {
|
|
3966
|
-
const x =
|
|
3966
|
+
const x = a.props.emitPath !== !1 ? p : p[p.length - 1];
|
|
3967
3967
|
e("update:modelValue", x), e("change", x);
|
|
3968
3968
|
}, $ = () => {
|
|
3969
|
-
const p =
|
|
3969
|
+
const p = a.props.emitPath !== !1 ? m.value : m.value.map((x) => x[x.length - 1]);
|
|
3970
3970
|
e("update:modelValue", p), e("change", p);
|
|
3971
3971
|
}, A = () => {
|
|
3972
3972
|
v.value = [], m.value = [], e("update:modelValue", z.value ? [] : ""), e("change", z.value ? [] : "");
|
|
@@ -3975,41 +3975,41 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
3975
3975
|
}, Y = (p) => {
|
|
3976
3976
|
v.value = p.map((x) => x.value), b.value = "", l.value = !1, r(v.value);
|
|
3977
3977
|
}, j = (p) => {
|
|
3978
|
-
p.target.closest(`.${
|
|
3978
|
+
p.target.closest(`.${t.b()}`) || (l.value = !1);
|
|
3979
3979
|
};
|
|
3980
3980
|
return ie(l, (p) => {
|
|
3981
3981
|
p ? document.addEventListener("click", j) : (document.removeEventListener("click", j), b.value = "");
|
|
3982
|
-
}), ie(() =>
|
|
3982
|
+
}), ie(() => a.modelValue, (p) => {
|
|
3983
3983
|
z.value ? m.value = Array.isArray(p) ? p : [] : Array.isArray(p) ? v.value = p : p !== "" && p !== null && p !== void 0 ? v.value = [p] : v.value = [];
|
|
3984
3984
|
}, { immediate: !0 }), (p, x) => (i(), c("div", {
|
|
3985
|
-
class: u([n(
|
|
3985
|
+
class: u([n(t).b(), n(t).m(s.size), n(t).is("disabled", s.disabled)]),
|
|
3986
3986
|
onClick: x[2] || (x[2] = ue(() => {
|
|
3987
3987
|
}, ["stop"]))
|
|
3988
3988
|
}, [
|
|
3989
3989
|
d("div", {
|
|
3990
|
-
class: u([n(
|
|
3990
|
+
class: u([n(t).e("input"), n(t).is("focus", l.value)]),
|
|
3991
3991
|
onClick: x[0] || (x[0] = (w) => !s.disabled && (l.value = !0))
|
|
3992
3992
|
}, [
|
|
3993
3993
|
s.filterable && l.value ? (i(), c("input", {
|
|
3994
3994
|
key: 0,
|
|
3995
3995
|
value: b.value,
|
|
3996
3996
|
placeholder: D.value || s.placeholder,
|
|
3997
|
-
class: u(n(
|
|
3997
|
+
class: u(n(t).e("filter-input")),
|
|
3998
3998
|
onInput: F
|
|
3999
3999
|
}, null, 42, Aa)) : (i(), c("span", {
|
|
4000
4000
|
key: 1,
|
|
4001
|
-
class: u(n(
|
|
4001
|
+
class: u(n(t).e("text"))
|
|
4002
4002
|
}, [
|
|
4003
4003
|
D.value ? (i(), c(J, { key: 0 }, [
|
|
4004
4004
|
de(U(D.value), 1)
|
|
4005
4005
|
], 64)) : (i(), c("span", {
|
|
4006
4006
|
key: 1,
|
|
4007
|
-
class: u(n(
|
|
4007
|
+
class: u(n(t).e("placeholder"))
|
|
4008
4008
|
}, U(s.placeholder), 3))
|
|
4009
4009
|
], 2)),
|
|
4010
4010
|
s.clearable && D.value ? (i(), c("span", {
|
|
4011
4011
|
key: 2,
|
|
4012
|
-
class: u(n(
|
|
4012
|
+
class: u(n(t).e("clear")),
|
|
4013
4013
|
onClick: ue(A, ["stop"])
|
|
4014
4014
|
}, [
|
|
4015
4015
|
Q(n(ee), {
|
|
@@ -4018,7 +4018,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4018
4018
|
})
|
|
4019
4019
|
], 2)) : N("", !0),
|
|
4020
4020
|
d("span", {
|
|
4021
|
-
class: u(n(
|
|
4021
|
+
class: u(n(t).e("arrow"))
|
|
4022
4022
|
}, [
|
|
4023
4023
|
Q(n(ee), {
|
|
4024
4024
|
name: "down",
|
|
@@ -4027,45 +4027,45 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4027
4027
|
], 2)
|
|
4028
4028
|
], 2),
|
|
4029
4029
|
oe(d("div", {
|
|
4030
|
-
class: u(n(
|
|
4030
|
+
class: u(n(t).e("dropdown"))
|
|
4031
4031
|
}, [
|
|
4032
4032
|
P.value ? (i(), c("div", {
|
|
4033
4033
|
key: 0,
|
|
4034
|
-
class: u(n(
|
|
4034
|
+
class: u(n(t).e("filter-list"))
|
|
4035
4035
|
}, [
|
|
4036
4036
|
(i(!0), c(J, null, _(P.value, (w, o) => (i(), c("div", {
|
|
4037
4037
|
key: o,
|
|
4038
|
-
class: u(n(
|
|
4038
|
+
class: u(n(t).e("filter-item")),
|
|
4039
4039
|
onClick: (f) => Y(w.path)
|
|
4040
4040
|
}, U(w.label), 11, Fa))), 128)),
|
|
4041
4041
|
P.value.length === 0 ? (i(), c("div", {
|
|
4042
4042
|
key: 0,
|
|
4043
|
-
class: u(n(
|
|
4043
|
+
class: u(n(t).e("empty"))
|
|
4044
4044
|
}, " 无匹配数据 ", 2)) : N("", !0)
|
|
4045
4045
|
], 2)) : (i(), c("div", {
|
|
4046
4046
|
key: 1,
|
|
4047
|
-
class: u(n(
|
|
4047
|
+
class: u(n(t).e("menu")),
|
|
4048
4048
|
ref_key: "menuRef",
|
|
4049
4049
|
ref: H
|
|
4050
4050
|
}, [
|
|
4051
4051
|
(i(!0), c(J, null, _(S.value, (w, o) => (i(), c("div", {
|
|
4052
4052
|
key: o,
|
|
4053
|
-
class: u(n(
|
|
4053
|
+
class: u(n(t).e("column"))
|
|
4054
4054
|
}, [
|
|
4055
4055
|
(i(!0), c(J, null, _(w, (f) => {
|
|
4056
4056
|
var g;
|
|
4057
4057
|
return i(), c("div", {
|
|
4058
4058
|
key: f.value,
|
|
4059
4059
|
class: u([
|
|
4060
|
-
n(
|
|
4061
|
-
n(
|
|
4062
|
-
n(
|
|
4060
|
+
n(t).e("option"),
|
|
4061
|
+
n(t).is("active", h(f, o)),
|
|
4062
|
+
n(t).is("disabled", f.disabled)
|
|
4063
4063
|
]),
|
|
4064
4064
|
onClick: (X) => R(f, o)
|
|
4065
4065
|
}, [
|
|
4066
4066
|
z.value ? (i(), c("span", {
|
|
4067
4067
|
key: 0,
|
|
4068
|
-
class: u(n(
|
|
4068
|
+
class: u(n(t).e("checkbox")),
|
|
4069
4069
|
onClick: x[1] || (x[1] = ue(() => {
|
|
4070
4070
|
}, ["stop"]))
|
|
4071
4071
|
}, [
|
|
@@ -4076,11 +4076,11 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4076
4076
|
}, null, 40, Pa)
|
|
4077
4077
|
], 2)) : N("", !0),
|
|
4078
4078
|
d("span", {
|
|
4079
|
-
class: u(n(
|
|
4079
|
+
class: u(n(t).e("label"))
|
|
4080
4080
|
}, U(f.label), 3),
|
|
4081
4081
|
(g = f.children) != null && g.length ? (i(), c("span", {
|
|
4082
4082
|
key: 1,
|
|
4083
|
-
class: u(n(
|
|
4083
|
+
class: u(n(t).e("option-arrow"))
|
|
4084
4084
|
}, [
|
|
4085
4085
|
Q(n(ee), {
|
|
4086
4086
|
name: "right",
|
|
@@ -4108,7 +4108,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4108
4108
|
},
|
|
4109
4109
|
emits: ["update:modelValue", "change"],
|
|
4110
4110
|
setup(s, { emit: k }) {
|
|
4111
|
-
const
|
|
4111
|
+
const a = s, e = k, t = ae("color-picker"), l = L(!1), v = L(0), m = L(100), b = L(100), H = L(100), z = L(), C = L(), D = M(() => y(v.value, m.value, b.value)), S = M(() => a.showAlpha ? `${D.value}${Math.round(H.value * 2.55).toString(16).padStart(2, "0")}` : D.value), P = M(() => a.modelValue || D.value), y = (F, Y, j) => {
|
|
4112
4112
|
Y /= 100, j /= 100;
|
|
4113
4113
|
const p = j * Y, x = p * (1 - Math.abs(F / 60 % 2 - 1)), w = j - p;
|
|
4114
4114
|
let o = 0, f = 0, g = 0;
|
|
@@ -4153,27 +4153,27 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4153
4153
|
}, $ = () => {
|
|
4154
4154
|
e("update:modelValue", ""), e("change", ""), l.value = !1;
|
|
4155
4155
|
}, A = (F) => {
|
|
4156
|
-
F.target.closest(`.${
|
|
4156
|
+
F.target.closest(`.${t.b()}`) || (l.value = !1);
|
|
4157
4157
|
};
|
|
4158
4158
|
return ie(l, (F) => {
|
|
4159
4159
|
if (F) {
|
|
4160
|
-
if (document.addEventListener("click", A),
|
|
4161
|
-
const Y = T(
|
|
4162
|
-
v.value = Y.h, m.value = Y.s, b.value = Y.v,
|
|
4160
|
+
if (document.addEventListener("click", A), a.modelValue) {
|
|
4161
|
+
const Y = T(a.modelValue.slice(0, 7));
|
|
4162
|
+
v.value = Y.h, m.value = Y.s, b.value = Y.v, a.showAlpha && a.modelValue.length === 9 && (H.value = Math.round(parseInt(a.modelValue.slice(7, 9), 16) / 2.55));
|
|
4163
4163
|
}
|
|
4164
4164
|
} else
|
|
4165
4165
|
document.removeEventListener("click", A);
|
|
4166
4166
|
}), (F, Y) => (i(), c("div", {
|
|
4167
|
-
class: u([n(
|
|
4167
|
+
class: u([n(t).b(), n(t).m(s.size), n(t).is("disabled", s.disabled)]),
|
|
4168
4168
|
onClick: Y[1] || (Y[1] = ue(() => {
|
|
4169
4169
|
}, ["stop"]))
|
|
4170
4170
|
}, [
|
|
4171
4171
|
d("div", {
|
|
4172
|
-
class: u(n(
|
|
4172
|
+
class: u(n(t).e("trigger")),
|
|
4173
4173
|
onClick: Y[0] || (Y[0] = (j) => !s.disabled && (l.value = !l.value))
|
|
4174
4174
|
}, [
|
|
4175
4175
|
d("div", {
|
|
4176
|
-
class: u(n(
|
|
4176
|
+
class: u(n(t).e("color")),
|
|
4177
4177
|
style: te({ backgroundColor: P.value })
|
|
4178
4178
|
}, [
|
|
4179
4179
|
P.value ? N("", !0) : (i(), fe(n(ee), {
|
|
@@ -4184,25 +4184,25 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4184
4184
|
], 6)
|
|
4185
4185
|
], 2),
|
|
4186
4186
|
oe(d("div", {
|
|
4187
|
-
class: u(n(
|
|
4187
|
+
class: u(n(t).e("dropdown"))
|
|
4188
4188
|
}, [
|
|
4189
4189
|
d("div", {
|
|
4190
4190
|
ref_key: "panelRef",
|
|
4191
4191
|
ref: z,
|
|
4192
|
-
class: u(n(
|
|
4192
|
+
class: u(n(t).e("panel")),
|
|
4193
4193
|
style: te({
|
|
4194
4194
|
backgroundColor: `hsl(${v.value}, 100%, 50%)`
|
|
4195
4195
|
}),
|
|
4196
4196
|
onClick: R
|
|
4197
4197
|
}, [
|
|
4198
4198
|
d("div", {
|
|
4199
|
-
class: u(n(
|
|
4199
|
+
class: u(n(t).e("panel-white"))
|
|
4200
4200
|
}, null, 2),
|
|
4201
4201
|
d("div", {
|
|
4202
|
-
class: u(n(
|
|
4202
|
+
class: u(n(t).e("panel-black"))
|
|
4203
4203
|
}, null, 2),
|
|
4204
4204
|
d("div", {
|
|
4205
|
-
class: u(n(
|
|
4205
|
+
class: u(n(t).e("cursor")),
|
|
4206
4206
|
style: te({
|
|
4207
4207
|
left: `${m.value}%`,
|
|
4208
4208
|
top: `${100 - b.value}%`
|
|
@@ -4210,63 +4210,63 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4210
4210
|
}, null, 6)
|
|
4211
4211
|
], 6),
|
|
4212
4212
|
d("div", {
|
|
4213
|
-
class: u(n(
|
|
4213
|
+
class: u(n(t).e("hue"))
|
|
4214
4214
|
}, [
|
|
4215
4215
|
d("div", {
|
|
4216
4216
|
ref_key: "sliderRef",
|
|
4217
4217
|
ref: C,
|
|
4218
|
-
class: u(n(
|
|
4218
|
+
class: u(n(t).e("hue-bar")),
|
|
4219
4219
|
onClick: I
|
|
4220
4220
|
}, [
|
|
4221
4221
|
d("div", {
|
|
4222
|
-
class: u(n(
|
|
4222
|
+
class: u(n(t).e("hue-thumb")),
|
|
4223
4223
|
style: te({ left: `${v.value / 360 * 100}%` })
|
|
4224
4224
|
}, null, 6)
|
|
4225
4225
|
], 2)
|
|
4226
4226
|
], 2),
|
|
4227
4227
|
s.showAlpha ? (i(), c("div", {
|
|
4228
4228
|
key: 0,
|
|
4229
|
-
class: u(n(
|
|
4229
|
+
class: u(n(t).e("alpha"))
|
|
4230
4230
|
}, [
|
|
4231
4231
|
d("div", {
|
|
4232
|
-
class: u(n(
|
|
4232
|
+
class: u(n(t).e("alpha-bar")),
|
|
4233
4233
|
style: te({
|
|
4234
4234
|
background: `linear-gradient(to right, transparent, ${D.value})`
|
|
4235
4235
|
}),
|
|
4236
4236
|
onClick: V
|
|
4237
4237
|
}, [
|
|
4238
4238
|
d("div", {
|
|
4239
|
-
class: u(n(
|
|
4239
|
+
class: u(n(t).e("alpha-thumb")),
|
|
4240
4240
|
style: te({ left: `${H.value}%` })
|
|
4241
4241
|
}, null, 6)
|
|
4242
4242
|
], 6)
|
|
4243
4243
|
], 2)) : N("", !0),
|
|
4244
4244
|
s.predefine.length ? (i(), c("div", {
|
|
4245
4245
|
key: 1,
|
|
4246
|
-
class: u(n(
|
|
4246
|
+
class: u(n(t).e("predefine"))
|
|
4247
4247
|
}, [
|
|
4248
4248
|
(i(!0), c(J, null, _(s.predefine, (j, p) => (i(), c("div", {
|
|
4249
4249
|
key: p,
|
|
4250
|
-
class: u(n(
|
|
4250
|
+
class: u(n(t).e("predefine-item")),
|
|
4251
4251
|
style: te({ backgroundColor: j }),
|
|
4252
4252
|
onClick: (x) => h(j)
|
|
4253
4253
|
}, null, 14, Oa))), 128))
|
|
4254
4254
|
], 2)) : N("", !0),
|
|
4255
4255
|
d("div", {
|
|
4256
|
-
class: u(n(
|
|
4256
|
+
class: u(n(t).e("actions"))
|
|
4257
4257
|
}, [
|
|
4258
4258
|
d("span", {
|
|
4259
|
-
class: u(n(
|
|
4259
|
+
class: u(n(t).e("value"))
|
|
4260
4260
|
}, U(S.value), 3),
|
|
4261
4261
|
d("div", {
|
|
4262
|
-
class: u(n(
|
|
4262
|
+
class: u(n(t).e("btns"))
|
|
4263
4263
|
}, [
|
|
4264
4264
|
d("button", {
|
|
4265
|
-
class: u(n(
|
|
4265
|
+
class: u(n(t).e("btn")),
|
|
4266
4266
|
onClick: $
|
|
4267
4267
|
}, "清空", 2),
|
|
4268
4268
|
d("button", {
|
|
4269
|
-
class: u([n(
|
|
4269
|
+
class: u([n(t).e("btn"), n(t).e("btn--primary")]),
|
|
4270
4270
|
onClick: r
|
|
4271
4271
|
}, "确定", 2)
|
|
4272
4272
|
], 2)
|
|
@@ -4293,23 +4293,23 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4293
4293
|
},
|
|
4294
4294
|
emits: ["update:modelValue", "select", "clear"],
|
|
4295
4295
|
setup(s, { emit: k }) {
|
|
4296
|
-
const
|
|
4296
|
+
const a = s, e = k, t = ae("auto-complete"), l = L(!1), v = L(a.modelValue), m = L([]), b = L(-1), H = L(), z = L(!1);
|
|
4297
4297
|
let C = null;
|
|
4298
4298
|
const D = (V) => {
|
|
4299
|
-
|
|
4299
|
+
a.fetchSuggestions ? (z.value = !0, a.fetchSuggestions(V, (h) => {
|
|
4300
4300
|
m.value = h, z.value = !1, l.value = h.length > 0;
|
|
4301
|
-
})) :
|
|
4302
|
-
(h) => h[
|
|
4301
|
+
})) : a.suggestions.length && (m.value = a.suggestions.filter(
|
|
4302
|
+
(h) => h[a.valueKey].toLowerCase().includes(V.toLowerCase())
|
|
4303
4303
|
), l.value = m.value.length > 0);
|
|
4304
4304
|
}, S = (V) => {
|
|
4305
4305
|
const h = V.target.value;
|
|
4306
4306
|
v.value = h, e("update:modelValue", h), b.value = -1, C && clearTimeout(C), C = setTimeout(() => {
|
|
4307
|
-
h ||
|
|
4308
|
-
},
|
|
4307
|
+
h || a.triggerOnFocus ? D(h) : l.value = !1;
|
|
4308
|
+
}, a.debounce);
|
|
4309
4309
|
}, P = () => {
|
|
4310
|
-
|
|
4310
|
+
a.triggerOnFocus && v.value === "" && D("");
|
|
4311
4311
|
}, y = (V) => {
|
|
4312
|
-
v.value = V[
|
|
4312
|
+
v.value = V[a.valueKey], e("update:modelValue", v.value), e("select", V), l.value = !1;
|
|
4313
4313
|
}, T = (V) => {
|
|
4314
4314
|
if (l.value)
|
|
4315
4315
|
switch (V.key) {
|
|
@@ -4333,19 +4333,19 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4333
4333
|
var V;
|
|
4334
4334
|
v.value = "", e("update:modelValue", ""), e("clear"), l.value = !1, (V = H.value) == null || V.focus();
|
|
4335
4335
|
}, I = (V) => {
|
|
4336
|
-
V.target.closest(`.${
|
|
4336
|
+
V.target.closest(`.${t.b()}`) || (l.value = !1);
|
|
4337
4337
|
};
|
|
4338
4338
|
return ie(l, (V) => {
|
|
4339
4339
|
V ? document.addEventListener("click", I) : (document.removeEventListener("click", I), b.value = -1);
|
|
4340
|
-
}), ie(() =>
|
|
4340
|
+
}), ie(() => a.modelValue, (V) => {
|
|
4341
4341
|
v.value = V;
|
|
4342
4342
|
}), (V, h) => (i(), c("div", {
|
|
4343
|
-
class: u([n(
|
|
4343
|
+
class: u([n(t).b(), n(t).m(s.size)]),
|
|
4344
4344
|
onClick: h[0] || (h[0] = ue(() => {
|
|
4345
4345
|
}, ["stop"]))
|
|
4346
4346
|
}, [
|
|
4347
4347
|
d("div", {
|
|
4348
|
-
class: u([n(
|
|
4348
|
+
class: u([n(t).e("input"), n(t).is("focus", l.value)])
|
|
4349
4349
|
}, [
|
|
4350
4350
|
d("input", {
|
|
4351
4351
|
ref_key: "inputRef",
|
|
@@ -4353,14 +4353,14 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4353
4353
|
value: v.value,
|
|
4354
4354
|
placeholder: s.placeholder,
|
|
4355
4355
|
disabled: s.disabled,
|
|
4356
|
-
class: u(n(
|
|
4356
|
+
class: u(n(t).e("inner")),
|
|
4357
4357
|
onInput: S,
|
|
4358
4358
|
onFocus: P,
|
|
4359
4359
|
onKeydown: T
|
|
4360
4360
|
}, null, 42, Ea),
|
|
4361
4361
|
s.clearable && v.value ? (i(), c("span", {
|
|
4362
4362
|
key: 0,
|
|
4363
|
-
class: u(n(
|
|
4363
|
+
class: u(n(t).e("clear")),
|
|
4364
4364
|
onClick: R
|
|
4365
4365
|
}, [
|
|
4366
4366
|
Q(n(ee), {
|
|
@@ -4370,7 +4370,7 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4370
4370
|
], 2)) : N("", !0),
|
|
4371
4371
|
z.value ? (i(), c("span", {
|
|
4372
4372
|
key: 1,
|
|
4373
|
-
class: u(n(
|
|
4373
|
+
class: u(n(t).e("loading"))
|
|
4374
4374
|
}, [
|
|
4375
4375
|
Q(n(ee), {
|
|
4376
4376
|
name: "loading",
|
|
@@ -4379,16 +4379,16 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4379
4379
|
], 2)) : N("", !0)
|
|
4380
4380
|
], 2),
|
|
4381
4381
|
oe(d("div", {
|
|
4382
|
-
class: u(n(
|
|
4382
|
+
class: u(n(t).e("dropdown"))
|
|
4383
4383
|
}, [
|
|
4384
4384
|
d("ul", {
|
|
4385
|
-
class: u(n(
|
|
4385
|
+
class: u(n(t).e("list"))
|
|
4386
4386
|
}, [
|
|
4387
4387
|
(i(!0), c(J, null, _(m.value, (r, $) => (i(), c("li", {
|
|
4388
4388
|
key: $,
|
|
4389
4389
|
class: u([
|
|
4390
|
-
n(
|
|
4391
|
-
n(
|
|
4390
|
+
n(t).e("item"),
|
|
4391
|
+
n(t).is("highlighted", $ === b.value)
|
|
4392
4392
|
]),
|
|
4393
4393
|
onClick: (A) => y(r)
|
|
4394
4394
|
}, [
|
|
@@ -4414,36 +4414,36 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4414
4414
|
},
|
|
4415
4415
|
emits: ["update:modelValue", "change"],
|
|
4416
4416
|
setup(s, { emit: k }) {
|
|
4417
|
-
const
|
|
4417
|
+
const a = s, e = k, t = ae("segmented"), l = L(), v = M(() => a.options.map((z) => typeof z == "string" || typeof z == "number" ? { label: String(z), value: z } : z)), m = M(() => v.value.findIndex((z) => z.value === a.modelValue)), b = M(() => {
|
|
4418
4418
|
if (!l.value || m.value < 0) return {};
|
|
4419
|
-
const C = l.value.querySelectorAll(`.${
|
|
4419
|
+
const C = l.value.querySelectorAll(`.${t.e("item")}`)[m.value];
|
|
4420
4420
|
return C ? {
|
|
4421
4421
|
width: `${C.offsetWidth}px`,
|
|
4422
4422
|
transform: `translateX(${C.offsetLeft}px)`
|
|
4423
4423
|
} : {};
|
|
4424
4424
|
}), H = (z) => {
|
|
4425
|
-
|
|
4425
|
+
a.disabled || z.disabled || (e("update:modelValue", z.value), e("change", z.value));
|
|
4426
4426
|
};
|
|
4427
4427
|
return (z, C) => (i(), c("div", {
|
|
4428
4428
|
ref_key: "containerRef",
|
|
4429
4429
|
ref: l,
|
|
4430
4430
|
class: u([
|
|
4431
|
-
n(
|
|
4432
|
-
n(
|
|
4433
|
-
n(
|
|
4434
|
-
n(
|
|
4431
|
+
n(t).b(),
|
|
4432
|
+
n(t).m(s.size),
|
|
4433
|
+
n(t).is("disabled", s.disabled),
|
|
4434
|
+
n(t).is("block", s.block)
|
|
4435
4435
|
])
|
|
4436
4436
|
}, [
|
|
4437
4437
|
d("div", {
|
|
4438
|
-
class: u(n(
|
|
4438
|
+
class: u(n(t).e("thumb")),
|
|
4439
4439
|
style: te(b.value)
|
|
4440
4440
|
}, null, 6),
|
|
4441
4441
|
(i(!0), c(J, null, _(v.value, (D, S) => (i(), c("div", {
|
|
4442
4442
|
key: S,
|
|
4443
4443
|
class: u([
|
|
4444
|
-
n(
|
|
4445
|
-
n(
|
|
4446
|
-
n(
|
|
4444
|
+
n(t).e("item"),
|
|
4445
|
+
n(t).is("selected", S === m.value),
|
|
4446
|
+
n(t).is("disabled", D.disabled)
|
|
4447
4447
|
]),
|
|
4448
4448
|
onClick: (P) => H(D)
|
|
4449
4449
|
}, [
|
|
@@ -4468,21 +4468,21 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4468
4468
|
},
|
|
4469
4469
|
emits: ["update:modelValue", "select", "change"],
|
|
4470
4470
|
setup(s, { emit: k }) {
|
|
4471
|
-
const
|
|
4472
|
-
m.value =
|
|
4471
|
+
const a = s, e = k, t = ae("mention"), l = L(a.modelValue), v = L(!1), m = L([]), b = L(-1), H = L(), z = L(), C = L(0), D = L(-1), S = (V) => {
|
|
4472
|
+
m.value = a.options.filter((h) => h.disabled ? !1 : (h.label || h.value).toLowerCase().includes(V.toLowerCase())), v.value = m.value.length > 0, b.value = -1;
|
|
4473
4473
|
}, P = (V) => {
|
|
4474
4474
|
const h = V.target;
|
|
4475
4475
|
l.value = h.value, C.value = h.selectionStart || 0;
|
|
4476
|
-
const r = l.value.slice(0, C.value), $ = r.lastIndexOf(
|
|
4476
|
+
const r = l.value.slice(0, C.value), $ = r.lastIndexOf(a.prefix);
|
|
4477
4477
|
if ($ >= 0) {
|
|
4478
|
-
const A = r.slice($ +
|
|
4478
|
+
const A = r.slice($ + a.prefix.length);
|
|
4479
4479
|
D.value = $, S(A);
|
|
4480
4480
|
} else
|
|
4481
4481
|
v.value = !1;
|
|
4482
4482
|
e("update:modelValue", l.value), e("change", l.value);
|
|
4483
4483
|
}, y = (V) => {
|
|
4484
|
-
const h = l.value.slice(0, D.value), r = l.value.slice(C.value), $ = `${
|
|
4485
|
-
l.value = h + $ + r, e("update:modelValue", l.value), e("select", V,
|
|
4484
|
+
const h = l.value.slice(0, D.value), r = l.value.slice(C.value), $ = `${a.prefix}${V.value}${a.split}`;
|
|
4485
|
+
l.value = h + $ + r, e("update:modelValue", l.value), e("select", V, a.prefix), e("change", l.value), v.value = !1, De(() => {
|
|
4486
4486
|
const A = h.length + $.length;
|
|
4487
4487
|
H.value && (H.value.setSelectionRange(A, A), H.value.focus()), z.value && (z.value.setSelectionRange(A, A), z.value.focus());
|
|
4488
4488
|
});
|
|
@@ -4508,19 +4508,19 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4508
4508
|
}, R = () => {
|
|
4509
4509
|
l.value = "", e("update:modelValue", ""), e("change", "");
|
|
4510
4510
|
}, I = (V) => {
|
|
4511
|
-
V.target.closest(`.${
|
|
4511
|
+
V.target.closest(`.${t.b()}`) || (v.value = !1);
|
|
4512
4512
|
};
|
|
4513
4513
|
return ie(v, (V) => {
|
|
4514
4514
|
V ? document.addEventListener("click", I) : document.removeEventListener("click", I);
|
|
4515
|
-
}), ie(() =>
|
|
4515
|
+
}), ie(() => a.modelValue, (V) => {
|
|
4516
4516
|
l.value = V;
|
|
4517
4517
|
}), (V, h) => (i(), c("div", {
|
|
4518
|
-
class: u([n(
|
|
4518
|
+
class: u([n(t).b(), n(t).m(s.size)]),
|
|
4519
4519
|
onClick: h[0] || (h[0] = ue(() => {
|
|
4520
4520
|
}, ["stop"]))
|
|
4521
4521
|
}, [
|
|
4522
4522
|
d("div", {
|
|
4523
|
-
class: u([n(
|
|
4523
|
+
class: u([n(t).e("input"), n(t).is("focus", v.value)])
|
|
4524
4524
|
}, [
|
|
4525
4525
|
d("input", {
|
|
4526
4526
|
ref_key: "inputRef",
|
|
@@ -4528,13 +4528,13 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4528
4528
|
value: l.value,
|
|
4529
4529
|
placeholder: s.placeholder,
|
|
4530
4530
|
disabled: s.disabled,
|
|
4531
|
-
class: u(n(
|
|
4531
|
+
class: u(n(t).e("inner")),
|
|
4532
4532
|
onInput: P,
|
|
4533
4533
|
onKeydown: T
|
|
4534
4534
|
}, null, 42, Na),
|
|
4535
4535
|
s.clearable && l.value ? (i(), c("span", {
|
|
4536
4536
|
key: 0,
|
|
4537
|
-
class: u(n(
|
|
4537
|
+
class: u(n(t).e("clear")),
|
|
4538
4538
|
onClick: R
|
|
4539
4539
|
}, [
|
|
4540
4540
|
Q(n(ee), {
|
|
@@ -4544,30 +4544,30 @@ const Ol = ["onClick"], El = ["placeholder", "disabled", "readonly", "value"], Y
|
|
|
4544
4544
|
], 2)) : N("", !0)
|
|
4545
4545
|
], 2),
|
|
4546
4546
|
oe(d("div", {
|
|
4547
|
-
class: u(n(
|
|
4547
|
+
class: u(n(t).e("dropdown"))
|
|
4548
4548
|
}, [
|
|
4549
4549
|
d("ul", {
|
|
4550
|
-
class: u(n(
|
|
4550
|
+
class: u(n(t).e("list"))
|
|
4551
4551
|
}, [
|
|
4552
4552
|
(i(!0), c(J, null, _(m.value, (r, $) => (i(), c("li", {
|
|
4553
4553
|
key: r.value,
|
|
4554
4554
|
class: u([
|
|
4555
|
-
n(
|
|
4556
|
-
n(
|
|
4557
|
-
n(
|
|
4555
|
+
n(t).e("item"),
|
|
4556
|
+
n(t).is("highlighted", $ === b.value),
|
|
4557
|
+
n(t).is("disabled", r.disabled)
|
|
4558
4558
|
]),
|
|
4559
4559
|
onClick: (A) => y(r)
|
|
4560
4560
|
}, [
|
|
4561
4561
|
r.avatar ? (i(), c("img", {
|
|
4562
4562
|
key: 0,
|
|
4563
4563
|
src: r.avatar,
|
|
4564
|
-
class: u(n(
|
|
4564
|
+
class: u(n(t).e("avatar"))
|
|
4565
4565
|
}, null, 10, Ka)) : N("", !0),
|
|
4566
4566
|
d("span", {
|
|
4567
|
-
class: u(n(
|
|
4567
|
+
class: u(n(t).e("label"))
|
|
4568
4568
|
}, U(r.label || r.value), 3),
|
|
4569
4569
|
d("span", {
|
|
4570
|
-
class: u(n(
|
|
4570
|
+
class: u(n(t).e("value"))
|
|
4571
4571
|
}, U(r.value), 3)
|
|
4572
4572
|
], 10, Xa))), 128))
|
|
4573
4573
|
], 2)
|