vx-vue 0.5.1 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +38 -37
- package/dist/style.css +1 -1
- package/dist/vxvue.es.js +387 -339
- package/dist/vxvue.umd.js +1 -1
- package/package.json +28 -28
package/dist/vxvue.es.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { getCurrentScope as we, onScopeDispose as
|
|
2
|
-
function
|
|
3
|
-
return we() ? (
|
|
1
|
+
import { getCurrentScope as we, onScopeDispose as ye, unref as P, watch as E, useAttrs as q, ref as g, computed as S, onUpdated as xe, openBlock as u, createElementBlock as d, normalizeClass as $, createElementVNode as i, mergeProps as O, withKeys as U, withModifiers as A, createCommentVNode as C, Fragment as V, renderList as B, renderSlot as D, toDisplayString as _, createVNode as N, Transition as ee, withCtx as K, createTextVNode as j, nextTick as te, toValue as se, withDirectives as oe, vModelText as ke, createBlock as R, onMounted as re, pushScopeId as $e, popScopeId as _e, resolveDynamicComponent as ue, resolveComponent as Ce, vShow as Se } from "vue";
|
|
2
|
+
function Me(e) {
|
|
3
|
+
return we() ? (ye(e), !0) : !1;
|
|
4
4
|
}
|
|
5
|
-
function
|
|
6
|
-
return typeof e == "function" ? e() :
|
|
5
|
+
function ie(e) {
|
|
6
|
+
return typeof e == "function" ? e() : P(e);
|
|
7
7
|
}
|
|
8
|
-
const
|
|
8
|
+
const ce = typeof window < "u" && typeof document < "u", De = Object.prototype.toString, Ve = (e) => De.call(e) === "[object Object]", Q = () => {
|
|
9
9
|
}, Pe = /* @__PURE__ */ Ae();
|
|
10
10
|
function Ae() {
|
|
11
11
|
var e;
|
|
12
|
-
return
|
|
12
|
+
return ce && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
13
13
|
}
|
|
14
14
|
const Be = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
|
|
15
15
|
function Fe(e, n, l, s) {
|
|
16
16
|
let t = e < 12 ? "AM" : "PM";
|
|
17
17
|
return s && (t = t.split("").reduce((o, r) => o += `${r}.`, "")), l ? t.toLowerCase() : t;
|
|
18
18
|
}
|
|
19
|
-
function
|
|
19
|
+
function ae(e, n, l = {}) {
|
|
20
20
|
var s;
|
|
21
|
-
const t = e.getFullYear(), o = e.getMonth(), r = e.getDate(), a = e.getHours(), v = e.getMinutes(),
|
|
21
|
+
const t = e.getFullYear(), o = e.getMonth(), r = e.getDate(), a = e.getHours(), v = e.getMinutes(), c = e.getSeconds(), p = e.getMilliseconds(), m = e.getDay(), f = (s = l.customMeridiem) != null ? s : Fe, h = {
|
|
22
22
|
YY: () => String(t).slice(-2),
|
|
23
23
|
YYYY: () => t,
|
|
24
24
|
M: () => o + 1,
|
|
@@ -33,9 +33,9 @@ function le(e, n, l = {}) {
|
|
|
33
33
|
hh: () => `${a % 12 || 12}`.padStart(2, "0"),
|
|
34
34
|
m: () => String(v),
|
|
35
35
|
mm: () => `${v}`.padStart(2, "0"),
|
|
36
|
-
s: () => String(
|
|
37
|
-
ss: () => `${
|
|
38
|
-
SSS: () => `${
|
|
36
|
+
s: () => String(c),
|
|
37
|
+
ss: () => `${c}`.padStart(2, "0"),
|
|
38
|
+
SSS: () => `${p}`.padStart(3, "0"),
|
|
39
39
|
d: () => m,
|
|
40
40
|
dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
|
|
41
41
|
ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
|
|
@@ -47,56 +47,56 @@ function le(e, n, l = {}) {
|
|
|
47
47
|
};
|
|
48
48
|
return n.replace(Be, (k, Y) => {
|
|
49
49
|
var L, z;
|
|
50
|
-
return (z = Y ?? ((L =
|
|
50
|
+
return (z = Y ?? ((L = h[k]) == null ? void 0 : L.call(h))) != null ? z : k;
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
function W(e) {
|
|
54
54
|
var n;
|
|
55
|
-
const l =
|
|
55
|
+
const l = ie(e);
|
|
56
56
|
return (n = l == null ? void 0 : l.$el) != null ? n : l;
|
|
57
57
|
}
|
|
58
|
-
const
|
|
58
|
+
const de = ce ? window : void 0;
|
|
59
59
|
function J(...e) {
|
|
60
60
|
let n, l, s, t;
|
|
61
|
-
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, t] = e, n =
|
|
61
|
+
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, t] = e, n = de) : [n, l, s, t] = e, !n)
|
|
62
62
|
return Q;
|
|
63
63
|
Array.isArray(l) || (l = [l]), Array.isArray(s) || (s = [s]);
|
|
64
64
|
const o = [], r = () => {
|
|
65
|
-
o.forEach((
|
|
66
|
-
}, a = (
|
|
67
|
-
() => [W(n),
|
|
68
|
-
([
|
|
69
|
-
if (r(), !
|
|
65
|
+
o.forEach((p) => p()), o.length = 0;
|
|
66
|
+
}, a = (p, m, f, h) => (p.addEventListener(m, f, h), () => p.removeEventListener(m, f, h)), v = E(
|
|
67
|
+
() => [W(n), ie(t)],
|
|
68
|
+
([p, m]) => {
|
|
69
|
+
if (r(), !p)
|
|
70
70
|
return;
|
|
71
71
|
const f = Ve(m) ? { ...m } : m;
|
|
72
72
|
o.push(
|
|
73
|
-
...l.flatMap((
|
|
73
|
+
...l.flatMap((h) => s.map((k) => a(p, h, k, f)))
|
|
74
74
|
);
|
|
75
75
|
},
|
|
76
76
|
{ immediate: !0, flush: "post" }
|
|
77
|
-
),
|
|
77
|
+
), c = () => {
|
|
78
78
|
v(), r();
|
|
79
79
|
};
|
|
80
|
-
return
|
|
80
|
+
return Me(c), c;
|
|
81
81
|
}
|
|
82
|
-
let
|
|
83
|
-
function
|
|
84
|
-
const { window: s =
|
|
82
|
+
let ne = !1;
|
|
83
|
+
function le(e, n, l = {}) {
|
|
84
|
+
const { window: s = de, ignore: t = [], capture: o = !0, detectIframe: r = !1 } = l;
|
|
85
85
|
if (!s)
|
|
86
86
|
return;
|
|
87
|
-
Pe && !
|
|
87
|
+
Pe && !ne && (ne = !0, Array.from(s.document.body.children).forEach((f) => f.addEventListener("click", Q)), s.document.documentElement.addEventListener("click", Q));
|
|
88
88
|
let a = !0;
|
|
89
|
-
const v = (f) => t.some((
|
|
90
|
-
if (typeof
|
|
91
|
-
return Array.from(s.document.querySelectorAll(
|
|
89
|
+
const v = (f) => t.some((h) => {
|
|
90
|
+
if (typeof h == "string")
|
|
91
|
+
return Array.from(s.document.querySelectorAll(h)).some((k) => k === f.target || f.composedPath().includes(k));
|
|
92
92
|
{
|
|
93
|
-
const k = W(
|
|
93
|
+
const k = W(h);
|
|
94
94
|
return k && (f.target === k || f.composedPath().includes(k));
|
|
95
95
|
}
|
|
96
|
-
}),
|
|
96
|
+
}), p = [
|
|
97
97
|
J(s, "click", (f) => {
|
|
98
|
-
const
|
|
99
|
-
if (!(!
|
|
98
|
+
const h = W(e);
|
|
99
|
+
if (!(!h || h === f.target || f.composedPath().includes(h))) {
|
|
100
100
|
if (f.detail === 0 && (a = !v(f)), !a) {
|
|
101
101
|
a = !0;
|
|
102
102
|
return;
|
|
@@ -105,18 +105,18 @@ function de(e, n, l = {}) {
|
|
|
105
105
|
}
|
|
106
106
|
}, { passive: !0, capture: o }),
|
|
107
107
|
J(s, "pointerdown", (f) => {
|
|
108
|
-
const
|
|
109
|
-
|
|
108
|
+
const h = W(e);
|
|
109
|
+
h && (a = !f.composedPath().includes(h) && !v(f));
|
|
110
110
|
}, { passive: !0 }),
|
|
111
111
|
r && J(s, "blur", (f) => {
|
|
112
112
|
setTimeout(() => {
|
|
113
|
-
var
|
|
113
|
+
var h;
|
|
114
114
|
const k = W(e);
|
|
115
|
-
((
|
|
115
|
+
((h = s.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(k != null && k.contains(s.document.activeElement)) && n(f);
|
|
116
116
|
}, 0);
|
|
117
117
|
})
|
|
118
118
|
].filter(Boolean);
|
|
119
|
-
return () =>
|
|
119
|
+
return () => p.forEach((f) => f());
|
|
120
120
|
}
|
|
121
121
|
const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex items-center inset-y-0 text-vxvue-700" }, Te = {
|
|
122
122
|
key: 0,
|
|
@@ -124,21 +124,21 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
124
124
|
xmlns: "http://www.w3.org/2000/svg",
|
|
125
125
|
fill: "none",
|
|
126
126
|
viewBox: "0 0 24 24"
|
|
127
|
-
}, Oe = /* @__PURE__ */
|
|
127
|
+
}, Oe = /* @__PURE__ */ i("circle", {
|
|
128
128
|
class: "opacity-25",
|
|
129
129
|
cx: "12",
|
|
130
130
|
cy: "12",
|
|
131
131
|
r: "10",
|
|
132
132
|
stroke: "currentColor",
|
|
133
133
|
"stroke-width": "4"
|
|
134
|
-
}, null, -1), je = /* @__PURE__ */
|
|
134
|
+
}, null, -1), je = /* @__PURE__ */ i("path", {
|
|
135
135
|
class: "opacity-75",
|
|
136
136
|
fill: "currentColor",
|
|
137
137
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
138
138
|
}, null, -1), Ye = [
|
|
139
139
|
Oe,
|
|
140
140
|
je
|
|
141
|
-
],
|
|
141
|
+
], rl = {
|
|
142
142
|
__name: "autocomplete",
|
|
143
143
|
props: {
|
|
144
144
|
modelValue: { type: String, default: "" },
|
|
@@ -155,7 +155,7 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
155
155
|
const l = e, s = q(), o = (() => {
|
|
156
156
|
let b = 0;
|
|
157
157
|
return (w) => (w || "") + ++b;
|
|
158
|
-
})()((s.id || "autocomplete") + "-"), r = g([]), a = g(-1), v = g(0),
|
|
158
|
+
})()((s.id || "autocomplete") + "-"), r = g([]), a = g(-1), v = g(0), c = g(!1), p = g(!1), m = g("top-0 translate-y-12"), f = g(!0), h = g(null), k = g(null), Y = g(null), L = S(
|
|
159
159
|
() => r.value.map((b, w) => ({
|
|
160
160
|
id: (s.id || "autocomplete") + "-item-" + w,
|
|
161
161
|
class: ["autocomplete-item", l.resultItemClass, { "bg-vxvue-700 text-white": a.value === w }],
|
|
@@ -163,7 +163,7 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
163
163
|
role: "option",
|
|
164
164
|
...a.value === w ? { "aria-selected": "true" } : {}
|
|
165
165
|
}))
|
|
166
|
-
), z =
|
|
166
|
+
), z = S(() => ({
|
|
167
167
|
role: "combobox",
|
|
168
168
|
autocomplete: "off",
|
|
169
169
|
autocapitalize: "off",
|
|
@@ -172,60 +172,60 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
172
172
|
"aria-autocomplete": "list",
|
|
173
173
|
"aria-haspopup": "listbox",
|
|
174
174
|
"aria-owns": o,
|
|
175
|
-
"aria-expanded":
|
|
175
|
+
"aria-expanded": c.value ? "true" : "false",
|
|
176
176
|
"aria-activedescendant": a.value > -1 ? L.value[a.value].id : "",
|
|
177
177
|
...s
|
|
178
|
-
})),
|
|
178
|
+
})), y = S(() => ({
|
|
179
179
|
id: o,
|
|
180
180
|
class: ["autocomplete-list absolute min-w-full transform z-10", l.resultListClass, m.value],
|
|
181
181
|
role: "listbox"
|
|
182
|
-
})),
|
|
183
|
-
a.value = -1, r.value = [],
|
|
184
|
-
},
|
|
182
|
+
})), M = () => {
|
|
183
|
+
a.value = -1, r.value = [], c.value = !1, f.value = !0;
|
|
184
|
+
}, x = (b) => {
|
|
185
185
|
const w = l.search(b);
|
|
186
186
|
if (w instanceof Promise) {
|
|
187
187
|
const T = ++v.value;
|
|
188
|
-
|
|
189
|
-
T === v.value && (r.value = F,
|
|
188
|
+
p.value = !0, w.then((F) => {
|
|
189
|
+
T === v.value && (r.value = F, p.value = !1, r.value.length ? (a.value = l.autoSelect ? 0 : -1, c.value = !0) : M());
|
|
190
190
|
});
|
|
191
191
|
} else
|
|
192
|
-
r.value = w, r.value.length === 0 ?
|
|
192
|
+
r.value = w, r.value.length === 0 ? M() : (a.value = l.autoSelect ? 0 : -1, c.value = !0);
|
|
193
193
|
}, I = () => {
|
|
194
194
|
const b = r.value[a.value];
|
|
195
|
-
return b && n("update:modelValue", l.getResultValue(b)),
|
|
195
|
+
return b && n("update:modelValue", l.getResultValue(b)), M(), b;
|
|
196
196
|
}, X = (b) => {
|
|
197
|
-
n("update:modelValue", b),
|
|
198
|
-
},
|
|
199
|
-
|
|
197
|
+
n("update:modelValue", b), x(b);
|
|
198
|
+
}, G = (b) => x(b.target.value), H = () => {
|
|
199
|
+
M(), n("blur");
|
|
200
200
|
}, Z = () => {
|
|
201
201
|
const b = r.value.length;
|
|
202
202
|
a.value = ((a.value - 1) % b + b) % b;
|
|
203
|
-
},
|
|
204
|
-
|
|
203
|
+
}, pe = (b) => {
|
|
204
|
+
c.value || G(b);
|
|
205
205
|
const w = r.value.length;
|
|
206
206
|
a.value = ((a.value + 1) % w + w) % w;
|
|
207
207
|
}, me = () => {
|
|
208
|
-
|
|
208
|
+
M(), n("update:modelValue", "");
|
|
209
209
|
}, ge = () => n("submit", I()), be = (b) => {
|
|
210
210
|
const w = b.target.closest("[data-result-index]");
|
|
211
211
|
w && (a.value = parseInt(w.dataset.resultIndex, 10), n("submit", I()));
|
|
212
212
|
};
|
|
213
|
-
return
|
|
214
|
-
if (
|
|
215
|
-
const b = k.value.getBoundingClientRect(), w =
|
|
213
|
+
return le(Y, M), xe(() => {
|
|
214
|
+
if (h.value) {
|
|
215
|
+
const b = k.value.getBoundingClientRect(), w = h.value.getBoundingClientRect();
|
|
216
216
|
f.value && r.value.length && (f.value = !1, m.value = b.bottom + w.height > window.innerHeight && window.innerHeight - b.bottom < b.top && window.pageYOffset + b.top - w.height > 0 ? "bottom-0 -translate-y-12" : "top-0 translate-y-12");
|
|
217
|
-
const T =
|
|
217
|
+
const T = h.value.querySelector('[data-result-index="' + a.value + '"]');
|
|
218
218
|
if (T) {
|
|
219
219
|
let F = T.getBoundingClientRect();
|
|
220
|
-
F.top < w.top ?
|
|
220
|
+
F.top < w.top ? h.value.scrollTop -= w.top - F.top : F.bottom > w.bottom && (h.value.scrollTop += F.bottom - w.bottom);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
}), (b, w) => (u(), d("div", {
|
|
224
|
-
class:
|
|
224
|
+
class: $(["relative inline-block", b.$attrs.class]),
|
|
225
225
|
ref_key: "container",
|
|
226
226
|
ref: Y
|
|
227
227
|
}, [
|
|
228
|
-
|
|
228
|
+
i("input", O({
|
|
229
229
|
ref_key: "input",
|
|
230
230
|
ref: k,
|
|
231
231
|
class: "form-input w-full block focus:border-vxvue pr-10",
|
|
@@ -236,33 +236,33 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
236
236
|
U(ge, ["enter"]),
|
|
237
237
|
U(me, ["esc"]),
|
|
238
238
|
U(I, ["tab"]),
|
|
239
|
-
U(
|
|
240
|
-
U(
|
|
239
|
+
U(A(Z, ["prevent"]), ["up"]),
|
|
240
|
+
U(A(pe, ["prevent"]), ["down"])
|
|
241
241
|
],
|
|
242
|
-
onFocus:
|
|
242
|
+
onFocus: G,
|
|
243
243
|
onBlur: H
|
|
244
244
|
}), null, 16, Le),
|
|
245
|
-
|
|
246
|
-
|
|
245
|
+
i("span", Ie, [
|
|
246
|
+
p.value ? (u(), d("svg", Te, Ye)) : C("", !0)
|
|
247
247
|
]),
|
|
248
248
|
r.value.length ? (u(), d("ul", O({
|
|
249
249
|
key: 0,
|
|
250
250
|
ref_key: "resultList",
|
|
251
|
-
ref:
|
|
252
|
-
},
|
|
251
|
+
ref: h
|
|
252
|
+
}, y.value, {
|
|
253
253
|
onClick: be,
|
|
254
|
-
onMousedown: w[1] || (w[1] =
|
|
254
|
+
onMousedown: w[1] || (w[1] = A(() => {
|
|
255
255
|
}, ["prevent"]))
|
|
256
256
|
}), [
|
|
257
|
-
(u(!0), d(
|
|
257
|
+
(u(!0), d(V, null, B(r.value, (T, F) => D(b.$slots, "result", {
|
|
258
258
|
result: T,
|
|
259
259
|
props: L.value[F]
|
|
260
260
|
}, () => [
|
|
261
261
|
(u(), d("li", O({
|
|
262
262
|
key: L.value[F].id
|
|
263
|
-
}, L.value[F]),
|
|
263
|
+
}, L.value[F]), _(e.getResultValue(T)), 17))
|
|
264
264
|
])), 256))
|
|
265
|
-
], 16)) :
|
|
265
|
+
], 16)) : C("", !0)
|
|
266
266
|
], 2));
|
|
267
267
|
}
|
|
268
268
|
}, Ee = {
|
|
@@ -272,10 +272,10 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
272
272
|
}, Ne = {
|
|
273
273
|
key: 0,
|
|
274
274
|
class: "overflow-y-auto fixed inset-0 z-50"
|
|
275
|
-
}, ze = { class: "flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0" }, Re = { key: 0 }, He = /* @__PURE__ */
|
|
275
|
+
}, ze = { class: "flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0" }, Re = { key: 0 }, He = /* @__PURE__ */ i("span", {
|
|
276
276
|
class: "hidden sm:inline-block sm:h-screen sm:align-middle",
|
|
277
277
|
"aria-hidden": "true"
|
|
278
|
-
}, "", -1), Ue = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, We = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, qe = { class: "flex flex-row items-center" }, Ke = { class: "flex-shrink-0" }, Ge = { class: "flex-grow text-center" }, Xe = ["onClick"],
|
|
278
|
+
}, "", -1), Ue = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, We = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, qe = { class: "flex flex-row items-center" }, Ke = { class: "flex-shrink-0" }, Ge = { class: "flex-grow text-center" }, Xe = ["onClick"], ul = {
|
|
279
279
|
__name: "confirm",
|
|
280
280
|
props: {
|
|
281
281
|
buttons: {
|
|
@@ -295,54 +295,54 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
295
295
|
setup(e, { expose: n }) {
|
|
296
296
|
const l = e, s = g(""), t = g(""), o = g(!1);
|
|
297
297
|
let r = null, a = null;
|
|
298
|
-
const v =
|
|
299
|
-
return n({ open: (m, f) => (s.value = m, t.value = f, o.value = !0,
|
|
300
|
-
r =
|
|
301
|
-
})) }), (m, f) => (u(), d(
|
|
302
|
-
o.value ? (u(), d("div", Ee)) :
|
|
303
|
-
N(
|
|
304
|
-
default:
|
|
298
|
+
const v = S(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), c = g(null);
|
|
299
|
+
return n({ open: (m, f) => (s.value = m, t.value = f, o.value = !0, te(() => c.value.firstElementChild.focus()), new Promise((h, k) => {
|
|
300
|
+
r = h, a = k;
|
|
301
|
+
})) }), (m, f) => (u(), d(V, null, [
|
|
302
|
+
o.value ? (u(), d("div", Ee)) : C("", !0),
|
|
303
|
+
N(ee, { name: "appear" }, {
|
|
304
|
+
default: K(() => [
|
|
305
305
|
o.value ? (u(), d("div", Ne, [
|
|
306
|
-
|
|
306
|
+
i("div", ze, [
|
|
307
307
|
o.value ? (u(), d("div", Re, [
|
|
308
308
|
He,
|
|
309
|
-
|
|
309
|
+
i("div", Ue, [
|
|
310
310
|
s.value ? (u(), d("h3", {
|
|
311
311
|
key: 0,
|
|
312
|
-
class:
|
|
312
|
+
class: $(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
|
|
313
313
|
}, [
|
|
314
|
-
|
|
315
|
-
j(
|
|
314
|
+
D(m.$slots, "title", { title: s.value }, () => [
|
|
315
|
+
j(_(s.value), 1)
|
|
316
316
|
])
|
|
317
|
-
], 2)) :
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
317
|
+
], 2)) : C("", !0),
|
|
318
|
+
i("div", We, [
|
|
319
|
+
i("div", qe, [
|
|
320
|
+
i("div", Ke, [
|
|
321
|
+
D(m.$slots, "icon")
|
|
322
322
|
]),
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
j(
|
|
323
|
+
i("p", Ge, [
|
|
324
|
+
D(m.$slots, "default", { message: t.value }, () => [
|
|
325
|
+
j(_(t.value), 1)
|
|
326
326
|
])
|
|
327
327
|
])
|
|
328
328
|
]),
|
|
329
|
-
|
|
329
|
+
i("div", {
|
|
330
330
|
class: "flex justify-center mt-5 space-x-2 sm:mt-6",
|
|
331
331
|
ref_key: "buttonsContainer",
|
|
332
|
-
ref:
|
|
332
|
+
ref: c
|
|
333
333
|
}, [
|
|
334
|
-
(u(!0), d(
|
|
335
|
-
class:
|
|
336
|
-
onClick:
|
|
337
|
-
o.value = !1, k === 0 ?
|
|
334
|
+
(u(!0), d(V, null, B(v.value, (h, k) => (u(), d("button", {
|
|
335
|
+
class: $([e.buttonClass, h.class]),
|
|
336
|
+
onClick: A((Y) => {
|
|
337
|
+
o.value = !1, k === 0 ? P(r)() : P(a)();
|
|
338
338
|
}, ["prevent"])
|
|
339
|
-
},
|
|
339
|
+
}, _(h.label), 11, Xe))), 256))
|
|
340
340
|
], 512)
|
|
341
341
|
])
|
|
342
342
|
])
|
|
343
|
-
])) :
|
|
343
|
+
])) : C("", !0)
|
|
344
344
|
])
|
|
345
|
-
])) :
|
|
345
|
+
])) : C("", !0)
|
|
346
346
|
]),
|
|
347
347
|
_: 3
|
|
348
348
|
})
|
|
@@ -350,7 +350,7 @@ const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex ite
|
|
|
350
350
|
}
|
|
351
351
|
};
|
|
352
352
|
function Ze(e, n) {
|
|
353
|
-
const l = g(!1), s =
|
|
353
|
+
const l = g(!1), s = se(n);
|
|
354
354
|
let t, o = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = [];
|
|
355
355
|
if ((t = s.match(/\bd\b/gi)) && t.length === 1)
|
|
356
356
|
o = o.replace("d", "(\\d{1,2})");
|
|
@@ -368,35 +368,35 @@ function Ze(e, n) {
|
|
|
368
368
|
o = o.replace("yyyy", "(\\d{4})");
|
|
369
369
|
else
|
|
370
370
|
return { date: l };
|
|
371
|
-
if (r.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(t =
|
|
371
|
+
if (r.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(t = se(e).match(o)))
|
|
372
372
|
return { date: l };
|
|
373
|
-
t.shift(), r.sort((
|
|
374
|
-
let a = [], v,
|
|
373
|
+
t.shift(), r.sort((p, m) => p.srcPos < m.srcPos ? -1 : 1);
|
|
374
|
+
let a = [], v, c;
|
|
375
375
|
for (; v = t.shift(); )
|
|
376
|
-
|
|
376
|
+
c = r.shift(), a[c.destPos] = v;
|
|
377
377
|
return a = Date.parse(a.join("-")), a && (a = new Date(a), l.value = new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0)), { date: l };
|
|
378
378
|
}
|
|
379
|
-
const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */
|
|
379
|
+
const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ i("svg", {
|
|
380
380
|
class: "w-2 h-2",
|
|
381
381
|
stroke: "currentColor",
|
|
382
382
|
fill: "none",
|
|
383
383
|
viewBox: "0 0 8 8"
|
|
384
384
|
}, [
|
|
385
|
-
/* @__PURE__ */
|
|
385
|
+
/* @__PURE__ */ i("path", {
|
|
386
386
|
"stroke-linecap": "round",
|
|
387
387
|
"stroke-width": "1.5",
|
|
388
388
|
d: "M1 1l6 6m0-6L1 7"
|
|
389
389
|
})
|
|
390
390
|
], -1), tt = [
|
|
391
391
|
et
|
|
392
|
-
], lt = /* @__PURE__ */
|
|
392
|
+
], lt = /* @__PURE__ */ i("svg", {
|
|
393
393
|
xmlns: "http://www.w3.org/2000/svg",
|
|
394
394
|
class: "w-6 h-6",
|
|
395
395
|
fill: "none",
|
|
396
396
|
viewBox: "0 0 24 24",
|
|
397
397
|
stroke: "currentColor"
|
|
398
398
|
}, [
|
|
399
|
-
/* @__PURE__ */
|
|
399
|
+
/* @__PURE__ */ i("path", {
|
|
400
400
|
"stroke-linecap": "round",
|
|
401
401
|
"stroke-linejoin": "round",
|
|
402
402
|
"stroke-width": "2",
|
|
@@ -415,33 +415,33 @@ const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ c(
|
|
|
415
415
|
},
|
|
416
416
|
emits: ["update:modelValue", "toggle-datepicker"],
|
|
417
417
|
setup(e, { emit: n }) {
|
|
418
|
-
const l = e, s = g(""), t =
|
|
418
|
+
const l = e, s = g(""), t = S(() => l.modelValue ? ae(l.modelValue, l.outputFormat) : ""), o = S(() => {
|
|
419
419
|
let r = Object.assign({}, q());
|
|
420
420
|
return delete r.class, r;
|
|
421
421
|
});
|
|
422
|
-
return E(() => l.modelValue, (r) => s.value = r ?
|
|
423
|
-
class:
|
|
422
|
+
return E(() => l.modelValue, (r) => s.value = r ? ae(r, l.outputFormat) : ""), (r, a) => (u(), d("div", {
|
|
423
|
+
class: $(["inline-block relative", r.$attrs.class])
|
|
424
424
|
}, [
|
|
425
425
|
t.value ? (u(), d("div", Je, [
|
|
426
|
-
|
|
427
|
-
class:
|
|
426
|
+
i("div", {
|
|
427
|
+
class: $(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
|
|
428
428
|
}, [
|
|
429
|
-
|
|
430
|
-
|
|
429
|
+
i("span", Qe, _(t.value), 1),
|
|
430
|
+
i("button", {
|
|
431
431
|
onClick: a[0] || (a[0] = (v) => n("update:modelValue", null)),
|
|
432
432
|
class: "inline-flex flex-shrink-0 justify-center items-center ml-2 w-4 h-4 rounded-full focus:text-white focus:outline-none text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700"
|
|
433
433
|
}, tt)
|
|
434
434
|
], 2)
|
|
435
|
-
])) :
|
|
435
|
+
])) : oe((u(), d("input", O({
|
|
436
436
|
key: 1,
|
|
437
437
|
type: "text",
|
|
438
438
|
class: ["block w-full form-input focus:border-vxvue peer", { "pr-10": e.showButton }],
|
|
439
439
|
"onUpdate:modelValue": a[1] || (a[1] = (v) => s.value = v),
|
|
440
440
|
onBlur: a[2] || (a[2] = (v) => {
|
|
441
|
-
var
|
|
442
|
-
return n("update:modelValue", ((
|
|
441
|
+
var c;
|
|
442
|
+
return n("update:modelValue", ((c = P(Ze)(s.value, l.inputFormat).date) == null ? void 0 : c.value) || null);
|
|
443
443
|
}),
|
|
444
|
-
onInput: a[3] || (a[3] =
|
|
444
|
+
onInput: a[3] || (a[3] = A(() => {
|
|
445
445
|
}, ["prevent"]))
|
|
446
446
|
}, o.value), null, 16)), [
|
|
447
447
|
[ke, s.value]
|
|
@@ -449,9 +449,9 @@ const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ c(
|
|
|
449
449
|
e.showButton ? (u(), d("button", {
|
|
450
450
|
key: 2,
|
|
451
451
|
class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
|
|
452
|
-
onClick: a[4] || (a[4] =
|
|
453
|
-
}, st)) :
|
|
454
|
-
|
|
452
|
+
onClick: a[4] || (a[4] = A((v) => n("toggle-datepicker"), ["stop"]))
|
|
453
|
+
}, st)) : C("", !0),
|
|
454
|
+
D(r.$slots, "default")
|
|
455
455
|
], 2));
|
|
456
456
|
}
|
|
457
457
|
};
|
|
@@ -462,7 +462,7 @@ function ve(e, n) {
|
|
|
462
462
|
fill: "currentColor",
|
|
463
463
|
"aria-hidden": "true"
|
|
464
464
|
}, [
|
|
465
|
-
|
|
465
|
+
i("path", {
|
|
466
466
|
"fill-rule": "evenodd",
|
|
467
467
|
d: "M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z",
|
|
468
468
|
"clip-rule": "evenodd"
|
|
@@ -476,7 +476,7 @@ function fe(e, n) {
|
|
|
476
476
|
fill: "currentColor",
|
|
477
477
|
"aria-hidden": "true"
|
|
478
478
|
}, [
|
|
479
|
-
|
|
479
|
+
i("path", {
|
|
480
480
|
"fill-rule": "evenodd",
|
|
481
481
|
d: "M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z",
|
|
482
482
|
"clip-rule": "evenodd"
|
|
@@ -490,7 +490,7 @@ function nt(e, n) {
|
|
|
490
490
|
fill: "currentColor",
|
|
491
491
|
"aria-hidden": "true"
|
|
492
492
|
}, [
|
|
493
|
-
|
|
493
|
+
i("path", {
|
|
494
494
|
"fill-rule": "evenodd",
|
|
495
495
|
d: "M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z",
|
|
496
496
|
"clip-rule": "evenodd"
|
|
@@ -504,7 +504,7 @@ function ot(e, n) {
|
|
|
504
504
|
fill: "currentColor",
|
|
505
505
|
"aria-hidden": "true"
|
|
506
506
|
}, [
|
|
507
|
-
|
|
507
|
+
i("path", {
|
|
508
508
|
"fill-rule": "evenodd",
|
|
509
509
|
d: "M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z",
|
|
510
510
|
"clip-rule": "evenodd"
|
|
@@ -518,14 +518,14 @@ function rt(e, n) {
|
|
|
518
518
|
fill: "currentColor",
|
|
519
519
|
"aria-hidden": "true"
|
|
520
520
|
}, [
|
|
521
|
-
|
|
521
|
+
i("path", {
|
|
522
522
|
"fill-rule": "evenodd",
|
|
523
523
|
d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z",
|
|
524
524
|
"clip-rule": "evenodd"
|
|
525
525
|
})
|
|
526
526
|
]);
|
|
527
527
|
}
|
|
528
|
-
const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, it = ["onClick"], ct = { class: "flex-grow text-center" }, dt = ["onClick"], vt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, ft = ["disabled", "onClick"],
|
|
528
|
+
const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, it = ["onClick"], ct = { class: "flex-grow text-center" }, dt = ["onClick"], vt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, ft = ["disabled", "onClick"], il = {
|
|
529
529
|
__name: "datepicker",
|
|
530
530
|
props: {
|
|
531
531
|
modelValue: [Date, Boolean],
|
|
@@ -539,96 +539,96 @@ const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
|
|
|
539
539
|
emits: ["update:modelValue", "month-change"],
|
|
540
540
|
setup(e, { emit: n }) {
|
|
541
541
|
const l = e, s = (() => {
|
|
542
|
-
let
|
|
543
|
-
return new Date(
|
|
544
|
-
})(), t = g(new Date(s.getFullYear(), s.getMonth(), 1)), o = g(null), r = g(!l.hasInput), a = g("left-0"), v = g("top-0"),
|
|
545
|
-
const
|
|
546
|
-
for (let H = -X, Z = I.getDate() +
|
|
547
|
-
|
|
548
|
-
return
|
|
549
|
-
}),
|
|
550
|
-
E(() => l.modelValue, (
|
|
551
|
-
|
|
552
|
-
}, { immediate: !0 }), E(r, (
|
|
553
|
-
|
|
554
|
-
const
|
|
555
|
-
a.value =
|
|
542
|
+
let y = /* @__PURE__ */ new Date();
|
|
543
|
+
return new Date(y.getFullYear(), y.getMonth(), y.getDate());
|
|
544
|
+
})(), t = g(new Date(s.getFullYear(), s.getMonth(), 1)), o = g(null), r = g(!l.hasInput), a = g("left-0"), v = g("top-0"), c = g(null), p = g(null), m = S(() => l.hasInput ? { class: ["absolute", r.value ? "block" : "hidden"] } : {}), f = S(() => {
|
|
545
|
+
const y = [], M = t.value.getFullYear(), x = t.value.getMonth(), I = new Date(M, x + 1, 0), X = new Date(M, x, 0).getDay() + 1 - l.startOfWeekIndex, G = (6 + l.startOfWeekIndex - I.getDay()) % 7;
|
|
546
|
+
for (let H = -X, Z = I.getDate() + G; H < Z; ++H)
|
|
547
|
+
y.push(new Date(M, x, H + 1));
|
|
548
|
+
return y;
|
|
549
|
+
}), h = S(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
|
|
550
|
+
E(() => l.modelValue, (y) => {
|
|
551
|
+
y ? (o.value = new Date(y.getFullYear(), y.getMonth(), y.getDate()), t.value = new Date(o.value.getTime())) : (o.value = null, t.value = new Date(s.getTime())), t.value.setDate(1);
|
|
552
|
+
}, { immediate: !0 }), E(r, (y) => {
|
|
553
|
+
y && l.hasInput && te(() => {
|
|
554
|
+
const M = c.value.$el.getBoundingClientRect(), x = p.value.getBoundingClientRect();
|
|
555
|
+
a.value = M.left + x.width > window.innerWidth ? "right-0" : "left-0", v.value = M.bottom + x.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
|
|
556
556
|
});
|
|
557
|
-
}),
|
|
557
|
+
}), le(p, () => r.value = !1);
|
|
558
558
|
const k = () => {
|
|
559
559
|
t.value = new Date(t.value.getFullYear(), t.value.getMonth() - 1, 1), n("month-change", t.value);
|
|
560
560
|
}, Y = () => {
|
|
561
561
|
t.value = new Date(t.value.getFullYear(), t.value.getMonth() + 1, 1), n("month-change", t.value);
|
|
562
|
-
}, L = (
|
|
563
|
-
o.value =
|
|
564
|
-
}, z = (
|
|
565
|
-
o.value =
|
|
562
|
+
}, L = (y) => {
|
|
563
|
+
o.value = y, n("update:modelValue", y), r.value = !l.hasInput;
|
|
564
|
+
}, z = (y) => {
|
|
565
|
+
o.value = y, n("update:modelValue", y);
|
|
566
566
|
};
|
|
567
|
-
return (
|
|
568
|
-
class:
|
|
567
|
+
return (y, M) => (u(), d("div", {
|
|
568
|
+
class: $(["relative", y.$attrs.class])
|
|
569
569
|
}, [
|
|
570
570
|
e.hasInput ? (u(), R(at, O({
|
|
571
571
|
key: 0,
|
|
572
572
|
modelValue: o.value,
|
|
573
|
-
onToggleDatepicker:
|
|
573
|
+
onToggleDatepicker: M[0] || (M[0] = (x) => r.value = !0),
|
|
574
574
|
"onUpdate:modelValue": z
|
|
575
|
-
},
|
|
575
|
+
}, y.$attrs, {
|
|
576
576
|
ref_key: "input",
|
|
577
|
-
ref:
|
|
577
|
+
ref: c,
|
|
578
578
|
class: "w-full",
|
|
579
579
|
locale: e.locale
|
|
580
580
|
}), {
|
|
581
|
-
default:
|
|
582
|
-
|
|
581
|
+
default: K(() => [
|
|
582
|
+
D(y.$slots, "default")
|
|
583
583
|
]),
|
|
584
584
|
_: 3
|
|
585
|
-
}, 16, ["modelValue", "locale"])) :
|
|
586
|
-
|
|
585
|
+
}, 16, ["modelValue", "locale"])) : C("", !0),
|
|
586
|
+
i("div", O({ class: "z-10 bg-white shadow-md" }, m.value, {
|
|
587
587
|
ref_key: "calendar",
|
|
588
|
-
ref:
|
|
588
|
+
ref: p,
|
|
589
589
|
class: [a.value, v.value]
|
|
590
590
|
}), [
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
onClick:
|
|
591
|
+
i("div", ut, [
|
|
592
|
+
i("button", {
|
|
593
|
+
onClick: A(k, ["stop"]),
|
|
594
594
|
class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
|
|
595
595
|
}, [
|
|
596
|
-
N(
|
|
596
|
+
N(P(ve), { class: "w-6 h-6" })
|
|
597
597
|
], 8, it),
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
onClick:
|
|
598
|
+
i("div", ct, _(t.value.toLocaleString(e.locale, { month: "long" })) + " " + _(t.value.getFullYear()), 1),
|
|
599
|
+
i("button", {
|
|
600
|
+
onClick: A(Y, ["stop"]),
|
|
601
601
|
class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
|
|
602
602
|
}, [
|
|
603
|
-
N(
|
|
603
|
+
N(P(fe), { class: "w-6 h-6" })
|
|
604
604
|
], 8, dt)
|
|
605
605
|
]),
|
|
606
|
-
|
|
607
|
-
(u(!0), d(
|
|
606
|
+
i("div", vt, [
|
|
607
|
+
(u(!0), d(V, null, B(h.value, (x, I) => (u(), d("div", {
|
|
608
608
|
class: "py-2 text-center bg-gray-200",
|
|
609
609
|
key: I
|
|
610
|
-
},
|
|
611
|
-
(u(!0), d(
|
|
612
|
-
class:
|
|
610
|
+
}, _(x), 1))), 128)),
|
|
611
|
+
(u(!0), d(V, null, B(f.value, (x) => (u(), d("div", {
|
|
612
|
+
class: $(["text-center", x.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
|
|
613
613
|
}, [
|
|
614
|
-
|
|
615
|
-
class:
|
|
614
|
+
i("button", {
|
|
615
|
+
class: $([
|
|
616
616
|
{
|
|
617
|
-
"bg-vxvue-700 text-white": o.value &&
|
|
618
|
-
"bg-gray-200":
|
|
619
|
-
"text-red-400": e.validFrom && e.validFrom >
|
|
617
|
+
"bg-vxvue-700 text-white": o.value && x.getTime() === o.value.getTime(),
|
|
618
|
+
"bg-gray-200": x.getTime() === P(s).getTime(),
|
|
619
|
+
"text-red-400": e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x
|
|
620
620
|
},
|
|
621
621
|
"py-2 px-3 rounded-sm"
|
|
622
622
|
]),
|
|
623
|
-
disabled: e.validFrom && e.validFrom >
|
|
624
|
-
onClick:
|
|
625
|
-
},
|
|
623
|
+
disabled: e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x,
|
|
624
|
+
onClick: A((I) => e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x ? null : L(x), ["stop"])
|
|
625
|
+
}, _(x.getDate()), 11, ft)
|
|
626
626
|
], 2))), 256))
|
|
627
627
|
])
|
|
628
628
|
], 16)
|
|
629
629
|
], 2));
|
|
630
630
|
}
|
|
631
|
-
},
|
|
631
|
+
}, ht = ["for"], pt = ["id", "multiple", "accept"], cl = {
|
|
632
632
|
__name: "form-file-button",
|
|
633
633
|
props: {
|
|
634
634
|
modelValue: { type: Array },
|
|
@@ -652,24 +652,24 @@ const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
|
|
|
652
652
|
}
|
|
653
653
|
};
|
|
654
654
|
return (o, r) => (u(), d("label", { for: e.id }, [
|
|
655
|
-
|
|
655
|
+
D(o.$slots, "default", {}, () => [
|
|
656
656
|
j("Upload")
|
|
657
657
|
]),
|
|
658
|
-
|
|
658
|
+
i("input", {
|
|
659
659
|
type: "file",
|
|
660
660
|
id: e.id,
|
|
661
661
|
multiple: e.multiple,
|
|
662
662
|
accept: e.accept,
|
|
663
663
|
onChange: t,
|
|
664
664
|
class: "hidden"
|
|
665
|
-
}, null, 40,
|
|
666
|
-
], 8,
|
|
665
|
+
}, null, 40, pt)
|
|
666
|
+
], 8, ht));
|
|
667
667
|
}
|
|
668
668
|
}, mt = ["value"], gt = {
|
|
669
669
|
key: 0,
|
|
670
670
|
disabled: "",
|
|
671
671
|
value: ""
|
|
672
|
-
}, bt = ["value", "selected"],
|
|
672
|
+
}, bt = ["value", "selected"], dl = {
|
|
673
673
|
__name: "form-select",
|
|
674
674
|
props: { options: Array, modelValue: [String, Number], disabledLabel: String },
|
|
675
675
|
emits: ["update:modelValue"],
|
|
@@ -679,56 +679,56 @@ const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
|
|
|
679
679
|
class: "form-select",
|
|
680
680
|
onChange: s[0] || (s[0] = (t) => n("update:modelValue", t.target.value))
|
|
681
681
|
}), [
|
|
682
|
-
e.disabledLabel ? (u(), d("option", gt,
|
|
683
|
-
(u(!0), d(
|
|
682
|
+
e.disabledLabel ? (u(), d("option", gt, _(e.disabledLabel), 1)) : C("", !0),
|
|
683
|
+
(u(!0), d(V, null, B(e.options, (t) => (u(), d("option", {
|
|
684
684
|
value: t.key !== void 0 ? t.key : t.label || t,
|
|
685
685
|
selected: (t.key !== void 0 ? t.key : t.label || t) === e.modelValue
|
|
686
|
-
},
|
|
686
|
+
}, _(t.label || t), 9, bt))), 256))
|
|
687
687
|
], 16, mt));
|
|
688
688
|
}
|
|
689
|
-
}, wt = ["aria-checked"],
|
|
689
|
+
}, wt = ["aria-checked"], yt = ["checked"], vl = {
|
|
690
690
|
__name: "form-switch",
|
|
691
691
|
props: ["modelValue"],
|
|
692
692
|
emits: ["update:modelValue"],
|
|
693
693
|
setup(e, { emit: n }) {
|
|
694
|
-
const l = e, s =
|
|
694
|
+
const l = e, s = S(() => l.modelValue ? "bg-vxvue" : "bg-slate-200"), t = S(() => l.modelValue ? "translate-x-5" : "translate-x-0"), o = S(() => {
|
|
695
695
|
let r = Object.assign({}, q());
|
|
696
696
|
return delete r.class, r;
|
|
697
697
|
});
|
|
698
|
-
return (r, a) => (u(), d(
|
|
699
|
-
|
|
700
|
-
class:
|
|
698
|
+
return (r, a) => (u(), d(V, null, [
|
|
699
|
+
i("label", {
|
|
700
|
+
class: $(r.$attrs.class)
|
|
701
701
|
}, [
|
|
702
|
-
|
|
703
|
-
class:
|
|
702
|
+
i("span", {
|
|
703
|
+
class: $([s.value, "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),
|
|
704
704
|
role: "switch",
|
|
705
705
|
"aria-checked": !!e.modelValue
|
|
706
706
|
}, [
|
|
707
|
-
|
|
707
|
+
i("span", {
|
|
708
708
|
"aria-hidden": "true",
|
|
709
|
-
class:
|
|
709
|
+
class: $([t.value, "inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
|
|
710
710
|
}, null, 2),
|
|
711
|
-
|
|
711
|
+
i("input", O({
|
|
712
712
|
class: "hidden",
|
|
713
713
|
value: "1",
|
|
714
714
|
type: "checkbox",
|
|
715
715
|
onChange: a[0] || (a[0] = (v) => n("update:modelValue", v.target.checked))
|
|
716
|
-
}, o.value, { checked: e.modelValue }), null, 16,
|
|
716
|
+
}, o.value, { checked: e.modelValue }), null, 16, yt)
|
|
717
717
|
], 10, wt)
|
|
718
718
|
], 2),
|
|
719
|
-
|
|
719
|
+
D(r.$slots, "default")
|
|
720
720
|
], 64));
|
|
721
721
|
}
|
|
722
722
|
};
|
|
723
|
-
const
|
|
723
|
+
const he = (e, n) => {
|
|
724
724
|
const l = e.__vccOpts || e;
|
|
725
725
|
for (const [s, t] of n)
|
|
726
726
|
l[s] = t;
|
|
727
727
|
return l;
|
|
728
|
-
},
|
|
728
|
+
}, xt = (e) => ($e("data-v-1be10676"), e = e(), _e(), e), kt = {
|
|
729
729
|
"aria-live": "assertive",
|
|
730
730
|
class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
|
|
731
|
-
}, $t = { class: "flex flex-col items-center space-y-4 w-full" }, _t = { class: "p-4" }, Ct = { class: "flex items-start" }, St = { class: "flex-shrink-0" },
|
|
731
|
+
}, $t = { class: "flex flex-col items-center space-y-4 w-full" }, _t = { class: "p-4" }, Ct = { class: "flex items-start" }, St = { class: "flex-shrink-0" }, Mt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Dt = { class: "font-bold" }, Vt = { class: "mt-1" }, Pt = { class: "flex flex-shrink-0 ml-4" }, At = /* @__PURE__ */ xt(() => /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1)), Bt = /* @__PURE__ */ Object.assign({
|
|
732
732
|
inheritAttrs: !1
|
|
733
733
|
}, {
|
|
734
734
|
__name: "message-toast",
|
|
@@ -740,55 +740,102 @@ const pe = (e, n) => {
|
|
|
740
740
|
},
|
|
741
741
|
emits: ["timeout", "close"],
|
|
742
742
|
setup(e, { emit: n }) {
|
|
743
|
-
const l = e, s = g(null), t =
|
|
743
|
+
const l = e, s = g(null), t = S(() => typeof l.message == "string" ? [l.message] : l.message), o = () => {
|
|
744
744
|
window.clearTimeout(s.value), l.active && l.timeout && (s.value = window.setTimeout(() => {
|
|
745
745
|
n("timeout");
|
|
746
746
|
}, l.timeout));
|
|
747
747
|
};
|
|
748
|
-
return E(() => l.active, o),
|
|
749
|
-
|
|
750
|
-
N(
|
|
751
|
-
default:
|
|
748
|
+
return E(() => l.active, o), re(o), (r, a) => (u(), d("div", kt, [
|
|
749
|
+
i("div", $t, [
|
|
750
|
+
N(ee, { name: "messagetoast-fade" }, {
|
|
751
|
+
default: K(() => [
|
|
752
752
|
e.active ? (u(), d("div", {
|
|
753
753
|
key: 0,
|
|
754
|
-
class:
|
|
754
|
+
class: $(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", r.$attrs.class])
|
|
755
755
|
}, [
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
756
|
+
i("div", _t, [
|
|
757
|
+
i("div", Ct, [
|
|
758
|
+
i("div", St, [
|
|
759
|
+
D(r.$slots, "icon", {}, void 0, !0)
|
|
760
760
|
]),
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
j(
|
|
761
|
+
i("div", Mt, [
|
|
762
|
+
i("p", Dt, [
|
|
763
|
+
D(r.$slots, "title", {}, () => [
|
|
764
|
+
j(_(e.title), 1)
|
|
765
765
|
], !0)
|
|
766
766
|
]),
|
|
767
|
-
(u(!0), d(
|
|
768
|
-
|
|
769
|
-
j(
|
|
767
|
+
(u(!0), d(V, null, B(t.value, (v) => (u(), d("p", Vt, [
|
|
768
|
+
D(r.$slots, "default", {}, () => [
|
|
769
|
+
j(_(v), 1)
|
|
770
770
|
], !0)
|
|
771
771
|
]))), 256))
|
|
772
772
|
]),
|
|
773
|
-
|
|
774
|
-
|
|
773
|
+
i("div", Pt, [
|
|
774
|
+
i("button", {
|
|
775
775
|
onClick: a[0] || (a[0] = (v) => n("close")),
|
|
776
776
|
class: "inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"
|
|
777
777
|
}, [
|
|
778
778
|
At,
|
|
779
|
-
N(
|
|
779
|
+
N(P(rt), { class: "w-5 h-5" })
|
|
780
780
|
])
|
|
781
781
|
])
|
|
782
782
|
])
|
|
783
783
|
])
|
|
784
|
-
], 2)) :
|
|
784
|
+
], 2)) : C("", !0)
|
|
785
785
|
]),
|
|
786
786
|
_: 3
|
|
787
787
|
})
|
|
788
788
|
])
|
|
789
789
|
]));
|
|
790
790
|
}
|
|
791
|
-
}),
|
|
791
|
+
}), fl = /* @__PURE__ */ he(Bt, [["__scopeId", "data-v-1be10676"]]), Ft = {
|
|
792
|
+
key: 0,
|
|
793
|
+
class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
|
|
794
|
+
"aria-hidden": "true"
|
|
795
|
+
}, Lt = {
|
|
796
|
+
key: 0,
|
|
797
|
+
class: "fixed inset-0 z-[9999]"
|
|
798
|
+
}, It = { class: "flex justify-center items-center h-screen" }, hl = {
|
|
799
|
+
__name: "modal",
|
|
800
|
+
props: {
|
|
801
|
+
show: Boolean,
|
|
802
|
+
containerClass: { type: String, default: "w-3/4 h-[90vh]" },
|
|
803
|
+
headerClass: { type: String, default: "" },
|
|
804
|
+
contentClass: { type: String, default: "" }
|
|
805
|
+
},
|
|
806
|
+
emits: ["clicked-outside"],
|
|
807
|
+
setup(e, { emit: n }) {
|
|
808
|
+
const l = g(null);
|
|
809
|
+
return le(l, () => n("clicked-outside")), (s, t) => (u(), d(V, null, [
|
|
810
|
+
e.show ? (u(), d("div", Ft)) : C("", !0),
|
|
811
|
+
N(ee, { name: "appear" }, {
|
|
812
|
+
default: K(() => [
|
|
813
|
+
e.show ? (u(), d("div", Lt, [
|
|
814
|
+
i("div", It, [
|
|
815
|
+
i("div", {
|
|
816
|
+
class: $(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
|
|
817
|
+
ref_key: "container",
|
|
818
|
+
ref: l
|
|
819
|
+
}, [
|
|
820
|
+
i("div", {
|
|
821
|
+
class: $(e.headerClass)
|
|
822
|
+
}, [
|
|
823
|
+
D(s.$slots, "title")
|
|
824
|
+
], 2),
|
|
825
|
+
i("div", {
|
|
826
|
+
class: $(["overflow-y-auto h-full pb-4 mt-16", e.contentClass])
|
|
827
|
+
}, [
|
|
828
|
+
D(s.$slots, "default")
|
|
829
|
+
], 2)
|
|
830
|
+
], 2)
|
|
831
|
+
])
|
|
832
|
+
])) : C("", !0)
|
|
833
|
+
]),
|
|
834
|
+
_: 3
|
|
835
|
+
})
|
|
836
|
+
], 64));
|
|
837
|
+
}
|
|
838
|
+
}, Tt = { class: "flex justify-between items-center px-4 sm:px-0" }, Ot = { class: "flex flex-1 -mt-px w-0" }, jt = ["onClick"], Yt = { class: "hidden md:flex md:-mt-px" }, Et = { class: "flex flex-1 justify-end -mt-px w-0" }, Nt = ["onClick"], pl = {
|
|
792
839
|
__name: "pagination",
|
|
793
840
|
props: {
|
|
794
841
|
page: { type: Number, default: 1 },
|
|
@@ -814,67 +861,67 @@ const pe = (e, n) => {
|
|
|
814
861
|
},
|
|
815
862
|
emits: ["update:page"],
|
|
816
863
|
setup(e, { emit: n }) {
|
|
817
|
-
const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o =
|
|
818
|
-
let
|
|
864
|
+
const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o = S(() => l.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), r = S(() => {
|
|
865
|
+
let c = [1];
|
|
819
866
|
if (l.showAllPages || s.value <= 7) {
|
|
820
|
-
for (let
|
|
821
|
-
|
|
822
|
-
return
|
|
867
|
+
for (let p = 2; p <= s.value; ++p)
|
|
868
|
+
c.push(p);
|
|
869
|
+
return c;
|
|
823
870
|
}
|
|
824
|
-
return t.value >= s.value ?
|
|
871
|
+
return t.value >= s.value ? c.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && c.push("dots"), c.push(t.value - 1)), t.value > 1 && c.push(t.value), t.value + 1 < s.value && (c.push(t.value + 1), t.value <= 1 && c.push(t.value + 2), t.value + 2 < s.value && c.push("dots")), t.value < s.value && c.push(s.value), c;
|
|
825
872
|
}), a = () => {
|
|
826
873
|
t.value > 1 && n("update:page", t.value - 1);
|
|
827
874
|
}, v = () => {
|
|
828
875
|
t.value < s.value && n("update:page", t.value + 1);
|
|
829
876
|
};
|
|
830
|
-
return E(() => l.page, (
|
|
877
|
+
return E(() => l.page, (c) => t.value = Math.min(Math.max(c, 1), s.value), { immediate: !0 }), E(() => l.perPage, (c) => {
|
|
831
878
|
s.value = Math.ceil(l.total / l.perPage), n("update:page", 1);
|
|
832
|
-
}), E(() => l.total, (
|
|
879
|
+
}), E(() => l.total, (c) => {
|
|
833
880
|
s.value = Math.ceil(l.total / l.perPage), t.value > s.value && n("update:page", 1);
|
|
834
|
-
}), (
|
|
835
|
-
|
|
881
|
+
}), (c, p) => (u(), d("nav", Tt, [
|
|
882
|
+
i("div", Ot, [
|
|
836
883
|
e.showNavButtons ? (u(), d("a", {
|
|
837
884
|
key: 0,
|
|
838
|
-
onClick:
|
|
885
|
+
onClick: A(a, ["prevent"]),
|
|
839
886
|
href: "#",
|
|
840
|
-
class:
|
|
887
|
+
class: $(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": t.value <= 1 }, o.value]])
|
|
841
888
|
}, [
|
|
842
|
-
N(
|
|
843
|
-
j(" " +
|
|
844
|
-
], 10,
|
|
889
|
+
N(P(ve), { class: "w-5 h-5" }),
|
|
890
|
+
j(" " + _(e.prevText), 1)
|
|
891
|
+
], 10, jt)) : C("", !0)
|
|
845
892
|
]),
|
|
846
|
-
|
|
847
|
-
(u(!0), d(
|
|
848
|
-
onClick:
|
|
893
|
+
i("div", Yt, [
|
|
894
|
+
(u(!0), d(V, null, B(r.value, (m, f) => (u(), R(ue(m !== "dots" ? "a" : "span"), {
|
|
895
|
+
onClick: A((h) => m !== "dots" ? n("update:page", m) : null, ["prevent"]),
|
|
849
896
|
key: f,
|
|
850
897
|
href: m !== "dots" ? "#" : null,
|
|
851
|
-
class:
|
|
898
|
+
class: $(["inline-flex items-center px-4 text-sm font-medium", [{
|
|
852
899
|
"border-vxvue-500 text-vxvue-700": m === t.value,
|
|
853
900
|
"border-transparent text-gray-500": m !== t.value,
|
|
854
901
|
"hover:text-gray-700 hover:border-gray-300": m !== "dots"
|
|
855
902
|
}, o.value]])
|
|
856
903
|
}, {
|
|
857
|
-
default:
|
|
858
|
-
j(
|
|
904
|
+
default: K(() => [
|
|
905
|
+
j(_(m !== "dots" ? m : "..."), 1)
|
|
859
906
|
]),
|
|
860
907
|
_: 2
|
|
861
908
|
}, 1032, ["onClick", "href", "class"]))), 128))
|
|
862
909
|
]),
|
|
863
|
-
|
|
910
|
+
i("div", Et, [
|
|
864
911
|
e.showNavButtons ? (u(), d("a", {
|
|
865
912
|
key: 0,
|
|
866
|
-
onClick:
|
|
913
|
+
onClick: A(v, ["prevent"]),
|
|
867
914
|
href: "#",
|
|
868
|
-
class:
|
|
915
|
+
class: $(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [o.value, { "cursor-default pointer-events-none": t.value >= s.value }]])
|
|
869
916
|
}, [
|
|
870
|
-
j(
|
|
871
|
-
N(
|
|
872
|
-
], 10,
|
|
917
|
+
j(_(e.nextText) + " ", 1),
|
|
918
|
+
N(P(fe), { class: "w-5 h-5" })
|
|
919
|
+
], 10, Nt)) : C("", !0)
|
|
873
920
|
])
|
|
874
921
|
]));
|
|
875
922
|
}
|
|
876
923
|
};
|
|
877
|
-
function
|
|
924
|
+
function zt(e, n) {
|
|
878
925
|
return u(), d("svg", {
|
|
879
926
|
xmlns: "http://www.w3.org/2000/svg",
|
|
880
927
|
fill: "none",
|
|
@@ -883,14 +930,14 @@ function Yt(e, n) {
|
|
|
883
930
|
stroke: "currentColor",
|
|
884
931
|
"aria-hidden": "true"
|
|
885
932
|
}, [
|
|
886
|
-
|
|
933
|
+
i("path", {
|
|
887
934
|
"stroke-linecap": "round",
|
|
888
935
|
"stroke-linejoin": "round",
|
|
889
936
|
d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
|
|
890
937
|
})
|
|
891
938
|
]);
|
|
892
939
|
}
|
|
893
|
-
function
|
|
940
|
+
function Rt(e, n) {
|
|
894
941
|
return u(), d("svg", {
|
|
895
942
|
xmlns: "http://www.w3.org/2000/svg",
|
|
896
943
|
fill: "none",
|
|
@@ -899,90 +946,90 @@ function Et(e, n) {
|
|
|
899
946
|
stroke: "currentColor",
|
|
900
947
|
"aria-hidden": "true"
|
|
901
948
|
}, [
|
|
902
|
-
|
|
949
|
+
i("path", {
|
|
903
950
|
"stroke-linecap": "round",
|
|
904
951
|
"stroke-linejoin": "round",
|
|
905
952
|
d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
|
|
906
953
|
}),
|
|
907
|
-
|
|
954
|
+
i("path", {
|
|
908
955
|
"stroke-linecap": "round",
|
|
909
956
|
"stroke-linejoin": "round",
|
|
910
957
|
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
911
958
|
})
|
|
912
959
|
]);
|
|
913
960
|
}
|
|
914
|
-
const
|
|
961
|
+
const Ht = ["value", "type"], ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
915
962
|
__name: "password-input",
|
|
916
963
|
props: ["modelValue"],
|
|
917
964
|
emits: ["update:modelValue"],
|
|
918
965
|
setup(e, { emit: n }) {
|
|
919
|
-
const l = g(!1), s =
|
|
966
|
+
const l = g(!1), s = S(() => {
|
|
920
967
|
let t = Object.assign({}, q());
|
|
921
968
|
return delete t.class, t;
|
|
922
969
|
});
|
|
923
970
|
return (t, o) => (u(), d("div", {
|
|
924
|
-
class:
|
|
971
|
+
class: $("inline-block relative " + q().class)
|
|
925
972
|
}, [
|
|
926
|
-
|
|
973
|
+
i("input", O({
|
|
927
974
|
value: e.modelValue,
|
|
928
975
|
type: l.value ? "text" : "password",
|
|
929
976
|
onInput: o[0] || (o[0] = (r) => n("update:modelValue", r.target.value))
|
|
930
|
-
}, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16,
|
|
931
|
-
|
|
932
|
-
onClick: o[1] || (o[1] =
|
|
977
|
+
}, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Ht),
|
|
978
|
+
i("button", {
|
|
979
|
+
onClick: o[1] || (o[1] = A((r) => l.value = !l.value, ["stop"])),
|
|
933
980
|
class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
|
|
934
981
|
}, [
|
|
935
|
-
l.value ? (u(), R(
|
|
982
|
+
l.value ? (u(), R(P(zt), {
|
|
936
983
|
key: 0,
|
|
937
984
|
class: "w-5 h-5"
|
|
938
|
-
})) : (u(), R(
|
|
985
|
+
})) : (u(), R(P(Rt), {
|
|
939
986
|
key: 1,
|
|
940
987
|
class: "w-5 h-5"
|
|
941
988
|
}))
|
|
942
989
|
]),
|
|
943
|
-
|
|
990
|
+
D(t.$slots, "default")
|
|
944
991
|
], 2));
|
|
945
992
|
}
|
|
946
|
-
}),
|
|
993
|
+
}), Ut = { class: "flex items-center pb-1" }, Wt = ["id", "checked"], qt = ["for"], Kt = { key: 1 }, Gt = ["href"], Xt = {
|
|
947
994
|
key: 0,
|
|
948
995
|
class: "ml-6"
|
|
949
|
-
},
|
|
996
|
+
}, gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
950
997
|
__name: "simple-tree",
|
|
951
998
|
props: { branch: { type: Object, default: {} } },
|
|
952
999
|
emits: ["branch-selected", "expand"],
|
|
953
1000
|
setup(e, { emit: n }) {
|
|
954
1001
|
const l = e, s = g(!1);
|
|
955
|
-
return
|
|
1002
|
+
return re(() => {
|
|
956
1003
|
l.branch.current && n("expand", !0);
|
|
957
1004
|
}), (t, o) => {
|
|
958
1005
|
const r = Ce("simple-tree", !0);
|
|
959
1006
|
return u(), d("div", {
|
|
960
|
-
class:
|
|
1007
|
+
class: $([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
|
|
961
1008
|
}, [
|
|
962
|
-
|
|
963
|
-
e.branch.branches && e.branch.branches.length ? (u(), d(
|
|
964
|
-
|
|
1009
|
+
i("div", Ut, [
|
|
1010
|
+
e.branch.branches && e.branch.branches.length ? (u(), d(V, { key: 0 }, [
|
|
1011
|
+
i("input", {
|
|
965
1012
|
type: "checkbox",
|
|
966
1013
|
id: "branch-" + e.branch.id,
|
|
967
1014
|
onClick: o[0] || (o[0] = (a) => s.value = !s.value),
|
|
968
1015
|
checked: s.value,
|
|
969
1016
|
class: "hidden"
|
|
970
|
-
}, null, 8,
|
|
971
|
-
|
|
1017
|
+
}, null, 8, Wt),
|
|
1018
|
+
i("label", {
|
|
972
1019
|
for: "branch-" + e.branch.id,
|
|
973
1020
|
class: "mr-2"
|
|
974
1021
|
}, [
|
|
975
|
-
(u(), R(
|
|
976
|
-
], 8,
|
|
977
|
-
], 64)) :
|
|
978
|
-
e.branch.current ? (u(), d("strong",
|
|
1022
|
+
(u(), R(ue(s.value ? P(nt) : P(ot)), { class: "w-4 h-4 border" }))
|
|
1023
|
+
], 8, qt)
|
|
1024
|
+
], 64)) : C("", !0),
|
|
1025
|
+
e.branch.current ? (u(), d("strong", Kt, _(e.branch.label), 1)) : (u(), d("a", {
|
|
979
1026
|
key: 2,
|
|
980
1027
|
href: e.branch.path,
|
|
981
|
-
onClick: o[1] || (o[1] =
|
|
982
|
-
},
|
|
1028
|
+
onClick: o[1] || (o[1] = A((a) => n("branch-selected", e.branch), ["prevent"]))
|
|
1029
|
+
}, _(e.branch.label), 9, Gt))
|
|
983
1030
|
]),
|
|
984
|
-
e.branch.branches && e.branch.branches.length ?
|
|
985
|
-
(u(!0), d(
|
|
1031
|
+
e.branch.branches && e.branch.branches.length ? oe((u(), d("ul", Xt, [
|
|
1032
|
+
(u(!0), d(V, null, B(e.branch.branches, (a) => (u(), R(r, {
|
|
986
1033
|
branch: a,
|
|
987
1034
|
key: a.id,
|
|
988
1035
|
onBranchSelected: o[2] || (o[2] = (v) => n("branch-selected", v)),
|
|
@@ -992,25 +1039,25 @@ const Nt = ["value", "type"], vl = /* @__PURE__ */ Object.assign({ inheritAttrs:
|
|
|
992
1039
|
}, null, 8, ["branch"]))), 128))
|
|
993
1040
|
], 512)), [
|
|
994
1041
|
[Se, s.value]
|
|
995
|
-
]) :
|
|
1042
|
+
]) : C("", !0)
|
|
996
1043
|
], 2);
|
|
997
1044
|
};
|
|
998
1045
|
}
|
|
999
1046
|
});
|
|
1000
|
-
const
|
|
1047
|
+
const Zt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500" }, Jt = { class: "min-w-full divide-y divide-y-slate-900" }, Qt = { class: "text-white bg-slate-700" }, el = ["onClick"], tl = { class: "flex items-center" }, ll = {
|
|
1001
1048
|
key: 0,
|
|
1002
1049
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1003
1050
|
class: "flex-shrink-0 ml-2 w-4 h-4",
|
|
1004
1051
|
fill: "none",
|
|
1005
1052
|
viewBox: "0 0 24 24",
|
|
1006
1053
|
stroke: "currentColor"
|
|
1007
|
-
},
|
|
1054
|
+
}, sl = ["d"], al = {
|
|
1008
1055
|
key: 1,
|
|
1009
1056
|
"stroke-linecap": "round",
|
|
1010
1057
|
"stroke-linejoin": "round",
|
|
1011
1058
|
"stroke-width": "2",
|
|
1012
1059
|
d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
|
|
1013
|
-
},
|
|
1060
|
+
}, nl = {
|
|
1014
1061
|
__name: "sortable",
|
|
1015
1062
|
props: {
|
|
1016
1063
|
columns: {
|
|
@@ -1032,56 +1079,56 @@ const Kt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-
|
|
|
1032
1079
|
},
|
|
1033
1080
|
emits: ["before-sort", "after-sort"],
|
|
1034
1081
|
setup(e, { emit: n }) {
|
|
1035
|
-
const l = e, s = g(l.sortProp), t = g(l.sortDirection), o =
|
|
1082
|
+
const l = e, s = g(l.sortProp), t = g(l.sortDirection), o = S(() => {
|
|
1036
1083
|
let a = l.rows.slice();
|
|
1037
|
-
const v = l.columns.find(({ prop:
|
|
1038
|
-
return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((
|
|
1084
|
+
const v = l.columns.find(({ prop: c }) => c === s.value);
|
|
1085
|
+
return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((c, p) => c[s.value] < p[s.value] ? t.value === "asc" ? -1 : 1 : c[s.value] > p[s.value] ? t.value === "asc" ? 1 : -1 : 0)), a.slice(l.offset || 0, (l.offset || 0) + (l.count || a.length));
|
|
1039
1086
|
}), r = (a) => {
|
|
1040
|
-
n("before-sort", { prop: s.value, dir: t.value }), s.value === a ? t.value = t.value === "asc" ? "desc" : "asc" : (s.value = a, t.value = t.value || "asc"),
|
|
1087
|
+
n("before-sort", { prop: s.value, dir: t.value }), s.value === a ? t.value = t.value === "asc" ? "desc" : "asc" : (s.value = a, t.value = t.value || "asc"), te(() => n("after-sort", { prop: s.value, dir: t.value }));
|
|
1041
1088
|
};
|
|
1042
|
-
return (a, v) => (u(), d("div",
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
(u(!0), d(
|
|
1089
|
+
return (a, v) => (u(), d("div", Zt, [
|
|
1090
|
+
i("table", Jt, [
|
|
1091
|
+
i("thead", Qt, [
|
|
1092
|
+
i("tr", null, [
|
|
1093
|
+
(u(!0), d(V, null, B(e.columns, (c) => (u(), d("th", {
|
|
1047
1094
|
scope: "col",
|
|
1048
|
-
class:
|
|
1049
|
-
{ "cursor-pointer":
|
|
1050
|
-
|
|
1095
|
+
class: $(["py-3 px-6 text-left", [
|
|
1096
|
+
{ "cursor-pointer": c.sortable, active: s.value === c.prop },
|
|
1097
|
+
c.cssClass
|
|
1051
1098
|
]]),
|
|
1052
|
-
onClick: (
|
|
1099
|
+
onClick: (p) => c.sortable ? r(c.prop) : null
|
|
1053
1100
|
}, [
|
|
1054
|
-
|
|
1055
|
-
column:
|
|
1101
|
+
D(a.$slots, c.prop + "-header", {
|
|
1102
|
+
column: c,
|
|
1056
1103
|
sortDir: t.value,
|
|
1057
1104
|
sortProp: s.value
|
|
1058
1105
|
}, () => [
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
s.value ===
|
|
1106
|
+
i("div", tl, [
|
|
1107
|
+
i("span", null, _(c.label), 1),
|
|
1108
|
+
c.sortable ? (u(), d("svg", ll, [
|
|
1109
|
+
s.value === c.prop ? (u(), d("path", {
|
|
1063
1110
|
key: 0,
|
|
1064
1111
|
"stroke-linecap": "round",
|
|
1065
1112
|
"stroke-linejoin": "round",
|
|
1066
1113
|
"stroke-width": "2",
|
|
1067
1114
|
d: t.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
|
|
1068
|
-
}, null, 8,
|
|
1069
|
-
])) :
|
|
1115
|
+
}, null, 8, sl)) : (u(), d("path", al))
|
|
1116
|
+
])) : C("", !0)
|
|
1070
1117
|
])
|
|
1071
1118
|
], !0)
|
|
1072
|
-
], 10,
|
|
1119
|
+
], 10, el))), 256))
|
|
1073
1120
|
])
|
|
1074
1121
|
]),
|
|
1075
|
-
|
|
1076
|
-
(u(!0), d(
|
|
1077
|
-
key:
|
|
1078
|
-
class:
|
|
1122
|
+
i("tbody", null, [
|
|
1123
|
+
(u(!0), d(V, null, B(o.value, (c) => (u(), d("tr", {
|
|
1124
|
+
key: c[e.keyProperty],
|
|
1125
|
+
class: $(c.cssClass)
|
|
1079
1126
|
}, [
|
|
1080
|
-
(u(!0), d(
|
|
1081
|
-
class:
|
|
1127
|
+
(u(!0), d(V, null, B(e.columns, (p) => (u(), d("td", {
|
|
1128
|
+
class: $(["py-3 px-6 whitespace-nowrap", { active: s.value === p.prop }])
|
|
1082
1129
|
}, [
|
|
1083
|
-
|
|
1084
|
-
j(
|
|
1130
|
+
D(a.$slots, p.prop, { row: c }, () => [
|
|
1131
|
+
j(_(c[p.prop]), 1)
|
|
1085
1132
|
], !0)
|
|
1086
1133
|
], 2))), 256))
|
|
1087
1134
|
], 2))), 128))
|
|
@@ -1089,18 +1136,19 @@ const Kt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-
|
|
|
1089
1136
|
])
|
|
1090
1137
|
]));
|
|
1091
1138
|
}
|
|
1092
|
-
},
|
|
1139
|
+
}, bl = /* @__PURE__ */ he(nl, [["__scopeId", "data-v-f0e4e642"]]);
|
|
1093
1140
|
export {
|
|
1094
|
-
|
|
1095
|
-
|
|
1141
|
+
rl as Autocomplete,
|
|
1142
|
+
ul as Confirm,
|
|
1096
1143
|
at as DateInput,
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1144
|
+
il as Datepicker,
|
|
1145
|
+
cl as FormFileButton,
|
|
1146
|
+
dl as FormSelect,
|
|
1147
|
+
vl as FormSwitch,
|
|
1148
|
+
fl as MessageToast,
|
|
1149
|
+
hl as Modal,
|
|
1150
|
+
pl as Pagination,
|
|
1151
|
+
ml as PasswordInput,
|
|
1152
|
+
gl as SimpleTree,
|
|
1153
|
+
bl as Sortable
|
|
1106
1154
|
};
|