voiptime-components 1.8.14 → 1.8.15
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.d.ts +2 -2
- package/dist/index.es.js +483 -484
- 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 i, openBlock as s, createElementVNode as o, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as N, resolveDynamicComponent as ft, normalizeStyle as Be, useSlots as it, resolveDirective as xt, withDirectives as at, normalizeClass as U, renderSlot as De, Teleport as ot, withModifiers as
|
|
1
|
+
import { createElementBlock as i, openBlock as s, createElementVNode as o, createStaticVNode as tt, defineComponent as ke, computed as x, createBlock as we, createCommentVNode as N, resolveDynamicComponent as ft, normalizeStyle as Be, useSlots as it, resolveDirective as xt, withDirectives as at, normalizeClass as U, renderSlot as De, Teleport as ot, withModifiers as Ve, toDisplayString as E, createTextVNode as Se, ref as L, onUnmounted as Ge, nextTick as Te, watch as Me, onMounted as Ze, createVNode as X, Fragment as oe, renderList as ve, provide as ut, unref as z, Transition as rt, withCtx as $e, inject as ct, onBeforeUnmount as Ot, createApp as Nt, h as gt, mergeModels as Lt, useModel as s1, reactive as Wt, toRef as st, toRefs as r1, vShow as qt, TransitionGroup as i1 } from "vue";
|
|
2
2
|
const M = (n, t) => {
|
|
3
3
|
const a = n.__vccOpts || n;
|
|
4
4
|
for (const [e, r] of t)
|
|
@@ -2429,7 +2429,7 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
|
|
|
2429
2429
|
}, [
|
|
2430
2430
|
o("div", {
|
|
2431
2431
|
class: U(r.value),
|
|
2432
|
-
onClick: v[0] || (v[0] =
|
|
2432
|
+
onClick: v[0] || (v[0] = Ve(() => {
|
|
2433
2433
|
}, ["stop"]))
|
|
2434
2434
|
}, [
|
|
2435
2435
|
m.title || m.showCloseButton ? (s(), i("div", xa, [
|
|
@@ -2583,7 +2583,7 @@ const pt = /* @__PURE__ */ M(ka, [["render", ya]]), Ma = ["disabled", "type", "d
|
|
|
2583
2583
|
}, [
|
|
2584
2584
|
De(d.$slots, "label", {}, () => [
|
|
2585
2585
|
De(d.$slots, "default", {}, () => [
|
|
2586
|
-
|
|
2586
|
+
Se(E(d.label), 1)
|
|
2587
2587
|
])
|
|
2588
2588
|
])
|
|
2589
2589
|
], 2)) : N("", !0)
|
|
@@ -2659,7 +2659,7 @@ function mt(n, t, a = {}) {
|
|
|
2659
2659
|
l.value !== de && (l.value = de, !de && C.value ? ($.value = !0, C.value = !1, v == null || v(!1)) : de && $.value && !C.value && ($.value = !1, C.value = !0, j(), v == null || v(!0)));
|
|
2660
2660
|
}, j = async () => {
|
|
2661
2661
|
if (await Te(), !n.value || !t.value) return;
|
|
2662
|
-
const de = n.value.getBoundingClientRect(),
|
|
2662
|
+
const de = n.value.getBoundingClientRect(), W = t.value.getBoundingClientRect(), D = Ta(de, W, r);
|
|
2663
2663
|
A.value = {
|
|
2664
2664
|
...D,
|
|
2665
2665
|
minWidth: `${de.width}px`
|
|
@@ -2670,7 +2670,7 @@ function mt(n, t, a = {}) {
|
|
|
2670
2670
|
n.value && (K.value = Ha(n.value), K.value.forEach((de) => {
|
|
2671
2671
|
de.addEventListener("scroll", G, { passive: !0 });
|
|
2672
2672
|
}), window.addEventListener("resize", G));
|
|
2673
|
-
},
|
|
2673
|
+
}, ne = () => {
|
|
2674
2674
|
K.value.forEach((de) => {
|
|
2675
2675
|
de.removeEventListener("scroll", G);
|
|
2676
2676
|
}), window.removeEventListener("resize", G), K.value = [];
|
|
@@ -2684,7 +2684,7 @@ function mt(n, t, a = {}) {
|
|
|
2684
2684
|
}, se = () => {
|
|
2685
2685
|
C.value && (g.value = window.setTimeout(
|
|
2686
2686
|
() => {
|
|
2687
|
-
C.value = !1, $.value = !1,
|
|
2687
|
+
C.value = !1, $.value = !1, ne(), v == null || v(!1);
|
|
2688
2688
|
},
|
|
2689
2689
|
e === "hover" ? p : 0
|
|
2690
2690
|
));
|
|
@@ -2692,7 +2692,7 @@ function mt(n, t, a = {}) {
|
|
|
2692
2692
|
f || (C.value ? se() : re());
|
|
2693
2693
|
};
|
|
2694
2694
|
return Ge(() => {
|
|
2695
|
-
|
|
2695
|
+
ne();
|
|
2696
2696
|
}), {
|
|
2697
2697
|
// State
|
|
2698
2698
|
visible: C,
|
|
@@ -2707,7 +2707,7 @@ function mt(n, t, a = {}) {
|
|
|
2707
2707
|
// Internal methods
|
|
2708
2708
|
checkParentVisibility: T,
|
|
2709
2709
|
addScrollListeners: R,
|
|
2710
|
-
removeScrollListeners:
|
|
2710
|
+
removeScrollListeners: ne
|
|
2711
2711
|
};
|
|
2712
2712
|
}
|
|
2713
2713
|
const Kt = Symbol("VtSelectContext");
|
|
@@ -2848,33 +2848,33 @@ const Za = ["for"], za = {
|
|
|
2848
2848
|
minlength: (w, F) => String(w).length >= F,
|
|
2849
2849
|
maxlength: (w, F) => String(w).length <= F,
|
|
2850
2850
|
min: (w, F) => {
|
|
2851
|
-
const
|
|
2852
|
-
return !isNaN(
|
|
2851
|
+
const Z = Number(w);
|
|
2852
|
+
return !isNaN(Z) && Z >= F;
|
|
2853
2853
|
},
|
|
2854
2854
|
max: (w, F) => {
|
|
2855
|
-
const
|
|
2856
|
-
return !isNaN(
|
|
2855
|
+
const Z = Number(w);
|
|
2856
|
+
return !isNaN(Z) && Z <= F;
|
|
2857
2857
|
},
|
|
2858
2858
|
pattern: (w, F) => new RegExp(F).test(w),
|
|
2859
2859
|
custom: (w, F) => F(w)
|
|
2860
2860
|
}, g = (w) => {
|
|
2861
|
-
const F = [],
|
|
2862
|
-
if (e.required && !$.required(w) && F.push(e.requiredMessage || "Це поле є обов'язковим"), !
|
|
2861
|
+
const F = [], Z = String(w || "");
|
|
2862
|
+
if (e.required && !$.required(w) && F.push(e.requiredMessage || "Це поле є обов'язковим"), !Z && !e.required) {
|
|
2863
2863
|
d.value = F, C.value = F.length === 0;
|
|
2864
2864
|
return;
|
|
2865
2865
|
}
|
|
2866
2866
|
switch (e.type) {
|
|
2867
2867
|
case "email":
|
|
2868
|
-
|
|
2868
|
+
Z && !$.email(Z) && F.push(e.emailMessage || "Введіть коректну email адресу");
|
|
2869
2869
|
break;
|
|
2870
2870
|
case "url":
|
|
2871
|
-
|
|
2871
|
+
Z && !$.url(Z) && F.push(e.urlMessage || "Введіть коректний URL");
|
|
2872
2872
|
break;
|
|
2873
2873
|
case "number":
|
|
2874
|
-
|
|
2874
|
+
Z && !$.number(Z) && F.push(e.numberMessage || "Введіть коректне число");
|
|
2875
2875
|
break;
|
|
2876
2876
|
}
|
|
2877
|
-
e.minlength &&
|
|
2877
|
+
e.minlength && Z && !$.minlength(Z, e.minlength) && F.push(e.minlengthMessage || `Мінімальна довжина: ${e.minlength} символів`), e.maxlength && Z && !$.maxlength(Z, e.maxlength) && F.push(e.maxlengthMessage || `Максимальна довжина: ${e.maxlength} символів`), e.type === "number" && Z && $.number(Z) && (e.min !== void 0 && !$.min(Z, e.min) && F.push(e.minMessage || `Мінімальне значення: ${e.min}`), e.max !== void 0 && !$.max(Z, e.max) && F.push(e.maxMessage || `Максимальне значення: ${e.max}`)), e.pattern && Z && !$.pattern(Z, e.pattern) && F.push(e.patternMessage || "Значення не відповідає вимогам формату"), e.customValidator && !$.custom(w, e.customValidator) && F.push(e.customValidatorMessage || "Значення не проходить валідацію"), d.value = F, C.value = F.length === 0, r("validation", { isValid: C.value, errors: F });
|
|
2878
2878
|
}, K = x(() => e.type === "textarea"), A = x(() => {
|
|
2879
2879
|
if (e.type === "password") return null;
|
|
2880
2880
|
switch (e.type) {
|
|
@@ -2913,7 +2913,7 @@ const Za = ["for"], za = {
|
|
|
2913
2913
|
return w;
|
|
2914
2914
|
}
|
|
2915
2915
|
return w;
|
|
2916
|
-
}),
|
|
2916
|
+
}), ne = x(() => ["email", "url", "password"].includes(e.type) && e.suffixIcon ? e.clearable || e.showPassword : !!e.suffixIcon || e.clearable || e.showPassword), re = x(() => ["email", "url", "password"].includes(e.type) ? null : e.suffixIcon), se = x(
|
|
2917
2917
|
() => e.clearable && !e.disabled && e.modelValue && String(e.modelValue).length > 0
|
|
2918
2918
|
), ce = x(() => e.status !== "default" ? e.status : C.value ? "default" : "error"), de = x(() => [
|
|
2919
2919
|
"vt-input",
|
|
@@ -2924,16 +2924,16 @@ const Za = ["for"], za = {
|
|
|
2924
2924
|
"vt-input--focused": f.value,
|
|
2925
2925
|
"vt-input--textarea": K.value,
|
|
2926
2926
|
"vt-input--has-prefix": j.value,
|
|
2927
|
-
"vt-input--has-suffix":
|
|
2927
|
+
"vt-input--has-suffix": ne.value,
|
|
2928
2928
|
"vt-input--invalid": !C.value
|
|
2929
2929
|
}
|
|
2930
|
-
]),
|
|
2931
|
-
let
|
|
2932
|
-
if (e.type === "number" &&
|
|
2933
|
-
const
|
|
2934
|
-
isNaN(
|
|
2930
|
+
]), W = x(() => e.type === "password" ? m.value ? "text" : "password" : e.type === "textarea" ? "text" : e.type), D = x(() => e.errorMessage ? e.errorMessage : d.value.length > 0 ? d.value[0] : ""), ae = x(() => e.autosize && typeof e.autosize == "object" && e.autosize.maxRows ? "none" : e.resize), fe = (w) => {
|
|
2931
|
+
let Z = w.target.value;
|
|
2932
|
+
if (e.type === "number" && Z !== "") {
|
|
2933
|
+
const ye = Number(Z);
|
|
2934
|
+
isNaN(ye) || (Z = ye);
|
|
2935
2935
|
}
|
|
2936
|
-
r("update:modelValue",
|
|
2936
|
+
r("update:modelValue", Z), r("input", w), e.validateOnInput && g(Z), K.value && e.autosize && !l.value && Te(() => J());
|
|
2937
2937
|
}, S = (w) => {
|
|
2938
2938
|
if (r("change", w), !e.validateOnInput) {
|
|
2939
2939
|
const F = w.target;
|
|
@@ -2958,17 +2958,17 @@ const Za = ["for"], za = {
|
|
|
2958
2958
|
if (!p.value || !e.autosize || l.value) return;
|
|
2959
2959
|
const w = p.value, F = w.style.height;
|
|
2960
2960
|
w.style.height = "auto";
|
|
2961
|
-
let
|
|
2961
|
+
let Z = w.scrollHeight;
|
|
2962
2962
|
if (typeof e.autosize == "object") {
|
|
2963
2963
|
const Pe = parseInt(getComputedStyle(w).lineHeight), Ie = e.autosize.minRows ? e.autosize.minRows * Pe : 0, Re = e.autosize.maxRows ? e.autosize.maxRows * Pe : 1 / 0;
|
|
2964
|
-
|
|
2964
|
+
Z = Math.max(Ie, Math.min(Z, Re));
|
|
2965
2965
|
}
|
|
2966
|
-
const
|
|
2967
|
-
|
|
2966
|
+
const ye = `${Z}px`;
|
|
2967
|
+
ye !== F && (v.value = ye, w.style.height = ye);
|
|
2968
2968
|
}, ue = (w) => {
|
|
2969
2969
|
if (!p.value || !(ae.value !== "none")) return;
|
|
2970
|
-
const
|
|
2971
|
-
if (w.clientX >
|
|
2970
|
+
const ye = p.value.getBoundingClientRect();
|
|
2971
|
+
if (w.clientX > ye.right - 20 && w.clientY > ye.bottom - 20) {
|
|
2972
2972
|
l.value = !0;
|
|
2973
2973
|
const Ie = () => {
|
|
2974
2974
|
l.value = !1, document.removeEventListener("mouseup", Ie);
|
|
@@ -3001,12 +3001,12 @@ const Za = ["for"], za = {
|
|
|
3001
3001
|
isValid: C.value,
|
|
3002
3002
|
errors: [...d.value]
|
|
3003
3003
|
})
|
|
3004
|
-
}),
|
|
3004
|
+
}), Me(
|
|
3005
3005
|
() => e.modelValue,
|
|
3006
3006
|
(w) => {
|
|
3007
3007
|
K.value && e.autosize && !l.value && Te(J), e.validateOnInput && g(w || "");
|
|
3008
3008
|
}
|
|
3009
|
-
),
|
|
3009
|
+
), Me(
|
|
3010
3010
|
() => [e.required, e.minlength, e.maxlength, e.min, e.max, e.pattern],
|
|
3011
3011
|
() => {
|
|
3012
3012
|
e.modelValue !== void 0 && e.modelValue !== "" && g(e.modelValue);
|
|
@@ -3025,7 +3025,7 @@ const Za = ["for"], za = {
|
|
|
3025
3025
|
class: "vt-input__label",
|
|
3026
3026
|
for: w.id
|
|
3027
3027
|
}, [
|
|
3028
|
-
|
|
3028
|
+
Se(E(w.label) + " ", 1),
|
|
3029
3029
|
w.required ? (s(), i("span", za, "*")) : N("", !0)
|
|
3030
3030
|
], 8, Za)) : N("", !0),
|
|
3031
3031
|
o("div", Ya, [
|
|
@@ -3058,15 +3058,15 @@ const Za = ["for"], za = {
|
|
|
3058
3058
|
onFocus: I,
|
|
3059
3059
|
onBlur: Y,
|
|
3060
3060
|
onMousedown: ue,
|
|
3061
|
-
onKeydown: F[0] || (F[0] = (
|
|
3062
|
-
onKeyup: F[1] || (F[1] = (
|
|
3063
|
-
onKeypress: F[2] || (F[2] = (
|
|
3064
|
-
onClick: F[3] || (F[3] = (
|
|
3061
|
+
onKeydown: F[0] || (F[0] = (Z) => w.$emit("keydown", Z)),
|
|
3062
|
+
onKeyup: F[1] || (F[1] = (Z) => w.$emit("keyup", Z)),
|
|
3063
|
+
onKeypress: F[2] || (F[2] = (Z) => w.$emit("keypress", Z)),
|
|
3064
|
+
onClick: F[3] || (F[3] = (Z) => w.$emit("click", Z))
|
|
3065
3065
|
}, null, 44, Na)) : (s(), i("input", {
|
|
3066
3066
|
key: 2,
|
|
3067
3067
|
ref_key: "inputRef",
|
|
3068
3068
|
ref: c,
|
|
3069
|
-
type:
|
|
3069
|
+
type: W.value,
|
|
3070
3070
|
value: w.modelValue,
|
|
3071
3071
|
placeholder: w.placeholder,
|
|
3072
3072
|
disabled: w.disabled,
|
|
@@ -3086,12 +3086,12 @@ const Za = ["for"], za = {
|
|
|
3086
3086
|
onChange: S,
|
|
3087
3087
|
onFocus: I,
|
|
3088
3088
|
onBlur: Y,
|
|
3089
|
-
onKeydown: F[4] || (F[4] = (
|
|
3090
|
-
onKeyup: F[5] || (F[5] = (
|
|
3091
|
-
onKeypress: F[6] || (F[6] = (
|
|
3092
|
-
onClick: F[7] || (F[7] = (
|
|
3089
|
+
onKeydown: F[4] || (F[4] = (Z) => w.$emit("keydown", Z)),
|
|
3090
|
+
onKeyup: F[5] || (F[5] = (Z) => w.$emit("keyup", Z)),
|
|
3091
|
+
onKeypress: F[6] || (F[6] = (Z) => w.$emit("keypress", Z)),
|
|
3092
|
+
onClick: F[7] || (F[7] = (Z) => w.$emit("click", Z))
|
|
3093
3093
|
}, null, 40, Wa)),
|
|
3094
|
-
|
|
3094
|
+
ne.value ? (s(), i("div", qa, [
|
|
3095
3095
|
se.value ? (s(), i("button", {
|
|
3096
3096
|
key: 0,
|
|
3097
3097
|
type: "button",
|
|
@@ -3125,11 +3125,11 @@ const Za = ["for"], za = {
|
|
|
3125
3125
|
D.value ? (s(), i("span", Ka, E(D.value), 1)) : w.helperText ? (s(), i("span", Qa, E(w.helperText), 1)) : N("", !0)
|
|
3126
3126
|
])) : N("", !0),
|
|
3127
3127
|
d.value.length > 1 && w.showAllErrors ? (s(), i("div", Xa, [
|
|
3128
|
-
(s(!0), i(
|
|
3129
|
-
key:
|
|
3128
|
+
(s(!0), i(oe, null, ve(d.value, (Z, ye) => (s(), i("div", {
|
|
3129
|
+
key: ye,
|
|
3130
3130
|
class: "vt-input__error-item"
|
|
3131
3131
|
}, [
|
|
3132
|
-
o("span", null, E(
|
|
3132
|
+
o("span", null, E(Z), 1)
|
|
3133
3133
|
]))), 128))
|
|
3134
3134
|
])) : N("", !0)
|
|
3135
3135
|
], 2));
|
|
@@ -3209,7 +3209,7 @@ const Za = ["for"], za = {
|
|
|
3209
3209
|
for (const [h, O] of K.value.entries())
|
|
3210
3210
|
if (et(h, u, e.valueKey))
|
|
3211
3211
|
return O;
|
|
3212
|
-
}, R = (u) => u.toLowerCase().trim(),
|
|
3212
|
+
}, R = (u) => u.toLowerCase().trim(), ne = (u, h) => {
|
|
3213
3213
|
if (!h) return !0;
|
|
3214
3214
|
const O = R(h);
|
|
3215
3215
|
if (u.label && typeof u.label == "string" && R(u.label).includes(O) || typeof u.value == "string" && R(u.value).includes(O))
|
|
@@ -3226,12 +3226,12 @@ const Za = ["for"], za = {
|
|
|
3226
3226
|
for (const [h, O] of $.value.entries())
|
|
3227
3227
|
g.value.has(h) && u.push(O);
|
|
3228
3228
|
return u;
|
|
3229
|
-
}), se = x(() => !e.filterable || !l.filterQuery.value.trim() || e.allowRemoteFilter ? re.value : re.value.filter((u) =>
|
|
3229
|
+
}), se = x(() => !e.filterable || !l.filterQuery.value.trim() || e.allowRemoteFilter ? re.value : re.value.filter((u) => ne(u, l.filterQuery.value))), ce = L(0), de = (u) => {
|
|
3230
3230
|
const h = u.target;
|
|
3231
3231
|
if (!h) return;
|
|
3232
|
-
const O = h.scrollTop, P = h.scrollHeight, Ce = h.clientHeight, he = O + Ce >= P - 50,
|
|
3233
|
-
he && He && (ce.value =
|
|
3234
|
-
},
|
|
3232
|
+
const O = h.scrollTop, P = h.scrollHeight, Ce = h.clientHeight, he = O + Ce >= P - 50, xe = Date.now(), He = !e.loading && se.value.length > 0 && xe - ce.value > Tt;
|
|
3233
|
+
he && He && (ce.value = xe, r("scrolled"));
|
|
3234
|
+
}, W = () => {
|
|
3235
3235
|
Te(() => {
|
|
3236
3236
|
if (!d.value) return;
|
|
3237
3237
|
const u = d.value, h = u.scrollHeight, O = u.clientHeight, P = u.scrollTop, Ce = h <= O, ge = P + O >= h - 10;
|
|
@@ -3258,7 +3258,7 @@ const Za = ["for"], za = {
|
|
|
3258
3258
|
onVisibleChange: (u) => {
|
|
3259
3259
|
u ? Te(async () => {
|
|
3260
3260
|
await le(), e.filterable && C.value && C.value.focus(), setTimeout(() => {
|
|
3261
|
-
|
|
3261
|
+
W();
|
|
3262
3262
|
}, 100);
|
|
3263
3263
|
}) : (l.filterQuery.value && B(), e.validateOnBlur && ee.validate()), r("visible-change", u);
|
|
3264
3264
|
}
|
|
@@ -3279,9 +3279,9 @@ const Za = ["for"], za = {
|
|
|
3279
3279
|
if (J.value) return "";
|
|
3280
3280
|
const u = ue.value[0];
|
|
3281
3281
|
return u ? u.label : e.modelValue && typeof e.modelValue == "object" ? e.modelValue.label ? e.modelValue.label : e.modelValue.name ? e.modelValue.name : JSON.stringify(e.modelValue) : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" && !Array.isArray(e.modelValue) ? String(e.modelValue) : "";
|
|
3282
|
-
}), Ee = x(() => !e.clearable || e.disabled ? !1 : J.value ? ue.value.length > 0 : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0)),
|
|
3282
|
+
}), Ee = x(() => !e.clearable || e.disabled ? !1 : J.value ? ue.value.length > 0 : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0)), be = x(() => e.status !== "default" ? e.status : l.isValid.value ? "default" : "error"), Ne = x(() => [
|
|
3283
3283
|
"vt-select",
|
|
3284
|
-
`vt-select--${
|
|
3284
|
+
`vt-select--${be.value}`,
|
|
3285
3285
|
{
|
|
3286
3286
|
"vt-select--disabled": e.disabled,
|
|
3287
3287
|
"vt-select--focused": l.isFocused.value,
|
|
@@ -3302,12 +3302,12 @@ const Za = ["for"], za = {
|
|
|
3302
3302
|
if (!D.value) return;
|
|
3303
3303
|
const h = u.target;
|
|
3304
3304
|
(O = c.value) != null && O.contains(h) || (P = f.value) != null && P.contains(h) || I();
|
|
3305
|
-
},
|
|
3305
|
+
}, Z = (u) => {
|
|
3306
3306
|
if (!u || u.disabled) return;
|
|
3307
3307
|
const h = Ea(u, e.modelValue, J.value, e.valueKey);
|
|
3308
3308
|
r("update:modelValue", h), r("change", h), J.value || I(), e.validateOnInput && ee.validate();
|
|
3309
|
-
},
|
|
3310
|
-
u.disabled ||
|
|
3309
|
+
}, ye = (u, h) => {
|
|
3310
|
+
u.disabled || Z(u);
|
|
3311
3311
|
}, Pe = () => {
|
|
3312
3312
|
const u = Pa(J.value);
|
|
3313
3313
|
r("update:modelValue", u), r("change", u), r("clear"), ee.clear();
|
|
@@ -3330,7 +3330,7 @@ const Za = ["for"], za = {
|
|
|
3330
3330
|
l.filterQuery.value = h, r("filter", h), e.allowRemoteFilter && console.log("Remote filter query:", h);
|
|
3331
3331
|
}, B = () => {
|
|
3332
3332
|
l.filterQuery.value = "", r("filter", ""), r("filter-clear");
|
|
3333
|
-
},
|
|
3333
|
+
}, q = (u) => {
|
|
3334
3334
|
u.key === "Enter" || u.key === " " ? (u.preventDefault(), Re()) : u.key === "Escape" && D.value && (u.preventDefault(), I());
|
|
3335
3335
|
}, te = (u) => Ia(u, e.modelValue, J.value, e.valueKey), Q = () => {
|
|
3336
3336
|
if (!e.collapsedTags || !m.value || ue.value.length === 0) {
|
|
@@ -3346,7 +3346,7 @@ const Za = ["for"], za = {
|
|
|
3346
3346
|
selectValue: x(() => e.modelValue || (J.value ? [] : void 0)).value,
|
|
3347
3347
|
multiple: J.value,
|
|
3348
3348
|
valueKey: e.valueKey,
|
|
3349
|
-
handleOptionClick:
|
|
3349
|
+
handleOptionClick: Z,
|
|
3350
3350
|
isOptionSelected: te,
|
|
3351
3351
|
registerOption: T,
|
|
3352
3352
|
unregisterOption: j
|
|
@@ -3388,7 +3388,7 @@ const Za = ["for"], za = {
|
|
|
3388
3388
|
},
|
|
3389
3389
|
// Методи для роботи зі скролом
|
|
3390
3390
|
checkInitialScroll() {
|
|
3391
|
-
|
|
3391
|
+
W();
|
|
3392
3392
|
},
|
|
3393
3393
|
getScrollInfo() {
|
|
3394
3394
|
if (!d.value) return null;
|
|
@@ -3406,33 +3406,33 @@ const Za = ["for"], za = {
|
|
|
3406
3406
|
},
|
|
3407
3407
|
registerOption: T,
|
|
3408
3408
|
unregisterOption: j
|
|
3409
|
-
}),
|
|
3409
|
+
}), Me(
|
|
3410
3410
|
() => e.modelValue,
|
|
3411
3411
|
() => {
|
|
3412
3412
|
e.validateOnInput && ee.validate();
|
|
3413
3413
|
}
|
|
3414
|
-
),
|
|
3414
|
+
), Me(
|
|
3415
3415
|
ue,
|
|
3416
3416
|
() => {
|
|
3417
3417
|
Q();
|
|
3418
3418
|
},
|
|
3419
3419
|
{ deep: !0 }
|
|
3420
|
-
),
|
|
3420
|
+
), Me(
|
|
3421
3421
|
() => m.value,
|
|
3422
3422
|
() => {
|
|
3423
3423
|
m.value && Q();
|
|
3424
3424
|
}
|
|
3425
|
-
),
|
|
3425
|
+
), Me(D, async (u) => {
|
|
3426
3426
|
u && (await Te(), le());
|
|
3427
|
-
}),
|
|
3427
|
+
}), Me(
|
|
3428
3428
|
() => se.value.length,
|
|
3429
3429
|
async (u, h) => {
|
|
3430
|
-
D.value && u > h && (await Te(),
|
|
3430
|
+
D.value && u > h && (await Te(), W());
|
|
3431
3431
|
}
|
|
3432
|
-
),
|
|
3432
|
+
), Me(
|
|
3433
3433
|
() => e.loading,
|
|
3434
3434
|
(u, h) => {
|
|
3435
|
-
h && !u && D.value &&
|
|
3435
|
+
h && !u && D.value && W();
|
|
3436
3436
|
}
|
|
3437
3437
|
), Ze(() => {
|
|
3438
3438
|
e.modelValue !== void 0 && e.modelValue !== "" && (!Array.isArray(e.modelValue) || e.modelValue.length > 0) && ee.validate(), Te(() => {
|
|
@@ -3452,7 +3452,7 @@ const Za = ["for"], za = {
|
|
|
3452
3452
|
for: u.id,
|
|
3453
3453
|
class: "vt-select__label"
|
|
3454
3454
|
}, [
|
|
3455
|
-
|
|
3455
|
+
Se(E(u.label) + " ", 1),
|
|
3456
3456
|
u.required ? (s(), i("span", Ja, "*")) : N("", !0)
|
|
3457
3457
|
], 8, Ga)) : N("", !0),
|
|
3458
3458
|
o("div", {
|
|
@@ -3463,7 +3463,7 @@ const Za = ["for"], za = {
|
|
|
3463
3463
|
onBlur: Ae,
|
|
3464
3464
|
onClick: Re,
|
|
3465
3465
|
onFocus: je,
|
|
3466
|
-
onKeydown:
|
|
3466
|
+
onKeydown: q
|
|
3467
3467
|
}, [
|
|
3468
3468
|
o("div", e3, [
|
|
3469
3469
|
u.multiple && ue.value.length > 0 ? (s(), i("div", {
|
|
@@ -3472,7 +3472,7 @@ const Za = ["for"], za = {
|
|
|
3472
3472
|
ref: m,
|
|
3473
3473
|
class: "vt-select__tags"
|
|
3474
3474
|
}, [
|
|
3475
|
-
(s(!0), i(
|
|
3475
|
+
(s(!0), i(oe, null, ve(ze.value, (P, Ce) => (s(), i("div", {
|
|
3476
3476
|
key: `tag-${typeof P.value == "object" ? JSON.stringify(P.value) : P.value}-${Ce}`,
|
|
3477
3477
|
ref_for: !0,
|
|
3478
3478
|
ref: (ge) => ge && (v.value[Ce] = ge),
|
|
@@ -3483,7 +3483,7 @@ const Za = ["for"], za = {
|
|
|
3483
3483
|
key: 0,
|
|
3484
3484
|
class: "vt-select__tag-close",
|
|
3485
3485
|
name: "close",
|
|
3486
|
-
onClick:
|
|
3486
|
+
onClick: Ve((ge) => Ie(P.value), ["stop"])
|
|
3487
3487
|
}, null, 8, ["onClick"]))
|
|
3488
3488
|
]))), 128)),
|
|
3489
3489
|
_e.value ? at((s(), i("div", n3, [
|
|
@@ -3502,20 +3502,20 @@ const Za = ["for"], za = {
|
|
|
3502
3502
|
disabled: e.disabled,
|
|
3503
3503
|
class: "vt-select__clear-btn",
|
|
3504
3504
|
type: "button",
|
|
3505
|
-
onClick:
|
|
3505
|
+
onClick: Ve(Pe, ["stop"])
|
|
3506
3506
|
}, [
|
|
3507
3507
|
X(pe, { name: "close" })
|
|
3508
3508
|
], 8, i3)) : (s(), we(pe, {
|
|
3509
3509
|
key: 2,
|
|
3510
|
-
class: U([{ "vt-select__arrow--open":
|
|
3510
|
+
class: U([{ "vt-select__arrow--open": z(D) }, "vt-select__icon vt-select__arrow"]),
|
|
3511
3511
|
name: "arrowDown"
|
|
3512
3512
|
}, null, 8, ["class"]))
|
|
3513
3513
|
])
|
|
3514
3514
|
], 544),
|
|
3515
3515
|
X(rt, { name: "fade" }, {
|
|
3516
|
-
default:
|
|
3516
|
+
default: $e(() => [
|
|
3517
3517
|
l.validationErrors && l.validationErrors.value.length ? (s(), i("div", a3, [
|
|
3518
|
-
(s(!0), i(
|
|
3518
|
+
(s(!0), i(oe, null, ve(l.validationErrors.value, (P, Ce) => (s(), i("div", {
|
|
3519
3519
|
key: `error-${Ce}`,
|
|
3520
3520
|
class: "vt-select__error"
|
|
3521
3521
|
}, E(P), 1))), 128))
|
|
@@ -3526,12 +3526,12 @@ const Za = ["for"], za = {
|
|
|
3526
3526
|
o("div", u3, [
|
|
3527
3527
|
De(u.$slots, "default")
|
|
3528
3528
|
]),
|
|
3529
|
-
|
|
3529
|
+
z(D) && z(ae) ? (s(), we(ot, {
|
|
3530
3530
|
key: 1,
|
|
3531
3531
|
to: "body"
|
|
3532
3532
|
}, [
|
|
3533
3533
|
X(rt, { name: "dropdown" }, {
|
|
3534
|
-
default:
|
|
3534
|
+
default: $e(() => [
|
|
3535
3535
|
o("div", {
|
|
3536
3536
|
ref_key: "dropdownRef",
|
|
3537
3537
|
ref: f,
|
|
@@ -3539,9 +3539,9 @@ const Za = ["for"], za = {
|
|
|
3539
3539
|
style: Be(We.value),
|
|
3540
3540
|
class: "vt-select-dropdown",
|
|
3541
3541
|
role: "listbox",
|
|
3542
|
-
onClick: h[2] || (h[2] =
|
|
3542
|
+
onClick: h[2] || (h[2] = Ve(() => {
|
|
3543
3543
|
}, ["stop"])),
|
|
3544
|
-
onMousedown: h[3] || (h[3] =
|
|
3544
|
+
onMousedown: h[3] || (h[3] = Ve(() => {
|
|
3545
3545
|
}, ["prevent"]))
|
|
3546
3546
|
}, [
|
|
3547
3547
|
u.filterable ? (s(), i("div", d3, [
|
|
@@ -3566,7 +3566,7 @@ const Za = ["for"], za = {
|
|
|
3566
3566
|
class: "vt-select-dropdown__options",
|
|
3567
3567
|
onScroll: de
|
|
3568
3568
|
}, [
|
|
3569
|
-
(s(!0), i(
|
|
3569
|
+
(s(!0), i(oe, null, ve(se.value, (P) => (s(), i("div", {
|
|
3570
3570
|
key: `option-${typeof P.value == "object" ? JSON.stringify(P.value) : P.value}`,
|
|
3571
3571
|
"aria-disabled": P.disabled || !1,
|
|
3572
3572
|
"aria-selected": te(P.value),
|
|
@@ -3578,8 +3578,8 @@ const Za = ["for"], za = {
|
|
|
3578
3578
|
}
|
|
3579
3579
|
]),
|
|
3580
3580
|
role: "option",
|
|
3581
|
-
onClick: (Ce) =>
|
|
3582
|
-
onMousedown: h[1] || (h[1] =
|
|
3581
|
+
onClick: (Ce) => Z(P),
|
|
3582
|
+
onMousedown: h[1] || (h[1] = Ve(() => {
|
|
3583
3583
|
}, ["prevent"]))
|
|
3584
3584
|
}, [
|
|
3585
3585
|
J.value ? (s(), we(Je, {
|
|
@@ -3588,7 +3588,7 @@ const Za = ["for"], za = {
|
|
|
3588
3588
|
disabled: P.disabled || !1,
|
|
3589
3589
|
class: "vt-option__checkbox",
|
|
3590
3590
|
tabindex: "-1",
|
|
3591
|
-
onChange: (Ce) =>
|
|
3591
|
+
onChange: (Ce) => ye(P)
|
|
3592
3592
|
}, null, 8, ["checked", "disabled", "onChange"])) : N("", !0),
|
|
3593
3593
|
o("span", m3, [
|
|
3594
3594
|
G(P.value) ? (s(), we(ft(G(P.value)), { key: 0 })) : (s(), i("span", C3, E(P.label || P.value), 1))
|
|
@@ -3596,7 +3596,7 @@ const Za = ["for"], za = {
|
|
|
3596
3596
|
], 42, f3))), 128)),
|
|
3597
3597
|
u.loading ? (s(), i("div", _3, [
|
|
3598
3598
|
X(pt, { class: "vt-select-dropdown__loading-icon" }),
|
|
3599
|
-
|
|
3599
|
+
Se(" " + E(e.loadingText), 1)
|
|
3600
3600
|
])) : N("", !0)
|
|
3601
3601
|
], 544))
|
|
3602
3602
|
], 44, c3)
|
|
@@ -3652,13 +3652,13 @@ const Za = ["for"], za = {
|
|
|
3652
3652
|
get: () => a.pageSize,
|
|
3653
3653
|
set: (j) => e("update:pageSize", j)
|
|
3654
3654
|
}), p = x(() => Math.ceil(a.totalItems / c.value)), f = x(() => a.totalItems === 0 ? 0 : (r.value - 1) * c.value + 1), m = x(() => Math.min(r.value * c.value, a.totalItems)), v = x(() => r.value <= 1), d = x(() => r.value >= p.value), C = x(() => {
|
|
3655
|
-
const j = [], G = p.value, R = r.value,
|
|
3656
|
-
if (G <=
|
|
3655
|
+
const j = [], G = p.value, R = r.value, ne = a.maxVisiblePages;
|
|
3656
|
+
if (G <= ne)
|
|
3657
3657
|
for (let re = 1; re <= G; re++)
|
|
3658
3658
|
j.push(re);
|
|
3659
3659
|
else {
|
|
3660
3660
|
j.push(1);
|
|
3661
|
-
const re = Math.max(2, R - Math.floor(
|
|
3661
|
+
const re = Math.max(2, R - Math.floor(ne / 2)), se = Math.min(G - 1, R + Math.floor(ne / 2));
|
|
3662
3662
|
re > 2 && j.push("...");
|
|
3663
3663
|
for (let ce = re; ce <= se; ce++)
|
|
3664
3664
|
j.push(ce);
|
|
@@ -3681,7 +3681,7 @@ const Za = ["for"], za = {
|
|
|
3681
3681
|
}, T = () => {
|
|
3682
3682
|
e("reloadData", r.value);
|
|
3683
3683
|
};
|
|
3684
|
-
return
|
|
3684
|
+
return Me(
|
|
3685
3685
|
() => a.totalItems,
|
|
3686
3686
|
() => {
|
|
3687
3687
|
r.value > p.value && p.value > 0 && (r.value = p.value, l());
|
|
@@ -3700,14 +3700,14 @@ const Za = ["for"], za = {
|
|
|
3700
3700
|
class: "vt-pagination__select",
|
|
3701
3701
|
onChange: A
|
|
3702
3702
|
}, {
|
|
3703
|
-
default:
|
|
3704
|
-
(s(!0), i(
|
|
3703
|
+
default: $e(() => [
|
|
3704
|
+
(s(!0), i(oe, null, ve(j.pageSizeOptions, (R) => (s(), we(Gt, {
|
|
3705
3705
|
key: R,
|
|
3706
3706
|
label: R,
|
|
3707
3707
|
value: R
|
|
3708
3708
|
}, {
|
|
3709
|
-
default:
|
|
3710
|
-
|
|
3709
|
+
default: $e(() => [
|
|
3710
|
+
Se(E(R), 1)
|
|
3711
3711
|
]),
|
|
3712
3712
|
_: 2
|
|
3713
3713
|
}, 1032, ["label", "value"]))), 128))
|
|
@@ -3725,12 +3725,12 @@ const Za = ["for"], za = {
|
|
|
3725
3725
|
}, [
|
|
3726
3726
|
X(pe, { name: "arrowLeft" })
|
|
3727
3727
|
], 10, M3),
|
|
3728
|
-
(s(!0), i(
|
|
3728
|
+
(s(!0), i(oe, null, ve(C.value, (R) => (s(), i("button", {
|
|
3729
3729
|
key: R,
|
|
3730
3730
|
class: U([{
|
|
3731
3731
|
"vt-pagination__nav-button--active": R === r.value
|
|
3732
3732
|
}, "vt-pagination__nav-button"]),
|
|
3733
|
-
onClick: (
|
|
3733
|
+
onClick: (ne) => $(R)
|
|
3734
3734
|
}, E(R), 11, $3))), 128)),
|
|
3735
3735
|
o("button", {
|
|
3736
3736
|
class: U({ "vt-pagination__nav-button": !0, "has-items": !d.value }),
|
|
@@ -3748,8 +3748,8 @@ const Za = ["for"], za = {
|
|
|
3748
3748
|
tooltipPlacement: "left",
|
|
3749
3749
|
onClick: T
|
|
3750
3750
|
}, {
|
|
3751
|
-
default:
|
|
3752
|
-
|
|
3751
|
+
default: $e(() => G[2] || (G[2] = [
|
|
3752
|
+
Se("Оновити дані ", -1)
|
|
3753
3753
|
])),
|
|
3754
3754
|
_: 1,
|
|
3755
3755
|
__: [2]
|
|
@@ -3834,7 +3834,7 @@ const Za = ["for"], za = {
|
|
|
3834
3834
|
}, [
|
|
3835
3835
|
De(d.$slots, "label", {}, () => [
|
|
3836
3836
|
De(d.$slots, "default", {}, () => [
|
|
3837
|
-
|
|
3837
|
+
Se(E(d.label), 1)
|
|
3838
3838
|
])
|
|
3839
3839
|
])
|
|
3840
3840
|
], 2)) : N("", !0)
|
|
@@ -3842,7 +3842,10 @@ const Za = ["for"], za = {
|
|
|
3842
3842
|
}
|
|
3843
3843
|
});
|
|
3844
3844
|
function H3(n) {
|
|
3845
|
-
const t = x(() =>
|
|
3845
|
+
const t = x(() => {
|
|
3846
|
+
const r = n.filter((f) => f.pinnedLeft), c = n.filter((f) => f.pinnedRight), p = n.filter((f) => !f.pinnedLeft && !f.pinnedRight);
|
|
3847
|
+
return [...r, ...p, ...c];
|
|
3848
|
+
}), a = () => {
|
|
3846
3849
|
const r = t.value.length, c = t.value.filter((d) => d.width || d.minWidth), p = c.reduce((d, C) => d + (C.width || C.minWidth || 0), 0), f = r - c.length;
|
|
3847
3850
|
if (f === 0) return 150;
|
|
3848
3851
|
const v = Math.max(800 - p, f * 80);
|
|
@@ -3930,17 +3933,17 @@ function B3(n, t, a, e) {
|
|
|
3930
3933
|
var de;
|
|
3931
3934
|
const r = n.selectionKey || "id", c = L([]), p = L(null), f = L(!1);
|
|
3932
3935
|
(de = n.defaultSelection) != null && de.length && (c.value = [...n.defaultSelection]);
|
|
3933
|
-
const m = (
|
|
3936
|
+
const m = (W) => W[r], v = (W) => f.value ? !0 : c.value.some((D) => m(D) === m(W)), d = x(() => t.value.filter((W) => v(W)).length), C = x(() => t.value.length > 0 && d.value === t.value.length), l = x(() => {
|
|
3934
3937
|
if (f.value) return !1;
|
|
3935
|
-
const
|
|
3936
|
-
return
|
|
3937
|
-
}), $ = x(() => f.value ? !0 : C.value && !l.value), g = x(() => f.value), K = (
|
|
3938
|
-
const ae = m(
|
|
3938
|
+
const W = d.value;
|
|
3939
|
+
return W > 0 && W < t.value.length;
|
|
3940
|
+
}), $ = x(() => f.value ? !0 : C.value && !l.value), g = x(() => f.value), K = (W, D) => {
|
|
3941
|
+
const ae = m(W), fe = c.value.some((I) => m(I) === m(W)), S = D !== void 0 ? D : !fe;
|
|
3939
3942
|
if (f.value && !S) {
|
|
3940
|
-
f.value = !1, e != null && e.value && (c.value = e.value.filter((I) => m(I) !== ae)), ce(
|
|
3943
|
+
f.value = !1, e != null && e.value && (c.value = e.value.filter((I) => m(I) !== ae)), ce(W, !1);
|
|
3941
3944
|
return;
|
|
3942
3945
|
}
|
|
3943
|
-
f.value && S || (S && !fe ? c.value.push(
|
|
3946
|
+
f.value && S || (S && !fe ? c.value.push(W) : !S && fe && (c.value = c.value.filter((I) => m(I) !== ae)), n.selectOnClickRow && D === void 0 && ne(S ? W : null), ce(W, S));
|
|
3944
3947
|
}, A = () => {
|
|
3945
3948
|
switch (T()) {
|
|
3946
3949
|
case "none":
|
|
@@ -3955,37 +3958,37 @@ function B3(n, t, a, e) {
|
|
|
3955
3958
|
break;
|
|
3956
3959
|
}
|
|
3957
3960
|
}, T = () => f.value ? "absoluteAll" : C.value ? "allVisible" : d.value > 0 ? "partial" : "none", j = () => {
|
|
3958
|
-
const
|
|
3961
|
+
const W = [], D = new Set(c.value.map((ae) => m(ae)));
|
|
3959
3962
|
c.value.forEach((ae) => {
|
|
3960
|
-
|
|
3963
|
+
W.push(ae);
|
|
3961
3964
|
}), t.value.forEach((ae) => {
|
|
3962
|
-
D.has(m(ae)) ||
|
|
3963
|
-
}), c.value =
|
|
3965
|
+
D.has(m(ae)) || W.push(ae);
|
|
3966
|
+
}), c.value = W, f.value = !1, ce();
|
|
3964
3967
|
}, G = () => {
|
|
3965
3968
|
f.value = !0, e != null && e.value ? c.value = [...e.value] : c.value = [...t.value], ce(void 0, void 0, !0);
|
|
3966
3969
|
}, R = () => {
|
|
3967
3970
|
c.value = [], f.value = !1, p.value = null, ce();
|
|
3968
|
-
},
|
|
3971
|
+
}, ne = (W) => {
|
|
3969
3972
|
const D = p.value;
|
|
3970
|
-
p.value =
|
|
3973
|
+
p.value = W, a("current-change", {
|
|
3971
3974
|
currentRow: p.value,
|
|
3972
3975
|
oldCurrentRow: D
|
|
3973
3976
|
});
|
|
3974
|
-
}, re = () => [...c.value], se = (
|
|
3975
|
-
c.value = [...
|
|
3976
|
-
}, ce = (
|
|
3977
|
+
}, re = () => [...c.value], se = (W) => {
|
|
3978
|
+
c.value = [...W], f.value = !1, ce();
|
|
3979
|
+
}, ce = (W, D, ae = !1) => {
|
|
3977
3980
|
const fe = {
|
|
3978
3981
|
selection: [...c.value],
|
|
3979
|
-
row:
|
|
3982
|
+
row: W,
|
|
3980
3983
|
selected: D,
|
|
3981
3984
|
isAllSelected: ae || f.value
|
|
3982
3985
|
};
|
|
3983
3986
|
a("selection-change", fe);
|
|
3984
3987
|
};
|
|
3985
|
-
return
|
|
3988
|
+
return Me(
|
|
3986
3989
|
() => n.defaultSelection,
|
|
3987
|
-
(
|
|
3988
|
-
|
|
3990
|
+
(W) => {
|
|
3991
|
+
W != null && W.length && (c.value = [...W]);
|
|
3989
3992
|
}
|
|
3990
3993
|
), {
|
|
3991
3994
|
selectedRows: c,
|
|
@@ -3998,7 +4001,7 @@ function B3(n, t, a, e) {
|
|
|
3998
4001
|
toggleRowSelection: K,
|
|
3999
4002
|
toggleAllSelection: A,
|
|
4000
4003
|
clearSelection: R,
|
|
4001
|
-
setCurrentRow:
|
|
4004
|
+
setCurrentRow: ne,
|
|
4002
4005
|
getSelectionRows: re,
|
|
4003
4006
|
setSelectionRows: se,
|
|
4004
4007
|
selectAbsolutelyAll: G
|
|
@@ -4087,7 +4090,7 @@ const A3 = (n, t, a = "asc") => {
|
|
|
4087
4090
|
});
|
|
4088
4091
|
const R = (D) => {
|
|
4089
4092
|
e.disabled || (r("click", D), e.trigger === "click" && A());
|
|
4090
|
-
},
|
|
4093
|
+
}, ne = () => {
|
|
4091
4094
|
e.trigger === "hover" && (m.value = !0, T(), g());
|
|
4092
4095
|
}, re = () => {
|
|
4093
4096
|
e.trigger === "hover" && (m.value = !1, j());
|
|
@@ -4100,7 +4103,7 @@ const A3 = (n, t, a = "asc") => {
|
|
|
4100
4103
|
if (!C.value) return;
|
|
4101
4104
|
const ae = D.target;
|
|
4102
4105
|
(fe = c.value) != null && fe.contains(ae) || (S = f.value) != null && S.contains(ae) || K();
|
|
4103
|
-
},
|
|
4106
|
+
}, W = x(() => ({
|
|
4104
4107
|
...$.value,
|
|
4105
4108
|
position: "absolute",
|
|
4106
4109
|
zIndex: 2e3,
|
|
@@ -4119,7 +4122,7 @@ const A3 = (n, t, a = "asc") => {
|
|
|
4119
4122
|
ref: c,
|
|
4120
4123
|
class: "vt-dropdown",
|
|
4121
4124
|
onClick: R,
|
|
4122
|
-
onMouseenter:
|
|
4125
|
+
onMouseenter: ne,
|
|
4123
4126
|
onMouseleave: re
|
|
4124
4127
|
}, [
|
|
4125
4128
|
o("div", {
|
|
@@ -4129,18 +4132,18 @@ const A3 = (n, t, a = "asc") => {
|
|
|
4129
4132
|
}, [
|
|
4130
4133
|
De(D.$slots, "default")
|
|
4131
4134
|
], 512),
|
|
4132
|
-
|
|
4135
|
+
z(C) && z(l) ? (s(), we(ot, {
|
|
4133
4136
|
key: 0,
|
|
4134
4137
|
to: "body"
|
|
4135
4138
|
}, [
|
|
4136
4139
|
o("div", {
|
|
4137
4140
|
ref_key: "menuRef",
|
|
4138
4141
|
ref: f,
|
|
4139
|
-
style: Be(
|
|
4142
|
+
style: Be(W.value),
|
|
4140
4143
|
class: "vt-dropdown-menu",
|
|
4141
4144
|
onMouseenter: se,
|
|
4142
4145
|
onMouseleave: ce,
|
|
4143
|
-
onClick: ae[0] || (ae[0] =
|
|
4146
|
+
onClick: ae[0] || (ae[0] = Ve(() => {
|
|
4144
4147
|
}, ["stop"]))
|
|
4145
4148
|
}, [
|
|
4146
4149
|
De(D.$slots, "dropdown")
|
|
@@ -4332,7 +4335,7 @@ const Qe = new j3(), F3 = {
|
|
|
4332
4335
|
R();
|
|
4333
4336
|
}, R = () => {
|
|
4334
4337
|
p.value = -1, f.value = -1, m.value = "before", document.body.style.cursor = "";
|
|
4335
|
-
},
|
|
4338
|
+
}, ne = (S) => {
|
|
4336
4339
|
const I = ["vt-columns-selector__panel-item"];
|
|
4337
4340
|
return p.value === S && I.push("vt-columns-selector__panel-item--dragging"), f.value === S && m.value === "before" && I.push("vt-columns-selector__panel-item--drop-before"), f.value === S && m.value === "after" && I.push("vt-columns-selector__panel-item--drop-after"), I;
|
|
4338
4341
|
}, re = () => {
|
|
@@ -4361,7 +4364,7 @@ const Qe = new j3(), F3 = {
|
|
|
4361
4364
|
(le) => !Y.some((ee) => ee.prop === le.prop)
|
|
4362
4365
|
);
|
|
4363
4366
|
}
|
|
4364
|
-
}, de = (S) => r.value.some((I) => I.prop === S.prop),
|
|
4367
|
+
}, de = (S) => r.value.some((I) => I.prop === S.prop), W = (S) => {
|
|
4365
4368
|
const I = r.value.find((Y) => Y.prop === S.prop);
|
|
4366
4369
|
return !I || !C(I);
|
|
4367
4370
|
}, D = (S) => {
|
|
@@ -4376,9 +4379,9 @@ const Qe = new j3(), F3 = {
|
|
|
4376
4379
|
}), (S, I) => (s(), i("div", Z3, [
|
|
4377
4380
|
o("div", z3, [
|
|
4378
4381
|
o("div", Y3, [
|
|
4379
|
-
(s(!0), i(
|
|
4382
|
+
(s(!0), i(oe, null, ve(r.value, (Y, le) => (s(), i("div", {
|
|
4380
4383
|
key: Y.prop,
|
|
4381
|
-
class: U(
|
|
4384
|
+
class: U(ne(le)),
|
|
4382
4385
|
draggable: l(Y),
|
|
4383
4386
|
onDragstart: (ee) => K(ee, le),
|
|
4384
4387
|
onDragover: (ee) => A(ee, le),
|
|
@@ -4395,14 +4398,14 @@ const Qe = new j3(), F3 = {
|
|
|
4395
4398
|
checked: !0,
|
|
4396
4399
|
disabled: C(Y),
|
|
4397
4400
|
onChange: (ee) => se(Y, ee),
|
|
4398
|
-
onClick: I[0] || (I[0] =
|
|
4401
|
+
onClick: I[0] || (I[0] = Ve(() => {
|
|
4399
4402
|
}, ["stop"]))
|
|
4400
4403
|
}, null, 8, ["label", "disabled", "onChange"]),
|
|
4401
4404
|
C(Y) ? (s(), i("span", N3, "pinned")) : N("", !0)
|
|
4402
4405
|
], 42, O3))), 128))
|
|
4403
4406
|
]),
|
|
4404
4407
|
o("div", W3, [
|
|
4405
|
-
(s(!0), i(
|
|
4408
|
+
(s(!0), i(oe, null, ve(d.value, (Y) => {
|
|
4406
4409
|
var le, ee;
|
|
4407
4410
|
return s(), i("div", {
|
|
4408
4411
|
key: Y.name,
|
|
@@ -4417,7 +4420,7 @@ const Qe = new j3(), F3 = {
|
|
|
4417
4420
|
checked: ((le = v.value[Y.name]) == null ? void 0 : le.checked) || !1,
|
|
4418
4421
|
indeterminate: ((ee = v.value[Y.name]) == null ? void 0 : ee.indeterminate) || !1,
|
|
4419
4422
|
onChange: (J) => ce(Y, J),
|
|
4420
|
-
onClick: I[1] || (I[1] =
|
|
4423
|
+
onClick: I[1] || (I[1] = Ve(() => {
|
|
4421
4424
|
}, ["stop"]))
|
|
4422
4425
|
}, null, 8, ["label", "checked", "indeterminate", "onChange"]),
|
|
4423
4426
|
Y.icon ? (s(), we(pe, {
|
|
@@ -4427,17 +4430,17 @@ const Qe = new j3(), F3 = {
|
|
|
4427
4430
|
}, null, 8, ["name"])) : N("", !0)
|
|
4428
4431
|
], 8, q3),
|
|
4429
4432
|
c.value.has(Y.name) ? (s(), i("div", U3, [
|
|
4430
|
-
(s(!0), i(
|
|
4433
|
+
(s(!0), i(oe, null, ve(Y.columns, (J) => (s(), i("div", {
|
|
4431
4434
|
key: J.prop,
|
|
4432
4435
|
class: "vt-columns-selector__group-column"
|
|
4433
4436
|
}, [
|
|
4434
4437
|
X(Je, {
|
|
4435
4438
|
label: J.label,
|
|
4436
4439
|
checked: de(J),
|
|
4437
|
-
disabled: !
|
|
4440
|
+
disabled: !W(J),
|
|
4438
4441
|
onChange: (ue) => se(J, ue)
|
|
4439
4442
|
}, null, 8, ["label", "checked", "disabled", "onChange"]),
|
|
4440
|
-
|
|
4443
|
+
W(J) ? N("", !0) : (s(), i("span", K3, " (закріплена) "))
|
|
4441
4444
|
]))), 128))
|
|
4442
4445
|
])) : N("", !0)
|
|
4443
4446
|
]);
|
|
@@ -4446,8 +4449,8 @@ const Qe = new j3(), F3 = {
|
|
|
4446
4449
|
]),
|
|
4447
4450
|
o("div", Q3, [
|
|
4448
4451
|
X(Xe, { onClick: fe }, {
|
|
4449
|
-
default:
|
|
4450
|
-
|
|
4452
|
+
default: $e(() => I[2] || (I[2] = [
|
|
4453
|
+
Se("Скасувати", -1)
|
|
4451
4454
|
])),
|
|
4452
4455
|
_: 1,
|
|
4453
4456
|
__: [2]
|
|
@@ -4456,8 +4459,8 @@ const Qe = new j3(), F3 = {
|
|
|
4456
4459
|
type: "primary",
|
|
4457
4460
|
onClick: ae
|
|
4458
4461
|
}, {
|
|
4459
|
-
default:
|
|
4460
|
-
|
|
4462
|
+
default: $e(() => I[3] || (I[3] = [
|
|
4463
|
+
Se("Зберегти", -1)
|
|
4461
4464
|
])),
|
|
4462
4465
|
_: 1,
|
|
4463
4466
|
__: [3]
|
|
@@ -4505,7 +4508,7 @@ const Qe = new j3(), F3 = {
|
|
|
4505
4508
|
if (!C.has(A)) {
|
|
4506
4509
|
let j;
|
|
4507
4510
|
(T = a.columnsSelector) == null || T.forEach((G) => {
|
|
4508
|
-
const R = G.columns.find((
|
|
4511
|
+
const R = G.columns.find((ne) => ne.prop === A);
|
|
4509
4512
|
R && (j = R);
|
|
4510
4513
|
}), j || (j = a.allColumns.find((G) => G.prop === A)), j && $.push(j);
|
|
4511
4514
|
}
|
|
@@ -4534,9 +4537,9 @@ const Qe = new j3(), F3 = {
|
|
|
4534
4537
|
placement: "bottom-start",
|
|
4535
4538
|
onCommand: c
|
|
4536
4539
|
}, {
|
|
4537
|
-
dropdown:
|
|
4540
|
+
dropdown: $e(() => [
|
|
4538
4541
|
X(yt, { command: "pin" }, {
|
|
4539
|
-
default:
|
|
4542
|
+
default: $e(() => [
|
|
4540
4543
|
X(pe, {
|
|
4541
4544
|
name: r() ? "unfreeze" : "freeze"
|
|
4542
4545
|
}, null, 8, ["name"]),
|
|
@@ -4545,7 +4548,7 @@ const Qe = new j3(), F3 = {
|
|
|
4545
4548
|
_: 1
|
|
4546
4549
|
}),
|
|
4547
4550
|
X(yt, { command: "columns" }, {
|
|
4548
|
-
default:
|
|
4551
|
+
default: $e(() => [
|
|
4549
4552
|
X(pe, { name: "columnInsert" }),
|
|
4550
4553
|
C[0] || (C[0] = o("div", null, "Колонки", -1))
|
|
4551
4554
|
]),
|
|
@@ -4553,7 +4556,7 @@ const Qe = new j3(), F3 = {
|
|
|
4553
4556
|
__: [0]
|
|
4554
4557
|
})
|
|
4555
4558
|
]),
|
|
4556
|
-
default:
|
|
4559
|
+
default: $e(() => [
|
|
4557
4560
|
o("div", G3, [
|
|
4558
4561
|
X(pe, { name: "listBullet" })
|
|
4559
4562
|
])
|
|
@@ -4600,23 +4603,23 @@ const Qe = new j3(), F3 = {
|
|
|
4600
4603
|
setup(n, { expose: t, emit: a }) {
|
|
4601
4604
|
const e = n, r = a, c = s1(n, "columns"), p = L({}), f = L(), m = Wt([]), v = L(e.defaultSort || null), d = x(() => R3(e.data || [], v.value, m)), C = x(() => c.value !== void 0), l = x(() => e.data && e.data.length > 0), $ = L(!1), g = L(0);
|
|
4602
4605
|
let K;
|
|
4603
|
-
const A = (B,
|
|
4606
|
+
const A = (B, q) => e.rowKey && B[e.rowKey] != null ? String(B[e.rowKey]) : String(q), T = () => {
|
|
4604
4607
|
C.value && c.value ? m.splice(0, m.length, ...c.value) : e.columns && e.columns.length > 0 && m.splice(0, m.length, ...e.columns);
|
|
4605
4608
|
};
|
|
4606
|
-
|
|
4609
|
+
Me(
|
|
4607
4610
|
() => c.value,
|
|
4608
4611
|
(B) => {
|
|
4609
4612
|
B && C.value && m.splice(0, m.length, ...B);
|
|
4610
4613
|
},
|
|
4611
4614
|
{ deep: !0 }
|
|
4612
|
-
),
|
|
4615
|
+
), Me(
|
|
4613
4616
|
() => e.columns,
|
|
4614
4617
|
(B) => {
|
|
4615
4618
|
B && !C.value && m.splice(0, m.length, ...B);
|
|
4616
4619
|
},
|
|
4617
4620
|
{ deep: !0 }
|
|
4618
4621
|
), ut("vt-table-columns", m);
|
|
4619
|
-
const { sortedColumns: j, getDefaultColumnWidth: G, getStickyOffset: R } = H3(m), { getTableWrapperStyle:
|
|
4622
|
+
const { sortedColumns: j, getDefaultColumnWidth: G, getStickyOffset: R } = H3(m), { getTableWrapperStyle: ne, getColumnStyle: re, getHeaderStyle: se, getFooterStyle: ce } = T3(e), { onMouseDown: de } = I3(), W = x(() => e.allData || e.data), D = e.selectable ? B3(e, d, r, W) : null, ae = () => ({
|
|
4620
4623
|
width: `${wt}px`,
|
|
4621
4624
|
minWidth: `${wt}px`,
|
|
4622
4625
|
maxWidth: `${wt}px`,
|
|
@@ -4639,10 +4642,10 @@ const Qe = new j3(), F3 = {
|
|
|
4639
4642
|
} : B;
|
|
4640
4643
|
}, I = () => {
|
|
4641
4644
|
if (!f.value || $.value) return;
|
|
4642
|
-
const B = f.value,
|
|
4645
|
+
const B = f.value, q = B.scrollTop, te = B.scrollHeight, Q = B.clientHeight, _ = 30;
|
|
4643
4646
|
K && clearTimeout(K), K = setTimeout(() => {
|
|
4644
|
-
const u =
|
|
4645
|
-
g.value =
|
|
4647
|
+
const u = q - g.value > 1, h = te - q - Q <= _, O = te - q - Q <= 5;
|
|
4648
|
+
g.value = q, u && (h || O) && ($.value = !0, r("infinity-scroll"), setTimeout(() => {
|
|
4646
4649
|
$.value = !1;
|
|
4647
4650
|
}, 1e3));
|
|
4648
4651
|
}, 50);
|
|
@@ -4654,76 +4657,76 @@ const Qe = new j3(), F3 = {
|
|
|
4654
4657
|
}), Ge(() => {
|
|
4655
4658
|
K && clearTimeout(K), f.value && f.value.removeEventListener("scroll", I);
|
|
4656
4659
|
});
|
|
4657
|
-
const le = (B,
|
|
4658
|
-
P3(B,
|
|
4660
|
+
const le = (B, q) => {
|
|
4661
|
+
P3(B, q, (te) => {
|
|
4659
4662
|
var Q, _;
|
|
4660
|
-
((Q = v.value) == null ? void 0 : Q.prop) === B.prop && v.value.direction ===
|
|
4663
|
+
((Q = v.value) == null ? void 0 : Q.prop) === B.prop && v.value.direction === q ? v.value = null : v.value = te, r("sort-change", {
|
|
4661
4664
|
column: B,
|
|
4662
4665
|
direction: ((_ = v.value) == null ? void 0 : _.direction) || null,
|
|
4663
4666
|
prop: B.prop,
|
|
4664
4667
|
sortedData: d.value
|
|
4665
4668
|
});
|
|
4666
4669
|
});
|
|
4667
|
-
}, ee = (B,
|
|
4670
|
+
}, ee = (B, q) => {
|
|
4668
4671
|
const te = {
|
|
4669
|
-
pinnedLeft:
|
|
4670
|
-
pinnedRight:
|
|
4672
|
+
pinnedLeft: q === "left",
|
|
4673
|
+
pinnedRight: q === "right"
|
|
4671
4674
|
};
|
|
4672
|
-
ue(B.prop, te), r("column-pin", { column: { ...B, ...te }, position:
|
|
4675
|
+
ue(B.prop, te), r("column-pin", { column: { ...B, ...te }, position: q });
|
|
4673
4676
|
}, J = (B) => {
|
|
4674
4677
|
m.splice(0, m.length, ...B), C.value && (c.value = [...B]), r("columns-change", [...B]);
|
|
4675
|
-
}, ue = (B,
|
|
4678
|
+
}, ue = (B, q) => {
|
|
4676
4679
|
const te = m.findIndex((Q) => Q.prop === B);
|
|
4677
4680
|
if (te !== -1) {
|
|
4678
|
-
if (Object.assign(m[te],
|
|
4681
|
+
if (Object.assign(m[te], q), C.value && c.value) {
|
|
4679
4682
|
const Q = c.value.findIndex((_) => _.prop === B);
|
|
4680
4683
|
if (Q !== -1) {
|
|
4681
4684
|
const _ = [...c.value];
|
|
4682
|
-
_[Q] = { ..._[Q], ...
|
|
4685
|
+
_[Q] = { ..._[Q], ...q }, c.value = _;
|
|
4683
4686
|
}
|
|
4684
4687
|
}
|
|
4685
4688
|
r("columns-change", [...m]);
|
|
4686
4689
|
}
|
|
4687
|
-
}, ze = (B,
|
|
4688
|
-
r("row-click", { row: B, column:
|
|
4689
|
-
}, Le = (B,
|
|
4690
|
-
te.stopPropagation(), D && D.toggleRowSelection(
|
|
4691
|
-
}, Ee = (B,
|
|
4692
|
-
|
|
4693
|
-
},
|
|
4694
|
-
B && (p.value[
|
|
4695
|
-
}, Ne = (B,
|
|
4696
|
-
const te =
|
|
4697
|
-
de(B,
|
|
4698
|
-
ue(
|
|
4699
|
-
column: { ...
|
|
4690
|
+
}, ze = (B, q, te) => {
|
|
4691
|
+
r("row-click", { row: B, column: q, event: te }), e.highlightCurrentRow && D && D.setCurrentRow(B);
|
|
4692
|
+
}, Le = (B, q, te) => {
|
|
4693
|
+
te.stopPropagation(), D && D.toggleRowSelection(q, B);
|
|
4694
|
+
}, Ee = (B, q) => {
|
|
4695
|
+
q.stopPropagation(), D && D.toggleAllSelection();
|
|
4696
|
+
}, be = (B, q) => {
|
|
4697
|
+
B && (p.value[q] = B);
|
|
4698
|
+
}, Ne = (B, q) => {
|
|
4699
|
+
const te = q.width || G();
|
|
4700
|
+
de(B, q, G, (Q) => {
|
|
4701
|
+
ue(q.prop, { width: Q }), r("column-resize", {
|
|
4702
|
+
column: { ...q, width: Q },
|
|
4700
4703
|
width: Q,
|
|
4701
4704
|
oldWidth: te
|
|
4702
4705
|
});
|
|
4703
4706
|
});
|
|
4704
|
-
}, We = (B,
|
|
4705
|
-
if (!
|
|
4706
|
-
const te = B[
|
|
4707
|
+
}, We = (B, q) => re(B, q, R, G), qe = (B, q) => se(B, q, R, G), _e = (B, q) => ce(B, q, R, G), w = (B, q) => {
|
|
4708
|
+
if (!q || !q.prop) return "";
|
|
4709
|
+
const te = B[q.prop];
|
|
4707
4710
|
return te == null ? "" : String(te);
|
|
4708
4711
|
}, F = x(() => {
|
|
4709
4712
|
if (!e.showSummary || !l.value) return {};
|
|
4710
4713
|
const B = m;
|
|
4711
4714
|
if (typeof e.summaryMethod == "function") {
|
|
4712
|
-
const
|
|
4715
|
+
const q = e.summaryMethod({ columns: B, data: d.value });
|
|
4713
4716
|
return B.reduce(
|
|
4714
|
-
(te, Q, _) => (te[Q.prop] =
|
|
4717
|
+
(te, Q, _) => (te[Q.prop] = q[_], te),
|
|
4715
4718
|
{}
|
|
4716
4719
|
);
|
|
4717
4720
|
}
|
|
4718
4721
|
return B.reduce(
|
|
4719
|
-
(
|
|
4722
|
+
(q, te) => {
|
|
4720
4723
|
const Q = d.value.map((_) => _[te.prop]);
|
|
4721
|
-
return
|
|
4724
|
+
return q[te.prop] = Q.every((_) => typeof _ == "number") ? Q.reduce((_, b) => _ + b, 0) : "", q;
|
|
4722
4725
|
},
|
|
4723
4726
|
{}
|
|
4724
4727
|
);
|
|
4725
|
-
}),
|
|
4726
|
-
D && D.toggleRowSelection(B,
|
|
4728
|
+
}), Z = x(() => e.showSummary && l.value), ye = (B, q) => {
|
|
4729
|
+
D && D.toggleRowSelection(B, q);
|
|
4727
4730
|
}, Pe = () => {
|
|
4728
4731
|
D && D.toggleAllSelection();
|
|
4729
4732
|
}, Ie = () => {
|
|
@@ -4732,10 +4735,10 @@ const Qe = new j3(), F3 = {
|
|
|
4732
4735
|
D && D.clearSelection();
|
|
4733
4736
|
}, je = () => D ? D.getSelectionRows() : [], Ae = (B) => {
|
|
4734
4737
|
D && D.setSelectionRows(B);
|
|
4735
|
-
}, Ke = (B,
|
|
4738
|
+
}, Ke = (B, q) => {
|
|
4736
4739
|
if (!e.rowHighlight) return [];
|
|
4737
4740
|
try {
|
|
4738
|
-
const te = e.rowHighlight(B,
|
|
4741
|
+
const te = e.rowHighlight(B, q);
|
|
4739
4742
|
if (!te) return [];
|
|
4740
4743
|
const Q = [];
|
|
4741
4744
|
return (te.type !== "custom" || !te.className) && Q.push(`vt-table__row--highlight-${te.type}`), te.className && Q.push(te.className), Q;
|
|
@@ -4746,193 +4749,188 @@ const Qe = new j3(), F3 = {
|
|
|
4746
4749
|
return Ze(() => {
|
|
4747
4750
|
T();
|
|
4748
4751
|
}), t({
|
|
4749
|
-
toggleRowSelection:
|
|
4752
|
+
toggleRowSelection: ye,
|
|
4750
4753
|
toggleAllSelection: Pe,
|
|
4751
4754
|
selectAbsolutelyAll: Ie,
|
|
4752
4755
|
clearSelection: Re,
|
|
4753
4756
|
getSelectionRows: je,
|
|
4754
4757
|
setSelectionRows: Ae,
|
|
4755
4758
|
resetInfinityScroll: Y
|
|
4756
|
-
}), (B,
|
|
4759
|
+
}), (B, q) => {
|
|
4757
4760
|
var Q, _, b, u;
|
|
4758
4761
|
const te = xt("tooltip");
|
|
4759
|
-
return s(), i(
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
|
|
4773
|
-
|
|
4774
|
-
|
|
4762
|
+
return s(), i("div", {
|
|
4763
|
+
ref_key: "tableWrapperRef",
|
|
4764
|
+
ref: f,
|
|
4765
|
+
style: Be(z(ne)()),
|
|
4766
|
+
class: "vt-table-wrapper",
|
|
4767
|
+
onScroll: I
|
|
4768
|
+
}, [
|
|
4769
|
+
De(B.$slots, "default"),
|
|
4770
|
+
o("table", e2, [
|
|
4771
|
+
e.hideHeader ? N("", !0) : (s(), i("thead", t2, [
|
|
4772
|
+
o("tr", null, [
|
|
4773
|
+
e.selectable ? (s(), i("th", {
|
|
4774
|
+
key: 0,
|
|
4775
|
+
class: U([{
|
|
4776
|
+
"vt-table__th--sticky": e.maxHeight,
|
|
4777
|
+
"vt-table__th--pinned-left": !0
|
|
4778
|
+
}, "vt-table__th vt-table__th--selection"]),
|
|
4779
|
+
style: Be(fe())
|
|
4780
|
+
}, [
|
|
4781
|
+
o("div", n2, [
|
|
4782
|
+
X(Je, {
|
|
4783
|
+
checked: (Q = z(D)) == null ? void 0 : Q.isAllSelected.value,
|
|
4784
|
+
indeterminate: (_ = z(D)) == null ? void 0 : _.isIndeterminate.value,
|
|
4785
|
+
"is-double": (u = (b = z(D)) == null ? void 0 : b.isDoubleCheck) == null ? void 0 : u.value,
|
|
4786
|
+
onChange: Ee
|
|
4787
|
+
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
4788
|
+
])
|
|
4789
|
+
], 6)) : N("", !0),
|
|
4790
|
+
(s(!0), i(oe, null, ve(z(j), (h, O) => (s(), i("th", {
|
|
4791
|
+
key: h.prop,
|
|
4792
|
+
ref_for: !0,
|
|
4793
|
+
ref: (P) => be(P, h.prop),
|
|
4794
|
+
class: U([
|
|
4795
|
+
"vt-table__th",
|
|
4796
|
+
{
|
|
4797
|
+
"vt-table__th--sticky": e.maxHeight,
|
|
4798
|
+
"vt-table__th--pinned-left": h.pinnedLeft,
|
|
4799
|
+
"vt-table__th--pinned-right": h.pinnedRight,
|
|
4800
|
+
"vt-table__th--sortable": h.sortable
|
|
4801
|
+
}
|
|
4802
|
+
]),
|
|
4803
|
+
style: Be(qe(h, O))
|
|
4804
|
+
}, [
|
|
4805
|
+
o("div", o2, [
|
|
4806
|
+
o("div", l2, E(h.label), 1),
|
|
4807
|
+
h.sortable ? (s(), i("div", s2, [
|
|
4808
|
+
X(pe, {
|
|
4809
|
+
class: U(z(Bt)(h, v.value).asc),
|
|
4810
|
+
name: "arrowTop",
|
|
4811
|
+
onClick: Ve((P) => le(h, "asc"), ["stop"])
|
|
4812
|
+
}, null, 8, ["class", "onClick"]),
|
|
4813
|
+
X(pe, {
|
|
4814
|
+
class: U(z(Bt)(h, v.value).desc),
|
|
4815
|
+
name: "arrowDown",
|
|
4816
|
+
onClick: Ve((P) => le(h, "desc"), ["stop"])
|
|
4817
|
+
}, null, 8, ["class", "onClick"])
|
|
4818
|
+
])) : N("", !0),
|
|
4819
|
+
h.actionColumn ? (s(), we(J3, {
|
|
4820
|
+
key: 1,
|
|
4821
|
+
"all-columns": z(j),
|
|
4822
|
+
column: h,
|
|
4823
|
+
columnsSelector: e.columnsSelector,
|
|
4824
|
+
onPin: ee,
|
|
4825
|
+
onUpdateColumns: J
|
|
4826
|
+
}, null, 8, ["all-columns", "column", "columnsSelector"])) : N("", !0)
|
|
4827
|
+
]),
|
|
4828
|
+
o("div", {
|
|
4829
|
+
"data-resizer": h.prop,
|
|
4830
|
+
class: "vt-table__resizer",
|
|
4831
|
+
onMousedown: (P) => Ne(P, h)
|
|
4832
|
+
}, null, 40, r2)
|
|
4833
|
+
], 6))), 128))
|
|
4834
|
+
])
|
|
4835
|
+
])),
|
|
4836
|
+
o("tbody", null, [
|
|
4837
|
+
l.value ? (s(!0), i(oe, { key: 1 }, ve(d.value, (h, O) => {
|
|
4838
|
+
var P, Ce, ge;
|
|
4839
|
+
return s(), i("tr", {
|
|
4840
|
+
key: A(h, O),
|
|
4841
|
+
class: U([
|
|
4842
|
+
"vt-table__row",
|
|
4843
|
+
{
|
|
4844
|
+
"vt-table__row--selected": (P = z(D)) == null ? void 0 : P.isRowSelected(h),
|
|
4845
|
+
"vt-table__row--current": ((Ce = z(D)) == null ? void 0 : Ce.currentRow.value) === h,
|
|
4846
|
+
"vt-table__row--clickable": e.selectOnClickRow || e.highlightCurrentRow
|
|
4847
|
+
},
|
|
4848
|
+
...Ke(h, O)
|
|
4849
|
+
]),
|
|
4850
|
+
onClick: (he) => ze(h, z(j)[0], he)
|
|
4851
|
+
}, [
|
|
4852
|
+
e.selectable ? (s(), i("td", {
|
|
4775
4853
|
key: 0,
|
|
4776
4854
|
class: U([{
|
|
4777
|
-
"vt-
|
|
4778
|
-
|
|
4779
|
-
|
|
4780
|
-
style: Be(fe())
|
|
4855
|
+
"vt-table__td--pinned-left": !0
|
|
4856
|
+
}, "vt-table__td vt-table__td--selection"]),
|
|
4857
|
+
style: Be(ae())
|
|
4781
4858
|
}, [
|
|
4782
|
-
o("div",
|
|
4859
|
+
o("div", d2, [
|
|
4783
4860
|
X(Je, {
|
|
4784
|
-
checked: (
|
|
4785
|
-
|
|
4786
|
-
|
|
4787
|
-
onChange: Ee
|
|
4788
|
-
}, null, 8, ["checked", "indeterminate", "is-double"])
|
|
4861
|
+
checked: (ge = z(D)) == null ? void 0 : ge.isRowSelected(h),
|
|
4862
|
+
onChange: (he, xe) => Le(he, h, xe)
|
|
4863
|
+
}, null, 8, ["checked", "onChange"])
|
|
4789
4864
|
])
|
|
4790
|
-
],
|
|
4791
|
-
(s(!0), i(
|
|
4792
|
-
key: h.prop
|
|
4865
|
+
], 4)) : N("", !0),
|
|
4866
|
+
(s(!0), i(oe, null, ve(z(j), (he, xe) => (s(), i("td", {
|
|
4867
|
+
key: `${A(h, O)}-${he.prop}`,
|
|
4793
4868
|
ref_for: !0,
|
|
4794
|
-
ref: (
|
|
4869
|
+
ref: (He) => be(He, he.prop),
|
|
4795
4870
|
class: U([
|
|
4796
|
-
"vt-
|
|
4871
|
+
"vt-table__td",
|
|
4797
4872
|
{
|
|
4798
|
-
"vt-
|
|
4799
|
-
"vt-
|
|
4800
|
-
"vt-table__th--pinned-right": h.pinnedRight,
|
|
4801
|
-
"vt-table__th--sortable": h.sortable
|
|
4873
|
+
"vt-table__td--pinned-left": he.pinnedLeft,
|
|
4874
|
+
"vt-table__td--pinned-right": he.pinnedRight
|
|
4802
4875
|
}
|
|
4803
4876
|
]),
|
|
4804
|
-
style: Be(
|
|
4877
|
+
style: Be(We(he, xe))
|
|
4805
4878
|
}, [
|
|
4806
|
-
|
|
4807
|
-
|
|
4808
|
-
|
|
4809
|
-
|
|
4810
|
-
class: U(Z(Bt)(h, v.value).asc),
|
|
4811
|
-
name: "arrowTop",
|
|
4812
|
-
onClick: Se((P) => le(h, "asc"), ["stop"])
|
|
4813
|
-
}, null, 8, ["class", "onClick"]),
|
|
4814
|
-
X(pe, {
|
|
4815
|
-
class: U(Z(Bt)(h, v.value).desc),
|
|
4816
|
-
name: "arrowDown",
|
|
4817
|
-
onClick: Se((P) => le(h, "desc"), ["stop"])
|
|
4818
|
-
}, null, 8, ["class", "onClick"])
|
|
4819
|
-
])) : N("", !0),
|
|
4820
|
-
h.actionColumn ? (s(), we(J3, {
|
|
4821
|
-
key: 1,
|
|
4822
|
-
"all-columns": Z(j),
|
|
4823
|
-
column: h,
|
|
4824
|
-
columnsSelector: e.columnsSelector,
|
|
4825
|
-
onPin: ee,
|
|
4826
|
-
onUpdateColumns: J
|
|
4827
|
-
}, null, 8, ["all-columns", "column", "columnsSelector"])) : N("", !0)
|
|
4879
|
+
at((s(), i("div", h2, [
|
|
4880
|
+
he.renderSlot ? (s(), we(ft(() => z(E3)(he.renderSlot, { row: h, column: he, value: h[he.prop], index: O })), { key: 0 })) : (s(), i("span", v2, E(h[he.prop]), 1))
|
|
4881
|
+
])), [
|
|
4882
|
+
[te, he.showOverflowTooltip ? w(h, he) : null]
|
|
4828
4883
|
]),
|
|
4829
4884
|
o("div", {
|
|
4830
|
-
"data-resizer":
|
|
4885
|
+
"data-resizer": he.prop,
|
|
4831
4886
|
class: "vt-table__resizer",
|
|
4832
|
-
onMousedown: (
|
|
4833
|
-
}, null, 40,
|
|
4887
|
+
onMousedown: (He) => Ne(He, he)
|
|
4888
|
+
}, null, 40, p2)
|
|
4834
4889
|
], 6))), 128))
|
|
4835
|
-
])
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
"vt-
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4848
|
-
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
}, [
|
|
4880
|
-
at((s(), i("div", h2, [
|
|
4881
|
-
he.renderSlot ? (s(), we(ft(() => Z(E3)(he.renderSlot, { row: h, column: he, value: h[he.prop], index: O })), { key: 0 })) : (s(), i("span", v2, E(h[he.prop]), 1))
|
|
4882
|
-
])), [
|
|
4883
|
-
[te, he.showOverflowTooltip ? w(h, he) : null]
|
|
4884
|
-
]),
|
|
4885
|
-
o("div", {
|
|
4886
|
-
"data-resizer": he.prop,
|
|
4887
|
-
class: "vt-table__resizer",
|
|
4888
|
-
onMousedown: (He) => Ne(He, he)
|
|
4889
|
-
}, null, 40, p2)
|
|
4890
|
-
], 6))), 128))
|
|
4891
|
-
], 10, c2);
|
|
4892
|
-
}), 128)) : (s(), i("tr", i2, [
|
|
4893
|
-
o("td", {
|
|
4894
|
-
colspan: Z(j).length + (e.selectable ? 1 : 0),
|
|
4895
|
-
class: "vt-table__empty-cell"
|
|
4896
|
-
}, [
|
|
4897
|
-
o("div", u2, [
|
|
4898
|
-
X(pe, {
|
|
4899
|
-
class: "vt-table__empty-icon",
|
|
4900
|
-
name: "empty"
|
|
4901
|
-
}),
|
|
4902
|
-
W[0] || (W[0] = o("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
4903
|
-
])
|
|
4904
|
-
], 8, a2)
|
|
4905
|
-
]))
|
|
4906
|
-
]),
|
|
4907
|
-
z.value ? (s(), i("tfoot", f2, [
|
|
4908
|
-
o("tr", null, [
|
|
4909
|
-
e.selectable ? (s(), i("td", {
|
|
4910
|
-
key: 0,
|
|
4911
|
-
class: U([{
|
|
4912
|
-
"vt-table__td--pinned-left": !0
|
|
4913
|
-
}, "vt-table__td"]),
|
|
4914
|
-
style: Be(S())
|
|
4915
|
-
}, W[1] || (W[1] = [
|
|
4916
|
-
o("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
4917
|
-
]), 4)) : N("", !0),
|
|
4918
|
-
(s(!0), i(ne, null, ve(Z(j), (h, O) => (s(), i("td", {
|
|
4919
|
-
key: h.prop,
|
|
4920
|
-
class: U([
|
|
4921
|
-
"vt-table__td",
|
|
4922
|
-
{
|
|
4923
|
-
"vt-table__td--pinned-left": h.pinnedLeft,
|
|
4924
|
-
"vt-table__td--pinned-right": h.pinnedRight
|
|
4925
|
-
}
|
|
4926
|
-
]),
|
|
4927
|
-
style: Be(_e(h, O))
|
|
4928
|
-
}, [
|
|
4929
|
-
o("div", m2, E(F.value[h.prop]), 1)
|
|
4930
|
-
], 6))), 128))
|
|
4931
|
-
])
|
|
4932
|
-
])) : N("", !0)
|
|
4933
|
-
])
|
|
4934
|
-
], 36)
|
|
4935
|
-
], 64);
|
|
4890
|
+
], 10, c2);
|
|
4891
|
+
}), 128)) : (s(), i("tr", i2, [
|
|
4892
|
+
o("td", {
|
|
4893
|
+
colspan: z(j).length + (e.selectable ? 1 : 0),
|
|
4894
|
+
class: "vt-table__empty-cell"
|
|
4895
|
+
}, [
|
|
4896
|
+
o("div", u2, [
|
|
4897
|
+
X(pe, {
|
|
4898
|
+
class: "vt-table__empty-icon",
|
|
4899
|
+
name: "empty"
|
|
4900
|
+
}),
|
|
4901
|
+
q[0] || (q[0] = o("span", { class: "vt-table__empty-text" }, "Немає даних!", -1))
|
|
4902
|
+
])
|
|
4903
|
+
], 8, a2)
|
|
4904
|
+
]))
|
|
4905
|
+
]),
|
|
4906
|
+
Z.value ? (s(), i("tfoot", f2, [
|
|
4907
|
+
o("tr", null, [
|
|
4908
|
+
e.selectable ? (s(), i("td", {
|
|
4909
|
+
key: 0,
|
|
4910
|
+
class: U([{
|
|
4911
|
+
"vt-table__td--pinned-left": !0
|
|
4912
|
+
}, "vt-table__td"]),
|
|
4913
|
+
style: Be(S())
|
|
4914
|
+
}, q[1] || (q[1] = [
|
|
4915
|
+
o("div", { class: "vt-table__cell-content vt-table__cell-content--summary" }, null, -1)
|
|
4916
|
+
]), 4)) : N("", !0),
|
|
4917
|
+
(s(!0), i(oe, null, ve(z(j), (h, O) => (s(), i("td", {
|
|
4918
|
+
key: h.prop,
|
|
4919
|
+
class: U([
|
|
4920
|
+
"vt-table__td",
|
|
4921
|
+
{
|
|
4922
|
+
"vt-table__td--pinned-left": h.pinnedLeft,
|
|
4923
|
+
"vt-table__td--pinned-right": h.pinnedRight
|
|
4924
|
+
}
|
|
4925
|
+
]),
|
|
4926
|
+
style: Be(_e(h, O))
|
|
4927
|
+
}, [
|
|
4928
|
+
o("div", m2, E(F.value[h.prop]), 1)
|
|
4929
|
+
], 6))), 128))
|
|
4930
|
+
])
|
|
4931
|
+
])) : N("", !0)
|
|
4932
|
+
])
|
|
4933
|
+
], 36);
|
|
4936
4934
|
};
|
|
4937
4935
|
}
|
|
4938
4936
|
}), _2 = /* @__PURE__ */ ke({
|
|
@@ -4974,11 +4972,12 @@ const Qe = new j3(), F3 = {
|
|
|
4974
4972
|
});
|
|
4975
4973
|
let c = -1;
|
|
4976
4974
|
return Ze(() => {
|
|
4977
|
-
|
|
4978
|
-
|
|
4979
|
-
|
|
4980
|
-
|
|
4981
|
-
|
|
4975
|
+
Te(() => {
|
|
4976
|
+
if (!e) return;
|
|
4977
|
+
const p = r(), f = e.findIndex((m) => m.prop === t.prop && m.label === t.label);
|
|
4978
|
+
f !== -1 ? e[f] = { ...e[f], ...p } : (e.push(p), c = e.length - 1);
|
|
4979
|
+
});
|
|
4980
|
+
}), Me(
|
|
4982
4981
|
() => [
|
|
4983
4982
|
t.width,
|
|
4984
4983
|
t.minWidth,
|
|
@@ -5400,14 +5399,14 @@ const Qe = new j3(), F3 = {
|
|
|
5400
5399
|
"vt-timepicker--range": d.value,
|
|
5401
5400
|
"vt-timepicker--open": Y.value
|
|
5402
5401
|
}
|
|
5403
|
-
]), R = L(0),
|
|
5402
|
+
]), R = L(0), ne = L(0), re = L(0), se = L("AM"), ce = L(0), de = L(0), W = L(0), D = L("AM"), ae = x(() => {
|
|
5404
5403
|
const _ = e.use12Hours ? 12 : 23, b = e.use12Hours ? 1 : 0, u = e.disabledHours ? e.disabledHours() : [], h = bt(b, _, e.hourStep, u);
|
|
5405
5404
|
return e.hideDisabledOptions ? h.filter((O) => !O.disabled) : h;
|
|
5406
5405
|
}), fe = x(() => {
|
|
5407
5406
|
const _ = e.use12Hours ? se.value === "PM" && R.value !== 12 ? R.value + 12 : se.value === "AM" && R.value === 12 ? 0 : R.value : R.value, b = e.disabledMinutes ? e.disabledMinutes(_) : [], u = bt(0, 59, e.minuteStep, b);
|
|
5408
5407
|
return e.hideDisabledOptions ? u.filter((h) => !h.disabled) : u;
|
|
5409
5408
|
}), S = x(() => {
|
|
5410
|
-
const _ = e.use12Hours ? se.value === "PM" && R.value !== 12 ? R.value + 12 : se.value === "AM" && R.value === 12 ? 0 : R.value : R.value, b = e.disabledSeconds ? e.disabledSeconds(_,
|
|
5409
|
+
const _ = e.use12Hours ? se.value === "PM" && R.value !== 12 ? R.value + 12 : se.value === "AM" && R.value === 12 ? 0 : R.value : R.value, b = e.disabledSeconds ? e.disabledSeconds(_, ne.value) : [], u = bt(0, 59, e.secondStep, b);
|
|
5411
5410
|
return e.hideDisabledOptions ? u.filter((h) => !h.disabled) : u;
|
|
5412
5411
|
}), I = x(() => ["AM", "PM"]), {
|
|
5413
5412
|
visible: Y,
|
|
@@ -5437,15 +5436,15 @@ const Qe = new j3(), F3 = {
|
|
|
5437
5436
|
...ee.value,
|
|
5438
5437
|
position: "absolute",
|
|
5439
5438
|
zIndex: 2e3
|
|
5440
|
-
})),
|
|
5439
|
+
})), be = (_, b, u = !1) => {
|
|
5441
5440
|
const h = v.value.get(_);
|
|
5442
5441
|
h && (h.disconnect(), v.value.delete(_));
|
|
5443
5442
|
const O = `${-_.clientHeight / 2 + 16}px 0px ${-_.clientHeight / 2 + 16}px 0px`, P = new IntersectionObserver(
|
|
5444
5443
|
(ge) => {
|
|
5445
5444
|
var He;
|
|
5446
|
-
let he = null,
|
|
5445
|
+
let he = null, xe = 0;
|
|
5447
5446
|
for (const Ye of ge)
|
|
5448
|
-
Ye.intersectionRatio >
|
|
5447
|
+
Ye.intersectionRatio > xe && (xe = Ye.intersectionRatio, he = Ye);
|
|
5449
5448
|
if (he && he.isIntersecting) {
|
|
5450
5449
|
const Ye = he.target, Ue = parseInt(((He = Ye.textContent) == null ? void 0 : He.trim()) || "0");
|
|
5451
5450
|
if (!Ye.disabled) {
|
|
@@ -5462,7 +5461,7 @@ const Qe = new j3(), F3 = {
|
|
|
5462
5461
|
break;
|
|
5463
5462
|
}
|
|
5464
5463
|
const dt = nt.find((Ct) => Ct.value === Ue);
|
|
5465
|
-
dt && !dt.disabled && (b === "hour" ? u ? ce.value = Ue : R.value = Ue : b === "minute" ? u ? de.value = Ue :
|
|
5464
|
+
dt && !dt.disabled && (b === "hour" ? u ? ce.value = Ue : R.value = Ue : b === "minute" ? u ? de.value = Ue : ne.value = Ue : b === "second" && (u ? W.value = Ue : re.value = Ue));
|
|
5466
5465
|
}
|
|
5467
5466
|
}
|
|
5468
5467
|
},
|
|
@@ -5480,11 +5479,11 @@ const Qe = new j3(), F3 = {
|
|
|
5480
5479
|
if (!_) return;
|
|
5481
5480
|
const b = Array.from(_);
|
|
5482
5481
|
if (d.value) {
|
|
5483
|
-
b[0] &&
|
|
5482
|
+
b[0] && be(b[0], "hour", !1), b[1] && be(b[1], "minute", !1), e.showSeconds && b[2] && be(b[2], "second", !1);
|
|
5484
5483
|
const h = e.showSeconds ? e.use12Hours ? 4 : 3 : e.use12Hours ? 3 : 2;
|
|
5485
|
-
b[h] &&
|
|
5484
|
+
b[h] && be(b[h], "hour", !0), b[h + 1] && be(b[h + 1], "minute", !0), e.showSeconds && b[h + 2] && be(b[h + 2], "second", !0);
|
|
5486
5485
|
} else
|
|
5487
|
-
b[0] &&
|
|
5486
|
+
b[0] && be(b[0], "hour", !1), b[1] && be(b[1], "minute", !1), e.showSeconds && b[2] && be(b[2], "second", !1);
|
|
5488
5487
|
});
|
|
5489
5488
|
}, We = () => {
|
|
5490
5489
|
v.value.forEach((_) => _.disconnect()), v.value.clear();
|
|
@@ -5496,7 +5495,7 @@ const Qe = new j3(), F3 = {
|
|
|
5496
5495
|
const b = (h, O, P) => {
|
|
5497
5496
|
const Ce = P.findIndex((ge) => ge.value === O);
|
|
5498
5497
|
if (Ce >= 0) {
|
|
5499
|
-
const
|
|
5498
|
+
const xe = Ce * 32, He = h.clientHeight, Ye = xe + 80 - He / 2 + 32 / 2;
|
|
5500
5499
|
h.scrollTo({
|
|
5501
5500
|
top: Math.max(0, Ye),
|
|
5502
5501
|
behavior: "smooth"
|
|
@@ -5505,12 +5504,12 @@ const Qe = new j3(), F3 = {
|
|
|
5505
5504
|
};
|
|
5506
5505
|
if (d.value) {
|
|
5507
5506
|
const h = Array.from(_);
|
|
5508
|
-
h[0] && b(h[0], R.value, ae.value), h[1] && b(h[1],
|
|
5507
|
+
h[0] && b(h[0], R.value, ae.value), h[1] && b(h[1], ne.value, fe.value), e.showSeconds && h[2] && b(h[2], re.value, S.value);
|
|
5509
5508
|
const O = e.showSeconds ? e.use12Hours ? 4 : 3 : e.use12Hours ? 3 : 2;
|
|
5510
|
-
h[O] && b(h[O], ce.value, ae.value), h[O + 1] && b(h[O + 1], de.value, fe.value), e.showSeconds && h[O + 2] && b(h[O + 2],
|
|
5509
|
+
h[O] && b(h[O], ce.value, ae.value), h[O + 1] && b(h[O + 1], de.value, fe.value), e.showSeconds && h[O + 2] && b(h[O + 2], W.value, S.value);
|
|
5511
5510
|
} else {
|
|
5512
5511
|
const h = Array.from(_);
|
|
5513
|
-
h[0] && b(h[0], R.value, ae.value), h[1] && b(h[1],
|
|
5512
|
+
h[0] && b(h[0], R.value, ae.value), h[1] && b(h[1], ne.value, fe.value), e.showSeconds && h[2] && b(h[2], re.value, S.value);
|
|
5514
5513
|
}
|
|
5515
5514
|
});
|
|
5516
5515
|
}, _e = (_, b, u = !1, h = !1, O) => {
|
|
@@ -5519,13 +5518,13 @@ const Qe = new j3(), F3 = {
|
|
|
5519
5518
|
u ? D.value = _ : se.value = _;
|
|
5520
5519
|
else {
|
|
5521
5520
|
const P = _;
|
|
5522
|
-
b === "hour" ? u ? ce.value = P : R.value = P : b === "minute" ? u ? de.value = P :
|
|
5521
|
+
b === "hour" ? u ? ce.value = P : R.value = P : b === "minute" ? u ? de.value = P : ne.value = P : b === "second" && (u ? W.value = P : re.value = P);
|
|
5523
5522
|
}
|
|
5524
5523
|
O && Te(() => {
|
|
5525
5524
|
var Ce;
|
|
5526
5525
|
const P = (Ce = O.target) == null ? void 0 : Ce.closest(".vt-timepicker__options");
|
|
5527
5526
|
if (P) {
|
|
5528
|
-
const ge = O.target, he = P.getBoundingClientRect(),
|
|
5527
|
+
const ge = O.target, he = P.getBoundingClientRect(), xe = ge.getBoundingClientRect(), He = P.scrollTop + (xe.top - he.top) - P.clientHeight / 2 + xe.height / 2;
|
|
5529
5528
|
P.scrollTo({
|
|
5530
5529
|
top: He,
|
|
5531
5530
|
behavior: "smooth"
|
|
@@ -5540,19 +5539,19 @@ const Qe = new j3(), F3 = {
|
|
|
5540
5539
|
(u = c.value) != null && u.contains(b) || (h = f.value) != null && h.contains(b) || ue();
|
|
5541
5540
|
}, F = () => {
|
|
5542
5541
|
e.disabled || ze();
|
|
5543
|
-
},
|
|
5542
|
+
}, Z = () => {
|
|
5544
5543
|
m.isFocused.value = !0, r("focus", c.value);
|
|
5545
|
-
},
|
|
5544
|
+
}, ye = () => {
|
|
5546
5545
|
m.isFocused.value = !1, r("blur", c.value);
|
|
5547
5546
|
}, Pe = () => {
|
|
5548
5547
|
const _ = (d.value, null);
|
|
5549
|
-
r("update:modelValue", _), r("change", _), d.value && (m.startTime.value = null, m.endTime.value = null, m.isSelectingEnd.value = !1), R.value = Q.hour,
|
|
5548
|
+
r("update:modelValue", _), r("change", _), d.value && (m.startTime.value = null, m.endTime.value = null, m.isSelectingEnd.value = !1), R.value = Q.hour, ne.value = Q.minute, re.value = Q.second, se.value = Q.period, ce.value = Q.hour, de.value = Q.minute, W.value = Q.second, D.value = Q.period;
|
|
5550
5549
|
}, Ie = (_) => C(_), Re = () => {
|
|
5551
5550
|
if (!e.disabled) {
|
|
5552
5551
|
if (d.value) {
|
|
5553
5552
|
let _ = R.value, b = ce.value;
|
|
5554
5553
|
e.use12Hours && (se.value === "PM" && _ !== 12 && (_ += 12), se.value === "AM" && _ === 12 && (_ = 0), D.value === "PM" && b !== 12 && (b += 12), D.value === "AM" && b === 12 && (b = 0));
|
|
5555
|
-
const u = { hour: _, minute:
|
|
5554
|
+
const u = { hour: _, minute: ne.value, second: re.value }, h = { hour: b, minute: de.value, second: W.value }, O = [Ie(u), Ie(h)], P = $(O);
|
|
5556
5555
|
if (!P.isValid) {
|
|
5557
5556
|
console.warn("Time range validation failed:", P.errors);
|
|
5558
5557
|
return;
|
|
@@ -5561,7 +5560,7 @@ const Qe = new j3(), F3 = {
|
|
|
5561
5560
|
} else {
|
|
5562
5561
|
let _ = R.value;
|
|
5563
5562
|
e.use12Hours && (se.value === "PM" && _ !== 12 && (_ += 12), se.value === "AM" && _ === 12 && (_ = 0));
|
|
5564
|
-
const b = { hour: _, minute:
|
|
5563
|
+
const b = { hour: _, minute: ne.value, second: re.value }, u = Ie(b), h = $(u);
|
|
5565
5564
|
if (!h.isValid) {
|
|
5566
5565
|
console.warn("Time validation failed:", h.errors);
|
|
5567
5566
|
return;
|
|
@@ -5599,7 +5598,7 @@ const Qe = new j3(), F3 = {
|
|
|
5599
5598
|
ue();
|
|
5600
5599
|
},
|
|
5601
5600
|
validate: $
|
|
5602
|
-
}),
|
|
5601
|
+
}), Me(
|
|
5603
5602
|
() => e.modelValue,
|
|
5604
5603
|
(_) => {
|
|
5605
5604
|
if (_) {
|
|
@@ -5607,17 +5606,17 @@ const Qe = new j3(), F3 = {
|
|
|
5607
5606
|
const b = l(_[0]), u = l(_[1]);
|
|
5608
5607
|
if (b) {
|
|
5609
5608
|
let h = b.hour;
|
|
5610
|
-
e.use12Hours && (se.value = h >= 12 ? "PM" : "AM", h = h === 0 ? 12 : h > 12 ? h - 12 : h), R.value = h,
|
|
5609
|
+
e.use12Hours && (se.value = h >= 12 ? "PM" : "AM", h = h === 0 ? 12 : h > 12 ? h - 12 : h), R.value = h, ne.value = b.minute, re.value = b.second;
|
|
5611
5610
|
}
|
|
5612
5611
|
if (u) {
|
|
5613
5612
|
let h = u.hour;
|
|
5614
|
-
e.use12Hours && (D.value = h >= 12 ? "PM" : "AM", h = h === 0 ? 12 : h > 12 ? h - 12 : h), ce.value = h, de.value = u.minute,
|
|
5613
|
+
e.use12Hours && (D.value = h >= 12 ? "PM" : "AM", h = h === 0 ? 12 : h > 12 ? h - 12 : h), ce.value = h, de.value = u.minute, W.value = u.second;
|
|
5615
5614
|
}
|
|
5616
5615
|
} else if (!d.value) {
|
|
5617
5616
|
const b = l(_);
|
|
5618
5617
|
if (b) {
|
|
5619
5618
|
let u = b.hour;
|
|
5620
|
-
e.use12Hours && (se.value = u >= 12 ? "PM" : "AM", u = u === 0 ? 12 : u > 12 ? u - 12 : u), R.value = u,
|
|
5619
|
+
e.use12Hours && (se.value = u >= 12 ? "PM" : "AM", u = u === 0 ? 12 : u > 12 ? u - 12 : u), R.value = u, ne.value = b.minute, re.value = b.second;
|
|
5621
5620
|
}
|
|
5622
5621
|
}
|
|
5623
5622
|
}
|
|
@@ -5644,7 +5643,7 @@ const Qe = new j3(), F3 = {
|
|
|
5644
5643
|
};
|
|
5645
5644
|
})();
|
|
5646
5645
|
return Ze(() => {
|
|
5647
|
-
document.addEventListener("click", w), document.addEventListener("keydown", Ae), e.modelValue || (R.value = Q.hour,
|
|
5646
|
+
document.addEventListener("click", w), document.addEventListener("keydown", Ae), e.modelValue || (R.value = Q.hour, ne.value = Q.minute, re.value = Q.second, se.value = Q.period, ce.value = Q.hour, de.value = Q.minute, W.value = Q.second, D.value = Q.period);
|
|
5648
5647
|
}), Ge(() => {
|
|
5649
5648
|
document.removeEventListener("click", w), document.removeEventListener("keydown", Ae), We();
|
|
5650
5649
|
}), (_, b) => (s(), i("div", {
|
|
@@ -5657,29 +5656,29 @@ const Qe = new j3(), F3 = {
|
|
|
5657
5656
|
ref: p,
|
|
5658
5657
|
class: "vt-timepicker__trigger",
|
|
5659
5658
|
tabindex: "0",
|
|
5660
|
-
onBlur:
|
|
5659
|
+
onBlur: ye,
|
|
5661
5660
|
onClick: F,
|
|
5662
|
-
onFocus:
|
|
5661
|
+
onFocus: Z
|
|
5663
5662
|
}, [
|
|
5664
5663
|
o("div", S2, [
|
|
5665
5664
|
o("div", L2, [
|
|
5666
5665
|
X(pe, { name: "clock" })
|
|
5667
5666
|
]),
|
|
5668
5667
|
A.value ? (s(), i("div", D2, [
|
|
5669
|
-
d.value ? (s(), i(
|
|
5668
|
+
d.value ? (s(), i(oe, { key: 0 }, [
|
|
5670
5669
|
o("span", null, E(K.value[0]), 1),
|
|
5671
5670
|
o("span", null, E(e.rangeSeparator), 1),
|
|
5672
5671
|
o("span", null, E(K.value[1]), 1)
|
|
5673
|
-
], 64)) : (s(), i(
|
|
5674
|
-
|
|
5672
|
+
], 64)) : (s(), i(oe, { key: 1 }, [
|
|
5673
|
+
Se(E(K.value), 1)
|
|
5675
5674
|
], 64))
|
|
5676
5675
|
])) : (s(), i("div", H2, [
|
|
5677
|
-
d.value ? (s(), i(
|
|
5676
|
+
d.value ? (s(), i(oe, { key: 0 }, [
|
|
5678
5677
|
o("span", null, E(e.startPlaceholder), 1),
|
|
5679
5678
|
o("span", null, E(e.rangeSeparator), 1),
|
|
5680
5679
|
o("span", null, E(e.endPlaceholder), 1)
|
|
5681
|
-
], 64)) : (s(), i(
|
|
5682
|
-
|
|
5680
|
+
], 64)) : (s(), i(oe, { key: 1 }, [
|
|
5681
|
+
Se(E(j.value), 1)
|
|
5683
5682
|
], 64))
|
|
5684
5683
|
])),
|
|
5685
5684
|
o("div", T2, [
|
|
@@ -5688,27 +5687,27 @@ const Qe = new j3(), F3 = {
|
|
|
5688
5687
|
disabled: e.disabled,
|
|
5689
5688
|
class: "vt-input__clear-btn",
|
|
5690
5689
|
type: "button",
|
|
5691
|
-
onClick:
|
|
5690
|
+
onClick: Ve(Pe, ["stop"])
|
|
5692
5691
|
}, [
|
|
5693
5692
|
X(pe, { name: "close" })
|
|
5694
5693
|
], 8, I2)) : N("", !0)
|
|
5695
5694
|
])
|
|
5696
5695
|
])
|
|
5697
5696
|
], 544),
|
|
5698
|
-
|
|
5697
|
+
z(Y) && z(le) ? (s(), we(ot, {
|
|
5699
5698
|
key: 0,
|
|
5700
5699
|
to: "body"
|
|
5701
5700
|
}, [
|
|
5702
5701
|
X(rt, { name: "dropdown" }, {
|
|
5703
|
-
default:
|
|
5702
|
+
default: $e(() => [
|
|
5704
5703
|
o("div", {
|
|
5705
5704
|
ref_key: "dropdownRef",
|
|
5706
5705
|
ref: f,
|
|
5707
5706
|
style: Be(Ee.value),
|
|
5708
5707
|
class: "vt-timepicker__dropdown",
|
|
5709
|
-
onClick: b[0] || (b[0] =
|
|
5708
|
+
onClick: b[0] || (b[0] = Ve(() => {
|
|
5710
5709
|
}, ["stop"])),
|
|
5711
|
-
onMousedown: b[1] || (b[1] =
|
|
5710
|
+
onMousedown: b[1] || (b[1] = Ve(() => {
|
|
5712
5711
|
}, ["prevent"]))
|
|
5713
5712
|
}, [
|
|
5714
5713
|
d.value ? (s(), i("div", B2, [
|
|
@@ -5717,7 +5716,7 @@ const Qe = new j3(), F3 = {
|
|
|
5717
5716
|
o("div", A2, [
|
|
5718
5717
|
o("div", P2, [
|
|
5719
5718
|
o("div", R2, [
|
|
5720
|
-
(s(!0), i(
|
|
5719
|
+
(s(!0), i(oe, null, ve(ae.value, (u) => (s(), i("button", {
|
|
5721
5720
|
key: `start-hour-${u.value}`,
|
|
5722
5721
|
class: U([
|
|
5723
5722
|
"vt-timepicker__option",
|
|
@@ -5733,12 +5732,12 @@ const Qe = new j3(), F3 = {
|
|
|
5733
5732
|
]),
|
|
5734
5733
|
o("div", F2, [
|
|
5735
5734
|
o("div", Z2, [
|
|
5736
|
-
(s(!0), i(
|
|
5735
|
+
(s(!0), i(oe, null, ve(fe.value, (u) => (s(), i("button", {
|
|
5737
5736
|
key: `start-minute-${u.value}`,
|
|
5738
5737
|
class: U([
|
|
5739
5738
|
"vt-timepicker__option",
|
|
5740
5739
|
{
|
|
5741
|
-
"vt-timepicker__option--selected":
|
|
5740
|
+
"vt-timepicker__option--selected": ne.value === u.value,
|
|
5742
5741
|
"vt-timepicker__option--disabled": u.disabled
|
|
5743
5742
|
}
|
|
5744
5743
|
]),
|
|
@@ -5749,7 +5748,7 @@ const Qe = new j3(), F3 = {
|
|
|
5749
5748
|
]),
|
|
5750
5749
|
_.showSeconds ? (s(), i("div", Y2, [
|
|
5751
5750
|
o("div", O2, [
|
|
5752
|
-
(s(!0), i(
|
|
5751
|
+
(s(!0), i(oe, null, ve(S.value, (u) => (s(), i("button", {
|
|
5753
5752
|
key: `start-second-${u.value}`,
|
|
5754
5753
|
class: U([
|
|
5755
5754
|
"vt-timepicker__option",
|
|
@@ -5765,7 +5764,7 @@ const Qe = new j3(), F3 = {
|
|
|
5765
5764
|
])) : N("", !0),
|
|
5766
5765
|
_.use12Hours ? (s(), i("div", W2, [
|
|
5767
5766
|
o("div", q2, [
|
|
5768
|
-
(s(!0), i(
|
|
5767
|
+
(s(!0), i(oe, null, ve(I.value, (u) => (s(), i("button", {
|
|
5769
5768
|
key: `start-period-${u}`,
|
|
5770
5769
|
class: U([
|
|
5771
5770
|
"vt-timepicker__option",
|
|
@@ -5782,7 +5781,7 @@ const Qe = new j3(), F3 = {
|
|
|
5782
5781
|
o("div", Q2, [
|
|
5783
5782
|
o("div", X2, [
|
|
5784
5783
|
o("div", G2, [
|
|
5785
|
-
(s(!0), i(
|
|
5784
|
+
(s(!0), i(oe, null, ve(ae.value, (u) => (s(), i("button", {
|
|
5786
5785
|
key: `end-hour-${u.value}`,
|
|
5787
5786
|
class: U([
|
|
5788
5787
|
"vt-timepicker__option",
|
|
@@ -5798,7 +5797,7 @@ const Qe = new j3(), F3 = {
|
|
|
5798
5797
|
]),
|
|
5799
5798
|
o("div", e5, [
|
|
5800
5799
|
o("div", t5, [
|
|
5801
|
-
(s(!0), i(
|
|
5800
|
+
(s(!0), i(oe, null, ve(fe.value, (u) => (s(), i("button", {
|
|
5802
5801
|
key: `end-minute-${u.value}`,
|
|
5803
5802
|
class: U([
|
|
5804
5803
|
"vt-timepicker__option",
|
|
@@ -5814,12 +5813,12 @@ const Qe = new j3(), F3 = {
|
|
|
5814
5813
|
]),
|
|
5815
5814
|
_.showSeconds ? (s(), i("div", o5, [
|
|
5816
5815
|
o("div", l5, [
|
|
5817
|
-
(s(!0), i(
|
|
5816
|
+
(s(!0), i(oe, null, ve(S.value, (u) => (s(), i("button", {
|
|
5818
5817
|
key: `end-second-${u.value}`,
|
|
5819
5818
|
class: U([
|
|
5820
5819
|
"vt-timepicker__option",
|
|
5821
5820
|
{
|
|
5822
|
-
"vt-timepicker__option--selected":
|
|
5821
|
+
"vt-timepicker__option--selected": W.value === u.value,
|
|
5823
5822
|
"vt-timepicker__option--disabled": u.disabled
|
|
5824
5823
|
}
|
|
5825
5824
|
]),
|
|
@@ -5830,7 +5829,7 @@ const Qe = new j3(), F3 = {
|
|
|
5830
5829
|
])) : N("", !0),
|
|
5831
5830
|
_.use12Hours ? (s(), i("div", r5, [
|
|
5832
5831
|
o("div", i5, [
|
|
5833
|
-
(s(!0), i(
|
|
5832
|
+
(s(!0), i(oe, null, ve(I.value, (u) => (s(), i("button", {
|
|
5834
5833
|
key: `end-period-${u}`,
|
|
5835
5834
|
class: U(["vt-timepicker__option", { "vt-timepicker__option--selected": D.value === u }]),
|
|
5836
5835
|
onClick: (h) => _e(u, "period", !0, !1, h)
|
|
@@ -5843,7 +5842,7 @@ const Qe = new j3(), F3 = {
|
|
|
5843
5842
|
o("div", c5, [
|
|
5844
5843
|
o("div", d5, [
|
|
5845
5844
|
o("div", h5, [
|
|
5846
|
-
(s(!0), i(
|
|
5845
|
+
(s(!0), i(oe, null, ve(ae.value, (u) => (s(), i("button", {
|
|
5847
5846
|
key: `hour-${u.value}`,
|
|
5848
5847
|
class: U([
|
|
5849
5848
|
"vt-timepicker__option",
|
|
@@ -5859,12 +5858,12 @@ const Qe = new j3(), F3 = {
|
|
|
5859
5858
|
]),
|
|
5860
5859
|
o("div", p5, [
|
|
5861
5860
|
o("div", f5, [
|
|
5862
|
-
(s(!0), i(
|
|
5861
|
+
(s(!0), i(oe, null, ve(fe.value, (u) => (s(), i("button", {
|
|
5863
5862
|
key: `minute-${u.value}`,
|
|
5864
5863
|
class: U([
|
|
5865
5864
|
"vt-timepicker__option",
|
|
5866
5865
|
{
|
|
5867
|
-
"vt-timepicker__option--selected":
|
|
5866
|
+
"vt-timepicker__option--selected": ne.value === u.value,
|
|
5868
5867
|
"vt-timepicker__option--disabled": u.disabled
|
|
5869
5868
|
}
|
|
5870
5869
|
]),
|
|
@@ -5875,7 +5874,7 @@ const Qe = new j3(), F3 = {
|
|
|
5875
5874
|
]),
|
|
5876
5875
|
_.showSeconds ? (s(), i("div", C5, [
|
|
5877
5876
|
o("div", _5, [
|
|
5878
|
-
(s(!0), i(
|
|
5877
|
+
(s(!0), i(oe, null, ve(S.value, (u) => (s(), i("button", {
|
|
5879
5878
|
key: `second-${u.value}`,
|
|
5880
5879
|
class: U([
|
|
5881
5880
|
"vt-timepicker__option",
|
|
@@ -5891,7 +5890,7 @@ const Qe = new j3(), F3 = {
|
|
|
5891
5890
|
])) : N("", !0),
|
|
5892
5891
|
_.use12Hours ? (s(), i("div", w5, [
|
|
5893
5892
|
o("div", k5, [
|
|
5894
|
-
(s(!0), i(
|
|
5893
|
+
(s(!0), i(oe, null, ve(I.value, (u) => (s(), i("button", {
|
|
5895
5894
|
key: `period-${u}`,
|
|
5896
5895
|
class: U(["vt-timepicker__option", { "vt-timepicker__option--selected": se.value === u }]),
|
|
5897
5896
|
onClick: (h) => _e(u, "period", !1, !1, h)
|
|
@@ -5902,8 +5901,8 @@ const Qe = new j3(), F3 = {
|
|
|
5902
5901
|
])),
|
|
5903
5902
|
o("div", y5, [
|
|
5904
5903
|
X(Xe, { onClick: je }, {
|
|
5905
|
-
default:
|
|
5906
|
-
|
|
5904
|
+
default: $e(() => b[4] || (b[4] = [
|
|
5905
|
+
Se("Скасувати", -1)
|
|
5907
5906
|
])),
|
|
5908
5907
|
_: 1,
|
|
5909
5908
|
__: [4]
|
|
@@ -5912,8 +5911,8 @@ const Qe = new j3(), F3 = {
|
|
|
5912
5911
|
type: "primary",
|
|
5913
5912
|
onClick: Re
|
|
5914
5913
|
}, {
|
|
5915
|
-
default:
|
|
5916
|
-
|
|
5914
|
+
default: $e(() => b[5] || (b[5] = [
|
|
5915
|
+
Se("OK", -1)
|
|
5917
5916
|
])),
|
|
5918
5917
|
_: 1,
|
|
5919
5918
|
__: [5]
|
|
@@ -6009,13 +6008,13 @@ const Qe = new j3(), F3 = {
|
|
|
6009
6008
|
parsedValue: j,
|
|
6010
6009
|
displayText: G,
|
|
6011
6010
|
hasDisplayValue: R,
|
|
6012
|
-
formatOutput:
|
|
6011
|
+
formatOutput: ne,
|
|
6013
6012
|
validate: re
|
|
6014
6013
|
} = M2($, g, K, A), {
|
|
6015
6014
|
calendarDates: se,
|
|
6016
6015
|
monthsInYear: ce,
|
|
6017
6016
|
yearsInDecade: de,
|
|
6018
|
-
decadeRange:
|
|
6017
|
+
decadeRange: W,
|
|
6019
6018
|
isDateInCurrentMonth: D,
|
|
6020
6019
|
isToday: ae,
|
|
6021
6020
|
isSameDate: fe,
|
|
@@ -6039,7 +6038,7 @@ const Qe = new j3(), F3 = {
|
|
|
6039
6038
|
return "date";
|
|
6040
6039
|
}
|
|
6041
6040
|
}, Le = x(() => e.type === "datetime" || e.type === "datetimerange"), Ee = x(() => Le.value), {
|
|
6042
|
-
visible:
|
|
6041
|
+
visible: be,
|
|
6043
6042
|
parentVisible: Ne,
|
|
6044
6043
|
dropdownPosition: We,
|
|
6045
6044
|
show: qe,
|
|
@@ -6056,7 +6055,7 @@ const Qe = new j3(), F3 = {
|
|
|
6056
6055
|
onVisibleChange: (y) => {
|
|
6057
6056
|
y && Te(() => F());
|
|
6058
6057
|
}
|
|
6059
|
-
}),
|
|
6058
|
+
}), Z = x(() => e.clearable && !e.disabled && R.value), ye = x(() => T.value ? l.isSelectingEnd.value ? e.endPlaceholder : e.startPlaceholder : e.placeholder), Pe = x(() => [
|
|
6060
6059
|
"vt-datepicker",
|
|
6061
6060
|
`vt-datepicker--${e.size}`,
|
|
6062
6061
|
`vt-datepicker--${e.type}`,
|
|
@@ -6064,7 +6063,7 @@ const Qe = new j3(), F3 = {
|
|
|
6064
6063
|
"vt-datepicker--disabled": e.disabled,
|
|
6065
6064
|
"vt-datepicker--focused": l.isFocused.value,
|
|
6066
6065
|
"vt-datepicker--range": T.value,
|
|
6067
|
-
"vt-datepicker--open":
|
|
6066
|
+
"vt-datepicker--open": be.value,
|
|
6068
6067
|
"vt-datepicker--with-time": Ee.value
|
|
6069
6068
|
}
|
|
6070
6069
|
]), Ie = x(() => ({
|
|
@@ -6119,7 +6118,7 @@ const Qe = new j3(), F3 = {
|
|
|
6119
6118
|
const k = j.value;
|
|
6120
6119
|
return k ? k.getFullYear() === V.getFullYear() && k.getMonth() === y : !1;
|
|
6121
6120
|
}
|
|
6122
|
-
},
|
|
6121
|
+
}, q = (y, V) => {
|
|
6123
6122
|
if (!T.value) return !1;
|
|
6124
6123
|
const k = V.getFullYear(), H = new Date(k, y, 1);
|
|
6125
6124
|
if (l.startDate.value && l.endDate.value) {
|
|
@@ -6173,7 +6172,7 @@ const Qe = new j3(), F3 = {
|
|
|
6173
6172
|
...e.showSeconds && { second: "2-digit" }
|
|
6174
6173
|
}) : "", u = (y) => {
|
|
6175
6174
|
var k, H;
|
|
6176
|
-
if (!
|
|
6175
|
+
if (!be.value) return;
|
|
6177
6176
|
const V = y.target;
|
|
6178
6177
|
(k = c.value) != null && k.contains(V) || (H = f.value) != null && H.contains(V) || _e();
|
|
6179
6178
|
}, h = () => {
|
|
@@ -6194,7 +6193,7 @@ const Qe = new j3(), F3 = {
|
|
|
6194
6193
|
if (ie >= H ? l.endDate.value = ie : (l.endDate.value = H, l.startDate.value = ie), Le.value && (l.endTime.value = "23:59:59"), l.isSelectingEnd.value = !1, l.hoverDate.value = null, !Le.value) {
|
|
6195
6194
|
const me = [l.startDate.value, l.endDate.value];
|
|
6196
6195
|
try {
|
|
6197
|
-
const Fe =
|
|
6196
|
+
const Fe = ne(me);
|
|
6198
6197
|
r("update:modelValue", Fe), r("change", Fe);
|
|
6199
6198
|
} catch (Fe) {
|
|
6200
6199
|
console.warn("Error formatting output:", Fe);
|
|
@@ -6206,20 +6205,20 @@ const Qe = new j3(), F3 = {
|
|
|
6206
6205
|
l.startDate.value = new Date(y), l.startTime.value = "00:00:00";
|
|
6207
6206
|
else
|
|
6208
6207
|
try {
|
|
6209
|
-
const H =
|
|
6208
|
+
const H = ne(new Date(y));
|
|
6210
6209
|
r("update:modelValue", H), r("change", H), _e();
|
|
6211
6210
|
} catch (H) {
|
|
6212
6211
|
console.warn("Error formatting single date output:", H);
|
|
6213
6212
|
}
|
|
6214
6213
|
}, he = (y, V = !1, k = !1) => {
|
|
6215
6214
|
(e.type === "daterange" || e.type === "datetimerange") && (V && !D(y) || k && !ee(y)) || T.value && l.isSelectingEnd.value && l.startDate.value && (l.hoverDate.value = new Date(y));
|
|
6216
|
-
},
|
|
6215
|
+
}, xe = () => {
|
|
6217
6216
|
T.value && l.isSelectingEnd.value && (l.hoverDate.value = null);
|
|
6218
6217
|
}, He = (y, V = !1) => {
|
|
6219
6218
|
if (V ? l.endTime.value = y : l.startTime.value = y, !T.value && l.startDate.value && l.startTime.value) {
|
|
6220
6219
|
const k = _(l.startDate.value, l.startTime.value);
|
|
6221
6220
|
try {
|
|
6222
|
-
const H =
|
|
6221
|
+
const H = ne(k);
|
|
6223
6222
|
r("update:modelValue", H), r("change", H);
|
|
6224
6223
|
} catch (H) {
|
|
6225
6224
|
console.warn("Error formatting datetime output:", H);
|
|
@@ -6230,7 +6229,7 @@ const Qe = new j3(), F3 = {
|
|
|
6230
6229
|
if (T.value && l.startDate.value && l.endDate.value) {
|
|
6231
6230
|
const y = _(l.startDate.value, l.startTime.value || "00:00:00"), V = _(l.endDate.value, l.endTime.value || "23:59:59"), k = [y, V];
|
|
6232
6231
|
try {
|
|
6233
|
-
const H =
|
|
6232
|
+
const H = ne(k);
|
|
6234
6233
|
r("update:modelValue", H), r("change", H);
|
|
6235
6234
|
} catch (H) {
|
|
6236
6235
|
console.warn("Error formatting datetime range output:", H);
|
|
@@ -6238,7 +6237,7 @@ const Qe = new j3(), F3 = {
|
|
|
6238
6237
|
} else if (!T.value && l.startDate.value) {
|
|
6239
6238
|
const y = _(l.startDate.value, l.startTime.value || "00:00:00");
|
|
6240
6239
|
try {
|
|
6241
|
-
const V =
|
|
6240
|
+
const V = ne(y);
|
|
6242
6241
|
r("update:modelValue", V), r("change", V);
|
|
6243
6242
|
} catch (V) {
|
|
6244
6243
|
console.warn("Error formatting datetime output:", V);
|
|
@@ -6289,7 +6288,7 @@ const Qe = new j3(), F3 = {
|
|
|
6289
6288
|
1
|
|
6290
6289
|
));
|
|
6291
6290
|
};
|
|
6292
|
-
return
|
|
6291
|
+
return Me(
|
|
6293
6292
|
() => e.modelValue,
|
|
6294
6293
|
(y) => {
|
|
6295
6294
|
if (y) {
|
|
@@ -6310,13 +6309,13 @@ const Qe = new j3(), F3 = {
|
|
|
6310
6309
|
l.startDate.value = null, l.endDate.value = null, l.isSelectingEnd.value = !1, l.hoverDate.value = null, l.startTime.value = d(), l.endTime.value = C();
|
|
6311
6310
|
},
|
|
6312
6311
|
{ immediate: !0 }
|
|
6313
|
-
),
|
|
6312
|
+
), Me(
|
|
6314
6313
|
() => e.type,
|
|
6315
6314
|
(y) => {
|
|
6316
6315
|
l.viewMode.value = ze(y), l.startTime.value = d(), l.endTime.value = C();
|
|
6317
6316
|
},
|
|
6318
6317
|
{ immediate: !0 }
|
|
6319
|
-
),
|
|
6318
|
+
), Me(
|
|
6320
6319
|
() => l.currentDate.value,
|
|
6321
6320
|
(y) => {
|
|
6322
6321
|
Re.value && (l.rightCurrentDate.value = new Date(y.getFullYear(), y.getMonth() + 1, 1));
|
|
@@ -6365,50 +6364,50 @@ const Qe = new j3(), F3 = {
|
|
|
6365
6364
|
name: Le.value ? "clock" : "calendar"
|
|
6366
6365
|
}, null, 8, ["name"])
|
|
6367
6366
|
]),
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
o("span", null, E(
|
|
6367
|
+
z(R) ? (s(), i("div", x5, [
|
|
6368
|
+
z(T) ? (s(), i(oe, { key: 0 }, [
|
|
6369
|
+
o("span", null, E(z(G)[0]), 1),
|
|
6371
6370
|
o("span", V5, E(e.rangeSeparator), 1),
|
|
6372
|
-
o("span", null, E(
|
|
6373
|
-
], 64)) : (s(), i(
|
|
6374
|
-
|
|
6371
|
+
o("span", null, E(z(G)[1]), 1)
|
|
6372
|
+
], 64)) : (s(), i(oe, { key: 1 }, [
|
|
6373
|
+
Se(E(z(G)), 1)
|
|
6375
6374
|
], 64))
|
|
6376
6375
|
])) : (s(), i("div", S5, [
|
|
6377
|
-
|
|
6376
|
+
z(T) ? (s(), i(oe, { key: 0 }, [
|
|
6378
6377
|
o("span", null, E(e.startPlaceholder), 1),
|
|
6379
6378
|
o("span", L5, E(e.rangeSeparator), 1),
|
|
6380
6379
|
o("span", null, E(e.endPlaceholder), 1)
|
|
6381
|
-
], 64)) : (s(), i(
|
|
6382
|
-
|
|
6380
|
+
], 64)) : (s(), i(oe, { key: 1 }, [
|
|
6381
|
+
Se(E(ye.value), 1)
|
|
6383
6382
|
], 64))
|
|
6384
6383
|
])),
|
|
6385
6384
|
o("div", D5, [
|
|
6386
|
-
|
|
6385
|
+
Z.value ? (s(), i("button", {
|
|
6387
6386
|
key: 0,
|
|
6388
6387
|
disabled: e.disabled,
|
|
6389
6388
|
class: "vt-datepicker__clear",
|
|
6390
6389
|
type: "button",
|
|
6391
|
-
onClick:
|
|
6390
|
+
onClick: Ve(Ce, ["stop"])
|
|
6392
6391
|
}, [
|
|
6393
6392
|
X(pe, { name: "close" })
|
|
6394
6393
|
], 8, H5)) : N("", !0)
|
|
6395
6394
|
])
|
|
6396
6395
|
])
|
|
6397
6396
|
], 544),
|
|
6398
|
-
|
|
6397
|
+
z(be) && z(Ne) ? (s(), we(ot, {
|
|
6399
6398
|
key: 0,
|
|
6400
6399
|
to: "body"
|
|
6401
6400
|
}, [
|
|
6402
6401
|
X(rt, { name: "dropdown" }, {
|
|
6403
|
-
default:
|
|
6402
|
+
default: $e(() => [
|
|
6404
6403
|
o("div", {
|
|
6405
6404
|
ref_key: "dropdownRef",
|
|
6406
6405
|
ref: f,
|
|
6407
6406
|
style: Be(Ie.value),
|
|
6408
6407
|
class: "vt-datepicker__dropdown",
|
|
6409
|
-
onClick: V[10] || (V[10] =
|
|
6408
|
+
onClick: V[10] || (V[10] = Ve(() => {
|
|
6410
6409
|
}, ["stop"])),
|
|
6411
|
-
onMousedown: V[11] || (V[11] =
|
|
6410
|
+
onMousedown: V[11] || (V[11] = Ve(() => {
|
|
6412
6411
|
}, ["prevent"]))
|
|
6413
6412
|
}, [
|
|
6414
6413
|
o("div", {
|
|
@@ -6455,30 +6454,30 @@ const Qe = new j3(), F3 = {
|
|
|
6455
6454
|
o("div", P5, [
|
|
6456
6455
|
o("div", R5, [
|
|
6457
6456
|
o("div", j5, [
|
|
6458
|
-
(s(!0), i(
|
|
6457
|
+
(s(!0), i(oe, null, ve(z(kt), (k, H) => (s(), i("span", {
|
|
6459
6458
|
key: `${H}_${k}`,
|
|
6460
6459
|
class: "vt-datepicker__weekday"
|
|
6461
6460
|
}, E(k), 1))), 128))
|
|
6462
6461
|
]),
|
|
6463
6462
|
o("div", F5, [
|
|
6464
|
-
(s(!0), i(
|
|
6463
|
+
(s(!0), i(oe, null, ve(z(se), (k) => (s(), i("button", {
|
|
6465
6464
|
key: k.getTime(),
|
|
6466
6465
|
class: U([
|
|
6467
6466
|
"vt-datepicker__date",
|
|
6468
6467
|
{
|
|
6469
6468
|
"vt-datepicker__date--selected": Ae(k, !0, !1),
|
|
6470
|
-
"vt-datepicker__date--other-month": !
|
|
6471
|
-
"vt-datepicker__date--today":
|
|
6469
|
+
"vt-datepicker__date--other-month": !z(D)(k),
|
|
6470
|
+
"vt-datepicker__date--today": z(ae)(k),
|
|
6472
6471
|
"vt-datepicker__date--in-range": Ke(k, !0, !1) && !Ae(k, !0, !1),
|
|
6473
|
-
"vt-datepicker__date--range-start":
|
|
6474
|
-
"vt-datepicker__date--range-end":
|
|
6472
|
+
"vt-datepicker__date--range-start": z(T) && l.startDate.value && z(fe)(k, l.startDate.value) && z(D)(k),
|
|
6473
|
+
"vt-datepicker__date--range-end": z(T) && l.endDate.value && z(fe)(k, l.endDate.value) && z(D)(k),
|
|
6475
6474
|
"vt-datepicker__date--disabled": !je(k, !0, !1)
|
|
6476
6475
|
}
|
|
6477
6476
|
]),
|
|
6478
6477
|
disabled: !je(k, !0, !1),
|
|
6479
6478
|
onClick: (H) => ge(k, !0, !1),
|
|
6480
6479
|
onMouseenter: (H) => he(k, !0, !1),
|
|
6481
|
-
onMouseleave:
|
|
6480
|
+
onMouseleave: xe
|
|
6482
6481
|
}, E(k.getDate()), 43, Z5))), 128))
|
|
6483
6482
|
])
|
|
6484
6483
|
])
|
|
@@ -6524,30 +6523,30 @@ const Qe = new j3(), F3 = {
|
|
|
6524
6523
|
o("div", W5, [
|
|
6525
6524
|
o("div", q5, [
|
|
6526
6525
|
o("div", U5, [
|
|
6527
|
-
(s(!0), i(
|
|
6526
|
+
(s(!0), i(oe, null, ve(z(kt), (k, H) => (s(), i("span", {
|
|
6528
6527
|
key: `${H}_${k}`,
|
|
6529
6528
|
class: "vt-datepicker__weekday"
|
|
6530
6529
|
}, E(k), 1))), 128))
|
|
6531
6530
|
]),
|
|
6532
6531
|
o("div", K5, [
|
|
6533
|
-
(s(!0), i(
|
|
6532
|
+
(s(!0), i(oe, null, ve(z(le), (k) => (s(), i("button", {
|
|
6534
6533
|
key: k.getTime(),
|
|
6535
6534
|
class: U([
|
|
6536
6535
|
"vt-datepicker__date",
|
|
6537
6536
|
{
|
|
6538
6537
|
"vt-datepicker__date--selected": Ae(k, !1, !0),
|
|
6539
|
-
"vt-datepicker__date--other-month": !
|
|
6540
|
-
"vt-datepicker__date--today":
|
|
6538
|
+
"vt-datepicker__date--other-month": !z(ee)(k),
|
|
6539
|
+
"vt-datepicker__date--today": z(ae)(k),
|
|
6541
6540
|
"vt-datepicker__date--in-range": Ke(k, !1, !0) && !Ae(k, !1, !0),
|
|
6542
|
-
"vt-datepicker__date--range-start":
|
|
6543
|
-
"vt-datepicker__date--range-end":
|
|
6541
|
+
"vt-datepicker__date--range-start": z(T) && l.startDate.value && z(fe)(k, l.startDate.value) && z(ee)(k),
|
|
6542
|
+
"vt-datepicker__date--range-end": z(T) && l.endDate.value && z(fe)(k, l.endDate.value) && z(ee)(k),
|
|
6544
6543
|
"vt-datepicker__date--disabled": !je(k, !1, !0)
|
|
6545
6544
|
}
|
|
6546
6545
|
]),
|
|
6547
6546
|
disabled: !je(k, !1, !0),
|
|
6548
6547
|
onClick: (H) => ge(k, !1, !0),
|
|
6549
6548
|
onMouseenter: (H) => he(k, !1, !0),
|
|
6550
|
-
onMouseleave:
|
|
6549
|
+
onMouseleave: xe
|
|
6551
6550
|
}, E(k.getDate()), 43, Q5))), 128))
|
|
6552
6551
|
])
|
|
6553
6552
|
])
|
|
@@ -6591,7 +6590,7 @@ const Qe = new j3(), F3 = {
|
|
|
6591
6590
|
key: 1,
|
|
6592
6591
|
class: "vt-datepicker__header-btn",
|
|
6593
6592
|
onClick: V[9] || (V[9] = (k) => l.viewMode.value = "year")
|
|
6594
|
-
}, E(l.currentDate.value.getFullYear()), 1)) : (s(), i("span", t6, E(
|
|
6593
|
+
}, E(l.currentDate.value.getFullYear()), 1)) : (s(), i("span", t6, E(z(W)), 1))
|
|
6595
6594
|
]),
|
|
6596
6595
|
o("button", {
|
|
6597
6596
|
class: "vt-datepicker__nav-btn",
|
|
@@ -6603,39 +6602,39 @@ const Qe = new j3(), F3 = {
|
|
|
6603
6602
|
o("div", n6, [
|
|
6604
6603
|
l.viewMode.value === "date" ? (s(), i("div", o6, [
|
|
6605
6604
|
o("div", l6, [
|
|
6606
|
-
(s(!0), i(
|
|
6605
|
+
(s(!0), i(oe, null, ve(z(kt), (k, H) => (s(), i("span", {
|
|
6607
6606
|
key: `${H}_${k}`,
|
|
6608
6607
|
class: "vt-datepicker__weekday"
|
|
6609
6608
|
}, E(k), 1))), 128))
|
|
6610
6609
|
]),
|
|
6611
6610
|
o("div", s6, [
|
|
6612
|
-
(s(!0), i(
|
|
6611
|
+
(s(!0), i(oe, null, ve(z(se), (k) => (s(), i("button", {
|
|
6613
6612
|
key: k.getTime(),
|
|
6614
6613
|
class: U([
|
|
6615
6614
|
"vt-datepicker__date",
|
|
6616
6615
|
{
|
|
6617
6616
|
"vt-datepicker__date--selected": Ae(k),
|
|
6618
|
-
"vt-datepicker__date--other-month": !
|
|
6619
|
-
"vt-datepicker__date--today":
|
|
6617
|
+
"vt-datepicker__date--other-month": !z(D)(k),
|
|
6618
|
+
"vt-datepicker__date--today": z(ae)(k),
|
|
6620
6619
|
"vt-datepicker__date--in-range": Ke(k) && !Ae(k),
|
|
6621
|
-
"vt-datepicker__date--range-start":
|
|
6622
|
-
"vt-datepicker__date--range-end":
|
|
6620
|
+
"vt-datepicker__date--range-start": z(T) && l.startDate.value && z(fe)(k, l.startDate.value),
|
|
6621
|
+
"vt-datepicker__date--range-end": z(T) && l.endDate.value && z(fe)(k, l.endDate.value)
|
|
6623
6622
|
}
|
|
6624
6623
|
]),
|
|
6625
6624
|
onClick: (H) => ge(k),
|
|
6626
6625
|
onMouseenter: (H) => he(k),
|
|
6627
|
-
onMouseleave:
|
|
6626
|
+
onMouseleave: xe
|
|
6628
6627
|
}, E(k.getDate()), 43, r6))), 128))
|
|
6629
6628
|
])
|
|
6630
6629
|
])) : l.viewMode.value === "month" ? (s(), i("div", i6, [
|
|
6631
|
-
(s(!0), i(
|
|
6630
|
+
(s(!0), i(oe, null, ve(z(ce), (k, H) => (s(), i("button", {
|
|
6632
6631
|
key: k.name,
|
|
6633
6632
|
class: U([
|
|
6634
6633
|
"vt-datepicker__month",
|
|
6635
6634
|
{
|
|
6636
6635
|
"vt-datepicker__month--selected": B(H, l.currentDate.value),
|
|
6637
6636
|
"vt-datepicker__month--current": H === l.currentDate.value.getMonth(),
|
|
6638
|
-
"vt-datepicker__month--in-range":
|
|
6637
|
+
"vt-datepicker__month--in-range": q(H, l.currentDate.value)
|
|
6639
6638
|
}
|
|
6640
6639
|
]),
|
|
6641
6640
|
onClick: (ie) => nt(H, !1),
|
|
@@ -6643,7 +6642,7 @@ const Qe = new j3(), F3 = {
|
|
|
6643
6642
|
onMouseleave: Ct
|
|
6644
6643
|
}, E(k.name), 43, a6))), 128))
|
|
6645
6644
|
])) : (s(), i("div", u6, [
|
|
6646
|
-
(s(!0), i(
|
|
6645
|
+
(s(!0), i(oe, null, ve(z(de), (k) => (s(), i("button", {
|
|
6647
6646
|
key: k.year,
|
|
6648
6647
|
class: U([
|
|
6649
6648
|
"vt-datepicker__year",
|
|
@@ -6663,19 +6662,19 @@ const Qe = new j3(), F3 = {
|
|
|
6663
6662
|
], 2),
|
|
6664
6663
|
Ee.value ? (s(), i("div", d6, [
|
|
6665
6664
|
X(Xe, { onClick: Ue }, {
|
|
6666
|
-
default:
|
|
6667
|
-
|
|
6665
|
+
default: $e(() => V[14] || (V[14] = [
|
|
6666
|
+
Se("Скасувати", -1)
|
|
6668
6667
|
])),
|
|
6669
6668
|
_: 1,
|
|
6670
6669
|
__: [14]
|
|
6671
6670
|
}),
|
|
6672
6671
|
X(Xe, {
|
|
6673
|
-
disabled: !l.startDate.value ||
|
|
6672
|
+
disabled: !l.startDate.value || z(T) && !l.endDate.value,
|
|
6674
6673
|
type: "primary",
|
|
6675
6674
|
onClick: Ye
|
|
6676
6675
|
}, {
|
|
6677
|
-
default:
|
|
6678
|
-
|
|
6676
|
+
default: $e(() => V[15] || (V[15] = [
|
|
6677
|
+
Se(" OK ", -1)
|
|
6679
6678
|
])),
|
|
6680
6679
|
_: 1,
|
|
6681
6680
|
__: [15]
|
|
@@ -6755,7 +6754,7 @@ const Qe = new j3(), F3 = {
|
|
|
6755
6754
|
isActive: c.value,
|
|
6756
6755
|
title: C.title
|
|
6757
6756
|
}, () => [
|
|
6758
|
-
|
|
6757
|
+
Se(E(C.title), 1)
|
|
6759
6758
|
])
|
|
6760
6759
|
]),
|
|
6761
6760
|
o("div", {
|
|
@@ -6771,7 +6770,7 @@ const Qe = new j3(), F3 = {
|
|
|
6771
6770
|
onAfterEnter: v,
|
|
6772
6771
|
onAfterLeave: d
|
|
6773
6772
|
}, {
|
|
6774
|
-
default:
|
|
6773
|
+
default: $e(() => [
|
|
6775
6774
|
at(o("div", m6, [
|
|
6776
6775
|
o("div", C6, [
|
|
6777
6776
|
De(C.$slots, "default")
|
|
@@ -6792,12 +6791,12 @@ const Qe = new j3(), F3 = {
|
|
|
6792
6791
|
emits: ["update:modelValue", "tab-change", "tab-remove", "tab-add"],
|
|
6793
6792
|
setup(n, { emit: t }) {
|
|
6794
6793
|
const a = n, e = t, r = it(), c = L(a.modelValue), p = L([]);
|
|
6795
|
-
|
|
6794
|
+
Me(
|
|
6796
6795
|
() => a.modelValue,
|
|
6797
6796
|
(C) => {
|
|
6798
6797
|
c.value = C;
|
|
6799
6798
|
}
|
|
6800
|
-
),
|
|
6799
|
+
), Me(c, (C) => {
|
|
6801
6800
|
C !== a.modelValue && (e("update:modelValue", C), e("tab-change", C));
|
|
6802
6801
|
});
|
|
6803
6802
|
const f = (C) => {
|
|
@@ -6821,7 +6820,7 @@ const Qe = new j3(), F3 = {
|
|
|
6821
6820
|
selectTab: v
|
|
6822
6821
|
}), (C, l) => (s(), i("div", g6, [
|
|
6823
6822
|
o("div", w6, [
|
|
6824
|
-
(s(!0), i(
|
|
6823
|
+
(s(!0), i(oe, null, ve(p.value, ($) => (s(), i("div", {
|
|
6825
6824
|
key: $.name,
|
|
6826
6825
|
class: U([{
|
|
6827
6826
|
"is-active": c.value === $.name,
|
|
@@ -6832,7 +6831,7 @@ const Qe = new j3(), F3 = {
|
|
|
6832
6831
|
d($) ? (s(), we(ft(d($)), {
|
|
6833
6832
|
key: 0,
|
|
6834
6833
|
"is-active": c.value === $.name
|
|
6835
|
-
}, null, 8, ["is-active"])) : (s(), i(
|
|
6834
|
+
}, null, 8, ["is-active"])) : (s(), i(oe, { key: 1 }, [
|
|
6836
6835
|
$.icon ? (s(), we(pe, {
|
|
6837
6836
|
key: 0,
|
|
6838
6837
|
name: $.icon,
|
|
@@ -6843,7 +6842,7 @@ const Qe = new j3(), F3 = {
|
|
|
6843
6842
|
$.closable ? (s(), i("span", {
|
|
6844
6843
|
key: 2,
|
|
6845
6844
|
class: "vt-tabs__close",
|
|
6846
|
-
onClick:
|
|
6845
|
+
onClick: Ve((g) => m($.name), ["stop"])
|
|
6847
6846
|
}, [
|
|
6848
6847
|
X(pe, { name: "close" })
|
|
6849
6848
|
], 8, y6)) : N("", !0)
|
|
@@ -7052,8 +7051,8 @@ const Qe = new j3(), F3 = {
|
|
|
7052
7051
|
name: "vt-message",
|
|
7053
7052
|
tag: "div"
|
|
7054
7053
|
}, {
|
|
7055
|
-
default:
|
|
7056
|
-
(s(!0), i(
|
|
7054
|
+
default: $e(() => [
|
|
7055
|
+
(s(!0), i(oe, null, ve(a.value, (v) => (s(), i("div", {
|
|
7057
7056
|
key: v.id,
|
|
7058
7057
|
class: U([
|
|
7059
7058
|
"vt-message-item",
|