voiptime-components 1.13.50 → 1.13.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +571 -556
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock as o, openBlock as s, createElementVNode as e, createStaticVNode as S1, defineComponent as M1, computed as M, createBlock as V1, createCommentVNode as k, resolveDynamicComponent as Cl, normalizeStyle as T1, useSlots as Ml, resolveDirective as zl, withDirectives as nl, normalizeClass as
|
|
1
|
+
import { createElementBlock as o, openBlock as s, createElementVNode as e, createStaticVNode as S1, defineComponent as M1, computed as M, createBlock as V1, createCommentVNode as k, resolveDynamicComponent as Cl, normalizeStyle as T1, useSlots as Ml, resolveDirective as zl, withDirectives as nl, normalizeClass as l1, renderSlot as K1, Teleport as dl, withModifiers as k1, toDisplayString as z, createTextVNode as L1, ref as T, onUnmounted as _1, nextTick as w1, watch as C1, onMounted as D1, createVNode as s1, Fragment as d1, renderList as Y1, provide as bl, unref as P, Transition as rl, withCtx as N1, inject as pl, onBeforeUnmount as Gl, createApp as s2, h as Nl, mergeModels as Ol, useModel as V2, reactive as Ul, toRef as hl, toRefs as L2, vShow as Xl, TransitionGroup as C2, isRef as Vl } from "vue";
|
|
2
2
|
const p = (t, l) => {
|
|
3
3
|
const n = t.__vccOpts || t;
|
|
4
4
|
for (const [i, d] of l)
|
|
@@ -4115,7 +4115,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4115
4115
|
return (S, y) => {
|
|
4116
4116
|
const W = zl("tooltip");
|
|
4117
4117
|
return nl((s(), o("button", {
|
|
4118
|
-
class:
|
|
4118
|
+
class: l1(h.value),
|
|
4119
4119
|
"data-placement": n.tooltipPlacement,
|
|
4120
4120
|
disabled: n.disabled || n.loading,
|
|
4121
4121
|
style: T1(r.value),
|
|
@@ -4172,12 +4172,12 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4172
4172
|
onClick: h
|
|
4173
4173
|
}, [
|
|
4174
4174
|
e("div", {
|
|
4175
|
-
class:
|
|
4175
|
+
class: l1(d.value),
|
|
4176
4176
|
onClick: u[0] || (u[0] = k1(() => {
|
|
4177
4177
|
}, ["stop"]))
|
|
4178
4178
|
}, [
|
|
4179
4179
|
r.title || r.showCloseButton ? (s(), o("div", $6, [
|
|
4180
|
-
r.title ? (s(), o("h2", q6,
|
|
4180
|
+
r.title ? (s(), o("h2", q6, z(r.title), 1)) : k("", !0),
|
|
4181
4181
|
r.showCloseButton ? (s(), V1(h1, {
|
|
4182
4182
|
key: 1,
|
|
4183
4183
|
class: "vt-modal__close",
|
|
@@ -4220,7 +4220,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4220
4220
|
i("blur", a);
|
|
4221
4221
|
};
|
|
4222
4222
|
return (a, S) => (s(), o("label", {
|
|
4223
|
-
class:
|
|
4223
|
+
class: l1([
|
|
4224
4224
|
"vt-checkbox",
|
|
4225
4225
|
`vt-checkbox--${a.size}`,
|
|
4226
4226
|
`vt-checkbox--${a.variant}`,
|
|
@@ -4246,7 +4246,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4246
4246
|
onBlur: u
|
|
4247
4247
|
}, null, 40, tm),
|
|
4248
4248
|
e("div", {
|
|
4249
|
-
class:
|
|
4249
|
+
class: l1([
|
|
4250
4250
|
"vt-checkbox__box",
|
|
4251
4251
|
{
|
|
4252
4252
|
"vt-checkbox__box--checked": I.value && !a.indeterminate && !a.isDouble,
|
|
@@ -4258,7 +4258,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4258
4258
|
}, [
|
|
4259
4259
|
!a.indeterminate && !a.isDouble ? (s(), o("svg", {
|
|
4260
4260
|
key: 0,
|
|
4261
|
-
class:
|
|
4261
|
+
class: l1([
|
|
4262
4262
|
"vt-checkbox__checkmark",
|
|
4263
4263
|
{
|
|
4264
4264
|
"vt-checkbox__checkmark--checked": I.value
|
|
@@ -4279,7 +4279,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4279
4279
|
]), 2)) : k("", !0),
|
|
4280
4280
|
a.isDouble && I.value ? (s(), o("svg", {
|
|
4281
4281
|
key: 1,
|
|
4282
|
-
class:
|
|
4282
|
+
class: l1([
|
|
4283
4283
|
"vt-checkbox__checkmark",
|
|
4284
4284
|
{
|
|
4285
4285
|
"vt-checkbox__checkmark--checked": I.value
|
|
@@ -4308,7 +4308,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4308
4308
|
]), 2)) : k("", !0),
|
|
4309
4309
|
a.indeterminate ? (s(), o("div", {
|
|
4310
4310
|
key: 2,
|
|
4311
|
-
class:
|
|
4311
|
+
class: l1([
|
|
4312
4312
|
"vt-checkbox__indeterminate-mark",
|
|
4313
4313
|
{
|
|
4314
4314
|
"vt-checkbox__indeterminate-mark--visible": a.indeterminate
|
|
@@ -4318,7 +4318,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4318
4318
|
], 2),
|
|
4319
4319
|
a.label || a.$slots.label || a.$slots.default ? (s(), o("span", {
|
|
4320
4320
|
key: 0,
|
|
4321
|
-
class:
|
|
4321
|
+
class: l1([
|
|
4322
4322
|
"vt-checkbox__label",
|
|
4323
4323
|
{
|
|
4324
4324
|
"vt-checkbox__label--disabled": a.disabled
|
|
@@ -4327,7 +4327,7 @@ const Ll = /* @__PURE__ */ p(E6, [["render", B6]]), _6 = ["data-placement", "dis
|
|
|
4327
4327
|
}, [
|
|
4328
4328
|
K1(a.$slots, "label", {}, () => [
|
|
4329
4329
|
K1(a.$slots, "default", {}, () => [
|
|
4330
|
-
L1(
|
|
4330
|
+
L1(z(a.label), 1)
|
|
4331
4331
|
])
|
|
4332
4332
|
])
|
|
4333
4333
|
], 2)) : k("", !0)
|
|
@@ -4399,24 +4399,24 @@ function Tl(t, l, n = {}) {
|
|
|
4399
4399
|
transformOrigin: "center top"
|
|
4400
4400
|
}), v = () => {
|
|
4401
4401
|
if (!t.value) return;
|
|
4402
|
-
const
|
|
4403
|
-
y.value !==
|
|
4402
|
+
const g = vl(t.value);
|
|
4403
|
+
y.value !== g && (y.value = g, !g && S.value ? (W.value = !0, S.value = !1, u == null || u(!1)) : g && W.value && !S.value && (W.value = !1, S.value = !0, x(), u == null || u(!0)));
|
|
4404
4404
|
}, x = async () => {
|
|
4405
4405
|
if (await w1(), !t.value || !l.value) return;
|
|
4406
|
-
const
|
|
4406
|
+
const g = t.value.getBoundingClientRect(), K = l.value.getBoundingClientRect(), H = sm(g, K, d);
|
|
4407
4407
|
f.value = {
|
|
4408
4408
|
...H,
|
|
4409
|
-
minWidth: `${
|
|
4409
|
+
minWidth: `${g.width}px`
|
|
4410
4410
|
};
|
|
4411
4411
|
}, w = () => {
|
|
4412
4412
|
(S.value || W.value) && (v(), S.value && x(), a == null || a());
|
|
4413
4413
|
}, G = () => {
|
|
4414
|
-
t.value && (Q.value = em(t.value), Q.value.forEach((
|
|
4415
|
-
|
|
4414
|
+
t.value && (Q.value = em(t.value), Q.value.forEach((g) => {
|
|
4415
|
+
g.addEventListener("scroll", w, { passive: !0 });
|
|
4416
4416
|
}), window.addEventListener("resize", w));
|
|
4417
4417
|
}, R = () => {
|
|
4418
|
-
Q.value.forEach((
|
|
4419
|
-
|
|
4418
|
+
Q.value.forEach((g) => {
|
|
4419
|
+
g.removeEventListener("scroll", w);
|
|
4420
4420
|
}), window.removeEventListener("resize", w), Q.value = [];
|
|
4421
4421
|
}, O = () => {
|
|
4422
4422
|
h || S.value || !t.value || !vl(t.value) || (c.value = window.setTimeout(
|
|
@@ -4593,33 +4593,33 @@ const am = ["for"], um = {
|
|
|
4593
4593
|
minlength: (X, B) => String(X).length >= B,
|
|
4594
4594
|
maxlength: (X, B) => String(X).length <= B,
|
|
4595
4595
|
min: (X, B) => {
|
|
4596
|
-
const
|
|
4597
|
-
return !isNaN(
|
|
4596
|
+
const t1 = Number(X);
|
|
4597
|
+
return !isNaN(t1) && t1 >= B;
|
|
4598
4598
|
},
|
|
4599
4599
|
max: (X, B) => {
|
|
4600
|
-
const
|
|
4601
|
-
return !isNaN(
|
|
4600
|
+
const t1 = Number(X);
|
|
4601
|
+
return !isNaN(t1) && t1 <= B;
|
|
4602
4602
|
},
|
|
4603
4603
|
pattern: (X, B) => new RegExp(B).test(X),
|
|
4604
4604
|
custom: (X, B) => B(X)
|
|
4605
4605
|
}, c = (X) => {
|
|
4606
|
-
const B = [],
|
|
4607
|
-
if (i.required && !W.required(X) && B.push(i.requiredMessage || "Це поле є обов'язковим"), !
|
|
4606
|
+
const B = [], t1 = String(X || "");
|
|
4607
|
+
if (i.required && !W.required(X) && B.push(i.requiredMessage || "Це поле є обов'язковим"), !t1 && !i.required) {
|
|
4608
4608
|
a.value = B, S.value = B.length === 0;
|
|
4609
4609
|
return;
|
|
4610
4610
|
}
|
|
4611
4611
|
switch (i.type) {
|
|
4612
4612
|
case "email":
|
|
4613
|
-
|
|
4613
|
+
t1 && !W.email(t1) && B.push(i.emailMessage || "Введіть коректну email адресу");
|
|
4614
4614
|
break;
|
|
4615
4615
|
case "url":
|
|
4616
|
-
|
|
4616
|
+
t1 && !W.url(t1) && B.push(i.urlMessage || "Введіть коректний URL");
|
|
4617
4617
|
break;
|
|
4618
4618
|
case "number":
|
|
4619
|
-
|
|
4619
|
+
t1 && !W.number(t1) && B.push(i.numberMessage || "Введіть коректне число");
|
|
4620
4620
|
break;
|
|
4621
4621
|
}
|
|
4622
|
-
i.minlength &&
|
|
4622
|
+
i.minlength && t1 && !W.minlength(t1, i.minlength) && B.push(i.minlengthMessage || `Мінімальна довжина: ${i.minlength} символів`), i.maxlength && t1 && !W.maxlength(t1, i.maxlength) && B.push(i.maxlengthMessage || `Максимальна довжина: ${i.maxlength} символів`), i.type === "number" && t1 && W.number(t1) && (i.min !== void 0 && !W.min(t1, i.min) && B.push(i.minMessage || `Мінімальне значення: ${i.min}`), i.max !== void 0 && !W.max(t1, i.max) && B.push(i.maxMessage || `Максимальне значення: ${i.max}`)), i.pattern && t1 && !W.pattern(t1, i.pattern) && B.push(i.patternMessage || "Значення не відповідає вимогам формату"), i.customValidator && !W.custom(X, i.customValidator) && B.push(i.customValidatorMessage || "Значення не проходить валідацію"), a.value = B, S.value = B.length === 0, d("validation", { isValid: S.value, errors: B });
|
|
4623
4623
|
}, Q = M(() => i.type === "textarea"), f = M(() => {
|
|
4624
4624
|
if (i.type === "password") return null;
|
|
4625
4625
|
switch (i.type) {
|
|
@@ -4661,7 +4661,7 @@ const am = ["for"], um = {
|
|
|
4661
4661
|
return X;
|
|
4662
4662
|
}), R = M(() => ["email", "url", "password"].includes(i.type) && i.suffixIcon ? i.clearable || i.showPassword : !!i.suffixIcon || i.clearable || i.showPassword), O = M(() => ["email", "url", "password"].includes(i.type) ? null : i.suffixIcon), j = M(
|
|
4663
4663
|
() => i.clearable && !i.disabled && i.modelValue && String(i.modelValue).length > 0
|
|
4664
|
-
), _ = M(() => i.status !== "default" ? i.status : i.errorMessage || !S.value ? "error" : "default"),
|
|
4664
|
+
), _ = M(() => i.status !== "default" ? i.status : i.errorMessage || !S.value ? "error" : "default"), g = M(() => i.outlined ? h.value || i.modelValue !== void 0 && i.modelValue !== "" : !1), K = M(() => [
|
|
4665
4665
|
"vt-input",
|
|
4666
4666
|
i.size ? `vt-input--${i.size}` : "vt-input--medium",
|
|
4667
4667
|
`vt-input--${_.value}`,
|
|
@@ -4673,15 +4673,15 @@ const am = ["for"], um = {
|
|
|
4673
4673
|
"vt-input--has-suffix": R.value,
|
|
4674
4674
|
"vt-input--invalid": !S.value,
|
|
4675
4675
|
"vt-input--outlined": i.outlined,
|
|
4676
|
-
"vt-input--label-floating":
|
|
4676
|
+
"vt-input--label-floating": g.value
|
|
4677
4677
|
}
|
|
4678
4678
|
]), H = M(() => i.type === "password" ? r.value ? "text" : "password" : i.type === "textarea" ? "text" : i.type), e1 = M(() => i.errorMessage ? i.errorMessage : a.value.length > 0 ? a.value[0] : ""), p1 = M(() => i.autosize && typeof i.autosize == "object" && i.autosize.maxRows ? "none" : i.resize), J = (X) => {
|
|
4679
|
-
let
|
|
4680
|
-
if (i.type === "number" &&
|
|
4681
|
-
const x1 = Number(
|
|
4682
|
-
isNaN(x1) || (
|
|
4679
|
+
let t1 = X.target.value;
|
|
4680
|
+
if (i.type === "number" && t1 !== "") {
|
|
4681
|
+
const x1 = Number(t1);
|
|
4682
|
+
isNaN(x1) || (t1 = x1);
|
|
4683
4683
|
}
|
|
4684
|
-
d("update:modelValue",
|
|
4684
|
+
d("update:modelValue", t1), d("input", X), i.validateOnInput && c(t1), Q.value && i.autosize && !y.value && w1(() => W1());
|
|
4685
4685
|
}, D = (X) => {
|
|
4686
4686
|
if (d("change", X), !i.validateOnInput) {
|
|
4687
4687
|
const B = X.target;
|
|
@@ -4706,22 +4706,22 @@ const am = ["for"], um = {
|
|
|
4706
4706
|
if (!I.value || !i.autosize || y.value) return;
|
|
4707
4707
|
const X = I.value, B = X.style.height;
|
|
4708
4708
|
X.style.height = "auto";
|
|
4709
|
-
let
|
|
4709
|
+
let t1 = X.scrollHeight;
|
|
4710
4710
|
if (typeof i.autosize == "object") {
|
|
4711
|
-
const j1 = parseInt(getComputedStyle(X).lineHeight),
|
|
4712
|
-
|
|
4711
|
+
const j1 = parseInt(getComputedStyle(X).lineHeight), O1 = i.autosize.minRows ? i.autosize.minRows * j1 : 0, q1 = i.autosize.maxRows ? i.autosize.maxRows * j1 : 1 / 0;
|
|
4712
|
+
t1 = Math.max(O1, Math.min(t1, q1));
|
|
4713
4713
|
}
|
|
4714
|
-
const x1 = `${
|
|
4714
|
+
const x1 = `${t1}px`;
|
|
4715
4715
|
x1 !== B && (u.value = x1, X.style.height = x1);
|
|
4716
4716
|
}, y1 = (X) => {
|
|
4717
4717
|
if (!I.value || !(p1.value !== "none")) return;
|
|
4718
4718
|
const x1 = I.value.getBoundingClientRect();
|
|
4719
4719
|
if (X.clientX > x1.right - 20 && X.clientY > x1.bottom - 20) {
|
|
4720
4720
|
y.value = !0;
|
|
4721
|
-
const
|
|
4722
|
-
y.value = !1, document.removeEventListener("mouseup",
|
|
4721
|
+
const O1 = () => {
|
|
4722
|
+
y.value = !1, document.removeEventListener("mouseup", O1);
|
|
4723
4723
|
};
|
|
4724
|
-
document.addEventListener("mouseup",
|
|
4724
|
+
document.addEventListener("mouseup", O1);
|
|
4725
4725
|
}
|
|
4726
4726
|
};
|
|
4727
4727
|
return l({
|
|
@@ -4766,14 +4766,14 @@ const am = ["for"], um = {
|
|
|
4766
4766
|
Q.value && i.autosize;
|
|
4767
4767
|
}), _1(() => {
|
|
4768
4768
|
}), (X, B) => (s(), o("div", {
|
|
4769
|
-
class:
|
|
4769
|
+
class: l1(K.value)
|
|
4770
4770
|
}, [
|
|
4771
4771
|
X.label && !X.outlined ? (s(), o("label", {
|
|
4772
4772
|
key: 0,
|
|
4773
4773
|
for: X.id,
|
|
4774
4774
|
class: "vt-input__label"
|
|
4775
4775
|
}, [
|
|
4776
|
-
L1(
|
|
4776
|
+
L1(z(X.label) + " ", 1),
|
|
4777
4777
|
X.required ? (s(), o("span", um, "*")) : k("", !0)
|
|
4778
4778
|
], 8, am)) : k("", !0),
|
|
4779
4779
|
e("div", hm, [
|
|
@@ -4782,12 +4782,12 @@ const am = ["for"], um = {
|
|
|
4782
4782
|
for: X.id,
|
|
4783
4783
|
class: "vt-input__floating-label"
|
|
4784
4784
|
}, [
|
|
4785
|
-
L1(
|
|
4785
|
+
L1(z(X.label) + " ", 1),
|
|
4786
4786
|
X.required ? (s(), o("span", bm, "*")) : k("", !0)
|
|
4787
4787
|
], 8, rm)) : k("", !0),
|
|
4788
4788
|
x.value ? (s(), o("div", pm, [
|
|
4789
4789
|
s1(h1, {
|
|
4790
|
-
class:
|
|
4790
|
+
class: l1(G.value),
|
|
4791
4791
|
name: w.value
|
|
4792
4792
|
}, null, 8, ["class", "name"])
|
|
4793
4793
|
])) : k("", !0),
|
|
@@ -4811,12 +4811,12 @@ const am = ["for"], um = {
|
|
|
4811
4811
|
class: "vt-input__field vt-input__textarea",
|
|
4812
4812
|
onBlur: m1,
|
|
4813
4813
|
onChange: D,
|
|
4814
|
-
onClick: B[0] || (B[0] = (
|
|
4814
|
+
onClick: B[0] || (B[0] = (t1) => X.$emit("click", t1)),
|
|
4815
4815
|
onFocus: A,
|
|
4816
4816
|
onInput: J,
|
|
4817
|
-
onKeydown: B[1] || (B[1] = (
|
|
4818
|
-
onKeypress: B[2] || (B[2] = (
|
|
4819
|
-
onKeyup: B[3] || (B[3] = (
|
|
4817
|
+
onKeydown: B[1] || (B[1] = (t1) => X.$emit("keydown", t1)),
|
|
4818
|
+
onKeypress: B[2] || (B[2] = (t1) => X.$emit("keypress", t1)),
|
|
4819
|
+
onKeyup: B[3] || (B[3] = (t1) => X.$emit("keyup", t1)),
|
|
4820
4820
|
onMousedown: y1
|
|
4821
4821
|
}, null, 44, Ym)) : (s(), o("input", {
|
|
4822
4822
|
key: 3,
|
|
@@ -4840,12 +4840,12 @@ const am = ["for"], um = {
|
|
|
4840
4840
|
class: "vt-input__field",
|
|
4841
4841
|
onBlur: m1,
|
|
4842
4842
|
onChange: D,
|
|
4843
|
-
onClick: B[4] || (B[4] = (
|
|
4843
|
+
onClick: B[4] || (B[4] = (t1) => X.$emit("click", t1)),
|
|
4844
4844
|
onFocus: A,
|
|
4845
4845
|
onInput: J,
|
|
4846
|
-
onKeydown: B[5] || (B[5] = (
|
|
4847
|
-
onKeypress: B[6] || (B[6] = (
|
|
4848
|
-
onKeyup: B[7] || (B[7] = (
|
|
4846
|
+
onKeydown: B[5] || (B[5] = (t1) => X.$emit("keydown", t1)),
|
|
4847
|
+
onKeypress: B[6] || (B[6] = (t1) => X.$emit("keypress", t1)),
|
|
4848
|
+
onKeyup: B[7] || (B[7] = (t1) => X.$emit("keyup", t1))
|
|
4849
4849
|
}, null, 40, Wm)),
|
|
4850
4850
|
R.value ? (s(), o("div", ym, [
|
|
4851
4851
|
j.value ? (s(), o("button", {
|
|
@@ -4876,20 +4876,20 @@ const am = ["for"], um = {
|
|
|
4876
4876
|
class: "vt-input__icon"
|
|
4877
4877
|
}, null, 8, ["name"])) : k("", !0)
|
|
4878
4878
|
])) : k("", !0),
|
|
4879
|
-
X.outlined && e1.value ? (s(), o("div", Sm,
|
|
4879
|
+
X.outlined && e1.value ? (s(), o("div", Sm, z(e1.value), 1)) : k("", !0)
|
|
4880
4880
|
]),
|
|
4881
4881
|
!X.outlined && (X.helperText || e1.value) ? (s(), o("div", Xm, [
|
|
4882
|
-
e1.value ? (s(), o("span", Vm,
|
|
4882
|
+
e1.value ? (s(), o("span", Vm, z(e1.value), 1)) : X.helperText ? (s(), o("span", Lm, z(X.helperText), 1)) : k("", !0)
|
|
4883
4883
|
])) : k("", !0),
|
|
4884
4884
|
X.outlined && X.helperText && !e1.value ? (s(), o("div", Cm, [
|
|
4885
|
-
e("span", Mm,
|
|
4885
|
+
e("span", Mm, z(X.helperText), 1)
|
|
4886
4886
|
])) : k("", !0),
|
|
4887
4887
|
!X.outlined && a.value.length > 1 && X.showAllErrors ? (s(), o("div", Gm, [
|
|
4888
|
-
(s(!0), o(d1, null, Y1(a.value, (
|
|
4888
|
+
(s(!0), o(d1, null, Y1(a.value, (t1, x1) => (s(), o("div", {
|
|
4889
4889
|
key: x1,
|
|
4890
4890
|
class: "vt-input__error-item"
|
|
4891
4891
|
}, [
|
|
4892
|
-
e("span", null,
|
|
4892
|
+
e("span", null, z(t1), 1)
|
|
4893
4893
|
]))), 128))
|
|
4894
4894
|
])) : k("", !0)
|
|
4895
4895
|
], 2));
|
|
@@ -4976,45 +4976,60 @@ const am = ["for"], um = {
|
|
|
4976
4976
|
isValid: T(!0),
|
|
4977
4977
|
visibleCount: T(0),
|
|
4978
4978
|
filterQuery: T("")
|
|
4979
|
-
}, c = T(/* @__PURE__ */ new Map()), Q = T(/* @__PURE__ */ new Set()), f = T(/* @__PURE__ */ new Map()), v = (Z) => Z == null ? String(Z) : i.valueKey && typeof Z == "object" ? String(Z[i.valueKey]) : typeof Z == "object" ? JSON.stringify(Z) : String(Z), x = (Z,
|
|
4980
|
-
const
|
|
4981
|
-
c.value.set(
|
|
4979
|
+
}, c = T(/* @__PURE__ */ new Map()), Q = T(/* @__PURE__ */ new Set()), f = T(/* @__PURE__ */ new Map()), v = (Z) => Z == null ? String(Z) : i.valueKey && typeof Z == "object" ? String(Z[i.valueKey]) : typeof Z == "object" ? JSON.stringify(Z) : String(Z), x = (Z, F) => {
|
|
4980
|
+
const $ = v(Z.value);
|
|
4981
|
+
c.value.set($, Z), Q.value.add($), F && f.value.set(Z.value, F);
|
|
4982
4982
|
}, w = (Z) => {
|
|
4983
|
-
const
|
|
4984
|
-
Q.value.delete(
|
|
4983
|
+
const F = v(Z);
|
|
4984
|
+
Q.value.delete(F), f.value.delete(Z);
|
|
4985
4985
|
}, G = (Z) => {
|
|
4986
|
-
for (const [
|
|
4987
|
-
if (Il(
|
|
4988
|
-
return
|
|
4989
|
-
}, R = (Z) => Z.toLowerCase().trim(), O = (Z,
|
|
4990
|
-
if (!
|
|
4991
|
-
const
|
|
4992
|
-
if (Z.label && typeof Z.label == "string" && R(Z.label).includes(
|
|
4986
|
+
for (const [F, $] of f.value.entries())
|
|
4987
|
+
if (Il(F, Z, i.valueKey))
|
|
4988
|
+
return $;
|
|
4989
|
+
}, R = (Z) => Z.toLowerCase().trim(), O = (Z, F) => {
|
|
4990
|
+
if (!F) return !0;
|
|
4991
|
+
const $ = R(F);
|
|
4992
|
+
if (Z.label && typeof Z.label == "string" && R(Z.label).includes($) || typeof Z.value == "string" && R(Z.value).includes($))
|
|
4993
4993
|
return !0;
|
|
4994
4994
|
if (typeof Z.value == "object" && Z.value !== null) {
|
|
4995
|
-
const
|
|
4996
|
-
for (const u1 of
|
|
4997
|
-
if (R(u1).includes(
|
|
4995
|
+
const i1 = Object.values(Z.value).filter((u1) => typeof u1 == "string");
|
|
4996
|
+
for (const u1 of i1)
|
|
4997
|
+
if (R(u1).includes($))
|
|
4998
4998
|
return !0;
|
|
4999
4999
|
}
|
|
5000
5000
|
return !1;
|
|
5001
5001
|
}, j = M(() => {
|
|
5002
|
-
const Z = [];
|
|
5003
|
-
for (const [
|
|
5004
|
-
Q.value.has(
|
|
5002
|
+
const Z = [], F = /* @__PURE__ */ new Set();
|
|
5003
|
+
for (const [$, i1] of c.value.entries())
|
|
5004
|
+
Q.value.has($) && (Z.push(i1), F.add($));
|
|
5005
|
+
if (i.modelValue) {
|
|
5006
|
+
let $;
|
|
5007
|
+
W1.value ? $ = Array.isArray(i.modelValue) ? i.modelValue : [] : $ = [i.modelValue];
|
|
5008
|
+
for (const i1 of $) {
|
|
5009
|
+
const u1 = v(i1);
|
|
5010
|
+
if (!F.has(u1)) {
|
|
5011
|
+
const X1 = {
|
|
5012
|
+
value: i1,
|
|
5013
|
+
label: g1(i1),
|
|
5014
|
+
disabled: !1
|
|
5015
|
+
};
|
|
5016
|
+
Z.push(X1), F.add(u1);
|
|
5017
|
+
}
|
|
5018
|
+
}
|
|
5019
|
+
}
|
|
5005
5020
|
return Z;
|
|
5006
|
-
}), _ = M(() => !i.filterable || !W.filterQuery.value.trim() || i.allowRemoteFilter ? j.value : j.value.filter((Z) => O(Z, W.filterQuery.value))),
|
|
5007
|
-
const
|
|
5008
|
-
if (!
|
|
5009
|
-
const
|
|
5010
|
-
Z1 && z1 && (
|
|
5021
|
+
}), _ = M(() => !i.filterable || !W.filterQuery.value.trim() || i.allowRemoteFilter ? j.value : j.value.filter((Z) => O(Z, W.filterQuery.value))), g = T(0), K = (Z) => {
|
|
5022
|
+
const F = Z.target;
|
|
5023
|
+
if (!F) return;
|
|
5024
|
+
const $ = F.scrollTop, i1 = F.scrollHeight, u1 = F.clientHeight, Z1 = $ + u1 >= i1 - 50, J1 = Date.now(), z1 = !i.loading && _.value.length > 0 && J1 - g.value > Dl;
|
|
5025
|
+
Z1 && z1 && (g.value = J1, d("scrolled"));
|
|
5011
5026
|
}, H = () => {
|
|
5012
5027
|
w1(() => {
|
|
5013
5028
|
if (!S.value) return;
|
|
5014
|
-
const Z = S.value,
|
|
5029
|
+
const Z = S.value, F = Z.scrollHeight, $ = Z.clientHeight, i1 = Z.scrollTop, u1 = F <= $, X1 = i1 + $ >= F - 10;
|
|
5015
5030
|
if ((u1 || X1) && _.value.length > 0 && !i.loading) {
|
|
5016
5031
|
const Z1 = Date.now();
|
|
5017
|
-
Z1 -
|
|
5032
|
+
Z1 - g.value > Dl && (g.value = Z1, d("scrolled"));
|
|
5018
5033
|
}
|
|
5019
5034
|
});
|
|
5020
5035
|
}, {
|
|
@@ -5062,22 +5077,22 @@ const am = ["for"], um = {
|
|
|
5062
5077
|
} else
|
|
5063
5078
|
Z = [i.modelValue];
|
|
5064
5079
|
if (Z.length === 0) return [];
|
|
5065
|
-
const
|
|
5066
|
-
for (const
|
|
5067
|
-
const
|
|
5068
|
-
if (u1 && Q.value.has(
|
|
5069
|
-
|
|
5080
|
+
const F = [];
|
|
5081
|
+
for (const $ of Z) {
|
|
5082
|
+
const i1 = v($), u1 = c.value.get(i1);
|
|
5083
|
+
if (u1 && Q.value.has(i1))
|
|
5084
|
+
F.push(u1);
|
|
5070
5085
|
else {
|
|
5071
5086
|
const X1 = {
|
|
5072
|
-
value:
|
|
5073
|
-
label:
|
|
5087
|
+
value: $,
|
|
5088
|
+
label: g1($),
|
|
5074
5089
|
disabled: !1
|
|
5075
5090
|
};
|
|
5076
|
-
|
|
5091
|
+
F.push(X1);
|
|
5077
5092
|
}
|
|
5078
5093
|
}
|
|
5079
|
-
return
|
|
5080
|
-
}),
|
|
5094
|
+
return F;
|
|
5095
|
+
}), g1 = (Z) => Z == null ? "" : typeof Z == "object" ? Z.label ? String(Z.label) : Z.name ? String(Z.name) : i.valueKey && Z[i.valueKey] ? String(Z[i.valueKey]) : JSON.stringify(Z) : String(Z), A1 = M(() => {
|
|
5081
5096
|
if (!i.multiple || y1.value.length === 0) return [];
|
|
5082
5097
|
if (!i.collapsedTags)
|
|
5083
5098
|
return y1.value;
|
|
@@ -5098,52 +5113,52 @@ const am = ["for"], um = {
|
|
|
5098
5113
|
"vt-select--outlined": i.outlined,
|
|
5099
5114
|
"vt-select--label-floating": H1.value
|
|
5100
5115
|
}
|
|
5101
|
-
]),
|
|
5116
|
+
]), R1 = M(() => i.errorMessage ? i.errorMessage : W.validationErrors.value.length > 0 ? W.validationErrors.value[0] : ""), X = M(() => ({
|
|
5102
5117
|
...J.value,
|
|
5103
5118
|
position: "absolute",
|
|
5104
5119
|
zIndex: 2e3,
|
|
5105
5120
|
maxHeight: `${i.maxHeight}px`
|
|
5106
|
-
})), B = M(() => y1.value.length - W.visibleCount.value),
|
|
5107
|
-
if (!
|
|
5121
|
+
})), B = M(() => y1.value.length - W.visibleCount.value), t1 = M(() => i.collapsedTags && i.multiple && y1.value.length > 0 && W.visibleCount.value < y1.value.length), x1 = M(() => {
|
|
5122
|
+
if (!t1.value) return "";
|
|
5108
5123
|
const Z = y1.value.slice(W.visibleCount.value);
|
|
5109
5124
|
return Im(B.value, Z);
|
|
5110
5125
|
}), j1 = (Z) => {
|
|
5111
|
-
var
|
|
5126
|
+
var $, i1;
|
|
5112
5127
|
if (!e1.value) return;
|
|
5113
|
-
const
|
|
5114
|
-
(
|
|
5115
|
-
},
|
|
5128
|
+
const F = Z.target;
|
|
5129
|
+
($ = m.value) != null && $.contains(F) || (i1 = h.value) != null && i1.contains(F) || A();
|
|
5130
|
+
}, O1 = (Z) => {
|
|
5116
5131
|
if (!Z || Z.disabled) return;
|
|
5117
|
-
const
|
|
5118
|
-
d("update:modelValue",
|
|
5119
|
-
}, q1 = (Z,
|
|
5120
|
-
Z.disabled ||
|
|
5132
|
+
const F = nm(Z, i.modelValue, W1.value, i.valueKey);
|
|
5133
|
+
d("update:modelValue", F), d("change", F), W1.value || A(), i.validateOnInput && I1.validate();
|
|
5134
|
+
}, q1 = (Z, F) => {
|
|
5135
|
+
Z.disabled || O1(Z);
|
|
5121
5136
|
}, E1 = () => {
|
|
5122
5137
|
const Z = dm(W1.value);
|
|
5123
5138
|
d("update:modelValue", Z), d("change", Z), d("clear"), I1.clear();
|
|
5124
5139
|
}, sl = (Z) => {
|
|
5125
5140
|
if (!W1.value) return;
|
|
5126
|
-
const
|
|
5127
|
-
d("update:modelValue",
|
|
5141
|
+
const F = cm(Z, i.modelValue, i.valueKey);
|
|
5142
|
+
d("update:modelValue", F), d("change", F), d("remove-tag", Z), i.validateOnInput && I1.validate();
|
|
5128
5143
|
}, ll = () => {
|
|
5129
5144
|
i.disabled || m1();
|
|
5130
5145
|
}, il = () => {
|
|
5131
5146
|
W.isFocused.value = !0, d("focus");
|
|
5132
5147
|
}, P1 = (Z) => {
|
|
5133
5148
|
W.isFocused.value = !1, d("blur"), setTimeout(() => {
|
|
5134
|
-
var
|
|
5135
|
-
(
|
|
5149
|
+
var F;
|
|
5150
|
+
(F = h.value) != null && F.contains(document.activeElement) || A();
|
|
5136
5151
|
}, 100);
|
|
5137
5152
|
};
|
|
5138
|
-
function E(Z,
|
|
5139
|
-
let
|
|
5140
|
-
return function(...
|
|
5141
|
-
|
|
5153
|
+
function E(Z, F = 300) {
|
|
5154
|
+
let $;
|
|
5155
|
+
return function(...i1) {
|
|
5156
|
+
$ && clearTimeout($), $ = setTimeout(() => Z.apply(this, i1), F);
|
|
5142
5157
|
};
|
|
5143
5158
|
}
|
|
5144
|
-
const
|
|
5145
|
-
const
|
|
5146
|
-
W.filterQuery.value =
|
|
5159
|
+
const q = E((Z) => {
|
|
5160
|
+
const F = Z.target.value;
|
|
5161
|
+
W.filterQuery.value = F, d("filter", F), i.allowRemoteFilter && console.log("Remote filter query:", F);
|
|
5147
5162
|
}, 500), a1 = () => {
|
|
5148
5163
|
W.filterQuery.value = "", d("filter", ""), d("filter-clear");
|
|
5149
5164
|
}, r1 = (Z) => {
|
|
@@ -5162,7 +5177,7 @@ const am = ["for"], um = {
|
|
|
5162
5177
|
selectValue: M(() => i.modelValue || (W1.value ? [] : void 0)).value,
|
|
5163
5178
|
multiple: W1.value,
|
|
5164
5179
|
valueKey: i.valueKey,
|
|
5165
|
-
handleOptionClick:
|
|
5180
|
+
handleOptionClick: O1,
|
|
5166
5181
|
isOptionSelected: c1,
|
|
5167
5182
|
registerOption: x,
|
|
5168
5183
|
unregisterOption: w
|
|
@@ -5208,12 +5223,12 @@ const am = ["for"], um = {
|
|
|
5208
5223
|
},
|
|
5209
5224
|
getScrollInfo() {
|
|
5210
5225
|
if (!S.value) return null;
|
|
5211
|
-
const { scrollTop: Z, scrollHeight:
|
|
5226
|
+
const { scrollTop: Z, scrollHeight: F, clientHeight: $ } = S.value, i1 = F - (Z + $), u1 = i1 <= 50;
|
|
5212
5227
|
return {
|
|
5213
5228
|
scrollTop: Z,
|
|
5214
|
-
scrollHeight:
|
|
5215
|
-
clientHeight:
|
|
5216
|
-
distanceFromBottom:
|
|
5229
|
+
scrollHeight: F,
|
|
5230
|
+
clientHeight: $,
|
|
5231
|
+
distanceFromBottom: i1,
|
|
5217
5232
|
nearBottom: u1,
|
|
5218
5233
|
optionsCount: _.value.length,
|
|
5219
5234
|
isLoading: i.loading
|
|
@@ -5246,13 +5261,13 @@ const am = ["for"], um = {
|
|
|
5246
5261
|
Z && (await w1(), n1());
|
|
5247
5262
|
}), C1(
|
|
5248
5263
|
() => _.value.length,
|
|
5249
|
-
async (Z,
|
|
5250
|
-
e1.value && Z >
|
|
5264
|
+
async (Z, F) => {
|
|
5265
|
+
e1.value && Z > F && (await w1(), H());
|
|
5251
5266
|
}
|
|
5252
5267
|
), C1(
|
|
5253
5268
|
() => i.loading,
|
|
5254
|
-
(Z,
|
|
5255
|
-
|
|
5269
|
+
(Z, F) => {
|
|
5270
|
+
F && !Z && e1.value && H();
|
|
5256
5271
|
}
|
|
5257
5272
|
), D1(() => {
|
|
5258
5273
|
i.modelValue !== void 0 && i.modelValue !== "" && (!Array.isArray(i.modelValue) || i.modelValue.length > 0) && I1.validate(), i.collapsedTags && w1(() => {
|
|
@@ -5263,27 +5278,27 @@ const am = ["for"], um = {
|
|
|
5263
5278
|
});
|
|
5264
5279
|
r.value && Z.observe(r.value), C1(
|
|
5265
5280
|
() => r.value,
|
|
5266
|
-
(
|
|
5267
|
-
|
|
5281
|
+
(F, $) => {
|
|
5282
|
+
$ && Z.unobserve($), F && Z.observe(F);
|
|
5268
5283
|
}
|
|
5269
5284
|
), document.addEventListener("click", j1), _1(() => {
|
|
5270
5285
|
Z.disconnect();
|
|
5271
5286
|
});
|
|
5272
5287
|
}), _1(() => {
|
|
5273
5288
|
document.removeEventListener("click", j1), window.removeEventListener("resize", L);
|
|
5274
|
-
}), (Z,
|
|
5275
|
-
const
|
|
5289
|
+
}), (Z, F) => {
|
|
5290
|
+
const $ = zl("tooltip");
|
|
5276
5291
|
return s(), o("div", {
|
|
5277
5292
|
ref_key: "selectRef",
|
|
5278
5293
|
ref: m,
|
|
5279
|
-
class:
|
|
5294
|
+
class: l1($1.value)
|
|
5280
5295
|
}, [
|
|
5281
5296
|
Z.label && !Z.outlined ? (s(), o("label", {
|
|
5282
5297
|
key: 0,
|
|
5283
5298
|
for: Z.id,
|
|
5284
5299
|
class: "vt-select__label"
|
|
5285
5300
|
}, [
|
|
5286
|
-
L1(
|
|
5301
|
+
L1(z(Z.label) + " ", 1),
|
|
5287
5302
|
Z.required ? (s(), o("span", wm, "*")) : k("", !0)
|
|
5288
5303
|
], 8, Tm)) : k("", !0),
|
|
5289
5304
|
e("div", {
|
|
@@ -5301,7 +5316,7 @@ const am = ["for"], um = {
|
|
|
5301
5316
|
for: Z.id,
|
|
5302
5317
|
class: "vt-select__floating-label"
|
|
5303
5318
|
}, [
|
|
5304
|
-
L1(
|
|
5319
|
+
L1(z(Z.label) + " ", 1),
|
|
5305
5320
|
Z.required ? (s(), o("span", xm, "*")) : k("", !0)
|
|
5306
5321
|
], 8, Nm)) : k("", !0),
|
|
5307
5322
|
e("div", Jm, [
|
|
@@ -5311,43 +5326,43 @@ const am = ["for"], um = {
|
|
|
5311
5326
|
ref: r,
|
|
5312
5327
|
class: "vt-select__tags"
|
|
5313
5328
|
}, [
|
|
5314
|
-
(s(!0), o(d1, null, Y1(A1.value, (
|
|
5315
|
-
key: `tag-${v(
|
|
5329
|
+
(s(!0), o(d1, null, Y1(A1.value, (i1, u1) => (s(), o("div", {
|
|
5330
|
+
key: `tag-${v(i1.value)}-${u1}`,
|
|
5316
5331
|
ref_for: !0,
|
|
5317
5332
|
ref: (X1) => {
|
|
5318
5333
|
X1 && (u.value[u1] = X1);
|
|
5319
5334
|
},
|
|
5320
5335
|
class: "vt-select__tag"
|
|
5321
5336
|
}, [
|
|
5322
|
-
e("span", km,
|
|
5337
|
+
e("span", km, z(i1.label), 1),
|
|
5323
5338
|
i.disabled ? k("", !0) : (s(), V1(h1, {
|
|
5324
5339
|
key: 0,
|
|
5325
5340
|
class: "vt-select__tag-close",
|
|
5326
5341
|
name: "close",
|
|
5327
|
-
onClick: k1((X1) => sl(
|
|
5342
|
+
onClick: k1((X1) => sl(i1.value), ["stop"])
|
|
5328
5343
|
}, null, 8, ["onClick"]))
|
|
5329
5344
|
]))), 128)),
|
|
5330
|
-
|
|
5331
|
-
e("span", jm, "+" +
|
|
5345
|
+
t1.value ? nl((s(), o("div", Km, [
|
|
5346
|
+
e("span", jm, "+" + z(B.value), 1)
|
|
5332
5347
|
])), [
|
|
5333
|
-
[
|
|
5348
|
+
[$, x1.value]
|
|
5334
5349
|
]) : k("", !0),
|
|
5335
5350
|
e("div", Fm, [
|
|
5336
|
-
(s(!0), o(d1, null, Y1(y1.value, (
|
|
5337
|
-
key: "measure-" + v(
|
|
5351
|
+
(s(!0), o(d1, null, Y1(y1.value, (i1, u1) => (s(), o("div", {
|
|
5352
|
+
key: "measure-" + v(i1.value),
|
|
5338
5353
|
ref_for: !0,
|
|
5339
5354
|
ref: (X1) => {
|
|
5340
5355
|
X1 && (a.value[u1] = X1);
|
|
5341
5356
|
},
|
|
5342
5357
|
class: "vt-select__tag"
|
|
5343
|
-
},
|
|
5358
|
+
}, z(i1.label), 1))), 128))
|
|
5344
5359
|
], 512)
|
|
5345
5360
|
], 512)) : !Z.multiple && f1.value ? (s(), o("span", zm, [
|
|
5346
5361
|
Z.$slots.selected && y1.value[0] ? K1(Z.$slots, "selected", {
|
|
5347
5362
|
key: 0,
|
|
5348
5363
|
option: y1.value[0]
|
|
5349
|
-
}) : (s(), o("span", Um,
|
|
5350
|
-
])) : Z.outlined ? k("", !0) : (s(), o("span", gm,
|
|
5364
|
+
}) : (s(), o("span", Um, z(f1.value), 1))
|
|
5365
|
+
])) : Z.outlined ? k("", !0) : (s(), o("span", gm, z(Z.placeholder), 1))
|
|
5351
5366
|
]),
|
|
5352
5367
|
e("div", Rm, [
|
|
5353
5368
|
Z.loading ? (s(), V1(Ll, {
|
|
@@ -5363,19 +5378,19 @@ const am = ["for"], um = {
|
|
|
5363
5378
|
s1(h1, { name: "close" })
|
|
5364
5379
|
], 8, Om)) : (s(), V1(h1, {
|
|
5365
5380
|
key: 2,
|
|
5366
|
-
class:
|
|
5381
|
+
class: l1([{ "vt-select__arrow--open": P(e1) }, "vt-select__icon vt-select__arrow"]),
|
|
5367
5382
|
name: "arrowDown"
|
|
5368
5383
|
}, null, 8, ["class"]))
|
|
5369
5384
|
]),
|
|
5370
|
-
Z.outlined &&
|
|
5385
|
+
Z.outlined && R1.value ? (s(), o("div", vm, z(R1.value), 1)) : k("", !0)
|
|
5371
5386
|
], 544),
|
|
5372
5387
|
s1(rl, { name: "fade" }, {
|
|
5373
5388
|
default: N1(() => [
|
|
5374
5389
|
!Z.outlined && W.validationErrors && W.validationErrors.value.length ? (s(), o("div", Dm, [
|
|
5375
|
-
(s(!0), o(d1, null, Y1(W.validationErrors.value, (
|
|
5390
|
+
(s(!0), o(d1, null, Y1(W.validationErrors.value, (i1, u1) => (s(), o("div", {
|
|
5376
5391
|
key: `error-${u1}`,
|
|
5377
5392
|
class: "vt-select__error"
|
|
5378
|
-
},
|
|
5393
|
+
}, z(i1), 1))), 128))
|
|
5379
5394
|
])) : k("", !0)
|
|
5380
5395
|
]),
|
|
5381
5396
|
_: 1
|
|
@@ -5396,9 +5411,9 @@ const am = ["for"], um = {
|
|
|
5396
5411
|
style: T1(X.value),
|
|
5397
5412
|
class: "vt-select-dropdown",
|
|
5398
5413
|
role: "listbox",
|
|
5399
|
-
onClick:
|
|
5414
|
+
onClick: F[2] || (F[2] = k1(() => {
|
|
5400
5415
|
}, ["stop"])),
|
|
5401
|
-
onMousedown:
|
|
5416
|
+
onMousedown: F[3] || (F[3] = k1(() => {
|
|
5402
5417
|
}, ["prevent"]))
|
|
5403
5418
|
}, [
|
|
5404
5419
|
Z.filterable ? (s(), o("div", Hm, [
|
|
@@ -5406,16 +5421,16 @@ const am = ["for"], um = {
|
|
|
5406
5421
|
ref_key: "filterInputRef",
|
|
5407
5422
|
ref: y,
|
|
5408
5423
|
modelValue: W.filterQuery.value,
|
|
5409
|
-
"onUpdate:modelValue":
|
|
5424
|
+
"onUpdate:modelValue": F[0] || (F[0] = (i1) => W.filterQuery.value = i1),
|
|
5410
5425
|
placeholder: Z.filterPlaceholder,
|
|
5411
5426
|
clearable: "",
|
|
5412
5427
|
"suffix-icon": "search",
|
|
5413
5428
|
type: "text",
|
|
5414
|
-
onInput: P(
|
|
5429
|
+
onInput: P(q)
|
|
5415
5430
|
}, null, 8, ["modelValue", "placeholder", "onInput"])
|
|
5416
5431
|
])) : k("", !0),
|
|
5417
5432
|
_.value.length === 0 ? (s(), o("div", Em, [
|
|
5418
|
-
W.filterQuery.value ? (s(), o("span", Qm, 'Немає результатів для "' +
|
|
5433
|
+
W.filterQuery.value ? (s(), o("span", Qm, 'Немає результатів для "' + z(W.filterQuery.value) + '"', 1)) : (s(), o("span", Bm, z(Z.noDataText), 1))
|
|
5419
5434
|
])) : (s(), o("div", {
|
|
5420
5435
|
key: 2,
|
|
5421
5436
|
ref_key: "scrollContainerRef",
|
|
@@ -5423,37 +5438,37 @@ const am = ["for"], um = {
|
|
|
5423
5438
|
class: "vt-select-dropdown__options",
|
|
5424
5439
|
onScroll: K
|
|
5425
5440
|
}, [
|
|
5426
|
-
(s(!0), o(d1, null, Y1(_.value, (
|
|
5427
|
-
key: `option-${typeof
|
|
5428
|
-
"aria-disabled":
|
|
5429
|
-
"aria-selected": c1(
|
|
5430
|
-
class:
|
|
5441
|
+
(s(!0), o(d1, null, Y1(_.value, (i1) => (s(), o("div", {
|
|
5442
|
+
key: `option-${typeof i1.value == "object" ? JSON.stringify(i1.value) : i1.value}`,
|
|
5443
|
+
"aria-disabled": i1.disabled || !1,
|
|
5444
|
+
"aria-selected": c1(i1.value),
|
|
5445
|
+
class: l1([
|
|
5431
5446
|
"vt-option",
|
|
5432
5447
|
{
|
|
5433
|
-
"vt-option--selected": c1(
|
|
5434
|
-
"vt-option--disabled":
|
|
5448
|
+
"vt-option--selected": c1(i1.value),
|
|
5449
|
+
"vt-option--disabled": i1.disabled || !1
|
|
5435
5450
|
}
|
|
5436
5451
|
]),
|
|
5437
5452
|
role: "option",
|
|
5438
|
-
onClick: (u1) =>
|
|
5439
|
-
onMousedown:
|
|
5453
|
+
onClick: (u1) => O1(i1),
|
|
5454
|
+
onMousedown: F[1] || (F[1] = k1(() => {
|
|
5440
5455
|
}, ["prevent"]))
|
|
5441
5456
|
}, [
|
|
5442
5457
|
W1.value ? (s(), V1(cl, {
|
|
5443
5458
|
key: 0,
|
|
5444
|
-
checked: c1(
|
|
5445
|
-
disabled:
|
|
5459
|
+
checked: c1(i1.value),
|
|
5460
|
+
disabled: i1.disabled || !1,
|
|
5446
5461
|
class: "vt-option__checkbox",
|
|
5447
5462
|
tabindex: "-1",
|
|
5448
|
-
onChange: (u1) => q1(
|
|
5463
|
+
onChange: (u1) => q1(i1)
|
|
5449
5464
|
}, null, 8, ["checked", "disabled", "onChange"])) : k("", !0),
|
|
5450
5465
|
e("span", Am, [
|
|
5451
|
-
G(
|
|
5466
|
+
G(i1.value) ? (s(), V1(Cl(G(i1.value)), { key: 0 })) : (s(), o("span", $m, z(i1.label || i1.value), 1))
|
|
5452
5467
|
])
|
|
5453
5468
|
], 42, _m))), 128)),
|
|
5454
5469
|
Z.loading ? (s(), o("div", qm, [
|
|
5455
5470
|
s1(Ll, { class: "vt-select-dropdown__loading-icon" }),
|
|
5456
|
-
L1(" " +
|
|
5471
|
+
L1(" " + z(i.loadingText), 1)
|
|
5457
5472
|
])) : k("", !0)
|
|
5458
5473
|
], 544))
|
|
5459
5474
|
], 44, fm)
|
|
@@ -5461,8 +5476,8 @@ const am = ["for"], um = {
|
|
|
5461
5476
|
_: 1
|
|
5462
5477
|
})
|
|
5463
5478
|
])) : k("", !0),
|
|
5464
|
-
!Z.outlined &&
|
|
5465
|
-
|
|
5479
|
+
!Z.outlined && R1.value ? (s(), o("div", lZ, [
|
|
5480
|
+
R1.value ? (s(), o("span", iZ, z(R1.value), 1)) : k("", !0)
|
|
5466
5481
|
])) : k("", !0)
|
|
5467
5482
|
], 2);
|
|
5468
5483
|
};
|
|
@@ -5567,7 +5582,7 @@ const am = ["for"], um = {
|
|
|
5567
5582
|
value: G
|
|
5568
5583
|
}, {
|
|
5569
5584
|
default: N1(() => [
|
|
5570
|
-
L1(
|
|
5585
|
+
L1(z(G), 1)
|
|
5571
5586
|
]),
|
|
5572
5587
|
_: 2
|
|
5573
5588
|
}, 1032, ["label", "value"]))), 128))
|
|
@@ -5575,11 +5590,11 @@ const am = ["for"], um = {
|
|
|
5575
5590
|
_: 1
|
|
5576
5591
|
}, 8, ["modelValue"])
|
|
5577
5592
|
]),
|
|
5578
|
-
e("span", null,
|
|
5593
|
+
e("span", null, z(h.value) + " - " + z(r.value) + " з " + z(x.totalItems), 1)
|
|
5579
5594
|
]),
|
|
5580
5595
|
e("div", nZ, [
|
|
5581
5596
|
e("button", {
|
|
5582
|
-
class:
|
|
5597
|
+
class: l1({ "vt-pagination__nav-button": !0, "has-items": !u.value }),
|
|
5583
5598
|
disabled: u.value,
|
|
5584
5599
|
onClick: c
|
|
5585
5600
|
}, [
|
|
@@ -5587,13 +5602,13 @@ const am = ["for"], um = {
|
|
|
5587
5602
|
], 10, cZ),
|
|
5588
5603
|
(s(!0), o(d1, null, Y1(S.value, (G) => (s(), o("button", {
|
|
5589
5604
|
key: G,
|
|
5590
|
-
class:
|
|
5605
|
+
class: l1([{
|
|
5591
5606
|
"vt-pagination__nav-button--active": G === d.value
|
|
5592
5607
|
}, "vt-pagination__nav-button"]),
|
|
5593
5608
|
onClick: (R) => W(G)
|
|
5594
|
-
},
|
|
5609
|
+
}, z(G), 11, dZ))), 128)),
|
|
5595
5610
|
e("button", {
|
|
5596
|
-
class:
|
|
5611
|
+
class: l1({ "vt-pagination__nav-button": !0, "has-items": !a.value }),
|
|
5597
5612
|
disabled: a.value,
|
|
5598
5613
|
onClick: Q
|
|
5599
5614
|
}, [
|
|
@@ -5642,7 +5657,7 @@ const am = ["for"], um = {
|
|
|
5642
5657
|
i("blur", a);
|
|
5643
5658
|
};
|
|
5644
5659
|
return (a, S) => (s(), o("label", {
|
|
5645
|
-
class:
|
|
5660
|
+
class: l1([
|
|
5646
5661
|
"vt-radiobox",
|
|
5647
5662
|
`vt-radiobox--${a.size}`,
|
|
5648
5663
|
`vt-radiobox--${a.variant}`,
|
|
@@ -5666,7 +5681,7 @@ const am = ["for"], um = {
|
|
|
5666
5681
|
onFocus: r
|
|
5667
5682
|
}, null, 40, aZ),
|
|
5668
5683
|
e("div", {
|
|
5669
|
-
class:
|
|
5684
|
+
class: l1([
|
|
5670
5685
|
"vt-radiobox__circle",
|
|
5671
5686
|
{
|
|
5672
5687
|
"vt-radiobox__circle--checked": I.value,
|
|
@@ -5675,7 +5690,7 @@ const am = ["for"], um = {
|
|
|
5675
5690
|
])
|
|
5676
5691
|
}, [
|
|
5677
5692
|
e("div", {
|
|
5678
|
-
class:
|
|
5693
|
+
class: l1([
|
|
5679
5694
|
"vt-radiobox__dot",
|
|
5680
5695
|
{
|
|
5681
5696
|
"vt-radiobox__dot--checked": I.value
|
|
@@ -5685,7 +5700,7 @@ const am = ["for"], um = {
|
|
|
5685
5700
|
], 2),
|
|
5686
5701
|
a.label || a.$slots.label || a.$slots.default ? (s(), o("span", {
|
|
5687
5702
|
key: 0,
|
|
5688
|
-
class:
|
|
5703
|
+
class: l1([
|
|
5689
5704
|
"vt-radiobox__label",
|
|
5690
5705
|
{
|
|
5691
5706
|
"vt-radiobox__label--disabled": a.disabled
|
|
@@ -5694,7 +5709,7 @@ const am = ["for"], um = {
|
|
|
5694
5709
|
}, [
|
|
5695
5710
|
K1(a.$slots, "label", {}, () => [
|
|
5696
5711
|
K1(a.$slots, "default", {}, () => [
|
|
5697
|
-
L1(
|
|
5712
|
+
L1(z(a.label), 1)
|
|
5698
5713
|
])
|
|
5699
5714
|
])
|
|
5700
5715
|
], 2)) : k("", !0)
|
|
@@ -5790,9 +5805,9 @@ function bZ() {
|
|
|
5790
5805
|
};
|
|
5791
5806
|
}
|
|
5792
5807
|
function pZ(t, l, n, i) {
|
|
5793
|
-
var
|
|
5808
|
+
var g;
|
|
5794
5809
|
const d = t.selectionKey || "id", m = T([]), I = T(null), h = T(!1);
|
|
5795
|
-
(
|
|
5810
|
+
(g = t.defaultSelection) != null && g.length && (m.value = [...t.defaultSelection]);
|
|
5796
5811
|
const r = (K) => K[d], u = (K) => h.value ? !0 : m.value.some((H) => r(H) === r(K)), a = M(() => l.value.filter((K) => u(K)).length), S = M(() => l.value.length > 0 && a.value === l.value.length), y = M(() => {
|
|
5797
5812
|
if (h.value) return !1;
|
|
5798
5813
|
const K = a.value;
|
|
@@ -6032,7 +6047,7 @@ const WZ = (t, l, n = "asc") => {
|
|
|
6032
6047
|
i.trigger === "hover" && (u.value = !0, v());
|
|
6033
6048
|
}, _ = () => {
|
|
6034
6049
|
i.trigger === "hover" && (u.value = !1, x());
|
|
6035
|
-
},
|
|
6050
|
+
}, g = (H) => {
|
|
6036
6051
|
var p1, J;
|
|
6037
6052
|
if (!S.value) return;
|
|
6038
6053
|
const e1 = H.target;
|
|
@@ -6048,9 +6063,9 @@ const WZ = (t, l, n = "asc") => {
|
|
|
6048
6063
|
hide: Q,
|
|
6049
6064
|
visible: S
|
|
6050
6065
|
}), D1(() => {
|
|
6051
|
-
document.addEventListener("click",
|
|
6066
|
+
document.addEventListener("click", g);
|
|
6052
6067
|
}), _1(() => {
|
|
6053
|
-
document.removeEventListener("click",
|
|
6068
|
+
document.removeEventListener("click", g), v();
|
|
6054
6069
|
}), (H, e1) => (s(), o("div", {
|
|
6055
6070
|
ref_key: "dropdownRef",
|
|
6056
6071
|
ref: m,
|
|
@@ -6101,7 +6116,7 @@ const WZ = (t, l, n = "asc") => {
|
|
|
6101
6116
|
n.disabled || (i("click", I), n.command !== void 0 && d && d.handleCommand(n.command));
|
|
6102
6117
|
};
|
|
6103
6118
|
return (I, h) => (s(), o("li", {
|
|
6104
|
-
class:
|
|
6119
|
+
class: l1([{
|
|
6105
6120
|
"is-disabled": I.disabled,
|
|
6106
6121
|
"vt-dropdown-item--divided": I.divided
|
|
6107
6122
|
}, "vt-dropdown-item"]),
|
|
@@ -6109,7 +6124,7 @@ const WZ = (t, l, n = "asc") => {
|
|
|
6109
6124
|
}, [
|
|
6110
6125
|
I.icon ? (s(), o("i", {
|
|
6111
6126
|
key: 0,
|
|
6112
|
-
class:
|
|
6127
|
+
class: l1([I.icon, "vt-dropdown-item__icon"])
|
|
6113
6128
|
}, null, 2)) : k("", !0),
|
|
6114
6129
|
K1(I.$slots, "default")
|
|
6115
6130
|
], 2));
|
|
@@ -6323,7 +6338,7 @@ const tl = new XZ(), VZ = {
|
|
|
6323
6338
|
(m1) => !A.some((n1) => n1.prop === m1.prop)
|
|
6324
6339
|
);
|
|
6325
6340
|
}
|
|
6326
|
-
},
|
|
6341
|
+
}, g = (J) => d.value.some((D) => D.prop === J.prop), K = (J) => {
|
|
6327
6342
|
const D = d.value.find((A) => A.prop === J.prop);
|
|
6328
6343
|
return !D || !S(D);
|
|
6329
6344
|
}, H = (J) => {
|
|
@@ -6340,7 +6355,7 @@ const tl = new XZ(), VZ = {
|
|
|
6340
6355
|
e("div", MZ, [
|
|
6341
6356
|
(s(!0), o(d1, null, Y1(d.value, (A, m1) => (s(), o("div", {
|
|
6342
6357
|
key: A.prop,
|
|
6343
|
-
class:
|
|
6358
|
+
class: l1(R(m1)),
|
|
6344
6359
|
draggable: y(A),
|
|
6345
6360
|
onDragend: w,
|
|
6346
6361
|
onDragleave: v,
|
|
@@ -6349,7 +6364,7 @@ const tl = new XZ(), VZ = {
|
|
|
6349
6364
|
onDrop: (n1) => x(n1, m1)
|
|
6350
6365
|
}, [
|
|
6351
6366
|
s1(h1, {
|
|
6352
|
-
class:
|
|
6367
|
+
class: l1([{ "vt-columns-selector__panel-item-icon--draggable": y(A) }, "vt-columns-selector__panel-item-icon"]),
|
|
6353
6368
|
name: y(A) ? "columnsMove" : "freeze"
|
|
6354
6369
|
}, null, 8, ["class", "name"]),
|
|
6355
6370
|
s1(cl, {
|
|
@@ -6394,7 +6409,7 @@ const tl = new XZ(), VZ = {
|
|
|
6394
6409
|
class: "vt-columns-selector__group-column"
|
|
6395
6410
|
}, [
|
|
6396
6411
|
s1(cl, {
|
|
6397
|
-
checked:
|
|
6412
|
+
checked: g(I1),
|
|
6398
6413
|
disabled: !K(I1),
|
|
6399
6414
|
label: I1.label,
|
|
6400
6415
|
onChange: (W1) => j(I1, W1)
|
|
@@ -6503,7 +6518,7 @@ const tl = new XZ(), VZ = {
|
|
|
6503
6518
|
s1(h1, {
|
|
6504
6519
|
name: d() ? "unfreeze" : "freeze"
|
|
6505
6520
|
}, null, 8, ["name"]),
|
|
6506
|
-
e("div", null,
|
|
6521
|
+
e("div", null, z(d() ? "Розморозити" : "Заморозити"), 1)
|
|
6507
6522
|
]),
|
|
6508
6523
|
_: 1
|
|
6509
6524
|
}),
|
|
@@ -6566,7 +6581,7 @@ const tl = new XZ(), VZ = {
|
|
|
6566
6581
|
setup(t, { expose: l, emit: n }) {
|
|
6567
6582
|
const i = t, d = n, m = V2(t, "columns"), I = T({}), h = T(), r = Ul([]), u = T(i.defaultSort || null), a = M(() => SZ(i.data || [], u.value, r)), S = M(() => m.value !== void 0), y = M(() => i.data && i.data.length > 0), W = T(!1), c = T(0);
|
|
6568
6583
|
let Q;
|
|
6569
|
-
const f = (E,
|
|
6584
|
+
const f = (E, q) => i.rowKey && E[i.rowKey] != null ? String(E[i.rowKey]) : String(q);
|
|
6570
6585
|
C1(
|
|
6571
6586
|
() => m.value,
|
|
6572
6587
|
(E) => {
|
|
@@ -6580,7 +6595,7 @@ const tl = new XZ(), VZ = {
|
|
|
6580
6595
|
},
|
|
6581
6596
|
{ deep: !0 }
|
|
6582
6597
|
), bl("vt-table-columns", r);
|
|
6583
|
-
const { sortedColumns: v, getDefaultColumnWidth: x, getStickyOffset: w } = hZ(r), { getTableWrapperStyle: G, getColumnStyle: R, getHeaderStyle: O, getFooterStyle: j } = rZ(i), { onMouseDown: _ } = bZ(),
|
|
6598
|
+
const { sortedColumns: v, getDefaultColumnWidth: x, getStickyOffset: w } = hZ(r), { getTableWrapperStyle: G, getColumnStyle: R, getHeaderStyle: O, getFooterStyle: j } = rZ(i), { onMouseDown: _ } = bZ(), g = M(() => i.allData || i.data), K = i.selectable ? pZ(i, a, d, g) : null, H = i.rowDraggable ? YZ(() => a.value, d) : null, e1 = () => ({
|
|
6584
6599
|
width: `${Yl}px`,
|
|
6585
6600
|
minWidth: `${Yl}px`,
|
|
6586
6601
|
maxWidth: `${Yl}px`,
|
|
@@ -6627,10 +6642,10 @@ const tl = new XZ(), VZ = {
|
|
|
6627
6642
|
} : E;
|
|
6628
6643
|
}, n1 = () => {
|
|
6629
6644
|
if (!h.value || W.value) return;
|
|
6630
|
-
const E = h.value,
|
|
6645
|
+
const E = h.value, q = E.scrollTop, a1 = E.scrollHeight, r1 = E.clientHeight, c1 = 30;
|
|
6631
6646
|
Q && clearTimeout(Q), Q = setTimeout(() => {
|
|
6632
|
-
const C =
|
|
6633
|
-
c.value =
|
|
6647
|
+
const C = q - c.value > 1, b = a1 - q - r1 <= c1, Z = a1 - q - r1 <= 5;
|
|
6648
|
+
c.value = q, C && (b || Z) && (W.value = !0, d("infinity-scroll"), W.value = !1);
|
|
6634
6649
|
}, 50);
|
|
6635
6650
|
};
|
|
6636
6651
|
D1(() => {
|
|
@@ -6638,76 +6653,76 @@ const tl = new XZ(), VZ = {
|
|
|
6638
6653
|
}), _1(() => {
|
|
6639
6654
|
Q && clearTimeout(Q), h.value && h.value.removeEventListener("scroll", n1);
|
|
6640
6655
|
});
|
|
6641
|
-
const I1 = (E,
|
|
6642
|
-
yZ(E,
|
|
6656
|
+
const I1 = (E, q) => {
|
|
6657
|
+
yZ(E, q, (a1) => {
|
|
6643
6658
|
var r1, c1;
|
|
6644
|
-
((r1 = u.value) == null ? void 0 : r1.prop) === E.prop && u.value.direction ===
|
|
6659
|
+
((r1 = u.value) == null ? void 0 : r1.prop) === E.prop && u.value.direction === q ? u.value = null : u.value = a1, d("sort-change", {
|
|
6645
6660
|
column: E,
|
|
6646
6661
|
direction: ((c1 = u.value) == null ? void 0 : c1.direction) || null,
|
|
6647
6662
|
prop: E.prop,
|
|
6648
6663
|
sortedData: a.value
|
|
6649
6664
|
});
|
|
6650
6665
|
});
|
|
6651
|
-
}, W1 = (E,
|
|
6666
|
+
}, W1 = (E, q) => {
|
|
6652
6667
|
const a1 = {
|
|
6653
|
-
pinnedLeft:
|
|
6654
|
-
pinnedRight:
|
|
6668
|
+
pinnedLeft: q === "left",
|
|
6669
|
+
pinnedRight: q === "right"
|
|
6655
6670
|
};
|
|
6656
|
-
|
|
6671
|
+
g1(E.prop, a1), d("column-pin", { column: { ...E, ...a1 }, position: q });
|
|
6657
6672
|
}, y1 = (E) => {
|
|
6658
6673
|
r.splice(0, r.length, ...E), S.value && (m.value = [...E]), d("columns-change", [...E]);
|
|
6659
|
-
},
|
|
6674
|
+
}, g1 = (E, q) => {
|
|
6660
6675
|
const a1 = r.findIndex((r1) => r1.prop === E);
|
|
6661
6676
|
if (a1 !== -1) {
|
|
6662
|
-
if (Object.assign(r[a1],
|
|
6677
|
+
if (Object.assign(r[a1], q), S.value && m.value) {
|
|
6663
6678
|
const r1 = m.value.findIndex((c1) => c1.prop === E);
|
|
6664
6679
|
if (r1 !== -1) {
|
|
6665
6680
|
const c1 = [...m.value];
|
|
6666
|
-
c1[r1] = { ...c1[r1],
|
|
6681
|
+
c1[r1] = { ...c1[r1], ...q }, m.value = c1;
|
|
6667
6682
|
}
|
|
6668
6683
|
}
|
|
6669
6684
|
d("columns-change", [...r]);
|
|
6670
6685
|
}
|
|
6671
|
-
}, A1 = (E,
|
|
6672
|
-
d("row-click", { row: E, column:
|
|
6673
|
-
}, f1 = (E,
|
|
6674
|
-
a1.stopPropagation(), K && K.toggleRowSelection(
|
|
6675
|
-
}, F1 = (E,
|
|
6676
|
-
|
|
6677
|
-
}, G1 = (E,
|
|
6678
|
-
E && (I.value[
|
|
6679
|
-
}, H1 = (E,
|
|
6680
|
-
const a1 =
|
|
6681
|
-
_(E,
|
|
6682
|
-
|
|
6683
|
-
column: {
|
|
6686
|
+
}, A1 = (E, q, a1) => {
|
|
6687
|
+
d("row-click", { row: E, column: q, event: a1 }), i.highlightCurrentRow && K && K.setCurrentRow(E);
|
|
6688
|
+
}, f1 = (E, q, a1) => {
|
|
6689
|
+
a1.stopPropagation(), K && K.toggleRowSelection(q, E);
|
|
6690
|
+
}, F1 = (E, q) => {
|
|
6691
|
+
q.stopPropagation(), K && K.toggleAllSelection();
|
|
6692
|
+
}, G1 = (E, q) => {
|
|
6693
|
+
E && (I.value[q] = E);
|
|
6694
|
+
}, H1 = (E, q) => {
|
|
6695
|
+
const a1 = q.width || x();
|
|
6696
|
+
_(E, q, x, (r1) => {
|
|
6697
|
+
g1(q.prop, { width: r1 }), d("column-resize", {
|
|
6698
|
+
column: { ...q, width: r1 },
|
|
6684
6699
|
width: r1,
|
|
6685
6700
|
oldWidth: a1
|
|
6686
6701
|
});
|
|
6687
6702
|
});
|
|
6688
|
-
}, $1 = (E,
|
|
6689
|
-
if (!(
|
|
6690
|
-
const a1 = E[
|
|
6703
|
+
}, $1 = (E, q) => R(E, q, w, x), R1 = (E, q) => O(E, q, w, x), X = (E, q) => j(E, q, w, x), B = (E) => new DOMParser().parseFromString(E, "text/html").body.textContent || "", t1 = (E, q) => {
|
|
6704
|
+
if (!(q != null && q.prop)) return "";
|
|
6705
|
+
const a1 = E[q.prop];
|
|
6691
6706
|
return a1 == null ? "" : typeof a1 == "string" && a1.includes("<") ? B(a1) : String(a1);
|
|
6692
6707
|
}, x1 = M(() => {
|
|
6693
6708
|
if (!i.showSummary || !y.value) return {};
|
|
6694
6709
|
const E = r;
|
|
6695
6710
|
if (typeof i.summaryMethod == "function") {
|
|
6696
|
-
const
|
|
6711
|
+
const q = i.summaryMethod({ columns: E, data: a.value });
|
|
6697
6712
|
return E.reduce(
|
|
6698
|
-
(a1, r1, c1) => (a1[r1.prop] =
|
|
6713
|
+
(a1, r1, c1) => (a1[r1.prop] = q[c1], a1),
|
|
6699
6714
|
{}
|
|
6700
6715
|
);
|
|
6701
6716
|
}
|
|
6702
6717
|
return E.reduce(
|
|
6703
|
-
(
|
|
6718
|
+
(q, a1) => {
|
|
6704
6719
|
const r1 = a.value.map((c1) => c1[a1.prop]);
|
|
6705
|
-
return
|
|
6720
|
+
return q[a1.prop] = r1.every((c1) => typeof c1 == "number") ? r1.reduce((c1, L) => c1 + L, 0) : "", q;
|
|
6706
6721
|
},
|
|
6707
6722
|
{}
|
|
6708
6723
|
);
|
|
6709
|
-
}), j1 = M(() => i.showSummary && y.value),
|
|
6710
|
-
K && K.toggleRowSelection(E,
|
|
6724
|
+
}), j1 = M(() => i.showSummary && y.value), O1 = (E, q) => {
|
|
6725
|
+
K && K.toggleRowSelection(E, q);
|
|
6711
6726
|
}, q1 = () => {
|
|
6712
6727
|
K && K.toggleAllSelection();
|
|
6713
6728
|
}, E1 = () => {
|
|
@@ -6716,10 +6731,10 @@ const tl = new XZ(), VZ = {
|
|
|
6716
6731
|
K && K.clearSelection();
|
|
6717
6732
|
}, ll = () => K ? K.getSelectionRows() : [], il = (E) => {
|
|
6718
6733
|
K && K.setSelectionRows(E);
|
|
6719
|
-
}, P1 = (E,
|
|
6734
|
+
}, P1 = (E, q) => {
|
|
6720
6735
|
if (!i.rowHighlight) return [];
|
|
6721
6736
|
try {
|
|
6722
|
-
const a1 = i.rowHighlight(E,
|
|
6737
|
+
const a1 = i.rowHighlight(E, q);
|
|
6723
6738
|
if (!a1) return [];
|
|
6724
6739
|
const r1 = [];
|
|
6725
6740
|
return (a1.type !== "custom" || !a1.className) && r1.push(`vt-table__row--highlight-${a1.type}`), a1.className && r1.push(a1.className), r1;
|
|
@@ -6728,13 +6743,13 @@ const tl = new XZ(), VZ = {
|
|
|
6728
6743
|
}
|
|
6729
6744
|
};
|
|
6730
6745
|
return l({
|
|
6731
|
-
toggleRowSelection:
|
|
6746
|
+
toggleRowSelection: O1,
|
|
6732
6747
|
toggleAllSelection: q1,
|
|
6733
6748
|
selectAbsolutelyAll: E1,
|
|
6734
6749
|
clearSelection: sl,
|
|
6735
6750
|
getSelectionRows: ll,
|
|
6736
6751
|
setSelectionRows: il
|
|
6737
|
-
}), (E,
|
|
6752
|
+
}), (E, q) => {
|
|
6738
6753
|
var r1, c1, L, C;
|
|
6739
6754
|
const a1 = zl("tooltip");
|
|
6740
6755
|
return s(), o("div", {
|
|
@@ -6750,7 +6765,7 @@ const tl = new XZ(), VZ = {
|
|
|
6750
6765
|
e("tr", null, [
|
|
6751
6766
|
i.selectable ? (s(), o("th", {
|
|
6752
6767
|
key: 0,
|
|
6753
|
-
class:
|
|
6768
|
+
class: l1([{
|
|
6754
6769
|
"vt-table__th--sticky": i.maxHeight,
|
|
6755
6770
|
"vt-table__th--pinned-left": !0
|
|
6756
6771
|
}, "vt-table__th vt-table__th--selection"]),
|
|
@@ -6767,19 +6782,19 @@ const tl = new XZ(), VZ = {
|
|
|
6767
6782
|
], 6)) : k("", !0),
|
|
6768
6783
|
i.rowDraggable && i.showDragHandle ? (s(), o("th", {
|
|
6769
6784
|
key: 1,
|
|
6770
|
-
class:
|
|
6785
|
+
class: l1([{
|
|
6771
6786
|
"vt-table__th--sticky": i.maxHeight,
|
|
6772
6787
|
"vt-table__th--pinned-left": !0
|
|
6773
6788
|
}, "vt-table__th vt-table__th--drag-handle"]),
|
|
6774
6789
|
style: T1(D())
|
|
6775
|
-
},
|
|
6790
|
+
}, q[2] || (q[2] = [
|
|
6776
6791
|
e("div", { class: "vt-th__content" }, null, -1)
|
|
6777
6792
|
]), 6)) : k("", !0),
|
|
6778
6793
|
(s(!0), o(d1, null, Y1(P(v), (b, Z) => (s(), o("th", {
|
|
6779
6794
|
key: b.prop,
|
|
6780
6795
|
ref_for: !0,
|
|
6781
|
-
ref: (
|
|
6782
|
-
class:
|
|
6796
|
+
ref: (F) => G1(F, b.prop),
|
|
6797
|
+
class: l1([
|
|
6783
6798
|
"vt-table__th",
|
|
6784
6799
|
{
|
|
6785
6800
|
"vt-table__th--sticky": i.maxHeight,
|
|
@@ -6789,24 +6804,24 @@ const tl = new XZ(), VZ = {
|
|
|
6789
6804
|
"vt-table__th--manage": b.manage
|
|
6790
6805
|
}
|
|
6791
6806
|
]),
|
|
6792
|
-
style: T1(
|
|
6807
|
+
style: T1(R1(b, Z))
|
|
6793
6808
|
}, [
|
|
6794
6809
|
e("div", RZ, [
|
|
6795
6810
|
nl((s(), o("div", OZ, [
|
|
6796
|
-
L1(
|
|
6811
|
+
L1(z(b.label), 1)
|
|
6797
6812
|
])), [
|
|
6798
6813
|
[a1, b.label]
|
|
6799
6814
|
]),
|
|
6800
6815
|
b.sortable && !b.manage ? (s(), o("div", vZ, [
|
|
6801
6816
|
s1(h1, {
|
|
6802
|
-
class:
|
|
6817
|
+
class: l1(P(fl)(b, u.value).asc),
|
|
6803
6818
|
name: "arrowTop",
|
|
6804
|
-
onClick: k1((
|
|
6819
|
+
onClick: k1((F) => I1(b, "asc"), ["stop"])
|
|
6805
6820
|
}, null, 8, ["class", "onClick"]),
|
|
6806
6821
|
s1(h1, {
|
|
6807
|
-
class:
|
|
6822
|
+
class: l1(P(fl)(b, u.value).desc),
|
|
6808
6823
|
name: "arrowDown",
|
|
6809
|
-
onClick: k1((
|
|
6824
|
+
onClick: k1((F) => I1(b, "desc"), ["stop"])
|
|
6810
6825
|
}, null, 8, ["class", "onClick"])
|
|
6811
6826
|
])) : k("", !0),
|
|
6812
6827
|
b.actionColumn && !b.manage ? (s(), V1(FZ, {
|
|
@@ -6822,28 +6837,28 @@ const tl = new XZ(), VZ = {
|
|
|
6822
6837
|
key: 0,
|
|
6823
6838
|
"data-resizer": b.prop,
|
|
6824
6839
|
class: "vt-table__resizer",
|
|
6825
|
-
onMousedown: (
|
|
6840
|
+
onMousedown: (F) => H1(F, b)
|
|
6826
6841
|
}, null, 40, DZ))
|
|
6827
6842
|
], 6))), 128))
|
|
6828
6843
|
])
|
|
6829
6844
|
])),
|
|
6830
6845
|
e("tbody", null, [
|
|
6831
6846
|
y.value ? (s(!0), o(d1, { key: 1 }, Y1(a.value, (b, Z) => {
|
|
6832
|
-
var
|
|
6847
|
+
var F, $, i1, u1, X1;
|
|
6833
6848
|
return s(), o(d1, {
|
|
6834
6849
|
key: f(b, Z)
|
|
6835
6850
|
}, [
|
|
6836
6851
|
e("tr", {
|
|
6837
|
-
class:
|
|
6838
|
-
"vt-table__row--insert-before": (
|
|
6852
|
+
class: l1({
|
|
6853
|
+
"vt-table__row--insert-before": (F = P(H)) == null ? void 0 : F.shouldShowInsertLine(Z, "before")
|
|
6839
6854
|
})
|
|
6840
6855
|
}, null, 2),
|
|
6841
6856
|
e("tr", {
|
|
6842
|
-
class:
|
|
6857
|
+
class: l1([
|
|
6843
6858
|
"vt-table__row",
|
|
6844
6859
|
{
|
|
6845
|
-
"vt-table__row--selected": (
|
|
6846
|
-
"vt-table__row--current": ((
|
|
6860
|
+
"vt-table__row--selected": ($ = P(K)) == null ? void 0 : $.isRowSelected(b),
|
|
6861
|
+
"vt-table__row--current": ((i1 = P(K)) == null ? void 0 : i1.currentRow.value) === b,
|
|
6847
6862
|
"vt-table__row--clickable": i.selectOnClickRow || i.highlightCurrentRow,
|
|
6848
6863
|
"vt-table__row--draggable": i.rowDraggable
|
|
6849
6864
|
},
|
|
@@ -6851,16 +6866,16 @@ const tl = new XZ(), VZ = {
|
|
|
6851
6866
|
]),
|
|
6852
6867
|
draggable: i.rowDraggable,
|
|
6853
6868
|
onClick: (Z1) => A1(b, P(v)[0], Z1),
|
|
6854
|
-
onDragend:
|
|
6869
|
+
onDragend: q[0] || (q[0] = (Z1) => P(H) ? P(H).handleDragEnd(Z1) : null),
|
|
6855
6870
|
onDragenter: (Z1) => P(H) ? P(H).handleDragEnter(Z1, Z) : null,
|
|
6856
|
-
onDragleave:
|
|
6871
|
+
onDragleave: q[1] || (q[1] = (Z1) => P(H) ? P(H).handleDragLeave(Z1) : null),
|
|
6857
6872
|
onDragover: (Z1) => P(H) ? P(H).handleDragOver(Z1, Z) : null,
|
|
6858
6873
|
onDragstart: (Z1) => P(H) ? P(H).handleDragStart(Z1, b, Z) : null,
|
|
6859
6874
|
onDrop: (Z1) => P(H) ? P(H).handleDrop(Z1, Z) : null
|
|
6860
6875
|
}, [
|
|
6861
6876
|
i.selectable ? (s(), o("td", {
|
|
6862
6877
|
key: 0,
|
|
6863
|
-
class:
|
|
6878
|
+
class: l1([{
|
|
6864
6879
|
"vt-table__td--pinned-left": !0
|
|
6865
6880
|
}, "vt-table__td vt-table__td--selection"]),
|
|
6866
6881
|
style: T1(e1())
|
|
@@ -6874,7 +6889,7 @@ const tl = new XZ(), VZ = {
|
|
|
6874
6889
|
], 4)) : k("", !0),
|
|
6875
6890
|
i.rowDraggable && i.showDragHandle ? (s(), o("td", {
|
|
6876
6891
|
key: 1,
|
|
6877
|
-
class:
|
|
6892
|
+
class: l1([{
|
|
6878
6893
|
"vt-table__td--pinned-left": !0
|
|
6879
6894
|
}, "vt-table__td vt-table__td--drag-handle"]),
|
|
6880
6895
|
style: T1(p1())
|
|
@@ -6887,7 +6902,7 @@ const tl = new XZ(), VZ = {
|
|
|
6887
6902
|
key: `${f(b, Z)}-${Z1.prop}`,
|
|
6888
6903
|
ref_for: !0,
|
|
6889
6904
|
ref: (z1) => G1(z1, Z1.prop),
|
|
6890
|
-
class:
|
|
6905
|
+
class: l1([
|
|
6891
6906
|
"vt-table__td",
|
|
6892
6907
|
{
|
|
6893
6908
|
"vt-table__td--pinned-left": Z1.pinnedLeft,
|
|
@@ -6904,9 +6919,9 @@ const tl = new XZ(), VZ = {
|
|
|
6904
6919
|
index: Z,
|
|
6905
6920
|
row: b,
|
|
6906
6921
|
value: b[Z1.prop]
|
|
6907
|
-
}, null, 8, ["column", "index", "row", "value"])) : (s(), o("span", AZ,
|
|
6922
|
+
}, null, 8, ["column", "index", "row", "value"])) : (s(), o("span", AZ, z(b[Z1.prop]), 1))
|
|
6908
6923
|
])), [
|
|
6909
|
-
[a1, Z1.showOverflowTooltip ?
|
|
6924
|
+
[a1, Z1.showOverflowTooltip ? t1(b, Z1) : null]
|
|
6910
6925
|
]),
|
|
6911
6926
|
Z1.manage ? k("", !0) : (s(), o("div", {
|
|
6912
6927
|
key: 0,
|
|
@@ -6917,7 +6932,7 @@ const tl = new XZ(), VZ = {
|
|
|
6917
6932
|
], 6))), 128))
|
|
6918
6933
|
], 42, EZ),
|
|
6919
6934
|
e("tr", {
|
|
6920
|
-
class:
|
|
6935
|
+
class: l1({
|
|
6921
6936
|
"vt-table__row--insert-after": (X1 = P(H)) == null ? void 0 : X1.shouldShowInsertLine(Z, "after")
|
|
6922
6937
|
})
|
|
6923
6938
|
}, null, 2)
|
|
@@ -6932,7 +6947,7 @@ const tl = new XZ(), VZ = {
|
|
|
6932
6947
|
class: "vt-table__empty-icon",
|
|
6933
6948
|
name: "empty"
|
|
6934
6949
|
}),
|
|
6935
|
-
|
|
6950
|
+
q[3] || (q[3] = e("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
6936
6951
|
])
|
|
6937
6952
|
], 8, fZ)
|
|
6938
6953
|
]))
|
|
@@ -6941,25 +6956,25 @@ const tl = new XZ(), VZ = {
|
|
|
6941
6956
|
e("tr", null, [
|
|
6942
6957
|
i.selectable ? (s(), o("td", {
|
|
6943
6958
|
key: 0,
|
|
6944
|
-
class:
|
|
6959
|
+
class: l1([{
|
|
6945
6960
|
"vt-table__td--pinned-left": !0
|
|
6946
6961
|
}, "vt-table__td"]),
|
|
6947
6962
|
style: T1(A())
|
|
6948
|
-
},
|
|
6963
|
+
}, q[4] || (q[4] = [
|
|
6949
6964
|
e("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
6950
6965
|
]), 4)) : k("", !0),
|
|
6951
6966
|
i.rowDraggable && i.showDragHandle ? (s(), o("td", {
|
|
6952
6967
|
key: 1,
|
|
6953
|
-
class:
|
|
6968
|
+
class: l1([{
|
|
6954
6969
|
"vt-table__td--pinned-left": !0
|
|
6955
6970
|
}, "vt-table__td"]),
|
|
6956
6971
|
style: T1(m1())
|
|
6957
|
-
},
|
|
6972
|
+
}, q[5] || (q[5] = [
|
|
6958
6973
|
e("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
6959
6974
|
]), 4)) : k("", !0),
|
|
6960
6975
|
(s(!0), o(d1, null, Y1(P(v), (b, Z) => (s(), o("td", {
|
|
6961
6976
|
key: b.prop,
|
|
6962
|
-
class:
|
|
6977
|
+
class: l1([
|
|
6963
6978
|
"vt-table__td",
|
|
6964
6979
|
{
|
|
6965
6980
|
"vt-table__td--pinned-left": b.pinnedLeft,
|
|
@@ -6969,7 +6984,7 @@ const tl = new XZ(), VZ = {
|
|
|
6969
6984
|
]),
|
|
6970
6985
|
style: T1(X(b, Z))
|
|
6971
6986
|
}, [
|
|
6972
|
-
e("div", l4,
|
|
6987
|
+
e("div", l4, z(x1.value[b.prop]), 1)
|
|
6973
6988
|
], 6))), 128))
|
|
6974
6989
|
])
|
|
6975
6990
|
])) : k("", !0)
|
|
@@ -7449,8 +7464,8 @@ const tl = new XZ(), VZ = {
|
|
|
7449
7464
|
isSelectingEnd: T(!1)
|
|
7450
7465
|
}, u = T(/* @__PURE__ */ new Map()), a = M(() => i.type === "timerange"), S = (L) => {
|
|
7451
7466
|
if (!L) return "";
|
|
7452
|
-
const { hour: C, minute: b, second: Z } = L,
|
|
7453
|
-
return Z4(C, b, Z,
|
|
7467
|
+
const { hour: C, minute: b, second: Z } = L, F = i.format || (i.showSeconds ? i.use12Hours ? Wl["12h"] : Wl["24h"] : i.use12Hours ? Wl["12h_no_seconds"] : Wl["24h_no_seconds"]);
|
|
7468
|
+
return Z4(C, b, Z, F, i.use12Hours);
|
|
7454
7469
|
}, y = (L) => {
|
|
7455
7470
|
if (!L) return null;
|
|
7456
7471
|
let C = null;
|
|
@@ -7492,9 +7507,9 @@ const tl = new XZ(), VZ = {
|
|
|
7492
7507
|
"vt-timepicker--label-floating": m1.value
|
|
7493
7508
|
// НОВИЙ КЛАС
|
|
7494
7509
|
}
|
|
7495
|
-
]), G = M(() => i.errorMessage ? i.errorMessage : ""), R = T(0), O = T(0), j = T(0), _ = T("AM"),
|
|
7510
|
+
]), G = M(() => i.errorMessage ? i.errorMessage : ""), R = T(0), O = T(0), j = T(0), _ = T("AM"), g = T(0), K = T(0), H = T(0), e1 = T("AM"), p1 = M(() => {
|
|
7496
7511
|
const L = i.use12Hours ? 12 : 23, C = i.use12Hours ? 1 : 0, b = i.disabledHours ? i.disabledHours() : [], Z = kl(C, L, i.hourStep, b);
|
|
7497
|
-
return i.hideDisabledOptions ? Z.filter((
|
|
7512
|
+
return i.hideDisabledOptions ? Z.filter((F) => !F.disabled) : Z;
|
|
7498
7513
|
}), J = M(() => {
|
|
7499
7514
|
const L = i.use12Hours ? _.value === "PM" && R.value !== 12 ? R.value + 12 : _.value === "AM" && R.value === 12 ? 0 : R.value : R.value, C = i.disabledMinutes ? i.disabledMinutes(L) : [], b = kl(0, 59, i.minuteStep, C);
|
|
7500
7515
|
return i.hideDisabledOptions ? b.filter((Z) => !Z.disabled) : b;
|
|
@@ -7506,7 +7521,7 @@ const tl = new XZ(), VZ = {
|
|
|
7506
7521
|
parentVisible: I1,
|
|
7507
7522
|
dropdownPosition: W1,
|
|
7508
7523
|
show: y1,
|
|
7509
|
-
hide:
|
|
7524
|
+
hide: g1,
|
|
7510
7525
|
toggle: A1,
|
|
7511
7526
|
updatePosition: f1
|
|
7512
7527
|
} = Tl(I, h, {
|
|
@@ -7523,7 +7538,7 @@ const tl = new XZ(), VZ = {
|
|
|
7523
7538
|
H1();
|
|
7524
7539
|
}, 200);
|
|
7525
7540
|
}, 150);
|
|
7526
|
-
}) :
|
|
7541
|
+
}) : R1();
|
|
7527
7542
|
}
|
|
7528
7543
|
}), F1 = M(() => ({
|
|
7529
7544
|
...W1.value,
|
|
@@ -7532,7 +7547,7 @@ const tl = new XZ(), VZ = {
|
|
|
7532
7547
|
})), G1 = (L, C, b = !1) => {
|
|
7533
7548
|
const Z = u.value.get(L);
|
|
7534
7549
|
Z && (Z.disconnect(), u.value.delete(L));
|
|
7535
|
-
const
|
|
7550
|
+
const F = `${-L.clientHeight / 2 + 15}px 0px ${-L.clientHeight / 2 + 15}px 0px`, $ = new IntersectionObserver(
|
|
7536
7551
|
(u1) => {
|
|
7537
7552
|
var J1;
|
|
7538
7553
|
let X1 = null, Z1 = 0;
|
|
@@ -7554,17 +7569,17 @@ const tl = new XZ(), VZ = {
|
|
|
7554
7569
|
break;
|
|
7555
7570
|
}
|
|
7556
7571
|
const ml = ol.find((ul) => ul.value === v1);
|
|
7557
|
-
ml && !ml.disabled && (C === "hour" ? b ?
|
|
7572
|
+
ml && !ml.disabled && (C === "hour" ? b ? g.value = v1 : R.value = v1 : C === "minute" ? b ? K.value = v1 : O.value = v1 : C === "second" && (b ? H.value = v1 : j.value = v1));
|
|
7558
7573
|
}
|
|
7559
7574
|
}
|
|
7560
7575
|
},
|
|
7561
7576
|
{
|
|
7562
7577
|
root: L,
|
|
7563
|
-
rootMargin:
|
|
7578
|
+
rootMargin: F,
|
|
7564
7579
|
threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]
|
|
7565
7580
|
}
|
|
7566
7581
|
);
|
|
7567
|
-
L.querySelectorAll(".vt-timepicker__option").forEach((u1) =>
|
|
7582
|
+
L.querySelectorAll(".vt-timepicker__option").forEach((u1) => $.observe(u1)), u.value.set(L, $);
|
|
7568
7583
|
}, H1 = () => {
|
|
7569
7584
|
!n1.value || !h.value || w1(() => {
|
|
7570
7585
|
var b;
|
|
@@ -7585,14 +7600,14 @@ const tl = new XZ(), VZ = {
|
|
|
7585
7600
|
C && clearTimeout(C), C = window.setTimeout(() => {
|
|
7586
7601
|
const b = Array.from(L.querySelectorAll(".vt-timepicker__option"));
|
|
7587
7602
|
if (!b.length) return;
|
|
7588
|
-
const Z = L.getBoundingClientRect(),
|
|
7589
|
-
let
|
|
7603
|
+
const Z = L.getBoundingClientRect(), F = Z.top + Z.height / 2;
|
|
7604
|
+
let $ = null, i1 = 1 / 0;
|
|
7590
7605
|
for (const u1 of b) {
|
|
7591
|
-
const X1 = u1.getBoundingClientRect(), Z1 = X1.top + X1.height / 2, J1 = Math.abs(Z1 -
|
|
7592
|
-
J1 <
|
|
7606
|
+
const X1 = u1.getBoundingClientRect(), Z1 = X1.top + X1.height / 2, J1 = Math.abs(Z1 - F);
|
|
7607
|
+
J1 < i1 && (i1 = J1, $ = u1);
|
|
7593
7608
|
}
|
|
7594
|
-
if (
|
|
7595
|
-
const u1 =
|
|
7609
|
+
if ($) {
|
|
7610
|
+
const u1 = $.getBoundingClientRect(), X1 = L.scrollTop + (u1.top - Z.top) - L.clientHeight / 2 + u1.height / 2;
|
|
7596
7611
|
L.scrollTo({
|
|
7597
7612
|
top: X1,
|
|
7598
7613
|
behavior: "smooth"
|
|
@@ -7600,17 +7615,17 @@ const tl = new XZ(), VZ = {
|
|
|
7600
7615
|
}
|
|
7601
7616
|
}, 150);
|
|
7602
7617
|
});
|
|
7603
|
-
},
|
|
7618
|
+
}, R1 = () => {
|
|
7604
7619
|
u.value.forEach((L) => L.disconnect()), u.value.clear();
|
|
7605
7620
|
}, X = () => {
|
|
7606
7621
|
n1.value && w1(() => {
|
|
7607
7622
|
var b;
|
|
7608
7623
|
const L = (b = h.value) == null ? void 0 : b.querySelectorAll(".vt-timepicker__options");
|
|
7609
7624
|
if (!L) return;
|
|
7610
|
-
const C = (Z,
|
|
7611
|
-
const
|
|
7612
|
-
if (
|
|
7613
|
-
const Z1 =
|
|
7625
|
+
const C = (Z, F, $) => {
|
|
7626
|
+
const i1 = $.findIndex((u1) => u1.value === F);
|
|
7627
|
+
if (i1 >= 0) {
|
|
7628
|
+
const Z1 = i1 * 32, J1 = Z.clientHeight, z1 = Z1 + 80 - J1 / 2 + 32 / 2;
|
|
7614
7629
|
Z.scrollTo({
|
|
7615
7630
|
top: Math.max(0, z1),
|
|
7616
7631
|
behavior: "smooth"
|
|
@@ -7620,58 +7635,58 @@ const tl = new XZ(), VZ = {
|
|
|
7620
7635
|
if (a.value) {
|
|
7621
7636
|
const Z = Array.from(L);
|
|
7622
7637
|
Z[0] && C(Z[0], R.value, p1.value), Z[1] && C(Z[1], O.value, J.value), i.showSeconds && Z[2] && C(Z[2], j.value, D.value);
|
|
7623
|
-
const
|
|
7624
|
-
Z[
|
|
7638
|
+
const F = i.showSeconds ? i.use12Hours ? 4 : 3 : i.use12Hours ? 3 : 2;
|
|
7639
|
+
Z[F] && C(Z[F], g.value, p1.value), Z[F + 1] && C(Z[F + 1], K.value, J.value), i.showSeconds && Z[F + 2] && C(Z[F + 2], H.value, D.value);
|
|
7625
7640
|
} else {
|
|
7626
7641
|
const Z = Array.from(L);
|
|
7627
7642
|
Z[0] && C(Z[0], R.value, p1.value), Z[1] && C(Z[1], O.value, J.value), i.showSeconds && Z[2] && C(Z[2], j.value, D.value);
|
|
7628
7643
|
}
|
|
7629
7644
|
});
|
|
7630
|
-
}, B = (L, C, b = !1, Z = !1,
|
|
7645
|
+
}, B = (L, C, b = !1, Z = !1, F) => {
|
|
7631
7646
|
if (!Z) {
|
|
7632
7647
|
if (C === "period")
|
|
7633
7648
|
b ? e1.value = L : _.value = L;
|
|
7634
7649
|
else {
|
|
7635
|
-
const
|
|
7636
|
-
C === "hour" ? b ?
|
|
7650
|
+
const $ = L;
|
|
7651
|
+
C === "hour" ? b ? g.value = $ : R.value = $ : C === "minute" ? b ? K.value = $ : O.value = $ : C === "second" && (b ? H.value = $ : j.value = $);
|
|
7637
7652
|
}
|
|
7638
|
-
|
|
7639
|
-
var
|
|
7640
|
-
const
|
|
7641
|
-
if (
|
|
7642
|
-
const u1 =
|
|
7643
|
-
|
|
7653
|
+
F && w1(() => {
|
|
7654
|
+
var i1;
|
|
7655
|
+
const $ = (i1 = F.target) == null ? void 0 : i1.closest(".vt-timepicker__options");
|
|
7656
|
+
if ($) {
|
|
7657
|
+
const u1 = F.target, X1 = $.getBoundingClientRect(), Z1 = u1.getBoundingClientRect(), J1 = $.scrollTop + (Z1.top - X1.top) - $.clientHeight / 2 + Z1.height / 2;
|
|
7658
|
+
$.scrollTo({
|
|
7644
7659
|
top: J1,
|
|
7645
7660
|
behavior: "smooth"
|
|
7646
7661
|
});
|
|
7647
7662
|
}
|
|
7648
7663
|
});
|
|
7649
7664
|
}
|
|
7650
|
-
},
|
|
7665
|
+
}, t1 = (L) => {
|
|
7651
7666
|
var b, Z;
|
|
7652
7667
|
if (!n1.value) return;
|
|
7653
7668
|
const C = L.target;
|
|
7654
|
-
(b = m.value) != null && b.contains(C) || (Z = h.value) != null && Z.contains(C) ||
|
|
7669
|
+
(b = m.value) != null && b.contains(C) || (Z = h.value) != null && Z.contains(C) || g1();
|
|
7655
7670
|
}, x1 = () => {
|
|
7656
7671
|
i.disabled || A1();
|
|
7657
7672
|
}, j1 = () => {
|
|
7658
7673
|
r.isFocused.value = !0, d("focus", m.value);
|
|
7659
|
-
},
|
|
7674
|
+
}, O1 = () => {
|
|
7660
7675
|
r.isFocused.value = !1, d("blur", m.value);
|
|
7661
7676
|
}, q1 = () => {
|
|
7662
7677
|
const L = (a.value, null);
|
|
7663
|
-
d("update:modelValue", L), d("change", L), a.value && (r.startTime.value = null, r.endTime.value = null, r.isSelectingEnd.value = !1), R.value = c1.hour, O.value = c1.minute, j.value = c1.second, _.value = c1.period,
|
|
7678
|
+
d("update:modelValue", L), d("change", L), a.value && (r.startTime.value = null, r.endTime.value = null, r.isSelectingEnd.value = !1), R.value = c1.hour, O.value = c1.minute, j.value = c1.second, _.value = c1.period, g.value = c1.hour, K.value = c1.minute, H.value = c1.second, e1.value = c1.period;
|
|
7664
7679
|
}, E1 = (L) => S(L), sl = () => {
|
|
7665
7680
|
if (!i.disabled) {
|
|
7666
7681
|
if (a.value) {
|
|
7667
|
-
let L = R.value, C =
|
|
7682
|
+
let L = R.value, C = g.value;
|
|
7668
7683
|
i.use12Hours && (_.value === "PM" && L !== 12 && (L += 12), _.value === "AM" && L === 12 && (L = 0), e1.value === "PM" && C !== 12 && (C += 12), e1.value === "AM" && C === 12 && (C = 0));
|
|
7669
|
-
const b = { hour: L, minute: O.value, second: j.value }, Z = { hour: C, minute: K.value, second: H.value },
|
|
7670
|
-
if (
|
|
7671
|
-
console.warn("Time range validation failed:",
|
|
7684
|
+
const b = { hour: L, minute: O.value, second: j.value }, Z = { hour: C, minute: K.value, second: H.value }, F = [E1(b), E1(Z)], $ = W(F);
|
|
7685
|
+
if (!$.isValid) {
|
|
7686
|
+
console.warn("Time range validation failed:", $.errors);
|
|
7672
7687
|
return;
|
|
7673
7688
|
}
|
|
7674
|
-
d("update:modelValue",
|
|
7689
|
+
d("update:modelValue", F), d("change", F);
|
|
7675
7690
|
} else {
|
|
7676
7691
|
let L = R.value;
|
|
7677
7692
|
i.use12Hours && (_.value === "PM" && L !== 12 && (L += 12), _.value === "AM" && L === 12 && (L = 0));
|
|
@@ -7682,10 +7697,10 @@ const tl = new XZ(), VZ = {
|
|
|
7682
7697
|
}
|
|
7683
7698
|
d("update:modelValue", b), d("change", b);
|
|
7684
7699
|
}
|
|
7685
|
-
|
|
7700
|
+
g1();
|
|
7686
7701
|
}
|
|
7687
7702
|
}, ll = () => {
|
|
7688
|
-
|
|
7703
|
+
g1();
|
|
7689
7704
|
}, il = (L) => {
|
|
7690
7705
|
if (n1.value)
|
|
7691
7706
|
switch (L.key) {
|
|
@@ -7710,7 +7725,7 @@ const tl = new XZ(), VZ = {
|
|
|
7710
7725
|
i.disabled || y1();
|
|
7711
7726
|
},
|
|
7712
7727
|
close: () => {
|
|
7713
|
-
|
|
7728
|
+
g1();
|
|
7714
7729
|
},
|
|
7715
7730
|
validate: W
|
|
7716
7731
|
}), C1(
|
|
@@ -7719,7 +7734,7 @@ const tl = new XZ(), VZ = {
|
|
|
7719
7734
|
if (L)
|
|
7720
7735
|
if (a.value && Array.isArray(L)) {
|
|
7721
7736
|
const [C, b] = L.map(y);
|
|
7722
|
-
C && (_.value = C.hour >= 12 ? "PM" : "AM", R.value = i.use12Hours ? C.hour === 0 ? 12 : C.hour > 12 ? C.hour - 12 : C.hour : C.hour, O.value = C.minute, j.value = C.second), b && (e1.value = b.hour >= 12 ? "PM" : "AM",
|
|
7737
|
+
C && (_.value = C.hour >= 12 ? "PM" : "AM", R.value = i.use12Hours ? C.hour === 0 ? 12 : C.hour > 12 ? C.hour - 12 : C.hour : C.hour, O.value = C.minute, j.value = C.second), b && (e1.value = b.hour >= 12 ? "PM" : "AM", g.value = i.use12Hours ? b.hour === 0 ? 12 : b.hour > 12 ? b.hour - 12 : b.hour : b.hour, K.value = b.minute, H.value = b.second);
|
|
7723
7738
|
} else {
|
|
7724
7739
|
const C = y(L);
|
|
7725
7740
|
C && (_.value = C.hour >= 12 ? "PM" : "AM", R.value = i.use12Hours ? C.hour === 0 ? 12 : C.hour > 12 ? C.hour - 12 : C.hour : C.hour, O.value = C.minute, j.value = C.second);
|
|
@@ -7734,16 +7749,16 @@ const tl = new XZ(), VZ = {
|
|
|
7734
7749
|
period: r1.getHours() >= 12 ? "PM" : "AM"
|
|
7735
7750
|
};
|
|
7736
7751
|
return D1(() => {
|
|
7737
|
-
document.addEventListener("click",
|
|
7752
|
+
document.addEventListener("click", t1), document.addEventListener("keydown", il), i.modelValue || (R.value = c1.hour, O.value = c1.minute, j.value = c1.second, _.value = c1.period, g.value = c1.hour, K.value = c1.minute, H.value = c1.second, e1.value = c1.period);
|
|
7738
7753
|
}), _1(() => {
|
|
7739
|
-
document.removeEventListener("click",
|
|
7754
|
+
document.removeEventListener("click", t1), document.removeEventListener("keydown", il), R1();
|
|
7740
7755
|
}), (L, C) => (s(), o("div", {
|
|
7741
7756
|
ref_key: "timePickerRef",
|
|
7742
7757
|
ref: m,
|
|
7743
|
-
class:
|
|
7758
|
+
class: l1(w.value)
|
|
7744
7759
|
}, [
|
|
7745
7760
|
L.label && !L.outlined ? (s(), o("label", a4, [
|
|
7746
|
-
L1(
|
|
7761
|
+
L1(z(L.label) + " ", 1),
|
|
7747
7762
|
L.required ? (s(), o("span", u4, "*")) : k("", !0)
|
|
7748
7763
|
])) : k("", !0),
|
|
7749
7764
|
e("div", {
|
|
@@ -7751,12 +7766,12 @@ const tl = new XZ(), VZ = {
|
|
|
7751
7766
|
ref: I,
|
|
7752
7767
|
class: "vt-timepicker__trigger",
|
|
7753
7768
|
tabindex: "0",
|
|
7754
|
-
onBlur:
|
|
7769
|
+
onBlur: O1,
|
|
7755
7770
|
onClick: x1,
|
|
7756
7771
|
onFocus: j1
|
|
7757
7772
|
}, [
|
|
7758
7773
|
L.label && L.outlined ? (s(), o("label", h4, [
|
|
7759
|
-
L1(
|
|
7774
|
+
L1(z(L.label) + " ", 1),
|
|
7760
7775
|
L.required ? (s(), o("span", r4, "*")) : k("", !0)
|
|
7761
7776
|
])) : k("", !0),
|
|
7762
7777
|
e("div", b4, [
|
|
@@ -7765,19 +7780,19 @@ const tl = new XZ(), VZ = {
|
|
|
7765
7780
|
]),
|
|
7766
7781
|
f.value ? (s(), o("div", Y4, [
|
|
7767
7782
|
a.value ? (s(), o(d1, { key: 0 }, [
|
|
7768
|
-
e("span", null,
|
|
7769
|
-
e("span", null,
|
|
7770
|
-
e("span", null,
|
|
7783
|
+
e("span", null, z(Q.value[0]), 1),
|
|
7784
|
+
e("span", null, z(i.rangeSeparator), 1),
|
|
7785
|
+
e("span", null, z(Q.value[1]), 1)
|
|
7771
7786
|
], 64)) : (s(), o(d1, { key: 1 }, [
|
|
7772
|
-
L1(
|
|
7787
|
+
L1(z(Q.value), 1)
|
|
7773
7788
|
], 64))
|
|
7774
7789
|
])) : L.outlined ? k("", !0) : (s(), o("div", W4, [
|
|
7775
7790
|
a.value ? (s(), o(d1, { key: 0 }, [
|
|
7776
|
-
e("span", null,
|
|
7777
|
-
e("span", null,
|
|
7778
|
-
e("span", null,
|
|
7791
|
+
e("span", null, z(i.startPlaceholder), 1),
|
|
7792
|
+
e("span", null, z(i.rangeSeparator), 1),
|
|
7793
|
+
e("span", null, z(i.endPlaceholder), 1)
|
|
7779
7794
|
], 64)) : (s(), o(d1, { key: 1 }, [
|
|
7780
|
-
L1(
|
|
7795
|
+
L1(z(x.value), 1)
|
|
7781
7796
|
], 64))
|
|
7782
7797
|
])),
|
|
7783
7798
|
e("div", y4, [
|
|
@@ -7792,7 +7807,7 @@ const tl = new XZ(), VZ = {
|
|
|
7792
7807
|
], 8, S4)) : k("", !0)
|
|
7793
7808
|
])
|
|
7794
7809
|
]),
|
|
7795
|
-
L.outlined && G.value ? (s(), o("div", X4,
|
|
7810
|
+
L.outlined && G.value ? (s(), o("div", X4, z(G.value), 1)) : k("", !0)
|
|
7796
7811
|
], 544),
|
|
7797
7812
|
P(n1) && P(I1) ? (s(), V1(dl, {
|
|
7798
7813
|
key: 1,
|
|
@@ -7818,7 +7833,7 @@ const tl = new XZ(), VZ = {
|
|
|
7818
7833
|
e("div", G4, [
|
|
7819
7834
|
(s(!0), o(d1, null, Y1(p1.value, (b) => (s(), o("button", {
|
|
7820
7835
|
key: `start-hour-${b.value}`,
|
|
7821
|
-
class:
|
|
7836
|
+
class: l1([
|
|
7822
7837
|
"vt-timepicker__option",
|
|
7823
7838
|
{
|
|
7824
7839
|
"vt-timepicker__option--selected": R.value === b.value,
|
|
@@ -7827,14 +7842,14 @@ const tl = new XZ(), VZ = {
|
|
|
7827
7842
|
]),
|
|
7828
7843
|
disabled: b.disabled,
|
|
7829
7844
|
onClick: (Z) => B(b.value, "hour", !1, b.disabled, Z)
|
|
7830
|
-
},
|
|
7845
|
+
}, z(b.label), 11, T4))), 128))
|
|
7831
7846
|
])
|
|
7832
7847
|
]),
|
|
7833
7848
|
e("div", w4, [
|
|
7834
7849
|
e("div", N4, [
|
|
7835
7850
|
(s(!0), o(d1, null, Y1(J.value, (b) => (s(), o("button", {
|
|
7836
7851
|
key: `start-minute-${b.value}`,
|
|
7837
|
-
class:
|
|
7852
|
+
class: l1([
|
|
7838
7853
|
"vt-timepicker__option",
|
|
7839
7854
|
{
|
|
7840
7855
|
"vt-timepicker__option--selected": O.value === b.value,
|
|
@@ -7843,14 +7858,14 @@ const tl = new XZ(), VZ = {
|
|
|
7843
7858
|
]),
|
|
7844
7859
|
disabled: b.disabled,
|
|
7845
7860
|
onClick: (Z) => B(b.value, "minute", !1, b.disabled, Z)
|
|
7846
|
-
},
|
|
7861
|
+
}, z(b.label), 11, x4))), 128))
|
|
7847
7862
|
])
|
|
7848
7863
|
]),
|
|
7849
7864
|
L.showSeconds ? (s(), o("div", J4, [
|
|
7850
7865
|
e("div", k4, [
|
|
7851
7866
|
(s(!0), o(d1, null, Y1(D.value, (b) => (s(), o("button", {
|
|
7852
7867
|
key: `start-second-${b.value}`,
|
|
7853
|
-
class:
|
|
7868
|
+
class: l1([
|
|
7854
7869
|
"vt-timepicker__option",
|
|
7855
7870
|
{
|
|
7856
7871
|
"vt-timepicker__option--selected": j.value === b.value,
|
|
@@ -7859,19 +7874,19 @@ const tl = new XZ(), VZ = {
|
|
|
7859
7874
|
]),
|
|
7860
7875
|
disabled: b.disabled,
|
|
7861
7876
|
onClick: (Z) => B(b.value, "second", !1, b.disabled, Z)
|
|
7862
|
-
},
|
|
7877
|
+
}, z(b.label), 11, K4))), 128))
|
|
7863
7878
|
])
|
|
7864
7879
|
])) : k("", !0),
|
|
7865
7880
|
L.use12Hours ? (s(), o("div", j4, [
|
|
7866
7881
|
e("div", F4, [
|
|
7867
7882
|
(s(!0), o(d1, null, Y1(A.value, (b) => (s(), o("button", {
|
|
7868
7883
|
key: `start-period-${b}`,
|
|
7869
|
-
class:
|
|
7884
|
+
class: l1([
|
|
7870
7885
|
"vt-timepicker__option",
|
|
7871
7886
|
{ "vt-timepicker__option--selected": _.value === b }
|
|
7872
7887
|
]),
|
|
7873
7888
|
onClick: (Z) => B(b, "period", !1, !1, Z)
|
|
7874
|
-
},
|
|
7889
|
+
}, z(b), 11, z4))), 128))
|
|
7875
7890
|
])
|
|
7876
7891
|
])) : k("", !0)
|
|
7877
7892
|
])
|
|
@@ -7883,23 +7898,23 @@ const tl = new XZ(), VZ = {
|
|
|
7883
7898
|
e("div", O4, [
|
|
7884
7899
|
(s(!0), o(d1, null, Y1(p1.value, (b) => (s(), o("button", {
|
|
7885
7900
|
key: `end-hour-${b.value}`,
|
|
7886
|
-
class:
|
|
7901
|
+
class: l1([
|
|
7887
7902
|
"vt-timepicker__option",
|
|
7888
7903
|
{
|
|
7889
|
-
"vt-timepicker__option--selected":
|
|
7904
|
+
"vt-timepicker__option--selected": g.value === b.value,
|
|
7890
7905
|
"vt-timepicker__option--disabled": b.disabled
|
|
7891
7906
|
}
|
|
7892
7907
|
]),
|
|
7893
7908
|
disabled: b.disabled,
|
|
7894
7909
|
onClick: (Z) => B(b.value, "hour", !0, b.disabled, Z)
|
|
7895
|
-
},
|
|
7910
|
+
}, z(b.label), 11, v4))), 128))
|
|
7896
7911
|
])
|
|
7897
7912
|
]),
|
|
7898
7913
|
e("div", D4, [
|
|
7899
7914
|
e("div", P4, [
|
|
7900
7915
|
(s(!0), o(d1, null, Y1(J.value, (b) => (s(), o("button", {
|
|
7901
7916
|
key: `end-minute-${b.value}`,
|
|
7902
|
-
class:
|
|
7917
|
+
class: l1([
|
|
7903
7918
|
"vt-timepicker__option",
|
|
7904
7919
|
{
|
|
7905
7920
|
"vt-timepicker__option--selected": K.value === b.value,
|
|
@@ -7908,14 +7923,14 @@ const tl = new XZ(), VZ = {
|
|
|
7908
7923
|
]),
|
|
7909
7924
|
disabled: b.disabled,
|
|
7910
7925
|
onClick: (Z) => B(b.value, "minute", !0, b.disabled, Z)
|
|
7911
|
-
},
|
|
7926
|
+
}, z(b.label), 11, f4))), 128))
|
|
7912
7927
|
])
|
|
7913
7928
|
]),
|
|
7914
7929
|
L.showSeconds ? (s(), o("div", H4, [
|
|
7915
7930
|
e("div", E4, [
|
|
7916
7931
|
(s(!0), o(d1, null, Y1(D.value, (b) => (s(), o("button", {
|
|
7917
7932
|
key: `end-second-${b.value}`,
|
|
7918
|
-
class:
|
|
7933
|
+
class: l1([
|
|
7919
7934
|
"vt-timepicker__option",
|
|
7920
7935
|
{
|
|
7921
7936
|
"vt-timepicker__option--selected": H.value === b.value,
|
|
@@ -7924,16 +7939,16 @@ const tl = new XZ(), VZ = {
|
|
|
7924
7939
|
]),
|
|
7925
7940
|
disabled: b.disabled,
|
|
7926
7941
|
onClick: (Z) => B(b.value, "second", !0, b.disabled, Z)
|
|
7927
|
-
},
|
|
7942
|
+
}, z(b.label), 11, Q4))), 128))
|
|
7928
7943
|
])
|
|
7929
7944
|
])) : k("", !0),
|
|
7930
7945
|
L.use12Hours ? (s(), o("div", B4, [
|
|
7931
7946
|
e("div", _4, [
|
|
7932
7947
|
(s(!0), o(d1, null, Y1(A.value, (b) => (s(), o("button", {
|
|
7933
7948
|
key: `end-period-${b}`,
|
|
7934
|
-
class:
|
|
7949
|
+
class: l1(["vt-timepicker__option", { "vt-timepicker__option--selected": e1.value === b }]),
|
|
7935
7950
|
onClick: (Z) => B(b, "period", !0, !1, Z)
|
|
7936
|
-
},
|
|
7951
|
+
}, z(b), 11, A4))), 128))
|
|
7937
7952
|
])
|
|
7938
7953
|
])) : k("", !0)
|
|
7939
7954
|
])
|
|
@@ -7944,7 +7959,7 @@ const tl = new XZ(), VZ = {
|
|
|
7944
7959
|
e("div", i7, [
|
|
7945
7960
|
(s(!0), o(d1, null, Y1(p1.value, (b) => (s(), o("button", {
|
|
7946
7961
|
key: `hour-${b.value}`,
|
|
7947
|
-
class:
|
|
7962
|
+
class: l1([
|
|
7948
7963
|
"vt-timepicker__option",
|
|
7949
7964
|
{
|
|
7950
7965
|
"vt-timepicker__option--selected": R.value === b.value,
|
|
@@ -7953,14 +7968,14 @@ const tl = new XZ(), VZ = {
|
|
|
7953
7968
|
]),
|
|
7954
7969
|
disabled: b.disabled,
|
|
7955
7970
|
onClick: (Z) => B(b.value, "hour", !1, b.disabled, Z)
|
|
7956
|
-
},
|
|
7971
|
+
}, z(b.label), 11, t7))), 128))
|
|
7957
7972
|
])
|
|
7958
7973
|
]),
|
|
7959
7974
|
e("div", e7, [
|
|
7960
7975
|
e("div", s7, [
|
|
7961
7976
|
(s(!0), o(d1, null, Y1(J.value, (b) => (s(), o("button", {
|
|
7962
7977
|
key: `minute-${b.value}`,
|
|
7963
|
-
class:
|
|
7978
|
+
class: l1([
|
|
7964
7979
|
"vt-timepicker__option",
|
|
7965
7980
|
{
|
|
7966
7981
|
"vt-timepicker__option--selected": O.value === b.value,
|
|
@@ -7969,14 +7984,14 @@ const tl = new XZ(), VZ = {
|
|
|
7969
7984
|
]),
|
|
7970
7985
|
disabled: b.disabled,
|
|
7971
7986
|
onClick: (Z) => B(b.value, "minute", !1, b.disabled, Z)
|
|
7972
|
-
},
|
|
7987
|
+
}, z(b.label), 11, o7))), 128))
|
|
7973
7988
|
])
|
|
7974
7989
|
]),
|
|
7975
7990
|
L.showSeconds ? (s(), o("div", n7, [
|
|
7976
7991
|
e("div", c7, [
|
|
7977
7992
|
(s(!0), o(d1, null, Y1(D.value, (b) => (s(), o("button", {
|
|
7978
7993
|
key: `second-${b.value}`,
|
|
7979
|
-
class:
|
|
7994
|
+
class: l1([
|
|
7980
7995
|
"vt-timepicker__option",
|
|
7981
7996
|
{
|
|
7982
7997
|
"vt-timepicker__option--selected": j.value === b.value,
|
|
@@ -7985,16 +8000,16 @@ const tl = new XZ(), VZ = {
|
|
|
7985
8000
|
]),
|
|
7986
8001
|
disabled: b.disabled,
|
|
7987
8002
|
onClick: (Z) => B(b.value, "second", !1, b.disabled, Z)
|
|
7988
|
-
},
|
|
8003
|
+
}, z(b.label), 11, d7))), 128))
|
|
7989
8004
|
])
|
|
7990
8005
|
])) : k("", !0),
|
|
7991
8006
|
L.use12Hours ? (s(), o("div", m7, [
|
|
7992
8007
|
e("div", Z7, [
|
|
7993
8008
|
(s(!0), o(d1, null, Y1(A.value, (b) => (s(), o("button", {
|
|
7994
8009
|
key: `period-${b}`,
|
|
7995
|
-
class:
|
|
8010
|
+
class: l1(["vt-timepicker__option", { "vt-timepicker__option--selected": _.value === b }]),
|
|
7996
8011
|
onClick: (Z) => B(b, "period", !1, !1, Z)
|
|
7997
|
-
},
|
|
8012
|
+
}, z(b), 11, I7))), 128))
|
|
7998
8013
|
])
|
|
7999
8014
|
])) : k("", !0)
|
|
8000
8015
|
])
|
|
@@ -8024,10 +8039,10 @@ const tl = new XZ(), VZ = {
|
|
|
8024
8039
|
})
|
|
8025
8040
|
])) : k("", !0),
|
|
8026
8041
|
!L.outlined && G.value ? (s(), o("div", u7, [
|
|
8027
|
-
e("span", h7,
|
|
8042
|
+
e("span", h7, z(G.value), 1)
|
|
8028
8043
|
])) : k("", !0),
|
|
8029
8044
|
L.outlined && L.helperText && !G.value ? (s(), o("div", r7, [
|
|
8030
|
-
e("span", b7,
|
|
8045
|
+
e("span", b7, z(L.helperText), 1)
|
|
8031
8046
|
])) : k("", !0)
|
|
8032
8047
|
], 2));
|
|
8033
8048
|
}
|
|
@@ -8129,8 +8144,8 @@ const tl = new XZ(), VZ = {
|
|
|
8129
8144
|
setup(t, { expose: l, emit: n }) {
|
|
8130
8145
|
const i = t, d = n, m = T(), I = T(), h = T(), r = T(), u = T(), a = (Y, N, V) => {
|
|
8131
8146
|
if (i.use12Hours) {
|
|
8132
|
-
const
|
|
8133
|
-
return i.showSeconds ? `${String(o1).padStart(2, "0")}:${String(N).padStart(2, "0")}:${String(V).padStart(2, "0")} ${
|
|
8147
|
+
const U = Y >= 12 ? "PM" : "AM", o1 = Y % 12 || 12;
|
|
8148
|
+
return i.showSeconds ? `${String(o1).padStart(2, "0")}:${String(N).padStart(2, "0")}:${String(V).padStart(2, "0")} ${U}` : `${String(o1).padStart(2, "0")}:${String(N).padStart(2, "0")} ${U}`;
|
|
8134
8149
|
} else
|
|
8135
8150
|
return i.showSeconds ? `${String(Y).padStart(2, "0")}:${String(N).padStart(2, "0")}:${String(V).padStart(2, "0")}` : `${String(Y).padStart(2, "0")}:${String(N).padStart(2, "0")}`;
|
|
8136
8151
|
}, S = (Y) => Y instanceof Date ? Y : typeof Y == "number" ? new Date(Y) : null, y = () => {
|
|
@@ -8191,7 +8206,7 @@ const tl = new XZ(), VZ = {
|
|
|
8191
8206
|
displayText: O,
|
|
8192
8207
|
hasDisplayValue: j,
|
|
8193
8208
|
formatOutput: _,
|
|
8194
|
-
validate:
|
|
8209
|
+
validate: g
|
|
8195
8210
|
} = d4(Q, f, v, x, w, i.required), {
|
|
8196
8211
|
calendarDates: K,
|
|
8197
8212
|
monthsInYear: H,
|
|
@@ -8206,7 +8221,7 @@ const tl = new XZ(), VZ = {
|
|
|
8206
8221
|
} = El(c.currentDate), {
|
|
8207
8222
|
calendarDates: W1,
|
|
8208
8223
|
isDateInCurrentMonth: y1,
|
|
8209
|
-
navigateYear:
|
|
8224
|
+
navigateYear: g1,
|
|
8210
8225
|
navigateDecade: A1
|
|
8211
8226
|
} = El(c.rightCurrentDate), f1 = (Y) => {
|
|
8212
8227
|
switch (Y) {
|
|
@@ -8224,37 +8239,37 @@ const tl = new XZ(), VZ = {
|
|
|
8224
8239
|
let N = [];
|
|
8225
8240
|
if (i.disabledHours && (N = [...i.disabledHours()]), i.previousDateDisabled) {
|
|
8226
8241
|
const V = Y.getHours();
|
|
8227
|
-
for (let
|
|
8228
|
-
N.includes(
|
|
8242
|
+
for (let U = 0; U < V; U++)
|
|
8243
|
+
N.includes(U) || N.push(U);
|
|
8229
8244
|
}
|
|
8230
8245
|
return N;
|
|
8231
8246
|
}), $1 = M(() => (Y) => {
|
|
8232
8247
|
const N = /* @__PURE__ */ new Date();
|
|
8233
8248
|
let V = [];
|
|
8234
8249
|
if (i.disabledMinutes && (V = [...i.disabledMinutes(Y)]), i.previousDateDisabled) {
|
|
8235
|
-
const
|
|
8236
|
-
if (Y ===
|
|
8250
|
+
const U = N.getHours(), o1 = N.getMinutes();
|
|
8251
|
+
if (Y === U)
|
|
8237
8252
|
for (let b1 = 0; b1 < o1; b1++)
|
|
8238
8253
|
V.includes(b1) || V.push(b1);
|
|
8239
8254
|
}
|
|
8240
8255
|
return V;
|
|
8241
|
-
}),
|
|
8256
|
+
}), R1 = M(() => (Y, N) => {
|
|
8242
8257
|
const V = /* @__PURE__ */ new Date();
|
|
8243
|
-
let
|
|
8244
|
-
if (i.disabledSeconds && (
|
|
8258
|
+
let U = [];
|
|
8259
|
+
if (i.disabledSeconds && (U = [...i.disabledSeconds(Y, N)]), i.previousDateDisabled) {
|
|
8245
8260
|
const o1 = V.getHours(), b1 = V.getMinutes(), U1 = V.getSeconds();
|
|
8246
8261
|
if (Y === o1 && N === b1)
|
|
8247
8262
|
for (let Q1 = 0; Q1 < U1; Q1++)
|
|
8248
|
-
|
|
8263
|
+
U.includes(Q1) || U.push(Q1);
|
|
8249
8264
|
}
|
|
8250
|
-
return
|
|
8265
|
+
return U;
|
|
8251
8266
|
}), {
|
|
8252
8267
|
visible: X,
|
|
8253
8268
|
parentVisible: B,
|
|
8254
|
-
dropdownPosition:
|
|
8269
|
+
dropdownPosition: t1,
|
|
8255
8270
|
show: x1,
|
|
8256
8271
|
hide: j1,
|
|
8257
|
-
toggle:
|
|
8272
|
+
toggle: O1,
|
|
8258
8273
|
updatePosition: q1
|
|
8259
8274
|
} = Tl(I, h, {
|
|
8260
8275
|
trigger: "click",
|
|
@@ -8281,25 +8296,25 @@ const tl = new XZ(), VZ = {
|
|
|
8281
8296
|
"vt-datepicker--label-floating": a1.value
|
|
8282
8297
|
}
|
|
8283
8298
|
]), il = M(() => i.required && !j.value ? "Це поле є обов'язковим" : ""), P1 = M(() => i.errorMessage ? i.errorMessage : il.value ? il.value : ""), E = M(() => ({
|
|
8284
|
-
...
|
|
8299
|
+
...t1.value,
|
|
8285
8300
|
position: "absolute",
|
|
8286
8301
|
zIndex: 2e3
|
|
8287
|
-
})),
|
|
8302
|
+
})), q = M(() => (i.type === "daterange" || i.type === "datetimerange") && c.viewMode.value === "date"), a1 = M(() => i.outlined ? X.value || j.value : !1), r1 = (Y, N = !1, V = !1) => {
|
|
8288
8303
|
if ((i.type === "daterange" || i.type === "datetimerange") && (N && !J(Y) || V && !y1(Y)))
|
|
8289
8304
|
return !1;
|
|
8290
8305
|
if (i.previousDateDisabled) {
|
|
8291
|
-
const
|
|
8292
|
-
|
|
8306
|
+
const U = /* @__PURE__ */ new Date();
|
|
8307
|
+
U.setHours(0, 0, 0, 0);
|
|
8293
8308
|
const o1 = new Date(Y);
|
|
8294
|
-
if (o1.setHours(0, 0, 0, 0), o1 <
|
|
8309
|
+
if (o1.setHours(0, 0, 0, 0), o1 < U)
|
|
8295
8310
|
return !1;
|
|
8296
8311
|
}
|
|
8297
8312
|
if (i.maxDateRange && (i.type === "daterange" || i.type === "datetimerange") && c.startDate.value && c.isSelectingEnd.value) {
|
|
8298
|
-
const
|
|
8299
|
-
|
|
8313
|
+
const U = new Date(c.startDate.value);
|
|
8314
|
+
U.setHours(0, 0, 0, 0);
|
|
8300
8315
|
const o1 = new Date(Y);
|
|
8301
8316
|
o1.setHours(0, 0, 0, 0);
|
|
8302
|
-
const b1 = Math.abs(o1.getTime() -
|
|
8317
|
+
const b1 = Math.abs(o1.getTime() - U.getTime());
|
|
8303
8318
|
if (Math.ceil(b1 / (1e3 * 60 * 60 * 24)) > i.maxDateRange)
|
|
8304
8319
|
return !1;
|
|
8305
8320
|
}
|
|
@@ -8309,43 +8324,43 @@ const tl = new XZ(), VZ = {
|
|
|
8309
8324
|
return !1;
|
|
8310
8325
|
if (G.value) {
|
|
8311
8326
|
if (c.startDate.value && c.endDate.value) {
|
|
8312
|
-
const
|
|
8313
|
-
return
|
|
8327
|
+
const U = new Date(c.startDate.value), o1 = new Date(c.endDate.value), b1 = new Date(Y);
|
|
8328
|
+
return U.setHours(0, 0, 0, 0), o1.setHours(0, 0, 0, 0), b1.setHours(0, 0, 0, 0), b1.getTime() === U.getTime() || b1.getTime() === o1.getTime();
|
|
8314
8329
|
} else if (c.startDate.value) {
|
|
8315
|
-
const
|
|
8316
|
-
return
|
|
8330
|
+
const U = new Date(c.startDate.value), o1 = new Date(Y);
|
|
8331
|
+
return U.setHours(0, 0, 0, 0), o1.setHours(0, 0, 0, 0), o1.getTime() === U.getTime();
|
|
8317
8332
|
}
|
|
8318
8333
|
return !1;
|
|
8319
8334
|
} else {
|
|
8320
|
-
const
|
|
8321
|
-
if (!
|
|
8322
|
-
const o1 = new Date(
|
|
8335
|
+
const U = c.startDate.value || R.value;
|
|
8336
|
+
if (!U) return !1;
|
|
8337
|
+
const o1 = new Date(U), b1 = new Date(Y);
|
|
8323
8338
|
return o1.setHours(0, 0, 0, 0), b1.setHours(0, 0, 0, 0), b1.getTime() === o1.getTime();
|
|
8324
8339
|
}
|
|
8325
8340
|
}, L = (Y, N = !1, V = !1) => {
|
|
8326
8341
|
if (!G.value || (i.type === "daterange" || i.type === "datetimerange") && (N && !J(Y) || V && !y1(Y)))
|
|
8327
8342
|
return !1;
|
|
8328
8343
|
if (c.startDate.value && c.endDate.value) {
|
|
8329
|
-
const
|
|
8330
|
-
|
|
8344
|
+
const U = new Date(c.startDate.value), o1 = new Date(c.endDate.value);
|
|
8345
|
+
U.setHours(0, 0, 0, 0), o1.setHours(0, 0, 0, 0);
|
|
8331
8346
|
const b1 = new Date(Y);
|
|
8332
|
-
return b1.setHours(0, 0, 0, 0), b1 >=
|
|
8347
|
+
return b1.setHours(0, 0, 0, 0), b1 >= U && b1 <= o1;
|
|
8333
8348
|
}
|
|
8334
8349
|
if (c.startDate.value && c.isSelectingEnd.value && c.hoverDate.value) {
|
|
8335
|
-
const
|
|
8336
|
-
|
|
8337
|
-
const U1 =
|
|
8350
|
+
const U = new Date(c.startDate.value), o1 = new Date(c.hoverDate.value), b1 = new Date(Y);
|
|
8351
|
+
U.setHours(0, 0, 0, 0), o1.setHours(0, 0, 0, 0), b1.setHours(0, 0, 0, 0);
|
|
8352
|
+
const U1 = U <= o1 ? U : o1, Q1 = U <= o1 ? o1 : U;
|
|
8338
8353
|
return b1 >= U1 && b1 <= Q1;
|
|
8339
8354
|
}
|
|
8340
8355
|
return !1;
|
|
8341
8356
|
}, C = (Y, N) => {
|
|
8342
8357
|
if (G.value) {
|
|
8343
8358
|
if (c.startDate.value && c.endDate.value) {
|
|
8344
|
-
const V = N.getFullYear(),
|
|
8345
|
-
return V === o1 && Y ===
|
|
8359
|
+
const V = N.getFullYear(), U = c.startDate.value.getMonth(), o1 = c.startDate.value.getFullYear(), b1 = c.endDate.value.getMonth(), U1 = c.endDate.value.getFullYear();
|
|
8360
|
+
return V === o1 && Y === U || V === U1 && Y === b1;
|
|
8346
8361
|
} else if (c.startDate.value) {
|
|
8347
|
-
const V = c.startDate.value.getMonth(),
|
|
8348
|
-
return N.getFullYear() ===
|
|
8362
|
+
const V = c.startDate.value.getMonth(), U = c.startDate.value.getFullYear();
|
|
8363
|
+
return N.getFullYear() === U && Y === V;
|
|
8349
8364
|
}
|
|
8350
8365
|
return !1;
|
|
8351
8366
|
} else {
|
|
@@ -8354,14 +8369,14 @@ const tl = new XZ(), VZ = {
|
|
|
8354
8369
|
}
|
|
8355
8370
|
}, b = (Y, N) => {
|
|
8356
8371
|
if (!G.value) return !1;
|
|
8357
|
-
const V = N.getFullYear(),
|
|
8372
|
+
const V = N.getFullYear(), U = new Date(V, Y, 1);
|
|
8358
8373
|
if (c.startDate.value && c.endDate.value) {
|
|
8359
8374
|
const o1 = new Date(c.startDate.value.getFullYear(), c.startDate.value.getMonth(), 1), b1 = new Date(c.endDate.value.getFullYear(), c.endDate.value.getMonth(), 1);
|
|
8360
|
-
return
|
|
8375
|
+
return U >= o1 && U <= b1 && !C(Y, N);
|
|
8361
8376
|
}
|
|
8362
8377
|
if (c.startDate.value && c.isSelectingEnd.value && c.hoverDate.value) {
|
|
8363
8378
|
const o1 = new Date(c.startDate.value.getFullYear(), c.startDate.value.getMonth(), 1), b1 = new Date(c.hoverDate.value.getFullYear(), c.hoverDate.value.getMonth(), 1), U1 = o1 <= b1 ? o1 : b1, Q1 = o1 <= b1 ? b1 : o1;
|
|
8364
|
-
return
|
|
8379
|
+
return U >= U1 && U <= Q1 && !C(Y, N);
|
|
8365
8380
|
}
|
|
8366
8381
|
return !1;
|
|
8367
8382
|
}, Z = (Y) => {
|
|
@@ -8371,30 +8386,30 @@ const tl = new XZ(), VZ = {
|
|
|
8371
8386
|
const N = R.value;
|
|
8372
8387
|
return N ? N.getFullYear() === Y : !1;
|
|
8373
8388
|
}
|
|
8374
|
-
},
|
|
8389
|
+
}, F = (Y) => {
|
|
8375
8390
|
if (!G.value) return !1;
|
|
8376
8391
|
if (c.startDate.value && c.endDate.value) {
|
|
8377
8392
|
const N = c.startDate.value.getFullYear(), V = c.endDate.value.getFullYear();
|
|
8378
8393
|
return Y >= N && Y <= V && !Z(Y);
|
|
8379
8394
|
}
|
|
8380
8395
|
if (c.startDate.value && c.isSelectingEnd.value && c.hoverDate.value) {
|
|
8381
|
-
const N = c.startDate.value.getFullYear(), V = c.hoverDate.value.getFullYear(),
|
|
8382
|
-
return Y >=
|
|
8396
|
+
const N = c.startDate.value.getFullYear(), V = c.hoverDate.value.getFullYear(), U = Math.min(N, V), o1 = Math.max(N, V);
|
|
8397
|
+
return Y >= U && Y <= o1 && !Z(Y);
|
|
8383
8398
|
}
|
|
8384
8399
|
return !1;
|
|
8385
|
-
},
|
|
8386
|
-
var
|
|
8400
|
+
}, $ = (Y, N) => {
|
|
8401
|
+
var U;
|
|
8387
8402
|
const V = new Date(Y);
|
|
8388
8403
|
if (N && typeof N == "string") {
|
|
8389
8404
|
const o1 = N.match(/(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?/i);
|
|
8390
8405
|
if (o1) {
|
|
8391
8406
|
let b1 = parseInt(o1[1]);
|
|
8392
|
-
const U1 = parseInt(o1[2]), Q1 = o1[3] ? parseInt(o1[3]) : 0, wl = (
|
|
8407
|
+
const U1 = parseInt(o1[2]), Q1 = o1[3] ? parseInt(o1[3]) : 0, wl = (U = o1[4]) == null ? void 0 : U.toUpperCase();
|
|
8393
8408
|
wl && (wl === "PM" && b1 !== 12 && (b1 += 12), wl === "AM" && b1 === 12 && (b1 = 0)), V.setHours(b1, U1, Q1, 0);
|
|
8394
8409
|
}
|
|
8395
8410
|
}
|
|
8396
8411
|
return V;
|
|
8397
|
-
},
|
|
8412
|
+
}, i1 = (Y) => Y ? i.use12Hours ? Y.toLocaleTimeString("en-US", {
|
|
8398
8413
|
hour12: !0,
|
|
8399
8414
|
hour: "2-digit",
|
|
8400
8415
|
minute: "2-digit",
|
|
@@ -8405,12 +8420,12 @@ const tl = new XZ(), VZ = {
|
|
|
8405
8420
|
minute: "2-digit",
|
|
8406
8421
|
...i.showSeconds && { second: "2-digit" }
|
|
8407
8422
|
}) : "", u1 = (Y) => {
|
|
8408
|
-
var V,
|
|
8423
|
+
var V, U;
|
|
8409
8424
|
if (!X.value) return;
|
|
8410
8425
|
const N = Y.target;
|
|
8411
|
-
(V = m.value) != null && V.contains(N) || (
|
|
8426
|
+
(V = m.value) != null && V.contains(N) || (U = h.value) != null && U.contains(N) || j1();
|
|
8412
8427
|
}, X1 = () => {
|
|
8413
|
-
i.disabled ||
|
|
8428
|
+
i.disabled || O1();
|
|
8414
8429
|
}, Z1 = () => {
|
|
8415
8430
|
c.isFocused.value = !0, d("focus", m.value);
|
|
8416
8431
|
}, J1 = () => {
|
|
@@ -8423,8 +8438,8 @@ const tl = new XZ(), VZ = {
|
|
|
8423
8438
|
if (!c.startDate.value || c.startDate.value && c.endDate.value)
|
|
8424
8439
|
c.startDate.value = new Date(Y), c.endDate.value = null, c.isSelectingEnd.value = !0, c.hoverDate.value = null, F1.value && (c.startTime.value = "00:00:00", c.endTime.value = null);
|
|
8425
8440
|
else if (c.startDate.value && !c.endDate.value) {
|
|
8426
|
-
const
|
|
8427
|
-
if (o1 >=
|
|
8441
|
+
const U = new Date(c.startDate.value), o1 = new Date(Y);
|
|
8442
|
+
if (o1 >= U ? c.endDate.value = o1 : (c.endDate.value = U, c.startDate.value = o1), F1.value && (c.endTime.value = "23:59:59"), c.isSelectingEnd.value = !1, c.hoverDate.value = null, !F1.value) {
|
|
8428
8443
|
const b1 = [c.startDate.value, c.endDate.value];
|
|
8429
8444
|
try {
|
|
8430
8445
|
const U1 = _(b1);
|
|
@@ -8439,10 +8454,10 @@ const tl = new XZ(), VZ = {
|
|
|
8439
8454
|
c.startDate.value = new Date(Y), c.startTime.value = "00:00:00";
|
|
8440
8455
|
else
|
|
8441
8456
|
try {
|
|
8442
|
-
const
|
|
8443
|
-
d("update:modelValue",
|
|
8444
|
-
} catch (
|
|
8445
|
-
console.warn("Error formatting single date output:",
|
|
8457
|
+
const U = _(new Date(Y));
|
|
8458
|
+
d("update:modelValue", U), d("change", U), j1();
|
|
8459
|
+
} catch (U) {
|
|
8460
|
+
console.warn("Error formatting single date output:", U);
|
|
8446
8461
|
}
|
|
8447
8462
|
}, ol = (Y, N = !1, V = !1) => {
|
|
8448
8463
|
(i.type === "daterange" || i.type === "datetimerange") && (N && !J(Y) || V && !y1(Y)) || G.value && c.isSelectingEnd.value && c.startDate.value && (c.hoverDate.value = new Date(Y));
|
|
@@ -8450,26 +8465,26 @@ const tl = new XZ(), VZ = {
|
|
|
8450
8465
|
G.value && c.isSelectingEnd.value && (c.hoverDate.value = null);
|
|
8451
8466
|
}, ul = (Y, N = !1) => {
|
|
8452
8467
|
if (N ? c.endTime.value = Y : c.startTime.value = Y, !G.value && c.startDate.value && c.startTime.value) {
|
|
8453
|
-
const V =
|
|
8468
|
+
const V = $(c.startDate.value, c.startTime.value);
|
|
8454
8469
|
try {
|
|
8455
|
-
const
|
|
8456
|
-
d("update:modelValue",
|
|
8457
|
-
} catch (
|
|
8458
|
-
console.warn("Error formatting datetime output:",
|
|
8470
|
+
const U = _(V);
|
|
8471
|
+
d("update:modelValue", U), d("change", U);
|
|
8472
|
+
} catch (U) {
|
|
8473
|
+
console.warn("Error formatting datetime output:", U);
|
|
8459
8474
|
}
|
|
8460
8475
|
}
|
|
8461
8476
|
}, r2 = () => {
|
|
8462
8477
|
if (F1.value) {
|
|
8463
8478
|
if (G.value && c.startDate.value && c.endDate.value) {
|
|
8464
|
-
const Y =
|
|
8479
|
+
const Y = $(c.startDate.value, c.startTime.value || "00:00:00"), N = $(c.endDate.value, c.endTime.value || "23:59:59"), V = [Y, N];
|
|
8465
8480
|
try {
|
|
8466
|
-
const
|
|
8467
|
-
d("update:modelValue",
|
|
8468
|
-
} catch (
|
|
8469
|
-
console.warn("Error formatting datetime range output:",
|
|
8481
|
+
const U = _(V);
|
|
8482
|
+
d("update:modelValue", U), d("change", U);
|
|
8483
|
+
} catch (U) {
|
|
8484
|
+
console.warn("Error formatting datetime range output:", U);
|
|
8470
8485
|
}
|
|
8471
8486
|
} else if (!G.value && c.startDate.value) {
|
|
8472
|
-
const Y =
|
|
8487
|
+
const Y = $(c.startDate.value, c.startTime.value || "00:00:00");
|
|
8473
8488
|
try {
|
|
8474
8489
|
const N = _(Y);
|
|
8475
8490
|
d("update:modelValue", N), d("change", N);
|
|
@@ -8484,11 +8499,11 @@ const tl = new XZ(), VZ = {
|
|
|
8484
8499
|
}, p2 = (Y, N = !1) => {
|
|
8485
8500
|
const V = N ? c.rightCurrentDate.value : c.currentDate.value;
|
|
8486
8501
|
if (i.type === "month" || i.type === "monthrange") {
|
|
8487
|
-
const
|
|
8488
|
-
v1(
|
|
8502
|
+
const U = new Date(V.getFullYear(), Y, 1);
|
|
8503
|
+
v1(U);
|
|
8489
8504
|
} else {
|
|
8490
|
-
const
|
|
8491
|
-
N ? c.rightCurrentDate.value =
|
|
8505
|
+
const U = new Date(V.getFullYear(), Y, 1);
|
|
8506
|
+
N ? c.rightCurrentDate.value = U : c.currentDate.value = U, c.viewMode.value = "date";
|
|
8492
8507
|
}
|
|
8493
8508
|
}, Y2 = (Y, N) => {
|
|
8494
8509
|
if (G.value && c.isSelectingEnd.value && c.startDate.value) {
|
|
@@ -8510,13 +8525,13 @@ const tl = new XZ(), VZ = {
|
|
|
8510
8525
|
}, X2 = () => {
|
|
8511
8526
|
G.value && c.isSelectingEnd.value && (c.hoverDate.value = null);
|
|
8512
8527
|
}, gl = () => {
|
|
8513
|
-
c.viewMode.value === "year" ? (I1("prev"), A1("prev")) : c.viewMode.value === "month" ? (n1("prev"),
|
|
8528
|
+
c.viewMode.value === "year" ? (I1("prev"), A1("prev")) : c.viewMode.value === "month" ? (n1("prev"), g1("prev")) : (m1("prev"), c.rightCurrentDate.value = new Date(
|
|
8514
8529
|
c.currentDate.value.getFullYear(),
|
|
8515
8530
|
c.currentDate.value.getMonth() + 1,
|
|
8516
8531
|
1
|
|
8517
8532
|
));
|
|
8518
8533
|
}, Rl = () => {
|
|
8519
|
-
c.viewMode.value === "year" ? (I1("next"), A1("next")) : c.viewMode.value === "month" ? (n1("next"),
|
|
8534
|
+
c.viewMode.value === "year" ? (I1("next"), A1("next")) : c.viewMode.value === "month" ? (n1("next"), g1("next")) : (m1("next"), c.rightCurrentDate.value = new Date(
|
|
8520
8535
|
c.currentDate.value.getFullYear(),
|
|
8521
8536
|
c.currentDate.value.getMonth() + 1,
|
|
8522
8537
|
1
|
|
@@ -8528,14 +8543,14 @@ const tl = new XZ(), VZ = {
|
|
|
8528
8543
|
if (Y) {
|
|
8529
8544
|
if (G.value && Array.isArray(Y) && Y.length === 2)
|
|
8530
8545
|
try {
|
|
8531
|
-
c.startDate.value = Y[0] instanceof Date ? new Date(Y[0]) : new Date(Y[0]), c.endDate.value = Y[1] instanceof Date ? new Date(Y[1]) : new Date(Y[1]), F1.value && (c.startTime.value =
|
|
8546
|
+
c.startDate.value = Y[0] instanceof Date ? new Date(Y[0]) : new Date(Y[0]), c.endDate.value = Y[1] instanceof Date ? new Date(Y[1]) : new Date(Y[1]), F1.value && (c.startTime.value = i1(c.startDate.value), c.endTime.value = i1(c.endDate.value));
|
|
8532
8547
|
} catch {
|
|
8533
8548
|
console.warn("Invalid date format in modelValue:", Y), c.startDate.value = null, c.endDate.value = null;
|
|
8534
8549
|
}
|
|
8535
8550
|
else if (!G.value && Y !== null)
|
|
8536
8551
|
try {
|
|
8537
8552
|
let N = null;
|
|
8538
|
-
Y instanceof Date ? N = Y : (typeof Y == "string" || typeof Y == "number") && (N = new Date(Y)), N && !isNaN(N.getTime()) ? (c.startDate.value = N, F1.value && (c.startTime.value =
|
|
8553
|
+
Y instanceof Date ? N = Y : (typeof Y == "string" || typeof Y == "number") && (N = new Date(Y)), N && !isNaN(N.getTime()) ? (c.startDate.value = N, F1.value && (c.startTime.value = i1(N))) : c.startDate.value = null;
|
|
8539
8554
|
} catch {
|
|
8540
8555
|
console.warn("Invalid date format in modelValue:", Y), c.startDate.value = null;
|
|
8541
8556
|
}
|
|
@@ -8552,7 +8567,7 @@ const tl = new XZ(), VZ = {
|
|
|
8552
8567
|
), C1(
|
|
8553
8568
|
() => c.currentDate.value,
|
|
8554
8569
|
(Y) => {
|
|
8555
|
-
|
|
8570
|
+
q.value && (c.rightCurrentDate.value = new Date(Y.getFullYear(), Y.getMonth() + 1, 1));
|
|
8556
8571
|
}
|
|
8557
8572
|
), D1(() => {
|
|
8558
8573
|
document.addEventListener("click", u1), c.viewMode.value = f1(i.type), (i.type === "daterange" || i.type === "datetimerange") && (c.rightCurrentDate.value = new Date(
|
|
@@ -8577,18 +8592,18 @@ const tl = new XZ(), VZ = {
|
|
|
8577
8592
|
close: () => {
|
|
8578
8593
|
j1();
|
|
8579
8594
|
},
|
|
8580
|
-
validate:
|
|
8595
|
+
validate: g
|
|
8581
8596
|
}), (Y, N) => (s(), o("div", {
|
|
8582
8597
|
ref_key: "datePickerRef",
|
|
8583
8598
|
ref: m,
|
|
8584
|
-
class:
|
|
8599
|
+
class: l1(ll.value)
|
|
8585
8600
|
}, [
|
|
8586
8601
|
Y.label && !Y.outlined ? (s(), o("label", {
|
|
8587
8602
|
key: 0,
|
|
8588
8603
|
for: Y.id,
|
|
8589
8604
|
class: "vt-datepicker__label"
|
|
8590
8605
|
}, [
|
|
8591
|
-
L1(
|
|
8606
|
+
L1(z(Y.label) + " ", 1),
|
|
8592
8607
|
Y.required ? (s(), o("span", Y7, "*")) : k("", !0)
|
|
8593
8608
|
], 8, p7)) : k("", !0),
|
|
8594
8609
|
e("div", {
|
|
@@ -8605,7 +8620,7 @@ const tl = new XZ(), VZ = {
|
|
|
8605
8620
|
for: Y.id,
|
|
8606
8621
|
class: "vt-datepicker__floating-label"
|
|
8607
8622
|
}, [
|
|
8608
|
-
L1(
|
|
8623
|
+
L1(z(Y.label) + " ", 1),
|
|
8609
8624
|
Y.required ? (s(), o("span", y7, "*")) : k("", !0)
|
|
8610
8625
|
], 8, W7)) : k("", !0),
|
|
8611
8626
|
e("div", S7, [
|
|
@@ -8616,19 +8631,19 @@ const tl = new XZ(), VZ = {
|
|
|
8616
8631
|
]),
|
|
8617
8632
|
P(j) ? (s(), o("div", V7, [
|
|
8618
8633
|
P(G) ? (s(), o(d1, { key: 0 }, [
|
|
8619
|
-
e("span", null,
|
|
8620
|
-
e("span", L7,
|
|
8621
|
-
e("span", null,
|
|
8634
|
+
e("span", null, z(P(O)[0]), 1),
|
|
8635
|
+
e("span", L7, z(i.rangeSeparator), 1),
|
|
8636
|
+
e("span", null, z(P(O)[1]), 1)
|
|
8622
8637
|
], 64)) : (s(), o(d1, { key: 1 }, [
|
|
8623
|
-
L1(
|
|
8638
|
+
L1(z(P(O)), 1)
|
|
8624
8639
|
], 64))
|
|
8625
8640
|
])) : (s(), o("div", C7, [
|
|
8626
8641
|
P(G) ? (s(), o(d1, { key: 0 }, [
|
|
8627
|
-
e("span", null,
|
|
8628
|
-
Y.outlined ? k("", !0) : (s(), o("span", M7,
|
|
8629
|
-
Y.outlined ? k("", !0) : (s(), o("span", G7,
|
|
8642
|
+
e("span", null, z(Y.outlined ? "" : i.startPlaceholder), 1),
|
|
8643
|
+
Y.outlined ? k("", !0) : (s(), o("span", M7, z(i.rangeSeparator), 1)),
|
|
8644
|
+
Y.outlined ? k("", !0) : (s(), o("span", G7, z(i.endPlaceholder), 1))
|
|
8630
8645
|
], 64)) : (s(), o(d1, { key: 1 }, [
|
|
8631
|
-
L1(
|
|
8646
|
+
L1(z(Y.outlined ? "" : sl.value), 1)
|
|
8632
8647
|
], 64))
|
|
8633
8648
|
])),
|
|
8634
8649
|
e("div", T7, [
|
|
@@ -8643,7 +8658,7 @@ const tl = new XZ(), VZ = {
|
|
|
8643
8658
|
], 8, w7)) : k("", !0)
|
|
8644
8659
|
])
|
|
8645
8660
|
]),
|
|
8646
|
-
Y.outlined && P1.value ? (s(), o("div", N7,
|
|
8661
|
+
Y.outlined && P1.value ? (s(), o("div", N7, z(P1.value), 1)) : k("", !0)
|
|
8647
8662
|
], 544),
|
|
8648
8663
|
P(X) && P(B) ? (s(), V1(dl, {
|
|
8649
8664
|
key: 1,
|
|
@@ -8662,9 +8677,9 @@ const tl = new XZ(), VZ = {
|
|
|
8662
8677
|
}, ["prevent"]))
|
|
8663
8678
|
}, [
|
|
8664
8679
|
e("div", {
|
|
8665
|
-
class:
|
|
8680
|
+
class: l1([{ "vt-datepicker__date-section--with-time": G1.value }, "vt-datepicker__date-section"])
|
|
8666
8681
|
}, [
|
|
8667
|
-
|
|
8682
|
+
q.value ? (s(), o("div", x7, [
|
|
8668
8683
|
e("div", J7, [
|
|
8669
8684
|
G1.value ? (s(), o("div", k7, [
|
|
8670
8685
|
s1(yl, {
|
|
@@ -8675,7 +8690,7 @@ const tl = new XZ(), VZ = {
|
|
|
8675
8690
|
clearable: !1,
|
|
8676
8691
|
"disabled-hours": H1.value,
|
|
8677
8692
|
"disabled-minutes": $1.value,
|
|
8678
|
-
"disabled-seconds":
|
|
8693
|
+
"disabled-seconds": R1.value,
|
|
8679
8694
|
"hide-disabled-options": i.hideDisabledOptions,
|
|
8680
8695
|
"hour-step": i.hourStep,
|
|
8681
8696
|
"minute-step": i.minuteStep,
|
|
@@ -8698,22 +8713,22 @@ const tl = new XZ(), VZ = {
|
|
|
8698
8713
|
e("button", {
|
|
8699
8714
|
class: "vt-datepicker__header-btn",
|
|
8700
8715
|
onClick: N[2] || (N[2] = (V) => c.viewMode.value = "month")
|
|
8701
|
-
},
|
|
8716
|
+
}, z(c.currentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)
|
|
8702
8717
|
]),
|
|
8703
8718
|
N[12] || (N[12] = e("div", { class: "vt-datepicker__nav-spacer" }, null, -1))
|
|
8704
8719
|
]),
|
|
8705
8720
|
e("div", F7, [
|
|
8706
8721
|
e("div", z7, [
|
|
8707
8722
|
e("div", U7, [
|
|
8708
|
-
(s(!0), o(d1, null, Y1(P(Jl), (V,
|
|
8709
|
-
key: `${
|
|
8723
|
+
(s(!0), o(d1, null, Y1(P(Jl), (V, U) => (s(), o("span", {
|
|
8724
|
+
key: `${U}_${V}`,
|
|
8710
8725
|
class: "vt-datepicker__weekday"
|
|
8711
|
-
},
|
|
8726
|
+
}, z(V), 1))), 128))
|
|
8712
8727
|
]),
|
|
8713
8728
|
e("div", g7, [
|
|
8714
8729
|
(s(!0), o(d1, null, Y1(P(K), (V) => (s(), o("button", {
|
|
8715
8730
|
key: V.getTime(),
|
|
8716
|
-
class:
|
|
8731
|
+
class: l1([
|
|
8717
8732
|
"vt-datepicker__date",
|
|
8718
8733
|
{
|
|
8719
8734
|
"vt-datepicker__date--selected": c1(V, !0, !1),
|
|
@@ -8726,10 +8741,10 @@ const tl = new XZ(), VZ = {
|
|
|
8726
8741
|
}
|
|
8727
8742
|
]),
|
|
8728
8743
|
disabled: !r1(V, !0, !1),
|
|
8729
|
-
onClick: (
|
|
8730
|
-
onMouseenter: (
|
|
8744
|
+
onClick: (U) => v1(V, !0, !1),
|
|
8745
|
+
onMouseenter: (U) => ol(V, !0, !1),
|
|
8731
8746
|
onMouseleave: ml
|
|
8732
|
-
},
|
|
8747
|
+
}, z(V.getDate()), 43, R7))), 128))
|
|
8733
8748
|
])
|
|
8734
8749
|
])
|
|
8735
8750
|
])
|
|
@@ -8762,7 +8777,7 @@ const tl = new XZ(), VZ = {
|
|
|
8762
8777
|
e("button", {
|
|
8763
8778
|
class: "vt-datepicker__header-btn",
|
|
8764
8779
|
onClick: N[5] || (N[5] = (V) => c.viewMode.value = "month")
|
|
8765
|
-
},
|
|
8780
|
+
}, z(c.rightCurrentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)
|
|
8766
8781
|
]),
|
|
8767
8782
|
e("button", {
|
|
8768
8783
|
class: "vt-datepicker__nav-btn",
|
|
@@ -8774,15 +8789,15 @@ const tl = new XZ(), VZ = {
|
|
|
8774
8789
|
e("div", f7, [
|
|
8775
8790
|
e("div", H7, [
|
|
8776
8791
|
e("div", E7, [
|
|
8777
|
-
(s(!0), o(d1, null, Y1(P(Jl), (V,
|
|
8778
|
-
key: `${
|
|
8792
|
+
(s(!0), o(d1, null, Y1(P(Jl), (V, U) => (s(), o("span", {
|
|
8793
|
+
key: `${U}_${V}`,
|
|
8779
8794
|
class: "vt-datepicker__weekday"
|
|
8780
|
-
},
|
|
8795
|
+
}, z(V), 1))), 128))
|
|
8781
8796
|
]),
|
|
8782
8797
|
e("div", Q7, [
|
|
8783
8798
|
(s(!0), o(d1, null, Y1(P(W1), (V) => (s(), o("button", {
|
|
8784
8799
|
key: V.getTime(),
|
|
8785
|
-
class:
|
|
8800
|
+
class: l1([
|
|
8786
8801
|
"vt-datepicker__date",
|
|
8787
8802
|
{
|
|
8788
8803
|
"vt-datepicker__date--selected": c1(V, !1, !0),
|
|
@@ -8795,10 +8810,10 @@ const tl = new XZ(), VZ = {
|
|
|
8795
8810
|
}
|
|
8796
8811
|
]),
|
|
8797
8812
|
disabled: !r1(V, !1, !0),
|
|
8798
|
-
onClick: (
|
|
8799
|
-
onMouseenter: (
|
|
8813
|
+
onClick: (U) => v1(V, !1, !0),
|
|
8814
|
+
onMouseenter: (U) => ol(V, !1, !0),
|
|
8800
8815
|
onMouseleave: ml
|
|
8801
|
-
},
|
|
8816
|
+
}, z(V.getDate()), 43, B7))), 128))
|
|
8802
8817
|
])
|
|
8803
8818
|
])
|
|
8804
8819
|
])
|
|
@@ -8813,7 +8828,7 @@ const tl = new XZ(), VZ = {
|
|
|
8813
8828
|
clearable: !1,
|
|
8814
8829
|
"disabled-hours": H1.value,
|
|
8815
8830
|
"disabled-minutes": $1.value,
|
|
8816
|
-
"disabled-seconds":
|
|
8831
|
+
"disabled-seconds": R1.value,
|
|
8817
8832
|
"hide-disabled-options": i.hideDisabledOptions,
|
|
8818
8833
|
"hour-step": i.hourStep,
|
|
8819
8834
|
"minute-step": i.minuteStep,
|
|
@@ -8837,11 +8852,11 @@ const tl = new XZ(), VZ = {
|
|
|
8837
8852
|
key: 0,
|
|
8838
8853
|
class: "vt-datepicker__header-btn",
|
|
8839
8854
|
onClick: N[8] || (N[8] = (V) => c.viewMode.value = "month")
|
|
8840
|
-
},
|
|
8855
|
+
}, z(c.currentDate.value.toLocaleString("default", { month: "long", year: "numeric" })), 1)) : c.viewMode.value === "month" ? (s(), o("button", {
|
|
8841
8856
|
key: 1,
|
|
8842
8857
|
class: "vt-datepicker__header-btn",
|
|
8843
8858
|
onClick: N[9] || (N[9] = (V) => c.viewMode.value = "year")
|
|
8844
|
-
},
|
|
8859
|
+
}, z(c.currentDate.value.getFullYear()), 1)) : (s(), o("span", lI, z(P(p1)), 1))
|
|
8845
8860
|
]),
|
|
8846
8861
|
e("button", {
|
|
8847
8862
|
class: "vt-datepicker__nav-btn",
|
|
@@ -8853,15 +8868,15 @@ const tl = new XZ(), VZ = {
|
|
|
8853
8868
|
e("div", iI, [
|
|
8854
8869
|
c.viewMode.value === "date" ? (s(), o("div", tI, [
|
|
8855
8870
|
e("div", eI, [
|
|
8856
|
-
(s(!0), o(d1, null, Y1(P(Jl), (V,
|
|
8857
|
-
key: `${
|
|
8871
|
+
(s(!0), o(d1, null, Y1(P(Jl), (V, U) => (s(), o("span", {
|
|
8872
|
+
key: `${U}_${V}`,
|
|
8858
8873
|
class: "vt-datepicker__weekday"
|
|
8859
|
-
},
|
|
8874
|
+
}, z(V), 1))), 128))
|
|
8860
8875
|
]),
|
|
8861
8876
|
e("div", sI, [
|
|
8862
8877
|
(s(!0), o(d1, null, Y1(P(K), (V) => (s(), o("button", {
|
|
8863
8878
|
key: V.getTime(),
|
|
8864
|
-
class:
|
|
8879
|
+
class: l1([
|
|
8865
8880
|
"vt-datepicker__date",
|
|
8866
8881
|
{
|
|
8867
8882
|
"vt-datepicker__date--selected": c1(V),
|
|
@@ -8873,41 +8888,41 @@ const tl = new XZ(), VZ = {
|
|
|
8873
8888
|
"vt-datepicker__date--disabled": !r1(V, !1, !0)
|
|
8874
8889
|
}
|
|
8875
8890
|
]),
|
|
8876
|
-
onClick: (
|
|
8877
|
-
onMouseenter: (
|
|
8891
|
+
onClick: (U) => v1(V),
|
|
8892
|
+
onMouseenter: (U) => ol(V),
|
|
8878
8893
|
onMouseleave: ml
|
|
8879
|
-
},
|
|
8894
|
+
}, z(V.getDate()), 43, oI))), 128))
|
|
8880
8895
|
])
|
|
8881
8896
|
])) : c.viewMode.value === "month" ? (s(), o("div", nI, [
|
|
8882
|
-
(s(!0), o(d1, null, Y1(P(H), (V,
|
|
8897
|
+
(s(!0), o(d1, null, Y1(P(H), (V, U) => (s(), o("button", {
|
|
8883
8898
|
key: V.name,
|
|
8884
|
-
class:
|
|
8899
|
+
class: l1([
|
|
8885
8900
|
"vt-datepicker__month",
|
|
8886
8901
|
{
|
|
8887
|
-
"vt-datepicker__month--selected": C(
|
|
8888
|
-
"vt-datepicker__month--current":
|
|
8889
|
-
"vt-datepicker__month--in-range": b(
|
|
8902
|
+
"vt-datepicker__month--selected": C(U, c.currentDate.value),
|
|
8903
|
+
"vt-datepicker__month--current": U === c.currentDate.value.getMonth(),
|
|
8904
|
+
"vt-datepicker__month--in-range": b(U, c.currentDate.value)
|
|
8890
8905
|
}
|
|
8891
8906
|
]),
|
|
8892
|
-
onClick: (o1) => p2(
|
|
8893
|
-
onMouseenter: (o1) => Y2(
|
|
8907
|
+
onClick: (o1) => p2(U, !1),
|
|
8908
|
+
onMouseenter: (o1) => Y2(U, c.currentDate.value),
|
|
8894
8909
|
onMouseleave: W2
|
|
8895
|
-
},
|
|
8910
|
+
}, z(V.name), 43, cI))), 128))
|
|
8896
8911
|
])) : (s(), o("div", dI, [
|
|
8897
8912
|
(s(!0), o(d1, null, Y1(P(e1), (V) => (s(), o("button", {
|
|
8898
8913
|
key: V.year,
|
|
8899
|
-
class:
|
|
8914
|
+
class: l1([
|
|
8900
8915
|
"vt-datepicker__year",
|
|
8901
8916
|
{
|
|
8902
8917
|
"vt-datepicker__year--selected": Z(V.year),
|
|
8903
8918
|
"vt-datepicker__year--current": V.year === c.currentDate.value.getFullYear(),
|
|
8904
|
-
"vt-datepicker__year--in-range":
|
|
8919
|
+
"vt-datepicker__year--in-range": F(V.year)
|
|
8905
8920
|
}
|
|
8906
8921
|
]),
|
|
8907
|
-
onClick: (
|
|
8908
|
-
onMouseenter: (
|
|
8922
|
+
onClick: (U) => y2(V.year),
|
|
8923
|
+
onMouseenter: (U) => S2(V.year),
|
|
8909
8924
|
onMouseleave: X2
|
|
8910
|
-
},
|
|
8925
|
+
}, z(V.year), 43, mI))), 128))
|
|
8911
8926
|
]))
|
|
8912
8927
|
])
|
|
8913
8928
|
]))
|
|
@@ -8938,10 +8953,10 @@ const tl = new XZ(), VZ = {
|
|
|
8938
8953
|
})
|
|
8939
8954
|
])) : k("", !0),
|
|
8940
8955
|
!Y.outlined && (Y.helperText || P1.value) ? (s(), o("div", II, [
|
|
8941
|
-
P1.value ? (s(), o("span", aI,
|
|
8956
|
+
P1.value ? (s(), o("span", aI, z(P1.value), 1)) : Y.helperText ? (s(), o("span", uI, z(Y.helperText), 1)) : k("", !0)
|
|
8942
8957
|
])) : k("", !0),
|
|
8943
8958
|
Y.outlined && Y.helperText && !P1.value ? (s(), o("div", hI, [
|
|
8944
|
-
e("span", rI,
|
|
8959
|
+
e("span", rI, z(Y.helperText), 1)
|
|
8945
8960
|
])) : k("", !0)
|
|
8946
8961
|
], 2));
|
|
8947
8962
|
}
|
|
@@ -9001,10 +9016,10 @@ const tl = new XZ(), VZ = {
|
|
|
9001
9016
|
y.style.height = "0", y.style.overflow = "hidden";
|
|
9002
9017
|
};
|
|
9003
9018
|
return (S, y) => (s(), o("div", {
|
|
9004
|
-
class:
|
|
9019
|
+
class: l1([{ "is-active": m.value, "is-disabled": S.disabled }, "v-collapse-item"])
|
|
9005
9020
|
}, [
|
|
9006
9021
|
e("div", {
|
|
9007
|
-
class:
|
|
9022
|
+
class: l1([{ "is-active": m.value }, "v-collapse-item__header"]),
|
|
9008
9023
|
onClick: I
|
|
9009
9024
|
}, [
|
|
9010
9025
|
e("div", WI, [
|
|
@@ -9012,11 +9027,11 @@ const tl = new XZ(), VZ = {
|
|
|
9012
9027
|
isActive: m.value,
|
|
9013
9028
|
title: S.title
|
|
9014
9029
|
}, () => [
|
|
9015
|
-
L1(
|
|
9030
|
+
L1(z(S.title), 1)
|
|
9016
9031
|
])
|
|
9017
9032
|
]),
|
|
9018
9033
|
e("div", {
|
|
9019
|
-
class:
|
|
9034
|
+
class: l1([{ "is-active": m.value }, "v-collapse-item__arrow"])
|
|
9020
9035
|
}, [
|
|
9021
9036
|
s1(h1, { name: "arrowRight" })
|
|
9022
9037
|
], 2)
|
|
@@ -9123,7 +9138,7 @@ const tl = new XZ(), VZ = {
|
|
|
9123
9138
|
e("div", LI, [
|
|
9124
9139
|
(s(!0), o(d1, null, Y1(I.value, (R) => (s(), o("div", {
|
|
9125
9140
|
key: R.name,
|
|
9126
|
-
class:
|
|
9141
|
+
class: l1([{
|
|
9127
9142
|
"is-active": m.value === R.name,
|
|
9128
9143
|
"is-disabled": R.disabled
|
|
9129
9144
|
}, "vt-tabs__nav-item"]),
|
|
@@ -9138,7 +9153,7 @@ const tl = new XZ(), VZ = {
|
|
|
9138
9153
|
name: R.icon,
|
|
9139
9154
|
class: "vt-tab-icon"
|
|
9140
9155
|
}, null, 8, ["name"])) : k("", !0),
|
|
9141
|
-
R.label ? (s(), o("span", MI,
|
|
9156
|
+
R.label ? (s(), o("span", MI, z(R.label), 1)) : k("", !0)
|
|
9142
9157
|
], 64)),
|
|
9143
9158
|
R.closable ? (s(), o("span", {
|
|
9144
9159
|
key: 2,
|
|
@@ -9346,36 +9361,36 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9346
9361
|
setup(t, { emit: l }) {
|
|
9347
9362
|
const n = t, i = l, d = T(!1), m = T(!1), I = T(0), h = T(""), r = T(""), u = T(null), a = M({
|
|
9348
9363
|
get: () => n.modelValue || [],
|
|
9349
|
-
set: (
|
|
9350
|
-
i("update:modelValue",
|
|
9364
|
+
set: (g) => {
|
|
9365
|
+
i("update:modelValue", g), i("change", g);
|
|
9351
9366
|
}
|
|
9352
9367
|
}), S = M(() => {
|
|
9353
9368
|
if (n.tip) return n.tip;
|
|
9354
|
-
const
|
|
9369
|
+
const g = [];
|
|
9355
9370
|
if (n.accept) {
|
|
9356
9371
|
const K = n.accept.split(",").map((H) => H.trim()).join("/");
|
|
9357
|
-
|
|
9372
|
+
g.push(K);
|
|
9358
9373
|
}
|
|
9359
|
-
return n.maxSize &&
|
|
9374
|
+
return n.maxSize && g.push(`files with a size less than ${Zl.formatFileSize(n.maxSize)}`), n.maxRows && g.push(`max ${n.maxRows} rows`), g.join(" ");
|
|
9360
9375
|
}), y = M(() => ({
|
|
9361
9376
|
validating: "Validating file...",
|
|
9362
9377
|
parsing: "Parsing data...",
|
|
9363
9378
|
completing: "Completing..."
|
|
9364
|
-
})[r.value] || "Processing files..."), W = M(() => n.maxFiles ? a.value.length < n.maxFiles : !0), c = M(() => n.disabled || m.value), Q = M(() => !(n.maxFiles === 1 && a.value.length >= 1)), f = (
|
|
9365
|
-
c.value || (
|
|
9366
|
-
}, v = (
|
|
9367
|
-
c.value || (
|
|
9368
|
-
}, x = (
|
|
9379
|
+
})[r.value] || "Processing files..."), W = M(() => n.maxFiles ? a.value.length < n.maxFiles : !0), c = M(() => n.disabled || m.value), Q = M(() => !(n.maxFiles === 1 && a.value.length >= 1)), f = (g) => {
|
|
9380
|
+
c.value || (g.preventDefault(), d.value = !0);
|
|
9381
|
+
}, v = (g) => {
|
|
9382
|
+
c.value || (g.preventDefault(), d.value = !1);
|
|
9383
|
+
}, x = (g) => {
|
|
9369
9384
|
var H;
|
|
9370
9385
|
if (c.value) return;
|
|
9371
|
-
|
|
9372
|
-
const K = Array.from(((H =
|
|
9386
|
+
g.preventDefault(), d.value = !1;
|
|
9387
|
+
const K = Array.from(((H = g.dataTransfer) == null ? void 0 : H.files) || []);
|
|
9373
9388
|
R(K);
|
|
9374
|
-
}, w = (
|
|
9375
|
-
const K =
|
|
9389
|
+
}, w = (g) => {
|
|
9390
|
+
const K = g.target, H = Array.from(K.files || []);
|
|
9376
9391
|
R(H), K.value = "";
|
|
9377
|
-
}, G = async (
|
|
9378
|
-
const H = I.value, e1 =
|
|
9392
|
+
}, G = async (g, K = 200) => {
|
|
9393
|
+
const H = I.value, e1 = g - H, p1 = Date.now();
|
|
9379
9394
|
return new Promise((J) => {
|
|
9380
9395
|
const D = () => {
|
|
9381
9396
|
const A = Date.now() - p1, m1 = Math.min(A / K, 1);
|
|
@@ -9383,13 +9398,13 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9383
9398
|
};
|
|
9384
9399
|
requestAnimationFrame(D);
|
|
9385
9400
|
});
|
|
9386
|
-
}, R = async (
|
|
9401
|
+
}, R = async (g) => {
|
|
9387
9402
|
if (!W.value) {
|
|
9388
|
-
i("exceed",
|
|
9403
|
+
i("exceed", g);
|
|
9389
9404
|
return;
|
|
9390
9405
|
}
|
|
9391
9406
|
m.value = !0, I.value = 0, r.value = "validating";
|
|
9392
|
-
const K = n.maxFiles ? n.maxFiles - a.value.length :
|
|
9407
|
+
const K = n.maxFiles ? n.maxFiles - a.value.length : g.length, H = g.slice(0, K), e1 = [];
|
|
9393
9408
|
for (let p1 = 0; p1 < H.length; p1++) {
|
|
9394
9409
|
const J = H[p1];
|
|
9395
9410
|
h.value = J.name, r.value = "validating";
|
|
@@ -9429,24 +9444,24 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9429
9444
|
await G(D + 90);
|
|
9430
9445
|
r.value = "completing", await G((p1 + 1) / H.length * 100);
|
|
9431
9446
|
}
|
|
9432
|
-
e1.length > 0 && (a.value = [...a.value, ...e1]),
|
|
9433
|
-
}, O = (
|
|
9447
|
+
e1.length > 0 && (a.value = [...a.value, ...e1]), g.length > K && i("exceed", g.slice(K)), await G(100, 100), await new Promise((p1) => setTimeout(p1, 300)), m.value = !1, I.value = 0, h.value = "", r.value = "";
|
|
9448
|
+
}, O = (g) => n.maxSize && !Zl.validateSize(g, n.maxSize) ? {
|
|
9434
9449
|
type: "size",
|
|
9435
9450
|
message: `File size exceeds ${Zl.formatFileSize(n.maxSize)}`,
|
|
9436
|
-
file:
|
|
9437
|
-
} : n.accept && !Zl.validateType(
|
|
9451
|
+
file: g
|
|
9452
|
+
} : n.accept && !Zl.validateType(g, n.accept) ? {
|
|
9438
9453
|
type: "type",
|
|
9439
9454
|
message: `File type not accepted. Allowed: ${n.accept}`,
|
|
9440
|
-
file:
|
|
9441
|
-
} : null, j = (
|
|
9442
|
-
m.value || (a.value = a.value.filter((K) => K.id !==
|
|
9455
|
+
file: g
|
|
9456
|
+
} : null, j = (g) => {
|
|
9457
|
+
m.value || (a.value = a.value.filter((K) => K.id !== g.id), i("remove", g));
|
|
9443
9458
|
}, _ = () => {
|
|
9444
|
-
var
|
|
9445
|
-
c.value || !W.value || (
|
|
9459
|
+
var g;
|
|
9460
|
+
c.value || !W.value || (g = u.value) == null || g.click();
|
|
9446
9461
|
};
|
|
9447
9462
|
return _1(() => {
|
|
9448
9463
|
Sl.terminateWorkers();
|
|
9449
|
-
}), (
|
|
9464
|
+
}), (g, K) => (s(), o("div", KI, [
|
|
9450
9465
|
m.value ? (s(), o("div", jI, [
|
|
9451
9466
|
e("div", FI, [
|
|
9452
9467
|
K[0] || (K[0] = e("div", { class: "vt-upload__processing-icon" }, [
|
|
@@ -9471,10 +9486,10 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9471
9486
|
])
|
|
9472
9487
|
], -1)),
|
|
9473
9488
|
e("div", zI, [
|
|
9474
|
-
e("div", UI,
|
|
9475
|
-
e("div", gI,
|
|
9489
|
+
e("div", UI, z(y.value), 1),
|
|
9490
|
+
e("div", gI, z(h.value), 1)
|
|
9476
9491
|
]),
|
|
9477
|
-
e("div", RI,
|
|
9492
|
+
e("div", RI, z(I.value) + "%", 1)
|
|
9478
9493
|
]),
|
|
9479
9494
|
e("div", OI, [
|
|
9480
9495
|
e("div", {
|
|
@@ -9484,9 +9499,9 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9484
9499
|
])
|
|
9485
9500
|
])) : k("", !0),
|
|
9486
9501
|
Q.value ? (s(), o(d1, { key: 1 }, [
|
|
9487
|
-
|
|
9502
|
+
g.type === "drag" ? (s(), o("div", {
|
|
9488
9503
|
key: 0,
|
|
9489
|
-
class:
|
|
9504
|
+
class: l1([{
|
|
9490
9505
|
"vt-upload__drag-area--active": d.value,
|
|
9491
9506
|
"vt-upload__drag-area--disabled": c.value || !W.value,
|
|
9492
9507
|
"vt-upload__drag-area--processing": m.value
|
|
@@ -9520,11 +9535,11 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9520
9535
|
], -1)),
|
|
9521
9536
|
e("div", vI, [
|
|
9522
9537
|
e("span", DI, [
|
|
9523
|
-
L1(
|
|
9524
|
-
e("span", PI, " or " +
|
|
9538
|
+
L1(z(g.placeholder.split(" or ")[0]) + " ", 1),
|
|
9539
|
+
e("span", PI, " or " + z(g.placeholder.split(" or ")[1]), 1)
|
|
9525
9540
|
])
|
|
9526
9541
|
]),
|
|
9527
|
-
S.value ? (s(), o("div", fI,
|
|
9542
|
+
S.value ? (s(), o("div", fI, z(S.value), 1)) : k("", !0)
|
|
9528
9543
|
], 34)) : (s(), V1(el, {
|
|
9529
9544
|
key: 1,
|
|
9530
9545
|
disabled: c.value || !W.value,
|
|
@@ -9548,8 +9563,8 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9548
9563
|
s1(h1, { name: "fileDoc" })
|
|
9549
9564
|
]),
|
|
9550
9565
|
e("div", QI, [
|
|
9551
|
-
e("div", BI,
|
|
9552
|
-
e("div", _I,
|
|
9566
|
+
e("div", BI, z(H.name), 1),
|
|
9567
|
+
e("div", _I, z(P(Zl).formatFileSize(H.size)), 1)
|
|
9553
9568
|
]),
|
|
9554
9569
|
e("button", {
|
|
9555
9570
|
disabled: c.value,
|
|
@@ -9564,9 +9579,9 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9564
9579
|
e("input", {
|
|
9565
9580
|
ref_key: "fileInputRef",
|
|
9566
9581
|
ref: u,
|
|
9567
|
-
accept:
|
|
9582
|
+
accept: g.accept,
|
|
9568
9583
|
disabled: c.value,
|
|
9569
|
-
multiple:
|
|
9584
|
+
multiple: g.multiple,
|
|
9570
9585
|
class: "vt-upload__input",
|
|
9571
9586
|
type: "file",
|
|
9572
9587
|
onChange: w
|
|
@@ -9601,8 +9616,8 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9601
9616
|
!m.value && !I.value && (d.value = !1);
|
|
9602
9617
|
}, 220);
|
|
9603
9618
|
}, f = () => {
|
|
9604
|
-
var
|
|
9605
|
-
const w = u.value.getBoundingClientRect(), G = (((
|
|
9619
|
+
var g;
|
|
9620
|
+
const w = u.value.getBoundingClientRect(), G = (((g = n.item.children) == null ? void 0 : g.length) ?? 0) * 40 + 20, R = window.innerHeight;
|
|
9606
9621
|
let O = w.top, j = "auto";
|
|
9607
9622
|
O + G > R - 100 ? (j = 15, O = "auto") : O < 10 && (O = 10), y.value = {
|
|
9608
9623
|
left: w.right + 10 + "px",
|
|
@@ -9628,14 +9643,14 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9628
9643
|
ref: u
|
|
9629
9644
|
}, [
|
|
9630
9645
|
e("div", {
|
|
9631
|
-
class:
|
|
9646
|
+
class: l1(["hub-item-main", { collapsed: w.collapsed, active: m.value || d.value || a.value }]),
|
|
9632
9647
|
onClick: v
|
|
9633
9648
|
}, [
|
|
9634
9649
|
s1(h1, {
|
|
9635
9650
|
class: "hub-item-icon",
|
|
9636
9651
|
name: w.item.icon ?? "empty"
|
|
9637
9652
|
}, null, 8, ["name"]),
|
|
9638
|
-
w.collapsed ? k("", !0) : (s(), o("span", la,
|
|
9653
|
+
w.collapsed ? k("", !0) : (s(), o("span", la, z(w.item.i18n), 1)),
|
|
9639
9654
|
w.item.children && !w.collapsed ? (s(), V1(h1, {
|
|
9640
9655
|
key: 1,
|
|
9641
9656
|
class: "hub-item-arrow",
|
|
@@ -9657,14 +9672,14 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9657
9672
|
}, [
|
|
9658
9673
|
e("ul", ia, [
|
|
9659
9674
|
w.collapsed ? (s(), o("li", ta, [
|
|
9660
|
-
e("span", ea,
|
|
9675
|
+
e("span", ea, z(w.item.i18n), 1)
|
|
9661
9676
|
])) : k("", !0),
|
|
9662
9677
|
(s(!0), o(d1, null, Y1(w.item.children, (R) => (s(), o("li", {
|
|
9663
9678
|
key: R.i18n,
|
|
9664
|
-
class:
|
|
9679
|
+
class: l1(["hub-submenu-item", { active: S(R) }]),
|
|
9665
9680
|
onClick: (O) => x(R)
|
|
9666
9681
|
}, [
|
|
9667
|
-
e("span", oa,
|
|
9682
|
+
e("span", oa, z(R.i18n), 1)
|
|
9668
9683
|
], 10, sa))), 128))
|
|
9669
9684
|
])
|
|
9670
9685
|
], 36)) : k("", !0)
|
|
@@ -9697,7 +9712,7 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9697
9712
|
I.value = u;
|
|
9698
9713
|
}
|
|
9699
9714
|
), (u, a) => (s(), o("aside", {
|
|
9700
|
-
class:
|
|
9715
|
+
class: l1(["hub-sidebar", { collapsed: I.value }])
|
|
9701
9716
|
}, [
|
|
9702
9717
|
e("nav", da, [
|
|
9703
9718
|
e("ul", ma, [
|
|
@@ -9712,7 +9727,7 @@ const KI = { class: "vt-upload" }, jI = {
|
|
|
9712
9727
|
]),
|
|
9713
9728
|
e("div", {
|
|
9714
9729
|
onClick: r,
|
|
9715
|
-
class:
|
|
9730
|
+
class: l1(["hub-sidebar-footer", { collapsed: I.value }])
|
|
9716
9731
|
}, [
|
|
9717
9732
|
I.value ? (s(), V1(h1, {
|
|
9718
9733
|
key: 0,
|
|
@@ -9918,7 +9933,7 @@ const ha = { class: "vt-message-container" }, ra = { class: "vt-message-icon" },
|
|
|
9918
9933
|
default: N1(() => [
|
|
9919
9934
|
(s(!0), o(d1, null, Y1(n.value, (u) => (s(), o("div", {
|
|
9920
9935
|
key: u.id,
|
|
9921
|
-
class:
|
|
9936
|
+
class: l1([
|
|
9922
9937
|
"vt-message-item",
|
|
9923
9938
|
`vt-message-item--${u.type}`,
|
|
9924
9939
|
{ "vt-message-item--closable": u.showClose }
|
|
@@ -9935,7 +9950,7 @@ const ha = { class: "vt-message-container" }, ra = { class: "vt-message-icon" },
|
|
|
9935
9950
|
key: 0,
|
|
9936
9951
|
class: "vt-message-text",
|
|
9937
9952
|
innerHTML: u.message
|
|
9938
|
-
}, null, 8, pa)) : (s(), o("div", Ya,
|
|
9953
|
+
}, null, 8, pa)) : (s(), o("div", Ya, z(u.message), 1))
|
|
9939
9954
|
]),
|
|
9940
9955
|
u.showClose ? (s(), o("button", {
|
|
9941
9956
|
key: 0,
|
|
@@ -10192,8 +10207,8 @@ function Qa(t, l, n) {
|
|
|
10192
10207
|
for (const O of W) {
|
|
10193
10208
|
const j = a[O], _ = S ? `${S}.${O}` : O;
|
|
10194
10209
|
if (typeof j == "function" || Array.isArray(j) && j.length > 0 && typeof j[0] == "function") {
|
|
10195
|
-
const
|
|
10196
|
-
y[O] = xa(m, _,
|
|
10210
|
+
const g = Array.isArray(j) ? j : [j];
|
|
10211
|
+
y[O] = xa(m, _, g, i);
|
|
10197
10212
|
} else typeof j == "object" && j !== null ? typeof j == "object" && Array.isArray(j) === !1 && (y[O] = I(j, _)) : y[O] = I({}, _);
|
|
10198
10213
|
}
|
|
10199
10214
|
const c = async () => {
|
|
@@ -10243,18 +10258,18 @@ function Qa(t, l, n) {
|
|
|
10243
10258
|
if (Array.isArray(O)) {
|
|
10244
10259
|
for (const j of O)
|
|
10245
10260
|
if (j.$property) {
|
|
10246
|
-
const _ = j.$property,
|
|
10247
|
-
|
|
10261
|
+
const _ = j.$property, g = r(u, _);
|
|
10262
|
+
g && g.$setExternalResults && g.$setExternalResults([{ $message: j.$message, $validator: j.$validator }]);
|
|
10248
10263
|
} else if (j.path && Array.isArray(j.path)) {
|
|
10249
|
-
const _ = j.path.join("."),
|
|
10250
|
-
|
|
10264
|
+
const _ = j.path.join("."), g = r(u, _);
|
|
10265
|
+
g && g.$setExternalResults && g.$setExternalResults([{ $message: j.$message, $validator: j.$validator }]);
|
|
10251
10266
|
}
|
|
10252
10267
|
} else if (typeof O == "object")
|
|
10253
10268
|
for (const j of Object.keys(O)) {
|
|
10254
10269
|
const _ = r(u, j);
|
|
10255
10270
|
if (_ && _.$setExternalResults) {
|
|
10256
|
-
const
|
|
10257
|
-
_.$setExternalResults(
|
|
10271
|
+
const g = Array.isArray(O[j]) ? O[j].map((K) => ({ $message: K })) : [{ $message: O[j] }];
|
|
10272
|
+
_.$setExternalResults(g);
|
|
10258
10273
|
}
|
|
10259
10274
|
}
|
|
10260
10275
|
}
|