vx-vue 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +38 -38
- package/dist/style.css +1 -1
- package/dist/vxvue.es.js +339 -387
- 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 xe, unref as M, watch as E, useAttrs as q, ref as g, computed as C, onUpdated as ye, openBlock as u, createElementBlock as d, normalizeClass as _, createElementVNode as c, mergeProps as O, withKeys as U, withModifiers as V, createCommentVNode as D, Fragment as P, renderList as B, renderSlot as A, toDisplayString as $, createVNode as N, Transition as ae, withCtx as G, createTextVNode as j, nextTick as ee, toValue as te, withDirectives as ne, vModelText as ke, createBlock as R, onMounted as oe, pushScopeId as $e, popScopeId as _e, resolveDynamicComponent as re, resolveComponent as Ce, vShow as Se } from "vue";
|
|
2
|
+
function De(e) {
|
|
3
|
+
return we() ? (xe(e), !0) : !1;
|
|
4
4
|
}
|
|
5
|
-
function
|
|
6
|
-
return typeof e == "function" ? e() :
|
|
5
|
+
function ue(e) {
|
|
6
|
+
return typeof e == "function" ? e() : M(e);
|
|
7
7
|
}
|
|
8
|
-
const
|
|
8
|
+
const ie = typeof window < "u" && typeof document < "u", Me = Object.prototype.toString, Ve = (e) => Me.call(e) === "[object Object]", Q = () => {
|
|
9
9
|
}, Pe = /* @__PURE__ */ Ae();
|
|
10
10
|
function Ae() {
|
|
11
11
|
var e;
|
|
12
|
-
return
|
|
12
|
+
return ie && ((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 le(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(), i = e.getSeconds(), h = e.getMilliseconds(), m = e.getDay(), f = (s = l.customMeridiem) != null ? s : Fe, p = {
|
|
22
22
|
YY: () => String(t).slice(-2),
|
|
23
23
|
YYYY: () => t,
|
|
24
24
|
M: () => o + 1,
|
|
@@ -33,9 +33,9 @@ function ae(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(i),
|
|
37
|
+
ss: () => `${i}`.padStart(2, "0"),
|
|
38
|
+
SSS: () => `${h}`.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 ae(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 = p[k]) == null ? void 0 : L.call(p))) != null ? z : k;
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
function W(e) {
|
|
54
54
|
var n;
|
|
55
|
-
const l =
|
|
55
|
+
const l = ue(e);
|
|
56
56
|
return (n = l == null ? void 0 : l.$el) != null ? n : l;
|
|
57
57
|
}
|
|
58
|
-
const
|
|
58
|
+
const ce = ie ? 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 = ce) : [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((h) => h()), o.length = 0;
|
|
66
|
+
}, a = (h, m, f, p) => (h.addEventListener(m, f, p), () => h.removeEventListener(m, f, p)), v = E(
|
|
67
|
+
() => [W(n), ue(t)],
|
|
68
|
+
([h, m]) => {
|
|
69
|
+
if (r(), !h)
|
|
70
70
|
return;
|
|
71
71
|
const f = Ve(m) ? { ...m } : m;
|
|
72
72
|
o.push(
|
|
73
|
-
...l.flatMap((
|
|
73
|
+
...l.flatMap((p) => s.map((k) => a(h, p, k, f)))
|
|
74
74
|
);
|
|
75
75
|
},
|
|
76
76
|
{ immediate: !0, flush: "post" }
|
|
77
|
-
),
|
|
77
|
+
), i = () => {
|
|
78
78
|
v(), r();
|
|
79
79
|
};
|
|
80
|
-
return
|
|
80
|
+
return De(i), i;
|
|
81
81
|
}
|
|
82
|
-
let
|
|
83
|
-
function
|
|
84
|
-
const { window: s =
|
|
82
|
+
let se = !1;
|
|
83
|
+
function de(e, n, l = {}) {
|
|
84
|
+
const { window: s = ce, ignore: t = [], capture: o = !0, detectIframe: r = !1 } = l;
|
|
85
85
|
if (!s)
|
|
86
86
|
return;
|
|
87
|
-
Pe && !
|
|
87
|
+
Pe && !se && (se = !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((p) => {
|
|
90
|
+
if (typeof p == "string")
|
|
91
|
+
return Array.from(s.document.querySelectorAll(p)).some((k) => k === f.target || f.composedPath().includes(k));
|
|
92
92
|
{
|
|
93
|
-
const k = W(
|
|
93
|
+
const k = W(p);
|
|
94
94
|
return k && (f.target === k || f.composedPath().includes(k));
|
|
95
95
|
}
|
|
96
|
-
}),
|
|
96
|
+
}), h = [
|
|
97
97
|
J(s, "click", (f) => {
|
|
98
|
-
const
|
|
99
|
-
if (!(!
|
|
98
|
+
const p = W(e);
|
|
99
|
+
if (!(!p || p === f.target || f.composedPath().includes(p))) {
|
|
100
100
|
if (f.detail === 0 && (a = !v(f)), !a) {
|
|
101
101
|
a = !0;
|
|
102
102
|
return;
|
|
@@ -105,18 +105,18 @@ function le(e, n, l = {}) {
|
|
|
105
105
|
}
|
|
106
106
|
}, { passive: !0, capture: o }),
|
|
107
107
|
J(s, "pointerdown", (f) => {
|
|
108
|
-
const
|
|
109
|
-
|
|
108
|
+
const p = W(e);
|
|
109
|
+
p && (a = !f.composedPath().includes(p) && !v(f));
|
|
110
110
|
}, { passive: !0 }),
|
|
111
111
|
r && J(s, "blur", (f) => {
|
|
112
112
|
setTimeout(() => {
|
|
113
|
-
var
|
|
113
|
+
var p;
|
|
114
114
|
const k = W(e);
|
|
115
|
-
((
|
|
115
|
+
((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(k != null && k.contains(s.document.activeElement)) && n(f);
|
|
116
116
|
}, 0);
|
|
117
117
|
})
|
|
118
118
|
].filter(Boolean);
|
|
119
|
-
return () =>
|
|
119
|
+
return () => h.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__ */ c("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__ */ c("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
|
+
], al = {
|
|
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), i = g(!1), h = g(!1), m = g("top-0 translate-y-12"), f = g(!0), p = g(null), k = g(null), Y = g(null), L = C(
|
|
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 = C(() => ({
|
|
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": i.value ? "true" : "false",
|
|
176
176
|
"aria-activedescendant": a.value > -1 ? L.value[a.value].id : "",
|
|
177
177
|
...s
|
|
178
|
-
})),
|
|
178
|
+
})), x = C(() => ({
|
|
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
|
+
})), S = () => {
|
|
183
|
+
a.value = -1, r.value = [], i.value = !1, f.value = !0;
|
|
184
|
+
}, y = (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
|
+
h.value = !0, w.then((F) => {
|
|
189
|
+
T === v.value && (r.value = F, h.value = !1, r.value.length ? (a.value = l.autoSelect ? 0 : -1, i.value = !0) : S());
|
|
190
190
|
});
|
|
191
191
|
} else
|
|
192
|
-
r.value = w, r.value.length === 0 ?
|
|
192
|
+
r.value = w, r.value.length === 0 ? S() : (a.value = l.autoSelect ? 0 : -1, i.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)), S(), b;
|
|
196
196
|
}, X = (b) => {
|
|
197
|
-
n("update:modelValue", b),
|
|
198
|
-
},
|
|
199
|
-
|
|
197
|
+
n("update:modelValue", b), y(b);
|
|
198
|
+
}, K = (b) => y(b.target.value), H = () => {
|
|
199
|
+
S(), 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
|
+
}, he = (b) => {
|
|
204
|
+
i.value || K(b);
|
|
205
205
|
const w = r.value.length;
|
|
206
206
|
a.value = ((a.value + 1) % w + w) % w;
|
|
207
207
|
}, me = () => {
|
|
208
|
-
|
|
208
|
+
S(), 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 de(Y, S), ye(() => {
|
|
214
|
+
if (p.value) {
|
|
215
|
+
const b = k.value.getBoundingClientRect(), w = p.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 = p.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 ? p.value.scrollTop -= w.top - F.top : F.bottom > w.bottom && (p.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
|
+
c("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(V(Z, ["prevent"]), ["up"]),
|
|
240
|
+
U(V(he, ["prevent"]), ["down"])
|
|
241
241
|
],
|
|
242
|
-
onFocus:
|
|
242
|
+
onFocus: K,
|
|
243
243
|
onBlur: H
|
|
244
244
|
}), null, 16, Le),
|
|
245
|
-
|
|
246
|
-
|
|
245
|
+
c("span", Ie, [
|
|
246
|
+
h.value ? (u(), d("svg", Te, Ye)) : D("", !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: p
|
|
252
|
+
}, x.value, {
|
|
253
253
|
onClick: be,
|
|
254
|
-
onMousedown: w[1] || (w[1] =
|
|
254
|
+
onMousedown: w[1] || (w[1] = V(() => {
|
|
255
255
|
}, ["prevent"]))
|
|
256
256
|
}), [
|
|
257
|
-
(u(!0), d(
|
|
257
|
+
(u(!0), d(P, null, B(r.value, (T, F) => A(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)) : D("", !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__ */ c("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"], nl = {
|
|
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 = C(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), i = g(null);
|
|
299
|
+
return n({ open: (m, f) => (s.value = m, t.value = f, o.value = !0, ee(() => i.value.firstElementChild.focus()), new Promise((p, k) => {
|
|
300
|
+
r = p, a = k;
|
|
301
|
+
})) }), (m, f) => (u(), d(P, null, [
|
|
302
|
+
o.value ? (u(), d("div", Ee)) : D("", !0),
|
|
303
|
+
N(ae, { name: "appear" }, {
|
|
304
|
+
default: G(() => [
|
|
305
305
|
o.value ? (u(), d("div", Ne, [
|
|
306
|
-
|
|
306
|
+
c("div", ze, [
|
|
307
307
|
o.value ? (u(), d("div", Re, [
|
|
308
308
|
He,
|
|
309
|
-
|
|
309
|
+
c("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
|
+
A(m.$slots, "title", { title: s.value }, () => [
|
|
315
|
+
j($(s.value), 1)
|
|
316
316
|
])
|
|
317
|
-
], 2)) :
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
317
|
+
], 2)) : D("", !0),
|
|
318
|
+
c("div", We, [
|
|
319
|
+
c("div", qe, [
|
|
320
|
+
c("div", Ke, [
|
|
321
|
+
A(m.$slots, "icon")
|
|
322
322
|
]),
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
j(
|
|
323
|
+
c("p", Ge, [
|
|
324
|
+
A(m.$slots, "default", { message: t.value }, () => [
|
|
325
|
+
j($(t.value), 1)
|
|
326
326
|
])
|
|
327
327
|
])
|
|
328
328
|
]),
|
|
329
|
-
|
|
329
|
+
c("div", {
|
|
330
330
|
class: "flex justify-center mt-5 space-x-2 sm:mt-6",
|
|
331
331
|
ref_key: "buttonsContainer",
|
|
332
|
-
ref:
|
|
332
|
+
ref: i
|
|
333
333
|
}, [
|
|
334
|
-
(u(!0), d(
|
|
335
|
-
class:
|
|
336
|
-
onClick:
|
|
337
|
-
o.value = !1, k === 0 ?
|
|
334
|
+
(u(!0), d(P, null, B(v.value, (p, k) => (u(), d("button", {
|
|
335
|
+
class: _([e.buttonClass, p.class]),
|
|
336
|
+
onClick: V((Y) => {
|
|
337
|
+
o.value = !1, k === 0 ? M(r)() : M(a)();
|
|
338
338
|
}, ["prevent"])
|
|
339
|
-
},
|
|
339
|
+
}, $(p.label), 11, Xe))), 256))
|
|
340
340
|
], 512)
|
|
341
341
|
])
|
|
342
342
|
])
|
|
343
|
-
])) :
|
|
343
|
+
])) : D("", !0)
|
|
344
344
|
])
|
|
345
|
-
])) :
|
|
345
|
+
])) : D("", !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 = te(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 = te(e).match(o)))
|
|
372
372
|
return { date: l };
|
|
373
|
-
t.shift(), r.sort((
|
|
374
|
-
let a = [], v,
|
|
373
|
+
t.shift(), r.sort((h, m) => h.srcPos < m.srcPos ? -1 : 1);
|
|
374
|
+
let a = [], v, i;
|
|
375
375
|
for (; v = t.shift(); )
|
|
376
|
-
|
|
376
|
+
i = r.shift(), a[i.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__ */ c("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__ */ c("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__ */ c("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__ */ c("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__ */ i(
|
|
|
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 = C(() => l.modelValue ? le(l.modelValue, l.outputFormat) : ""), o = C(() => {
|
|
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 ? le(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
|
+
c("div", {
|
|
427
|
+
class: _(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
|
|
428
428
|
}, [
|
|
429
|
-
|
|
430
|
-
|
|
429
|
+
c("span", Qe, $(t.value), 1),
|
|
430
|
+
c("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
|
+
])) : ne((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 i;
|
|
442
|
+
return n("update:modelValue", ((i = M(Ze)(s.value, l.inputFormat).date) == null ? void 0 : i.value) || null);
|
|
443
443
|
}),
|
|
444
|
-
onInput: a[3] || (a[3] =
|
|
444
|
+
onInput: a[3] || (a[3] = V(() => {
|
|
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__ */ i(
|
|
|
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] = V((v) => n("toggle-datepicker"), ["stop"]))
|
|
453
|
+
}, st)) : D("", !0),
|
|
454
|
+
A(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
|
+
c("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
|
+
c("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
|
+
c("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
|
+
c("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
|
+
c("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"], ol = {
|
|
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 x = /* @__PURE__ */ new Date();
|
|
543
|
+
return new Date(x.getFullYear(), x.getMonth(), x.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"), i = g(null), h = g(null), m = C(() => l.hasInput ? { class: ["absolute", r.value ? "block" : "hidden"] } : {}), f = C(() => {
|
|
545
|
+
const x = [], S = t.value.getFullYear(), y = t.value.getMonth(), I = new Date(S, y + 1, 0), X = new Date(S, y, 0).getDay() + 1 - l.startOfWeekIndex, K = (6 + l.startOfWeekIndex - I.getDay()) % 7;
|
|
546
|
+
for (let H = -X, Z = I.getDate() + K; H < Z; ++H)
|
|
547
|
+
x.push(new Date(S, y, H + 1));
|
|
548
|
+
return x;
|
|
549
|
+
}), p = C(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
|
|
550
|
+
E(() => l.modelValue, (x) => {
|
|
551
|
+
x ? (o.value = new Date(x.getFullYear(), x.getMonth(), x.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, (x) => {
|
|
553
|
+
x && l.hasInput && ee(() => {
|
|
554
|
+
const S = i.value.$el.getBoundingClientRect(), y = h.value.getBoundingClientRect();
|
|
555
|
+
a.value = S.left + y.width > window.innerWidth ? "right-0" : "left-0", v.value = S.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
|
|
556
556
|
});
|
|
557
|
-
}),
|
|
557
|
+
}), de(h, () => 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 = (x) => {
|
|
563
|
+
o.value = x, n("update:modelValue", x), r.value = !l.hasInput;
|
|
564
|
+
}, z = (x) => {
|
|
565
|
+
o.value = x, n("update:modelValue", x);
|
|
566
566
|
};
|
|
567
|
-
return (
|
|
568
|
-
class:
|
|
567
|
+
return (x, S) => (u(), d("div", {
|
|
568
|
+
class: _(["relative", x.$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: S[0] || (S[0] = (y) => r.value = !0),
|
|
574
574
|
"onUpdate:modelValue": z
|
|
575
|
-
},
|
|
575
|
+
}, x.$attrs, {
|
|
576
576
|
ref_key: "input",
|
|
577
|
-
ref:
|
|
577
|
+
ref: i,
|
|
578
578
|
class: "w-full",
|
|
579
579
|
locale: e.locale
|
|
580
580
|
}), {
|
|
581
|
-
default:
|
|
582
|
-
|
|
581
|
+
default: G(() => [
|
|
582
|
+
A(x.$slots, "default")
|
|
583
583
|
]),
|
|
584
584
|
_: 3
|
|
585
|
-
}, 16, ["modelValue", "locale"])) :
|
|
586
|
-
|
|
585
|
+
}, 16, ["modelValue", "locale"])) : D("", !0),
|
|
586
|
+
c("div", O({ class: "z-10 bg-white shadow-md" }, m.value, {
|
|
587
587
|
ref_key: "calendar",
|
|
588
|
-
ref:
|
|
588
|
+
ref: h,
|
|
589
589
|
class: [a.value, v.value]
|
|
590
590
|
}), [
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
onClick:
|
|
591
|
+
c("div", ut, [
|
|
592
|
+
c("button", {
|
|
593
|
+
onClick: V(k, ["stop"]),
|
|
594
594
|
class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
|
|
595
595
|
}, [
|
|
596
|
-
N(
|
|
596
|
+
N(M(ve), { class: "w-6 h-6" })
|
|
597
597
|
], 8, it),
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
onClick:
|
|
598
|
+
c("div", ct, $(t.value.toLocaleString(e.locale, { month: "long" })) + " " + $(t.value.getFullYear()), 1),
|
|
599
|
+
c("button", {
|
|
600
|
+
onClick: V(Y, ["stop"]),
|
|
601
601
|
class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
|
|
602
602
|
}, [
|
|
603
|
-
N(
|
|
603
|
+
N(M(fe), { class: "w-6 h-6" })
|
|
604
604
|
], 8, dt)
|
|
605
605
|
]),
|
|
606
|
-
|
|
607
|
-
(u(!0), d(
|
|
606
|
+
c("div", vt, [
|
|
607
|
+
(u(!0), d(P, null, B(p.value, (y, 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
|
+
}, $(y), 1))), 128)),
|
|
611
|
+
(u(!0), d(P, null, B(f.value, (y) => (u(), d("div", {
|
|
612
|
+
class: _(["text-center", y.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
|
|
613
613
|
}, [
|
|
614
|
-
|
|
615
|
-
class:
|
|
614
|
+
c("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 && y.getTime() === o.value.getTime(),
|
|
618
|
+
"bg-gray-200": y.getTime() === M(s).getTime(),
|
|
619
|
+
"text-red-400": e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y
|
|
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 > y || e.validUntil && e.validUntil < y,
|
|
624
|
+
onClick: V((I) => e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y ? null : L(y), ["stop"])
|
|
625
|
+
}, $(y.getDate()), 11, ft)
|
|
626
626
|
], 2))), 256))
|
|
627
627
|
])
|
|
628
628
|
], 16)
|
|
629
629
|
], 2));
|
|
630
630
|
}
|
|
631
|
-
},
|
|
631
|
+
}, pt = ["for"], ht = ["id", "multiple", "accept"], rl = {
|
|
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
|
+
A(o.$slots, "default", {}, () => [
|
|
656
656
|
j("Upload")
|
|
657
657
|
]),
|
|
658
|
-
|
|
658
|
+
c("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, ht)
|
|
666
|
+
], 8, pt));
|
|
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"], ul = {
|
|
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)) : D("", !0),
|
|
683
|
+
(u(!0), d(P, 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"], xt = ["checked"], il = {
|
|
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 = C(() => l.modelValue ? "bg-vxvue" : "bg-slate-200"), t = C(() => l.modelValue ? "translate-x-5" : "translate-x-0"), o = C(() => {
|
|
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(P, null, [
|
|
699
|
+
c("label", {
|
|
700
|
+
class: _(r.$attrs.class)
|
|
701
701
|
}, [
|
|
702
|
-
|
|
703
|
-
class:
|
|
702
|
+
c("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
|
+
c("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
|
+
c("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, xt)
|
|
717
717
|
], 10, wt)
|
|
718
718
|
], 2),
|
|
719
|
-
|
|
719
|
+
A(r.$slots, "default")
|
|
720
720
|
], 64));
|
|
721
721
|
}
|
|
722
722
|
};
|
|
723
|
-
const
|
|
723
|
+
const pe = (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
|
+
}, yt = (e) => ($e("data-v-da8a4323"), 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" }, Dt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Mt = { class: "font-bold" }, Vt = { class: "mt-1" }, Pt = { class: "flex flex-shrink-0 ml-4" }, At = /* @__PURE__ */ yt(() => /* @__PURE__ */ c("span", { class: "sr-only" }, "Close", -1)), Bt = /* @__PURE__ */ Object.assign({
|
|
732
732
|
inheritAttrs: !1
|
|
733
733
|
}, {
|
|
734
734
|
__name: "message-toast",
|
|
@@ -740,102 +740,55 @@ const he = (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 = C(() => 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), oe(o), (r, a) => (u(), d("div", kt, [
|
|
749
|
+
c("div", $t, [
|
|
750
|
+
N(ae, { name: "messagetoast-fade" }, {
|
|
751
|
+
default: G(() => [
|
|
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
|
+
c("div", _t, [
|
|
757
|
+
c("div", Ct, [
|
|
758
|
+
c("div", St, [
|
|
759
|
+
A(r.$slots, "icon", {}, void 0, !0)
|
|
760
760
|
]),
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
j(
|
|
761
|
+
c("div", Dt, [
|
|
762
|
+
c("p", Mt, [
|
|
763
|
+
A(r.$slots, "title", {}, () => [
|
|
764
|
+
j($(e.title), 1)
|
|
765
765
|
], !0)
|
|
766
766
|
]),
|
|
767
|
-
(u(!0), d(
|
|
768
|
-
|
|
769
|
-
j(
|
|
767
|
+
(u(!0), d(P, null, B(t.value, (v) => (u(), d("p", Vt, [
|
|
768
|
+
A(r.$slots, "default", {}, () => [
|
|
769
|
+
j($(v), 1)
|
|
770
770
|
], !0)
|
|
771
771
|
]))), 256))
|
|
772
772
|
]),
|
|
773
|
-
|
|
774
|
-
|
|
773
|
+
c("div", Pt, [
|
|
774
|
+
c("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(M(rt), { class: "w-5 h-5" })
|
|
780
780
|
])
|
|
781
781
|
])
|
|
782
782
|
])
|
|
783
783
|
])
|
|
784
|
-
], 2)) :
|
|
784
|
+
], 2)) : D("", !0)
|
|
785
785
|
]),
|
|
786
786
|
_: 3
|
|
787
787
|
})
|
|
788
788
|
])
|
|
789
789
|
]));
|
|
790
790
|
}
|
|
791
|
-
}),
|
|
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 = {
|
|
791
|
+
}), cl = /* @__PURE__ */ pe(Bt, [["__scopeId", "data-v-da8a4323"]]), Ft = { class: "flex justify-between items-center px-4 sm:px-0" }, Lt = { class: "flex flex-1 -mt-px w-0" }, It = ["onClick"], Tt = { class: "hidden md:flex md:-mt-px" }, Ot = { class: "flex flex-1 justify-end -mt-px w-0" }, jt = ["onClick"], dl = {
|
|
839
792
|
__name: "pagination",
|
|
840
793
|
props: {
|
|
841
794
|
page: { type: Number, default: 1 },
|
|
@@ -861,67 +814,67 @@ const he = (e, n) => {
|
|
|
861
814
|
},
|
|
862
815
|
emits: ["update:page"],
|
|
863
816
|
setup(e, { emit: n }) {
|
|
864
|
-
const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o =
|
|
865
|
-
let
|
|
817
|
+
const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o = C(() => l.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), r = C(() => {
|
|
818
|
+
let i = [1];
|
|
866
819
|
if (l.showAllPages || s.value <= 7) {
|
|
867
|
-
for (let
|
|
868
|
-
|
|
869
|
-
return
|
|
820
|
+
for (let h = 2; h <= s.value; ++h)
|
|
821
|
+
i.push(h);
|
|
822
|
+
return i;
|
|
870
823
|
}
|
|
871
|
-
return t.value >= s.value ?
|
|
824
|
+
return t.value >= s.value ? i.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && i.push("dots"), i.push(t.value - 1)), t.value > 1 && i.push(t.value), t.value + 1 < s.value && (i.push(t.value + 1), t.value <= 1 && i.push(t.value + 2), t.value + 2 < this.maxPage && i.push("dots")), t.value < this.maxPage && i.push(this.maxPage), i;
|
|
872
825
|
}), a = () => {
|
|
873
826
|
t.value > 1 && n("update:page", t.value - 1);
|
|
874
827
|
}, v = () => {
|
|
875
828
|
t.value < s.value && n("update:page", t.value + 1);
|
|
876
829
|
};
|
|
877
|
-
return E(() => l.page, (
|
|
830
|
+
return E(() => l.page, (i) => t.value = Math.min(Math.max(i, 1), s.value), { immediate: !0 }), E(() => l.perPage, (i) => {
|
|
878
831
|
s.value = Math.ceil(l.total / l.perPage), n("update:page", 1);
|
|
879
|
-
}), E(() => l.total, (
|
|
832
|
+
}), E(() => l.total, (i) => {
|
|
880
833
|
s.value = Math.ceil(l.total / l.perPage), t.value > s.value && n("update:page", 1);
|
|
881
|
-
}), (
|
|
882
|
-
|
|
834
|
+
}), (i, h) => (u(), d("nav", Ft, [
|
|
835
|
+
c("div", Lt, [
|
|
883
836
|
e.showNavButtons ? (u(), d("a", {
|
|
884
837
|
key: 0,
|
|
885
|
-
onClick:
|
|
838
|
+
onClick: V(a, ["prevent"]),
|
|
886
839
|
href: "#",
|
|
887
|
-
class:
|
|
840
|
+
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]])
|
|
888
841
|
}, [
|
|
889
|
-
N(
|
|
890
|
-
j(" " +
|
|
891
|
-
], 10,
|
|
842
|
+
N(M(ve), { class: "w-5 h-5" }),
|
|
843
|
+
j(" " + $(e.prevText), 1)
|
|
844
|
+
], 10, It)) : D("", !0)
|
|
892
845
|
]),
|
|
893
|
-
|
|
894
|
-
(u(!0), d(
|
|
895
|
-
onClick:
|
|
846
|
+
c("div", Tt, [
|
|
847
|
+
(u(!0), d(P, null, B(r.value, (m, f) => (u(), R(re(m !== "dots" ? "a" : "span"), {
|
|
848
|
+
onClick: V((p) => m !== "dots" ? n("update:page", m) : null, ["prevent"]),
|
|
896
849
|
key: f,
|
|
897
850
|
href: m !== "dots" ? "#" : null,
|
|
898
|
-
class:
|
|
851
|
+
class: _(["inline-flex items-center px-4 text-sm font-medium", [{
|
|
899
852
|
"border-vxvue-500 text-vxvue-700": m === t.value,
|
|
900
853
|
"border-transparent text-gray-500": m !== t.value,
|
|
901
854
|
"hover:text-gray-700 hover:border-gray-300": m !== "dots"
|
|
902
855
|
}, o.value]])
|
|
903
856
|
}, {
|
|
904
|
-
default:
|
|
905
|
-
j(
|
|
857
|
+
default: G(() => [
|
|
858
|
+
j($(m !== "dots" ? m : "..."), 1)
|
|
906
859
|
]),
|
|
907
860
|
_: 2
|
|
908
861
|
}, 1032, ["onClick", "href", "class"]))), 128))
|
|
909
862
|
]),
|
|
910
|
-
|
|
863
|
+
c("div", Ot, [
|
|
911
864
|
e.showNavButtons ? (u(), d("a", {
|
|
912
865
|
key: 0,
|
|
913
|
-
onClick:
|
|
866
|
+
onClick: V(v, ["prevent"]),
|
|
914
867
|
href: "#",
|
|
915
|
-
class:
|
|
868
|
+
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 }]])
|
|
916
869
|
}, [
|
|
917
|
-
j(
|
|
918
|
-
N(
|
|
919
|
-
], 10,
|
|
870
|
+
j($(e.nextText) + " ", 1),
|
|
871
|
+
N(M(fe), { class: "w-5 h-5" })
|
|
872
|
+
], 10, jt)) : D("", !0)
|
|
920
873
|
])
|
|
921
874
|
]));
|
|
922
875
|
}
|
|
923
876
|
};
|
|
924
|
-
function
|
|
877
|
+
function Yt(e, n) {
|
|
925
878
|
return u(), d("svg", {
|
|
926
879
|
xmlns: "http://www.w3.org/2000/svg",
|
|
927
880
|
fill: "none",
|
|
@@ -930,14 +883,14 @@ function zt(e, n) {
|
|
|
930
883
|
stroke: "currentColor",
|
|
931
884
|
"aria-hidden": "true"
|
|
932
885
|
}, [
|
|
933
|
-
|
|
886
|
+
c("path", {
|
|
934
887
|
"stroke-linecap": "round",
|
|
935
888
|
"stroke-linejoin": "round",
|
|
936
889
|
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"
|
|
937
890
|
})
|
|
938
891
|
]);
|
|
939
892
|
}
|
|
940
|
-
function
|
|
893
|
+
function Et(e, n) {
|
|
941
894
|
return u(), d("svg", {
|
|
942
895
|
xmlns: "http://www.w3.org/2000/svg",
|
|
943
896
|
fill: "none",
|
|
@@ -946,90 +899,90 @@ function Rt(e, n) {
|
|
|
946
899
|
stroke: "currentColor",
|
|
947
900
|
"aria-hidden": "true"
|
|
948
901
|
}, [
|
|
949
|
-
|
|
902
|
+
c("path", {
|
|
950
903
|
"stroke-linecap": "round",
|
|
951
904
|
"stroke-linejoin": "round",
|
|
952
905
|
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"
|
|
953
906
|
}),
|
|
954
|
-
|
|
907
|
+
c("path", {
|
|
955
908
|
"stroke-linecap": "round",
|
|
956
909
|
"stroke-linejoin": "round",
|
|
957
910
|
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
958
911
|
})
|
|
959
912
|
]);
|
|
960
913
|
}
|
|
961
|
-
const
|
|
914
|
+
const Nt = ["value", "type"], vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
962
915
|
__name: "password-input",
|
|
963
916
|
props: ["modelValue"],
|
|
964
917
|
emits: ["update:modelValue"],
|
|
965
918
|
setup(e, { emit: n }) {
|
|
966
|
-
const l = g(!1), s =
|
|
919
|
+
const l = g(!1), s = C(() => {
|
|
967
920
|
let t = Object.assign({}, q());
|
|
968
921
|
return delete t.class, t;
|
|
969
922
|
});
|
|
970
923
|
return (t, o) => (u(), d("div", {
|
|
971
|
-
class:
|
|
924
|
+
class: _("inline-block relative " + q().class)
|
|
972
925
|
}, [
|
|
973
|
-
|
|
926
|
+
c("input", O({
|
|
974
927
|
value: e.modelValue,
|
|
975
928
|
type: l.value ? "text" : "password",
|
|
976
929
|
onInput: o[0] || (o[0] = (r) => n("update:modelValue", r.target.value))
|
|
977
|
-
}, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16,
|
|
978
|
-
|
|
979
|
-
onClick: o[1] || (o[1] =
|
|
930
|
+
}, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Nt),
|
|
931
|
+
c("button", {
|
|
932
|
+
onClick: o[1] || (o[1] = V((r) => l.value = !l.value, ["stop"])),
|
|
980
933
|
class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
|
|
981
934
|
}, [
|
|
982
|
-
l.value ? (u(), R(
|
|
935
|
+
l.value ? (u(), R(M(Yt), {
|
|
983
936
|
key: 0,
|
|
984
937
|
class: "w-5 h-5"
|
|
985
|
-
})) : (u(), R(
|
|
938
|
+
})) : (u(), R(M(Et), {
|
|
986
939
|
key: 1,
|
|
987
940
|
class: "w-5 h-5"
|
|
988
941
|
}))
|
|
989
942
|
]),
|
|
990
|
-
|
|
943
|
+
A(t.$slots, "default")
|
|
991
944
|
], 2));
|
|
992
945
|
}
|
|
993
|
-
}),
|
|
946
|
+
}), zt = { class: "flex items-center pb-1" }, Rt = ["id", "checked"], Ht = ["for"], Ut = { key: 1 }, Wt = ["href"], qt = {
|
|
994
947
|
key: 0,
|
|
995
948
|
class: "ml-6"
|
|
996
|
-
},
|
|
949
|
+
}, fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
997
950
|
__name: "simple-tree",
|
|
998
951
|
props: { branch: { type: Object, default: {} } },
|
|
999
952
|
emits: ["branch-selected", "expand"],
|
|
1000
953
|
setup(e, { emit: n }) {
|
|
1001
954
|
const l = e, s = g(!1);
|
|
1002
|
-
return
|
|
955
|
+
return oe(() => {
|
|
1003
956
|
l.branch.current && n("expand", !0);
|
|
1004
957
|
}), (t, o) => {
|
|
1005
958
|
const r = Ce("simple-tree", !0);
|
|
1006
959
|
return u(), d("div", {
|
|
1007
|
-
class:
|
|
960
|
+
class: _([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
|
|
1008
961
|
}, [
|
|
1009
|
-
|
|
1010
|
-
e.branch.branches && e.branch.branches.length ? (u(), d(
|
|
1011
|
-
|
|
962
|
+
c("div", zt, [
|
|
963
|
+
e.branch.branches && e.branch.branches.length ? (u(), d(P, { key: 0 }, [
|
|
964
|
+
c("input", {
|
|
1012
965
|
type: "checkbox",
|
|
1013
966
|
id: "branch-" + e.branch.id,
|
|
1014
967
|
onClick: o[0] || (o[0] = (a) => s.value = !s.value),
|
|
1015
968
|
checked: s.value,
|
|
1016
969
|
class: "hidden"
|
|
1017
|
-
}, null, 8,
|
|
1018
|
-
|
|
970
|
+
}, null, 8, Rt),
|
|
971
|
+
c("label", {
|
|
1019
972
|
for: "branch-" + e.branch.id,
|
|
1020
973
|
class: "mr-2"
|
|
1021
974
|
}, [
|
|
1022
|
-
(u(), R(
|
|
1023
|
-
], 8,
|
|
1024
|
-
], 64)) :
|
|
1025
|
-
e.branch.current ? (u(), d("strong",
|
|
975
|
+
(u(), R(re(s.value ? M(nt) : M(ot)), { class: "w-4 h-4 border" }))
|
|
976
|
+
], 8, Ht)
|
|
977
|
+
], 64)) : D("", !0),
|
|
978
|
+
e.branch.current ? (u(), d("strong", Ut, $(e.branch.label), 1)) : (u(), d("a", {
|
|
1026
979
|
key: 2,
|
|
1027
980
|
href: e.branch.path,
|
|
1028
|
-
onClick: o[1] || (o[1] =
|
|
1029
|
-
},
|
|
981
|
+
onClick: o[1] || (o[1] = V((a) => n("branch-selected", e.branch), ["prevent"]))
|
|
982
|
+
}, $(e.branch.label), 9, Wt))
|
|
1030
983
|
]),
|
|
1031
|
-
e.branch.branches && e.branch.branches.length ?
|
|
1032
|
-
(u(!0), d(
|
|
984
|
+
e.branch.branches && e.branch.branches.length ? ne((u(), d("ul", qt, [
|
|
985
|
+
(u(!0), d(P, null, B(e.branch.branches, (a) => (u(), R(r, {
|
|
1033
986
|
branch: a,
|
|
1034
987
|
key: a.id,
|
|
1035
988
|
onBranchSelected: o[2] || (o[2] = (v) => n("branch-selected", v)),
|
|
@@ -1039,25 +992,25 @@ const Ht = ["value", "type"], ml = /* @__PURE__ */ Object.assign({ inheritAttrs:
|
|
|
1039
992
|
}, null, 8, ["branch"]))), 128))
|
|
1040
993
|
], 512)), [
|
|
1041
994
|
[Se, s.value]
|
|
1042
|
-
]) :
|
|
995
|
+
]) : D("", !0)
|
|
1043
996
|
], 2);
|
|
1044
997
|
};
|
|
1045
998
|
}
|
|
1046
999
|
});
|
|
1047
|
-
const
|
|
1000
|
+
const Kt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500" }, Gt = { class: "min-w-full divide-y divide-y-slate-900" }, Xt = { class: "text-white bg-slate-700" }, Zt = ["onClick"], Jt = { class: "flex items-center" }, Qt = {
|
|
1048
1001
|
key: 0,
|
|
1049
1002
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1050
1003
|
class: "flex-shrink-0 ml-2 w-4 h-4",
|
|
1051
1004
|
fill: "none",
|
|
1052
1005
|
viewBox: "0 0 24 24",
|
|
1053
1006
|
stroke: "currentColor"
|
|
1054
|
-
},
|
|
1007
|
+
}, el = ["d"], tl = {
|
|
1055
1008
|
key: 1,
|
|
1056
1009
|
"stroke-linecap": "round",
|
|
1057
1010
|
"stroke-linejoin": "round",
|
|
1058
1011
|
"stroke-width": "2",
|
|
1059
1012
|
d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
|
|
1060
|
-
},
|
|
1013
|
+
}, ll = {
|
|
1061
1014
|
__name: "sortable",
|
|
1062
1015
|
props: {
|
|
1063
1016
|
columns: {
|
|
@@ -1079,56 +1032,56 @@ const Zt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-
|
|
|
1079
1032
|
},
|
|
1080
1033
|
emits: ["before-sort", "after-sort"],
|
|
1081
1034
|
setup(e, { emit: n }) {
|
|
1082
|
-
const l = e, s = g(l.sortProp), t = g(l.sortDirection), o =
|
|
1035
|
+
const l = e, s = g(l.sortProp), t = g(l.sortDirection), o = C(() => {
|
|
1083
1036
|
let a = l.rows.slice();
|
|
1084
|
-
const v = l.columns.find(({ prop:
|
|
1085
|
-
return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((
|
|
1037
|
+
const v = l.columns.find(({ prop: i }) => i === s.value);
|
|
1038
|
+
return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((i, h) => i[s.value] < h[s.value] ? t.value === "asc" ? -1 : 1 : i[s.value] > h[s.value] ? t.value === "asc" ? 1 : -1 : 0)), a.slice(l.offset || 0, (l.offset || 0) + (l.count || a.length));
|
|
1086
1039
|
}), r = (a) => {
|
|
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"),
|
|
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"), ee(() => n("after-sort", { prop: s.value, dir: t.value }));
|
|
1088
1041
|
};
|
|
1089
|
-
return (a, v) => (u(), d("div",
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
(u(!0), d(
|
|
1042
|
+
return (a, v) => (u(), d("div", Kt, [
|
|
1043
|
+
c("table", Gt, [
|
|
1044
|
+
c("thead", Xt, [
|
|
1045
|
+
c("tr", null, [
|
|
1046
|
+
(u(!0), d(P, null, B(e.columns, (i) => (u(), d("th", {
|
|
1094
1047
|
scope: "col",
|
|
1095
|
-
class:
|
|
1096
|
-
{ "cursor-pointer":
|
|
1097
|
-
|
|
1048
|
+
class: _(["py-3 px-6 text-left", [
|
|
1049
|
+
{ "cursor-pointer": i.sortable, active: s.value === i.prop },
|
|
1050
|
+
i.cssClass
|
|
1098
1051
|
]]),
|
|
1099
|
-
onClick: (
|
|
1052
|
+
onClick: (h) => i.sortable ? r(i.prop) : null
|
|
1100
1053
|
}, [
|
|
1101
|
-
|
|
1102
|
-
column:
|
|
1054
|
+
A(a.$slots, i.prop + "-header", {
|
|
1055
|
+
column: i,
|
|
1103
1056
|
sortDir: t.value,
|
|
1104
1057
|
sortProp: s.value
|
|
1105
1058
|
}, () => [
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
s.value ===
|
|
1059
|
+
c("div", Jt, [
|
|
1060
|
+
c("span", null, $(i.label), 1),
|
|
1061
|
+
i.sortable ? (u(), d("svg", Qt, [
|
|
1062
|
+
s.value === i.prop ? (u(), d("path", {
|
|
1110
1063
|
key: 0,
|
|
1111
1064
|
"stroke-linecap": "round",
|
|
1112
1065
|
"stroke-linejoin": "round",
|
|
1113
1066
|
"stroke-width": "2",
|
|
1114
1067
|
d: t.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
|
|
1115
|
-
}, null, 8,
|
|
1116
|
-
])) :
|
|
1068
|
+
}, null, 8, el)) : (u(), d("path", tl))
|
|
1069
|
+
])) : D("", !0)
|
|
1117
1070
|
])
|
|
1118
1071
|
], !0)
|
|
1119
|
-
], 10,
|
|
1072
|
+
], 10, Zt))), 256))
|
|
1120
1073
|
])
|
|
1121
1074
|
]),
|
|
1122
|
-
|
|
1123
|
-
(u(!0), d(
|
|
1124
|
-
key:
|
|
1125
|
-
class:
|
|
1075
|
+
c("tbody", null, [
|
|
1076
|
+
(u(!0), d(P, null, B(o.value, (i) => (u(), d("tr", {
|
|
1077
|
+
key: i[e.keyProperty],
|
|
1078
|
+
class: _(i.cssClass)
|
|
1126
1079
|
}, [
|
|
1127
|
-
(u(!0), d(
|
|
1128
|
-
class:
|
|
1080
|
+
(u(!0), d(P, null, B(e.columns, (h) => (u(), d("td", {
|
|
1081
|
+
class: _(["py-3 px-6 whitespace-nowrap", { active: s.value === h.prop }])
|
|
1129
1082
|
}, [
|
|
1130
|
-
|
|
1131
|
-
j(
|
|
1083
|
+
A(a.$slots, h.prop, { row: i }, () => [
|
|
1084
|
+
j($(i[h.prop]), 1)
|
|
1132
1085
|
], !0)
|
|
1133
1086
|
], 2))), 256))
|
|
1134
1087
|
], 2))), 128))
|
|
@@ -1136,19 +1089,18 @@ const Zt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-
|
|
|
1136
1089
|
])
|
|
1137
1090
|
]));
|
|
1138
1091
|
}
|
|
1139
|
-
},
|
|
1092
|
+
}, pl = /* @__PURE__ */ pe(ll, [["__scopeId", "data-v-f21d3cc3"]]);
|
|
1140
1093
|
export {
|
|
1141
|
-
|
|
1142
|
-
|
|
1094
|
+
al as Autocomplete,
|
|
1095
|
+
nl as Confirm,
|
|
1143
1096
|
at as DateInput,
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
bl as Sortable
|
|
1097
|
+
ol as Datepicker,
|
|
1098
|
+
rl as FormFileButton,
|
|
1099
|
+
ul as FormSelect,
|
|
1100
|
+
il as FormSwitch,
|
|
1101
|
+
cl as MessageToast,
|
|
1102
|
+
dl as Pagination,
|
|
1103
|
+
vl as PasswordInput,
|
|
1104
|
+
fl as SimpleTree,
|
|
1105
|
+
pl as Sortable
|
|
1154
1106
|
};
|