@stonecrop/aform 0.10.0 → 0.10.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/dist/aform.d.ts +9 -14
- package/dist/aform.js +1177 -1187
- package/dist/aform.js.map +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/directives/mask.js +9 -28
- package/dist/src/directives/mask.d.ts.map +1 -1
- package/dist/src/types/index.d.ts +9 -14
- package/dist/src/types/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/form/ADropdown.vue +15 -10
- package/src/directives/mask.ts +9 -31
- package/src/types/index.ts +9 -14
package/dist/aform.js
CHANGED
|
@@ -1,159 +1,159 @@
|
|
|
1
|
-
import { defineComponent as oe, useTemplateRef as fe, ref as
|
|
2
|
-
import { defineStore as
|
|
3
|
-
import './assets/index.css';function
|
|
4
|
-
return
|
|
1
|
+
import { defineComponent as oe, useTemplateRef as fe, ref as R, computed as T, openBlock as h, createElementBlock as x, unref as V, normalizeClass as se, normalizeStyle as be, createBlock as me, resolveDynamicComponent as Ue, mergeProps as ft, toDisplayString as N, createElementVNode as w, withModifiers as Ie, withDirectives as K, Fragment as X, renderList as ve, vShow as Ce, createCommentVNode as Y, renderSlot as he, createTextVNode as Dt, onMounted as Ee, watch as ne, onBeforeUnmount as an, nextTick as vt, toValue as E, shallowRef as ue, getCurrentScope as pt, onScopeDispose as mt, reactive as sn, vModelText as we, vModelCheckbox as rn, vModelSelect as Mn, getCurrentInstance as ht, watchEffect as gt, useCssVars as Cn, onUnmounted as En, useModel as Me, createVNode as ct, withCtx as $t, mergeModels as xe, isRef as An, toRefs as $n, customRef as St, toRef as un, readonly as Rt, resolveComponent as cn, withKeys as Ze } from "vue";
|
|
2
|
+
import { defineStore as Tn } from "pinia";
|
|
3
|
+
import './assets/index.css';function dn(e, t) {
|
|
4
|
+
return pt() ? (mt(e, t), !0) : !1;
|
|
5
5
|
}
|
|
6
|
-
const
|
|
6
|
+
const Dn = typeof window < "u" && typeof document < "u";
|
|
7
7
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
8
|
-
const
|
|
8
|
+
const Sn = (e) => e != null, Rn = Object.prototype.toString, Ln = (e) => Rn.call(e) === "[object Object]", Hn = () => {
|
|
9
9
|
};
|
|
10
10
|
function st(e) {
|
|
11
11
|
return Array.isArray(e) ? e : [e];
|
|
12
12
|
}
|
|
13
|
-
function
|
|
13
|
+
function Vn(e, t, o) {
|
|
14
14
|
return ne(e, t, {
|
|
15
|
-
...
|
|
15
|
+
...o,
|
|
16
16
|
immediate: !0
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
|
-
const ze =
|
|
19
|
+
const ze = Dn ? window : void 0;
|
|
20
20
|
function We(e) {
|
|
21
21
|
var t;
|
|
22
|
-
const
|
|
23
|
-
return (t =
|
|
22
|
+
const o = E(e);
|
|
23
|
+
return (t = o?.$el) !== null && t !== void 0 ? t : o;
|
|
24
24
|
}
|
|
25
25
|
function Qe(...e) {
|
|
26
|
-
const t = (
|
|
27
|
-
const
|
|
28
|
-
return
|
|
26
|
+
const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
|
|
27
|
+
const n = st(E(e[0])).filter((a) => a != null);
|
|
28
|
+
return n.every((a) => typeof a != "string") ? n : void 0;
|
|
29
29
|
});
|
|
30
|
-
return
|
|
31
|
-
var
|
|
30
|
+
return Vn(() => {
|
|
31
|
+
var n, a;
|
|
32
32
|
return [
|
|
33
|
-
(
|
|
34
|
-
st(E(
|
|
35
|
-
st(V(
|
|
36
|
-
E(
|
|
33
|
+
(n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => We(r))) !== null && n !== void 0 ? n : [ze].filter((r) => r != null),
|
|
34
|
+
st(E(o.value ? e[1] : e[0])),
|
|
35
|
+
st(V(o.value ? e[2] : e[1])),
|
|
36
|
+
E(o.value ? e[3] : e[2])
|
|
37
37
|
];
|
|
38
|
-
}, ([
|
|
39
|
-
if (!
|
|
40
|
-
const i =
|
|
38
|
+
}, ([n, a, r, s], l, u) => {
|
|
39
|
+
if (!n?.length || !a?.length || !r?.length) return;
|
|
40
|
+
const i = Ln(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((k) => t(p, y, k, i))));
|
|
41
41
|
u(() => {
|
|
42
|
-
d.forEach((
|
|
42
|
+
d.forEach((p) => p());
|
|
43
43
|
});
|
|
44
44
|
}, { flush: "post" });
|
|
45
45
|
}
|
|
46
46
|
// @__NO_SIDE_EFFECTS__
|
|
47
|
-
function
|
|
47
|
+
function _n() {
|
|
48
48
|
const e = ue(!1), t = ht();
|
|
49
49
|
return t && Ee(() => {
|
|
50
50
|
e.value = !0;
|
|
51
51
|
}, t), e;
|
|
52
52
|
}
|
|
53
53
|
// @__NO_SIDE_EFFECTS__
|
|
54
|
-
function
|
|
55
|
-
const t = /* @__PURE__ */
|
|
54
|
+
function Pn(e) {
|
|
55
|
+
const t = /* @__PURE__ */ _n();
|
|
56
56
|
return T(() => (t.value, !!e()));
|
|
57
57
|
}
|
|
58
|
-
function
|
|
59
|
-
const { window:
|
|
58
|
+
function On(e, t, o = {}) {
|
|
59
|
+
const { window: n = ze, ...a } = o;
|
|
60
60
|
let r;
|
|
61
|
-
const s = /* @__PURE__ */
|
|
61
|
+
const s = /* @__PURE__ */ Pn(() => n && "MutationObserver" in n), l = () => {
|
|
62
62
|
r && (r.disconnect(), r = void 0);
|
|
63
63
|
}, u = ne(T(() => {
|
|
64
|
-
const
|
|
65
|
-
return new Set(
|
|
66
|
-
}), (
|
|
67
|
-
l(), s.value &&
|
|
64
|
+
const p = st(E(e)).map(We).filter(Sn);
|
|
65
|
+
return new Set(p);
|
|
66
|
+
}), (p) => {
|
|
67
|
+
l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
|
|
68
68
|
}, {
|
|
69
69
|
immediate: !0,
|
|
70
70
|
flush: "post"
|
|
71
71
|
}), i = () => r?.takeRecords(), d = () => {
|
|
72
72
|
u(), l();
|
|
73
73
|
};
|
|
74
|
-
return
|
|
74
|
+
return dn(d), {
|
|
75
75
|
isSupported: s,
|
|
76
76
|
stop: d,
|
|
77
77
|
takeRecords: i
|
|
78
78
|
};
|
|
79
79
|
}
|
|
80
|
-
function
|
|
81
|
-
const { window:
|
|
82
|
-
if (!
|
|
80
|
+
function Bn(e, t, o = {}) {
|
|
81
|
+
const { window: n = ze, document: a = n?.document, flush: r = "sync" } = o;
|
|
82
|
+
if (!n || !a) return Hn;
|
|
83
83
|
let s;
|
|
84
84
|
const l = (d) => {
|
|
85
85
|
s?.(), s = d;
|
|
86
86
|
}, u = gt(() => {
|
|
87
87
|
const d = We(e);
|
|
88
88
|
if (d) {
|
|
89
|
-
const { stop:
|
|
90
|
-
|
|
89
|
+
const { stop: p } = On(a, (y) => {
|
|
90
|
+
y.map((k) => [...k.removedNodes]).flat().some((k) => k === d || k.contains(d)) && t(y);
|
|
91
91
|
}, {
|
|
92
|
-
window:
|
|
92
|
+
window: n,
|
|
93
93
|
childList: !0,
|
|
94
94
|
subtree: !0
|
|
95
95
|
});
|
|
96
|
-
l(
|
|
96
|
+
l(p);
|
|
97
97
|
}
|
|
98
98
|
}, { flush: r }), i = () => {
|
|
99
99
|
u(), l();
|
|
100
100
|
};
|
|
101
|
-
return
|
|
101
|
+
return dn(i), i;
|
|
102
102
|
}
|
|
103
103
|
// @__NO_SIDE_EFFECTS__
|
|
104
|
-
function
|
|
104
|
+
function Fn(e = {}) {
|
|
105
105
|
var t;
|
|
106
|
-
const { window:
|
|
106
|
+
const { window: o = ze, deep: n = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, s = () => {
|
|
107
107
|
let i = r?.activeElement;
|
|
108
|
-
if (
|
|
108
|
+
if (n)
|
|
109
109
|
for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
|
|
110
110
|
return i;
|
|
111
111
|
}, l = ue(), u = () => {
|
|
112
112
|
l.value = s();
|
|
113
113
|
};
|
|
114
|
-
if (
|
|
114
|
+
if (o) {
|
|
115
115
|
const i = {
|
|
116
116
|
capture: !0,
|
|
117
117
|
passive: !0
|
|
118
118
|
};
|
|
119
|
-
Qe(
|
|
119
|
+
Qe(o, "blur", (d) => {
|
|
120
120
|
d.relatedTarget === null && u();
|
|
121
|
-
}, i), Qe(
|
|
121
|
+
}, i), Qe(o, "focus", u, i);
|
|
122
122
|
}
|
|
123
|
-
return a &&
|
|
123
|
+
return a && Bn(l, u, { document: r }), u(), l;
|
|
124
124
|
}
|
|
125
|
-
const
|
|
126
|
-
function
|
|
127
|
-
const { window:
|
|
128
|
-
if (!
|
|
125
|
+
const Zn = "focusin", Nn = "focusout", Un = ":focus-within";
|
|
126
|
+
function Wn(e, t = {}) {
|
|
127
|
+
const { window: o = ze } = t, n = T(() => We(e)), a = ue(!1), r = T(() => a.value);
|
|
128
|
+
if (!o || !(/* @__PURE__ */ Fn(t)).value) return { focused: r };
|
|
129
129
|
const s = { passive: !0 };
|
|
130
|
-
return Qe(
|
|
130
|
+
return Qe(n, Zn, () => a.value = !0, s), Qe(n, Nn, () => {
|
|
131
131
|
var l, u, i;
|
|
132
|
-
return a.value = (l = (u =
|
|
132
|
+
return a.value = (l = (u = n.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Un)) !== null && l !== void 0 ? l : !1;
|
|
133
133
|
}, s), { focused: r };
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
const
|
|
135
|
+
function Gn(e, { window: t = ze, scrollTarget: o } = {}) {
|
|
136
|
+
const n = R(!1), a = () => {
|
|
137
137
|
if (!t) return;
|
|
138
138
|
const r = t.document, s = We(e);
|
|
139
139
|
if (!s)
|
|
140
|
-
|
|
140
|
+
n.value = !1;
|
|
141
141
|
else {
|
|
142
142
|
const l = s.getBoundingClientRect();
|
|
143
|
-
|
|
143
|
+
n.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
return ne(
|
|
147
147
|
() => We(e),
|
|
148
148
|
() => a(),
|
|
149
149
|
{ immediate: !0, flush: "post" }
|
|
150
|
-
), t && Qe(
|
|
150
|
+
), t && Qe(o || t, "scroll", a, {
|
|
151
151
|
capture: !1,
|
|
152
152
|
passive: !0
|
|
153
|
-
}),
|
|
153
|
+
}), n;
|
|
154
154
|
}
|
|
155
155
|
const Ae = (e) => {
|
|
156
|
-
let t =
|
|
156
|
+
let t = Gn(e).value;
|
|
157
157
|
return t = t && e.offsetHeight > 0, t;
|
|
158
158
|
}, $e = (e) => e.tabIndex >= 0, Wt = (e) => {
|
|
159
159
|
const t = e.target;
|
|
@@ -161,66 +161,66 @@ const Ae = (e) => {
|
|
|
161
161
|
}, Lt = (e) => {
|
|
162
162
|
let t;
|
|
163
163
|
if (e instanceof HTMLTableCellElement) {
|
|
164
|
-
const
|
|
165
|
-
if (
|
|
166
|
-
const
|
|
167
|
-
|
|
164
|
+
const o = e.parentElement?.previousElementSibling;
|
|
165
|
+
if (o) {
|
|
166
|
+
const n = Array.from(o.children)[e.cellIndex];
|
|
167
|
+
n && (t = n);
|
|
168
168
|
}
|
|
169
169
|
} else if (e instanceof HTMLTableRowElement) {
|
|
170
|
-
const
|
|
171
|
-
|
|
170
|
+
const o = e.previousElementSibling;
|
|
171
|
+
o && (t = o);
|
|
172
172
|
}
|
|
173
173
|
return t && (!$e(t) || !Ae(t)) ? Lt(t) : t;
|
|
174
|
-
},
|
|
174
|
+
}, zn = (e) => {
|
|
175
175
|
const t = e.target;
|
|
176
|
-
let
|
|
176
|
+
let o;
|
|
177
177
|
if (t instanceof HTMLTableCellElement) {
|
|
178
|
-
const
|
|
179
|
-
if (
|
|
180
|
-
const a =
|
|
181
|
-
a && (
|
|
178
|
+
const n = t.parentElement?.parentElement;
|
|
179
|
+
if (n) {
|
|
180
|
+
const a = n.firstElementChild?.children[t.cellIndex];
|
|
181
|
+
a && (o = a);
|
|
182
182
|
}
|
|
183
183
|
} else if (t instanceof HTMLTableRowElement) {
|
|
184
|
-
const
|
|
185
|
-
if (
|
|
186
|
-
const a =
|
|
187
|
-
a && (
|
|
184
|
+
const n = t.parentElement;
|
|
185
|
+
if (n) {
|
|
186
|
+
const a = n.firstElementChild;
|
|
187
|
+
a && (o = a);
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
-
return
|
|
190
|
+
return o && (!$e(o) || !Ae(o)) ? Ht(o) : o;
|
|
191
191
|
}, Gt = (e) => {
|
|
192
192
|
const t = e.target;
|
|
193
193
|
return Ht(t);
|
|
194
194
|
}, Ht = (e) => {
|
|
195
195
|
let t;
|
|
196
196
|
if (e instanceof HTMLTableCellElement) {
|
|
197
|
-
const
|
|
198
|
-
if (
|
|
199
|
-
const
|
|
200
|
-
|
|
197
|
+
const o = e.parentElement?.nextElementSibling;
|
|
198
|
+
if (o) {
|
|
199
|
+
const n = Array.from(o.children)[e.cellIndex];
|
|
200
|
+
n && (t = n);
|
|
201
201
|
}
|
|
202
202
|
} else if (e instanceof HTMLTableRowElement) {
|
|
203
|
-
const
|
|
204
|
-
|
|
203
|
+
const o = e.nextElementSibling;
|
|
204
|
+
o && (t = o);
|
|
205
205
|
}
|
|
206
206
|
return t && (!$e(t) || !Ae(t)) ? Ht(t) : t;
|
|
207
|
-
},
|
|
207
|
+
}, qn = (e) => {
|
|
208
208
|
const t = e.target;
|
|
209
|
-
let
|
|
209
|
+
let o;
|
|
210
210
|
if (t instanceof HTMLTableCellElement) {
|
|
211
|
-
const
|
|
212
|
-
if (
|
|
213
|
-
const a =
|
|
214
|
-
a && (
|
|
211
|
+
const n = t.parentElement?.parentElement;
|
|
212
|
+
if (n) {
|
|
213
|
+
const a = n.lastElementChild?.children[t.cellIndex];
|
|
214
|
+
a && (o = a);
|
|
215
215
|
}
|
|
216
216
|
} else if (t instanceof HTMLTableRowElement) {
|
|
217
|
-
const
|
|
218
|
-
if (
|
|
219
|
-
const a =
|
|
220
|
-
a && (
|
|
217
|
+
const n = t.parentElement;
|
|
218
|
+
if (n) {
|
|
219
|
+
const a = n.lastElementChild;
|
|
220
|
+
a && (o = a);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
return
|
|
223
|
+
return o && (!$e(o) || !Ae(o)) ? Lt(o) : o;
|
|
224
224
|
}, zt = (e) => {
|
|
225
225
|
const t = e.target;
|
|
226
226
|
return Vt(t);
|
|
@@ -239,7 +239,7 @@ const Ae = (e) => {
|
|
|
239
239
|
}, Xt = (e) => {
|
|
240
240
|
const t = e.target.parentElement?.lastElementChild;
|
|
241
241
|
return t && (!$e(t) || !Ae(t)) ? Vt(t) : t;
|
|
242
|
-
}, nt = ["alt", "control", "shift", "meta"],
|
|
242
|
+
}, nt = ["alt", "control", "shift", "meta"], Yn = {
|
|
243
243
|
ArrowUp: "up",
|
|
244
244
|
ArrowDown: "down",
|
|
245
245
|
ArrowLeft: "left",
|
|
@@ -262,11 +262,11 @@ const Ae = (e) => {
|
|
|
262
262
|
e.preventDefault(), e.stopPropagation(), t && t.focus();
|
|
263
263
|
},
|
|
264
264
|
"keydown.control.up": (e) => {
|
|
265
|
-
const t =
|
|
265
|
+
const t = zn(e);
|
|
266
266
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
267
267
|
},
|
|
268
268
|
"keydown.control.down": (e) => {
|
|
269
|
-
const t =
|
|
269
|
+
const t = qn(e);
|
|
270
270
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
271
271
|
},
|
|
272
272
|
"keydown.control.left": (e) => {
|
|
@@ -312,7 +312,7 @@ function Pt(e) {
|
|
|
312
312
|
const t = (s) => {
|
|
313
313
|
let l = null;
|
|
314
314
|
return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
|
|
315
|
-
},
|
|
315
|
+
}, o = (s) => {
|
|
316
316
|
const l = t(s);
|
|
317
317
|
let u = [];
|
|
318
318
|
if (typeof s.selectors == "string")
|
|
@@ -329,89 +329,89 @@ function Pt(e) {
|
|
|
329
329
|
else
|
|
330
330
|
u.push(s.selectors.value);
|
|
331
331
|
return u;
|
|
332
|
-
},
|
|
332
|
+
}, n = (s) => {
|
|
333
333
|
const l = t(s);
|
|
334
334
|
let u = [];
|
|
335
|
-
return s.selectors ? u =
|
|
335
|
+
return s.selectors ? u = o(s) : l && (u = Array.from(l.children).filter((i) => $e(i) && Ae(i))), u;
|
|
336
336
|
}, a = (s) => (l) => {
|
|
337
|
-
const u =
|
|
337
|
+
const u = Yn[l.key] || l.key.toLowerCase();
|
|
338
338
|
if (nt.includes(u)) return;
|
|
339
339
|
const i = s.handlers || wt;
|
|
340
340
|
for (const d of Object.keys(i)) {
|
|
341
|
-
const [
|
|
342
|
-
if (
|
|
343
|
-
const
|
|
344
|
-
const
|
|
345
|
-
return l.getModifierState(
|
|
341
|
+
const [p, ...y] = d.split(".");
|
|
342
|
+
if (p === "keydown" && y.includes(u)) {
|
|
343
|
+
const k = i[d], g = y.filter((f) => nt.includes(f)), b = nt.some((f) => {
|
|
344
|
+
const m = f.charAt(0).toUpperCase() + f.slice(1);
|
|
345
|
+
return l.getModifierState(m);
|
|
346
346
|
});
|
|
347
|
-
if (
|
|
348
|
-
if (
|
|
347
|
+
if (g.length > 0) {
|
|
348
|
+
if (b) {
|
|
349
349
|
for (const f of nt)
|
|
350
|
-
if (
|
|
351
|
-
const
|
|
352
|
-
l.getModifierState(
|
|
350
|
+
if (y.includes(f)) {
|
|
351
|
+
const m = f.charAt(0).toUpperCase() + f.slice(1);
|
|
352
|
+
l.getModifierState(m) && k(l);
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
355
|
} else
|
|
356
|
-
|
|
356
|
+
b || k(l);
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
359
|
}, r = [];
|
|
360
360
|
Ee(() => {
|
|
361
361
|
for (const s of e) {
|
|
362
|
-
const l = t(s), u =
|
|
363
|
-
for (const
|
|
364
|
-
const { focused:
|
|
365
|
-
|
|
362
|
+
const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
|
|
363
|
+
for (const p of d) {
|
|
364
|
+
const { focused: y } = Wn(R(p)), k = ne(y, (g) => {
|
|
365
|
+
g ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
|
|
366
366
|
});
|
|
367
|
-
r.push(
|
|
367
|
+
r.push(k);
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
|
-
}),
|
|
370
|
+
}), an(() => {
|
|
371
371
|
for (const s of r)
|
|
372
372
|
s();
|
|
373
373
|
});
|
|
374
374
|
}
|
|
375
375
|
function Ot(e, t) {
|
|
376
|
-
return
|
|
376
|
+
return pt() ? (mt(e, t), !0) : !1;
|
|
377
377
|
}
|
|
378
|
-
const
|
|
378
|
+
const fn = typeof window < "u" && typeof document < "u";
|
|
379
379
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
380
|
-
const
|
|
380
|
+
const Xn = (e) => e != null, jn = Object.prototype.toString, Jn = (e) => jn.call(e) === "[object Object]", Pe = () => {
|
|
381
381
|
};
|
|
382
|
-
function
|
|
383
|
-
if (e.length !== 1) return
|
|
382
|
+
function Qn(...e) {
|
|
383
|
+
if (e.length !== 1) return un(...e);
|
|
384
384
|
const t = e[0];
|
|
385
385
|
return typeof t == "function" ? Rt(St(() => ({
|
|
386
386
|
get: t,
|
|
387
387
|
set: Pe
|
|
388
|
-
}))) :
|
|
388
|
+
}))) : R(t);
|
|
389
389
|
}
|
|
390
|
-
function
|
|
391
|
-
function
|
|
390
|
+
function Kn(e, t) {
|
|
391
|
+
function o(...n) {
|
|
392
392
|
return new Promise((a, r) => {
|
|
393
|
-
Promise.resolve(e(() => t.apply(this,
|
|
393
|
+
Promise.resolve(e(() => t.apply(this, n), {
|
|
394
394
|
fn: t,
|
|
395
395
|
thisArg: this,
|
|
396
|
-
args:
|
|
396
|
+
args: n
|
|
397
397
|
})).then(a).catch(r);
|
|
398
398
|
});
|
|
399
399
|
}
|
|
400
|
-
return
|
|
400
|
+
return o;
|
|
401
401
|
}
|
|
402
|
-
function
|
|
403
|
-
let
|
|
402
|
+
function eo(e, t = {}) {
|
|
403
|
+
let o, n, a = Pe;
|
|
404
404
|
const r = (l) => {
|
|
405
405
|
clearTimeout(l), a(), a = Pe;
|
|
406
406
|
};
|
|
407
407
|
let s;
|
|
408
408
|
return (l) => {
|
|
409
409
|
const u = E(e), i = E(t.maxWait);
|
|
410
|
-
return
|
|
411
|
-
a = t.rejectOnCancel ?
|
|
412
|
-
|
|
413
|
-
}, i)),
|
|
414
|
-
|
|
410
|
+
return o && r(o), u <= 0 || i !== void 0 && i <= 0 ? (n && (r(n), n = void 0), Promise.resolve(l())) : new Promise((d, p) => {
|
|
411
|
+
a = t.rejectOnCancel ? p : d, s = l, i && !n && (n = setTimeout(() => {
|
|
412
|
+
o && r(o), n = void 0, d(s());
|
|
413
|
+
}, i)), o = setTimeout(() => {
|
|
414
|
+
n && r(n), n = void 0, d(l());
|
|
415
415
|
}, u);
|
|
416
416
|
});
|
|
417
417
|
};
|
|
@@ -419,99 +419,99 @@ function to(e, t = {}) {
|
|
|
419
419
|
function rt(e) {
|
|
420
420
|
return Array.isArray(e) ? e : [e];
|
|
421
421
|
}
|
|
422
|
-
function
|
|
422
|
+
function to(e) {
|
|
423
423
|
return ht();
|
|
424
424
|
}
|
|
425
425
|
// @__NO_SIDE_EFFECTS__
|
|
426
|
-
function
|
|
427
|
-
return eo(
|
|
426
|
+
function no(e, t = 200, o = {}) {
|
|
427
|
+
return Kn(eo(t, o), e);
|
|
428
428
|
}
|
|
429
|
-
function
|
|
430
|
-
if (
|
|
431
|
-
const
|
|
432
|
-
for (const
|
|
429
|
+
function oo(e, t = {}) {
|
|
430
|
+
if (!An(e)) return $n(e);
|
|
431
|
+
const o = Array.isArray(e.value) ? Array.from({ length: e.value.length }) : {};
|
|
432
|
+
for (const n in e.value) o[n] = St(() => ({
|
|
433
433
|
get() {
|
|
434
|
-
return e.value[
|
|
434
|
+
return e.value[n];
|
|
435
435
|
},
|
|
436
436
|
set(a) {
|
|
437
437
|
var r;
|
|
438
438
|
if (!((r = E(t.replaceRef)) !== null && r !== void 0) || r) if (Array.isArray(e.value)) {
|
|
439
439
|
const s = [...e.value];
|
|
440
|
-
s[
|
|
440
|
+
s[n] = a, e.value = s;
|
|
441
441
|
} else {
|
|
442
442
|
const s = {
|
|
443
443
|
...e.value,
|
|
444
|
-
[
|
|
444
|
+
[n]: a
|
|
445
445
|
};
|
|
446
446
|
Object.setPrototypeOf(s, Object.getPrototypeOf(e.value)), e.value = s;
|
|
447
447
|
}
|
|
448
|
-
else e.value[
|
|
448
|
+
else e.value[n] = a;
|
|
449
449
|
}
|
|
450
450
|
}));
|
|
451
|
-
return
|
|
451
|
+
return o;
|
|
452
452
|
}
|
|
453
|
-
function
|
|
454
|
-
|
|
453
|
+
function lo(e, t = !0, o) {
|
|
454
|
+
to() ? Ee(e, o) : t ? e() : vt(e);
|
|
455
455
|
}
|
|
456
|
-
function
|
|
456
|
+
function ao(e, t, o) {
|
|
457
457
|
return ne(e, t, {
|
|
458
|
-
...
|
|
458
|
+
...o,
|
|
459
459
|
immediate: !0
|
|
460
460
|
});
|
|
461
461
|
}
|
|
462
|
-
const et =
|
|
462
|
+
const et = fn ? window : void 0;
|
|
463
463
|
function ye(e) {
|
|
464
464
|
var t;
|
|
465
|
-
const
|
|
466
|
-
return (t =
|
|
465
|
+
const o = E(e);
|
|
466
|
+
return (t = o?.$el) !== null && t !== void 0 ? t : o;
|
|
467
467
|
}
|
|
468
468
|
function He(...e) {
|
|
469
|
-
const t = (
|
|
470
|
-
const
|
|
471
|
-
return
|
|
469
|
+
const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
|
|
470
|
+
const n = rt(E(e[0])).filter((a) => a != null);
|
|
471
|
+
return n.every((a) => typeof a != "string") ? n : void 0;
|
|
472
472
|
});
|
|
473
|
-
return
|
|
474
|
-
var
|
|
473
|
+
return ao(() => {
|
|
474
|
+
var n, a;
|
|
475
475
|
return [
|
|
476
|
-
(
|
|
477
|
-
rt(E(
|
|
478
|
-
rt(V(
|
|
479
|
-
E(
|
|
476
|
+
(n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => ye(r))) !== null && n !== void 0 ? n : [et].filter((r) => r != null),
|
|
477
|
+
rt(E(o.value ? e[1] : e[0])),
|
|
478
|
+
rt(V(o.value ? e[2] : e[1])),
|
|
479
|
+
E(o.value ? e[3] : e[2])
|
|
480
480
|
];
|
|
481
|
-
}, ([
|
|
482
|
-
if (!
|
|
483
|
-
const i =
|
|
481
|
+
}, ([n, a, r, s], l, u) => {
|
|
482
|
+
if (!n?.length || !a?.length || !r?.length) return;
|
|
483
|
+
const i = Jn(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((k) => t(p, y, k, i))));
|
|
484
484
|
u(() => {
|
|
485
|
-
d.forEach((
|
|
485
|
+
d.forEach((p) => p());
|
|
486
486
|
});
|
|
487
487
|
}, { flush: "post" });
|
|
488
488
|
}
|
|
489
|
-
function Tt(e, t,
|
|
490
|
-
const { window:
|
|
491
|
-
if (!
|
|
489
|
+
function Tt(e, t, o = {}) {
|
|
490
|
+
const { window: n = et, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = o;
|
|
491
|
+
if (!n) return l ? {
|
|
492
492
|
stop: Pe,
|
|
493
493
|
cancel: Pe,
|
|
494
494
|
trigger: Pe
|
|
495
495
|
} : Pe;
|
|
496
496
|
let u = !0;
|
|
497
|
-
const i = (f) => E(a).some((
|
|
498
|
-
if (typeof
|
|
497
|
+
const i = (f) => E(a).some((m) => {
|
|
498
|
+
if (typeof m == "string") return Array.from(n.document.querySelectorAll(m)).some((I) => I === f.target || f.composedPath().includes(I));
|
|
499
499
|
{
|
|
500
|
-
const
|
|
501
|
-
return
|
|
500
|
+
const I = ye(m);
|
|
501
|
+
return I && (f.target === I || f.composedPath().includes(I));
|
|
502
502
|
}
|
|
503
503
|
});
|
|
504
504
|
function d(f) {
|
|
505
|
-
const
|
|
506
|
-
return
|
|
505
|
+
const m = E(f);
|
|
506
|
+
return m && m.$.subTree.shapeFlag === 16;
|
|
507
507
|
}
|
|
508
|
-
function
|
|
509
|
-
const
|
|
510
|
-
return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el ===
|
|
508
|
+
function p(f, m) {
|
|
509
|
+
const I = E(f), C = I.$.subTree && I.$.subTree.children;
|
|
510
|
+
return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === m.target || m.composedPath().includes($.el));
|
|
511
511
|
}
|
|
512
|
-
const
|
|
513
|
-
const
|
|
514
|
-
if (f.target != null && !(!(
|
|
512
|
+
const y = (f) => {
|
|
513
|
+
const m = ye(e);
|
|
514
|
+
if (f.target != null && !(!(m instanceof Element) && d(e) && p(e, f)) && !(!m || m === f.target || f.composedPath().includes(m))) {
|
|
515
515
|
if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
|
|
516
516
|
u = !0;
|
|
517
517
|
return;
|
|
@@ -519,60 +519,60 @@ function Tt(e, t, n = {}) {
|
|
|
519
519
|
t(f);
|
|
520
520
|
}
|
|
521
521
|
};
|
|
522
|
-
let
|
|
523
|
-
const
|
|
524
|
-
He(
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
}, 0),
|
|
522
|
+
let k = !1;
|
|
523
|
+
const g = [
|
|
524
|
+
He(n, "click", (f) => {
|
|
525
|
+
k || (k = !0, setTimeout(() => {
|
|
526
|
+
k = !1;
|
|
527
|
+
}, 0), y(f));
|
|
528
528
|
}, {
|
|
529
529
|
passive: !0,
|
|
530
530
|
capture: r
|
|
531
531
|
}),
|
|
532
|
-
He(
|
|
533
|
-
const
|
|
534
|
-
u = !i(f) && !!(
|
|
532
|
+
He(n, "pointerdown", (f) => {
|
|
533
|
+
const m = ye(e);
|
|
534
|
+
u = !i(f) && !!(m && !f.composedPath().includes(m));
|
|
535
535
|
}, { passive: !0 }),
|
|
536
|
-
s && He(
|
|
536
|
+
s && He(n, "blur", (f) => {
|
|
537
537
|
setTimeout(() => {
|
|
538
|
-
var
|
|
539
|
-
const
|
|
540
|
-
((
|
|
538
|
+
var m;
|
|
539
|
+
const I = ye(e);
|
|
540
|
+
((m = n.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !I?.contains(n.document.activeElement) && t(f);
|
|
541
541
|
}, 0);
|
|
542
542
|
}, { passive: !0 })
|
|
543
|
-
].filter(Boolean),
|
|
543
|
+
].filter(Boolean), b = () => g.forEach((f) => f());
|
|
544
544
|
return l ? {
|
|
545
|
-
stop:
|
|
545
|
+
stop: b,
|
|
546
546
|
cancel: () => {
|
|
547
547
|
u = !1;
|
|
548
548
|
},
|
|
549
549
|
trigger: (f) => {
|
|
550
|
-
u = !0,
|
|
550
|
+
u = !0, y(f), u = !1;
|
|
551
551
|
}
|
|
552
|
-
} :
|
|
552
|
+
} : b;
|
|
553
553
|
}
|
|
554
554
|
// @__NO_SIDE_EFFECTS__
|
|
555
|
-
function
|
|
555
|
+
function so() {
|
|
556
556
|
const e = ue(!1), t = ht();
|
|
557
557
|
return t && Ee(() => {
|
|
558
558
|
e.value = !0;
|
|
559
559
|
}, t), e;
|
|
560
560
|
}
|
|
561
561
|
// @__NO_SIDE_EFFECTS__
|
|
562
|
-
function
|
|
563
|
-
const t = /* @__PURE__ */
|
|
562
|
+
function vn(e) {
|
|
563
|
+
const t = /* @__PURE__ */ so();
|
|
564
564
|
return T(() => (t.value, !!e()));
|
|
565
565
|
}
|
|
566
|
-
function pn(e, t,
|
|
567
|
-
const { window:
|
|
566
|
+
function pn(e, t, o = {}) {
|
|
567
|
+
const { window: n = et, ...a } = o;
|
|
568
568
|
let r;
|
|
569
|
-
const s = /* @__PURE__ */
|
|
569
|
+
const s = /* @__PURE__ */ vn(() => n && "MutationObserver" in n), l = () => {
|
|
570
570
|
r && (r.disconnect(), r = void 0);
|
|
571
571
|
}, u = ne(T(() => {
|
|
572
|
-
const
|
|
573
|
-
return new Set(
|
|
574
|
-
}), (
|
|
575
|
-
l(), s.value &&
|
|
572
|
+
const p = rt(E(e)).map(ye).filter(Xn);
|
|
573
|
+
return new Set(p);
|
|
574
|
+
}), (p) => {
|
|
575
|
+
l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
|
|
576
576
|
}, {
|
|
577
577
|
immediate: !0,
|
|
578
578
|
flush: "post"
|
|
@@ -590,20 +590,20 @@ const ot = {
|
|
|
590
590
|
margin: 30,
|
|
591
591
|
direction: "both"
|
|
592
592
|
};
|
|
593
|
-
function
|
|
593
|
+
function ro(e) {
|
|
594
594
|
e.scrollLeft > e.scrollWidth - e.clientWidth && (e.scrollLeft = Math.max(0, e.scrollWidth - e.clientWidth)), e.scrollTop > e.scrollHeight - e.clientHeight && (e.scrollTop = Math.max(0, e.scrollHeight - e.clientHeight));
|
|
595
595
|
}
|
|
596
596
|
function yt(e, t = {}) {
|
|
597
|
-
var
|
|
598
|
-
const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd:
|
|
597
|
+
var o, n, a, r;
|
|
598
|
+
const { pointerTypes: s, preventDefault: l, stopPropagation: u, exact: i, onMove: d, onEnd: p, onStart: y, initialValue: k, axis: g = "both", draggingElement: b = et, containerElement: f, handle: m = e, buttons: I = [0], restrictInView: C, autoScroll: $ = !1 } = t, L = R((o = E(k)) !== null && o !== void 0 ? o : {
|
|
599
599
|
x: 0,
|
|
600
600
|
y: 0
|
|
601
|
-
}), S =
|
|
601
|
+
}), S = R(), O = (D) => s ? s.includes(D.pointerType) : !0, W = (D) => {
|
|
602
602
|
E(l) && D.preventDefault(), E(u) && D.stopPropagation();
|
|
603
|
-
},
|
|
604
|
-
speed: (
|
|
605
|
-
margin: (a = E(
|
|
606
|
-
direction: (r =
|
|
603
|
+
}, pe = E($), j = typeof pe == "object" ? {
|
|
604
|
+
speed: (n = E(pe.speed)) !== null && n !== void 0 ? n : ot.speed,
|
|
605
|
+
margin: (a = E(pe.margin)) !== null && a !== void 0 ? a : ot.margin,
|
|
606
|
+
direction: (r = pe.direction) !== null && r !== void 0 ? r : ot.direction
|
|
607
607
|
} : ot, J = (D) => typeof D == "number" ? [D, D] : [D.x, D.y], ge = (D, F, G) => {
|
|
608
608
|
const { clientWidth: Q, clientHeight: q, scrollLeft: re, scrollTop: ke, scrollWidth: Le, scrollHeight: P } = D, [B, z] = J(j.margin), [ee, le] = J(j.speed);
|
|
609
609
|
let te = 0, ie = 0;
|
|
@@ -617,11 +617,11 @@ function yt(e, t = {}) {
|
|
|
617
617
|
const Oe = () => {
|
|
618
618
|
const D = E(f);
|
|
619
619
|
D && !de && (de = setInterval(() => {
|
|
620
|
-
const F = E(e).getBoundingClientRect(), { x: G, y: Q } =
|
|
620
|
+
const F = E(e).getBoundingClientRect(), { x: G, y: Q } = L.value, q = {
|
|
621
621
|
x: G - D.scrollLeft,
|
|
622
622
|
y: Q - D.scrollTop
|
|
623
623
|
};
|
|
624
|
-
q.x >= 0 && q.y >= 0 && (ge(D, F, q), q.x += D.scrollLeft, q.y += D.scrollTop,
|
|
624
|
+
q.x >= 0 && q.y >= 0 && (ge(D, F, q), q.x += D.scrollLeft, q.y += D.scrollTop, L.value = q);
|
|
625
625
|
}, 1e3 / 60));
|
|
626
626
|
}, Re = () => {
|
|
627
627
|
de && (clearInterval(de), de = null);
|
|
@@ -632,48 +632,48 @@ function yt(e, t = {}) {
|
|
|
632
632
|
if (E(t.disabled) || !S.value) return;
|
|
633
633
|
const D = E(f);
|
|
634
634
|
if (!D) return;
|
|
635
|
-
const F = E(e).getBoundingClientRect(), { x: G, y: Q } =
|
|
635
|
+
const F = E(e).getBoundingClientRect(), { x: G, y: Q } = L.value;
|
|
636
636
|
Ye({
|
|
637
637
|
x: G - D.scrollLeft,
|
|
638
638
|
y: Q - D.scrollTop
|
|
639
639
|
}, D, j.margin, F) ? Oe() : Re();
|
|
640
640
|
};
|
|
641
|
-
E($) && ne(
|
|
641
|
+
E($) && ne(L, Xe);
|
|
642
642
|
const Be = (D) => {
|
|
643
643
|
var F;
|
|
644
|
-
if (!E(
|
|
644
|
+
if (!E(I).includes(D.button) || E(t.disabled) || !O(D) || E(i) && D.target !== E(e)) return;
|
|
645
645
|
const G = E(f), Q = G == null || (F = G.getBoundingClientRect) === null || F === void 0 ? void 0 : F.call(G), q = E(e).getBoundingClientRect(), re = {
|
|
646
646
|
x: D.clientX - (G ? q.left - Q.left + ($ ? 0 : G.scrollLeft) : q.left),
|
|
647
647
|
y: D.clientY - (G ? q.top - Q.top + ($ ? 0 : G.scrollTop) : q.top)
|
|
648
648
|
};
|
|
649
|
-
|
|
649
|
+
y?.(re, D) !== !1 && (S.value = re, W(D));
|
|
650
650
|
}, je = (D) => {
|
|
651
651
|
if (E(t.disabled) || !O(D) || !S.value) return;
|
|
652
652
|
const F = E(f);
|
|
653
|
-
F instanceof HTMLElement &&
|
|
653
|
+
F instanceof HTMLElement && ro(F);
|
|
654
654
|
const G = E(e).getBoundingClientRect();
|
|
655
|
-
let { x: Q, y: q } =
|
|
656
|
-
if ((
|
|
655
|
+
let { x: Q, y: q } = L.value;
|
|
656
|
+
if ((g === "x" || g === "both") && (Q = D.clientX - S.value.x, F && (Q = Math.min(Math.max(0, Q), F.scrollWidth - G.width))), (g === "y" || g === "both") && (q = D.clientY - S.value.y, F && (q = Math.min(Math.max(0, q), F.scrollHeight - G.height))), E($) && F && (de === null && ge(F, G, {
|
|
657
657
|
x: Q,
|
|
658
658
|
y: q
|
|
659
659
|
}), Q += F.scrollLeft, q += F.scrollTop), F && (C || $)) {
|
|
660
|
-
if (
|
|
660
|
+
if (g !== "y") {
|
|
661
661
|
const re = Q - F.scrollLeft;
|
|
662
662
|
re < 0 ? Q = F.scrollLeft : re > F.clientWidth - G.width && (Q = F.clientWidth - G.width + F.scrollLeft);
|
|
663
663
|
}
|
|
664
|
-
if (
|
|
664
|
+
if (g !== "x") {
|
|
665
665
|
const re = q - F.scrollTop;
|
|
666
666
|
re < 0 ? q = F.scrollTop : re > F.clientHeight - G.height && (q = F.clientHeight - G.height + F.scrollTop);
|
|
667
667
|
}
|
|
668
668
|
}
|
|
669
|
-
|
|
669
|
+
L.value = {
|
|
670
670
|
x: Q,
|
|
671
671
|
y: q
|
|
672
|
-
}, d?.(
|
|
672
|
+
}, d?.(L.value, D), W(D);
|
|
673
673
|
}, Fe = (D) => {
|
|
674
|
-
E(t.disabled) || !O(D) || S.value && (S.value = void 0, $ && Re(),
|
|
674
|
+
E(t.disabled) || !O(D) || S.value && (S.value = void 0, $ && Re(), p?.(L.value, D), W(D));
|
|
675
675
|
};
|
|
676
|
-
if (
|
|
676
|
+
if (fn) {
|
|
677
677
|
const D = () => {
|
|
678
678
|
var F;
|
|
679
679
|
return {
|
|
@@ -681,31 +681,31 @@ function yt(e, t = {}) {
|
|
|
681
681
|
passive: !E(l)
|
|
682
682
|
};
|
|
683
683
|
};
|
|
684
|
-
He(
|
|
684
|
+
He(m, "pointerdown", Be, D), He(b, "pointermove", je, D), He(b, "pointerup", Fe, D);
|
|
685
685
|
}
|
|
686
686
|
return {
|
|
687
|
-
...
|
|
688
|
-
position:
|
|
687
|
+
...oo(L),
|
|
688
|
+
position: L,
|
|
689
689
|
isDragging: T(() => !!S.value),
|
|
690
690
|
style: T(() => `
|
|
691
|
-
left: ${
|
|
692
|
-
top: ${
|
|
691
|
+
left: ${L.value.x}px;
|
|
692
|
+
top: ${L.value.y}px;
|
|
693
693
|
${$ ? "text-wrap: nowrap;" : ""}
|
|
694
694
|
`)
|
|
695
695
|
};
|
|
696
696
|
}
|
|
697
|
-
function dt(e, t,
|
|
698
|
-
const { window:
|
|
697
|
+
function dt(e, t, o = {}) {
|
|
698
|
+
const { window: n = et, ...a } = o;
|
|
699
699
|
let r;
|
|
700
|
-
const s = /* @__PURE__ */
|
|
700
|
+
const s = /* @__PURE__ */ vn(() => n && "ResizeObserver" in n), l = () => {
|
|
701
701
|
r && (r.disconnect(), r = void 0);
|
|
702
702
|
}, u = ne(T(() => {
|
|
703
703
|
const d = E(e);
|
|
704
|
-
return Array.isArray(d) ? d.map((
|
|
704
|
+
return Array.isArray(d) ? d.map((p) => ye(p)) : [ye(d)];
|
|
705
705
|
}), (d) => {
|
|
706
|
-
if (l(), s.value &&
|
|
706
|
+
if (l(), s.value && n) {
|
|
707
707
|
r = new ResizeObserver(t);
|
|
708
|
-
for (const
|
|
708
|
+
for (const p of d) p && r.observe(p, a);
|
|
709
709
|
}
|
|
710
710
|
}, {
|
|
711
711
|
immediate: !0,
|
|
@@ -719,33 +719,33 @@ function dt(e, t, n = {}) {
|
|
|
719
719
|
};
|
|
720
720
|
}
|
|
721
721
|
function _e(e, t = {}) {
|
|
722
|
-
const { reset:
|
|
723
|
-
function
|
|
724
|
-
const
|
|
725
|
-
if (!
|
|
726
|
-
|
|
722
|
+
const { reset: o = !0, windowResize: n = !0, windowScroll: a = !0, immediate: r = !0, updateTiming: s = "sync" } = t, l = ue(0), u = ue(0), i = ue(0), d = ue(0), p = ue(0), y = ue(0), k = ue(0), g = ue(0);
|
|
723
|
+
function b() {
|
|
724
|
+
const m = ye(e);
|
|
725
|
+
if (!m) {
|
|
726
|
+
o && (l.value = 0, u.value = 0, i.value = 0, d.value = 0, p.value = 0, y.value = 0, k.value = 0, g.value = 0);
|
|
727
727
|
return;
|
|
728
728
|
}
|
|
729
|
-
const
|
|
730
|
-
l.value =
|
|
729
|
+
const I = m.getBoundingClientRect();
|
|
730
|
+
l.value = I.height, u.value = I.bottom, i.value = I.left, d.value = I.right, p.value = I.top, y.value = I.width, k.value = I.x, g.value = I.y;
|
|
731
731
|
}
|
|
732
732
|
function f() {
|
|
733
|
-
s === "sync" ?
|
|
733
|
+
s === "sync" ? b() : s === "next-frame" && requestAnimationFrame(() => b());
|
|
734
734
|
}
|
|
735
|
-
return dt(e, f), ne(() => ye(e), (
|
|
735
|
+
return dt(e, f), ne(() => ye(e), (m) => !m && f()), pn(e, f, { attributeFilter: ["style", "class"] }), a && He("scroll", f, {
|
|
736
736
|
capture: !0,
|
|
737
737
|
passive: !0
|
|
738
|
-
}),
|
|
738
|
+
}), n && He("resize", f, { passive: !0 }), lo(() => {
|
|
739
739
|
r && f();
|
|
740
740
|
}), {
|
|
741
741
|
height: l,
|
|
742
742
|
bottom: u,
|
|
743
743
|
left: i,
|
|
744
744
|
right: d,
|
|
745
|
-
top:
|
|
746
|
-
width:
|
|
747
|
-
x:
|
|
748
|
-
y,
|
|
745
|
+
top: p,
|
|
746
|
+
width: y,
|
|
747
|
+
x: k,
|
|
748
|
+
y: g,
|
|
749
749
|
update: f
|
|
750
750
|
};
|
|
751
751
|
}
|
|
@@ -753,37 +753,37 @@ function bt(e) {
|
|
|
753
753
|
return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
|
|
754
754
|
}
|
|
755
755
|
const xt = /* @__PURE__ */ new WeakMap();
|
|
756
|
-
function
|
|
757
|
-
const
|
|
758
|
-
let
|
|
759
|
-
ne(
|
|
756
|
+
function io(e, t = !1) {
|
|
757
|
+
const o = ue(t);
|
|
758
|
+
let n = "";
|
|
759
|
+
ne(Qn(e), (s) => {
|
|
760
760
|
const l = bt(E(s));
|
|
761
761
|
if (l) {
|
|
762
762
|
const u = l;
|
|
763
|
-
if (xt.get(u) || xt.set(u, u.style.overflow), u.style.overflow !== "hidden" && (
|
|
764
|
-
if (
|
|
763
|
+
if (xt.get(u) || xt.set(u, u.style.overflow), u.style.overflow !== "hidden" && (n = u.style.overflow), u.style.overflow === "hidden") return o.value = !0;
|
|
764
|
+
if (o.value) return u.style.overflow = "hidden";
|
|
765
765
|
}
|
|
766
766
|
}, { immediate: !0 });
|
|
767
767
|
const a = () => {
|
|
768
768
|
const s = bt(E(e));
|
|
769
|
-
!s ||
|
|
769
|
+
!s || o.value || (s.style.overflow = "hidden", o.value = !0);
|
|
770
770
|
}, r = () => {
|
|
771
771
|
const s = bt(E(e));
|
|
772
|
-
!s || !
|
|
772
|
+
!s || !o.value || (s.style.overflow = n, xt.delete(s), o.value = !1);
|
|
773
773
|
};
|
|
774
774
|
return Ot(r), T({
|
|
775
775
|
get() {
|
|
776
|
-
return
|
|
776
|
+
return o.value;
|
|
777
777
|
},
|
|
778
778
|
set(s) {
|
|
779
779
|
s ? a() : r();
|
|
780
780
|
}
|
|
781
781
|
});
|
|
782
782
|
}
|
|
783
|
-
const
|
|
783
|
+
const uo = (e) => {
|
|
784
784
|
const t = new DOMParser().parseFromString(e, "text/html");
|
|
785
|
-
return Array.from(t.body.childNodes).some((
|
|
786
|
-
},
|
|
785
|
+
return Array.from(t.body.childNodes).some((o) => o.nodeType === 1);
|
|
786
|
+
}, co = (e = 8) => Array.from({ length: e }, () => Math.floor(Math.random() * 16).toString(16)).join(""), fo = ["data-colindex", "data-rowindex", "data-editable", "contenteditable", "tabindex"], vo = ["innerHTML"], po = { key: 2 }, mo = /* @__PURE__ */ oe({
|
|
787
787
|
__name: "ACell",
|
|
788
788
|
props: {
|
|
789
789
|
colIndex: {},
|
|
@@ -795,74 +795,74 @@ const co = (e) => {
|
|
|
795
795
|
debounce: { default: 300 }
|
|
796
796
|
},
|
|
797
797
|
setup(e, { expose: t }) {
|
|
798
|
-
const
|
|
798
|
+
const o = fe("cell"), n = e.store.getCellData(e.colIndex, e.rowIndex), a = R(""), r = R(!1), s = e.store.columns[e.colIndex], l = e.store.rows[e.rowIndex], u = s.align || "center", i = s.width || "40ch", d = T(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), p = T(() => typeof d.value == "string" ? uo(d.value) : !1), y = T(() => ({
|
|
799
799
|
textAlign: u,
|
|
800
800
|
width: i,
|
|
801
801
|
fontWeight: r.value ? "bold" : "inherit",
|
|
802
802
|
paddingLeft: e.store.getIndent(e.colIndex, e.store.display[e.rowIndex]?.indent)
|
|
803
|
-
})),
|
|
803
|
+
})), k = T(() => ({
|
|
804
804
|
"sticky-column": e.pinned,
|
|
805
805
|
"cell-modified": r.value
|
|
806
|
-
})),
|
|
807
|
-
f(),
|
|
808
|
-
},
|
|
809
|
-
const { left: S, bottom: O, width: W, height:
|
|
806
|
+
})), g = () => {
|
|
807
|
+
f(), b();
|
|
808
|
+
}, b = () => {
|
|
809
|
+
const { left: S, bottom: O, width: W, height: pe } = _e(o);
|
|
810
810
|
s.mask, s.modalComponent && e.store.$patch((j) => {
|
|
811
|
-
j.modal.visible = !0, j.modal.colIndex = e.colIndex, j.modal.rowIndex = e.rowIndex, j.modal.left = S, j.modal.bottom = O, j.modal.width = W, j.modal.height =
|
|
811
|
+
j.modal.visible = !0, j.modal.colIndex = e.colIndex, j.modal.rowIndex = e.rowIndex, j.modal.left = S, j.modal.bottom = O, j.modal.width = W, j.modal.height = pe, j.modal.cell = o.value, typeof s.modalComponent == "function" ? j.modal.component = s.modalComponent({ table: j.table, row: l, column: s }) : j.modal.component = s.modalComponent, j.modal.componentProps = s.modalComponentExtraProps;
|
|
812
812
|
});
|
|
813
813
|
};
|
|
814
814
|
if (e.addNavigation) {
|
|
815
815
|
let S = {
|
|
816
816
|
...wt,
|
|
817
|
-
"keydown.f2":
|
|
818
|
-
"keydown.alt.up":
|
|
819
|
-
"keydown.alt.down":
|
|
820
|
-
"keydown.alt.left":
|
|
821
|
-
"keydown.alt.right":
|
|
817
|
+
"keydown.f2": b,
|
|
818
|
+
"keydown.alt.up": b,
|
|
819
|
+
"keydown.alt.down": b,
|
|
820
|
+
"keydown.alt.left": b,
|
|
821
|
+
"keydown.alt.right": b
|
|
822
822
|
};
|
|
823
823
|
typeof e.addNavigation == "object" && (S = {
|
|
824
824
|
...S,
|
|
825
825
|
...e.addNavigation
|
|
826
826
|
}), Pt([
|
|
827
827
|
{
|
|
828
|
-
selectors:
|
|
828
|
+
selectors: o,
|
|
829
829
|
handlers: S
|
|
830
830
|
}
|
|
831
831
|
]);
|
|
832
832
|
}
|
|
833
833
|
const f = () => {
|
|
834
|
-
if (
|
|
834
|
+
if (o.value && s.edit) {
|
|
835
835
|
const S = window.getSelection();
|
|
836
836
|
if (S)
|
|
837
837
|
try {
|
|
838
838
|
const O = document.createRange();
|
|
839
|
-
O.selectNodeContents && (O.selectNodeContents(
|
|
839
|
+
O.selectNodeContents && (O.selectNodeContents(o.value), S.removeAllRanges(), S.addRange(O));
|
|
840
840
|
} catch {
|
|
841
841
|
}
|
|
842
842
|
}
|
|
843
|
-
},
|
|
844
|
-
|
|
845
|
-
},
|
|
843
|
+
}, m = () => {
|
|
844
|
+
o.value && (a.value = o.value.textContent, f());
|
|
845
|
+
}, I = () => {
|
|
846
846
|
try {
|
|
847
847
|
const S = window.getSelection();
|
|
848
|
-
if (S && S.rangeCount > 0 &&
|
|
848
|
+
if (S && S.rangeCount > 0 && o.value) {
|
|
849
849
|
const O = S.getRangeAt(0), W = O.cloneRange();
|
|
850
850
|
if (W.selectNodeContents && W.setEnd)
|
|
851
|
-
return W.selectNodeContents(
|
|
851
|
+
return W.selectNodeContents(o.value), W.setEnd(O.endContainer, O.endOffset), W.toString().length;
|
|
852
852
|
}
|
|
853
853
|
} catch {
|
|
854
854
|
}
|
|
855
855
|
return 0;
|
|
856
856
|
}, C = (S) => {
|
|
857
|
-
if (
|
|
857
|
+
if (o.value)
|
|
858
858
|
try {
|
|
859
859
|
const O = window.getSelection();
|
|
860
860
|
if (!O) return;
|
|
861
861
|
let W = 0;
|
|
862
|
-
const
|
|
863
|
-
if (!
|
|
862
|
+
const pe = document.createTreeWalker ? document.createTreeWalker(o.value, NodeFilter.SHOW_TEXT, null) : null;
|
|
863
|
+
if (!pe) return;
|
|
864
864
|
let j, J = null;
|
|
865
|
-
for (; j =
|
|
865
|
+
for (; j = pe.nextNode(); ) {
|
|
866
866
|
const ge = j, de = W + ge.textContent.length;
|
|
867
867
|
if (S <= de && (J = document.createRange(), J.setStart && J.setEnd)) {
|
|
868
868
|
J.setStart(ge, S - W), J.setEnd(ge, S - W);
|
|
@@ -878,14 +878,14 @@ const co = (e) => {
|
|
|
878
878
|
const O = S.target;
|
|
879
879
|
if (O.textContent === a.value)
|
|
880
880
|
return;
|
|
881
|
-
const W =
|
|
882
|
-
a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex,
|
|
881
|
+
const W = I();
|
|
882
|
+
a.value = O.textContent, s.format ? (r.value = O.textContent !== e.store.getFormattedValue(e.colIndex, e.rowIndex, n), e.store.setCellText(e.colIndex, e.rowIndex, O.textContent)) : (r.value = O.textContent !== n, e.store.setCellData(e.colIndex, e.rowIndex, O.textContent)), vt().then(() => {
|
|
883
883
|
C(W);
|
|
884
884
|
});
|
|
885
|
-
},
|
|
885
|
+
}, L = /* @__PURE__ */ no($, e.debounce);
|
|
886
886
|
return t({
|
|
887
887
|
currentData: a
|
|
888
|
-
}), (S, O) => (h(),
|
|
888
|
+
}), (S, O) => (h(), x("td", {
|
|
889
889
|
ref: "cell",
|
|
890
890
|
"data-colindex": e.colIndex,
|
|
891
891
|
"data-rowindex": e.rowIndex,
|
|
@@ -893,24 +893,24 @@ const co = (e) => {
|
|
|
893
893
|
contenteditable: V(s).edit,
|
|
894
894
|
tabindex: e.tabIndex,
|
|
895
895
|
spellcheck: !1,
|
|
896
|
-
style: be(
|
|
897
|
-
class: se(["atable-cell",
|
|
898
|
-
onFocus:
|
|
896
|
+
style: be(y.value),
|
|
897
|
+
class: se(["atable-cell", k.value]),
|
|
898
|
+
onFocus: m,
|
|
899
899
|
onPaste: $,
|
|
900
900
|
onInput: O[0] || (O[0] = //@ts-ignore
|
|
901
|
-
(...W) => V(
|
|
902
|
-
onClick:
|
|
901
|
+
(...W) => V(L) && V(L)(...W)),
|
|
902
|
+
onClick: g
|
|
903
903
|
}, [
|
|
904
|
-
V(s).cellComponent ? (h(),
|
|
904
|
+
V(s).cellComponent ? (h(), me(Ue(V(s).cellComponent), ft({
|
|
905
905
|
key: 0,
|
|
906
906
|
value: d.value
|
|
907
|
-
}, V(s).cellComponentProps), null, 16, ["value"])) :
|
|
907
|
+
}, V(s).cellComponentProps), null, 16, ["value"])) : p.value ? (h(), x("span", {
|
|
908
908
|
key: 1,
|
|
909
909
|
innerHTML: d.value
|
|
910
|
-
}, null, 8,
|
|
911
|
-
], 46,
|
|
910
|
+
}, null, 8, vo)) : (h(), x("span", po, N(d.value), 1))
|
|
911
|
+
], 46, fo));
|
|
912
912
|
}
|
|
913
|
-
}),
|
|
913
|
+
}), ho = ["tabindex"], go = ["tabindex"], wo = ["colspan"], yo = /* @__PURE__ */ oe({
|
|
914
914
|
__name: "AExpansionRow",
|
|
915
915
|
props: {
|
|
916
916
|
rowIndex: {},
|
|
@@ -919,22 +919,22 @@ const co = (e) => {
|
|
|
919
919
|
addNavigation: { type: [Boolean, Object], default: () => wt }
|
|
920
920
|
},
|
|
921
921
|
setup(e) {
|
|
922
|
-
const t = fe("rowEl"),
|
|
922
|
+
const t = fe("rowEl"), o = T(() => e.store.display[e.rowIndex].expanded ? "▼" : "►");
|
|
923
923
|
if (e.addNavigation) {
|
|
924
|
-
const
|
|
924
|
+
const n = {
|
|
925
925
|
"keydown.control.g": (a) => {
|
|
926
926
|
a.stopPropagation(), a.preventDefault(), e.store.toggleRowExpand(e.rowIndex);
|
|
927
927
|
}
|
|
928
928
|
};
|
|
929
|
-
typeof e.addNavigation == "object" && Object.assign(
|
|
929
|
+
typeof e.addNavigation == "object" && Object.assign(n, e.addNavigation), Pt([
|
|
930
930
|
{
|
|
931
931
|
selectors: t,
|
|
932
|
-
handlers:
|
|
932
|
+
handlers: n
|
|
933
933
|
}
|
|
934
934
|
]);
|
|
935
935
|
}
|
|
936
|
-
return (
|
|
937
|
-
w("tr", ft(
|
|
936
|
+
return (n, a) => (h(), x(X, null, [
|
|
937
|
+
w("tr", ft(n.$attrs, {
|
|
938
938
|
ref: "rowEl",
|
|
939
939
|
tabindex: e.tabIndex,
|
|
940
940
|
class: "expandable-row"
|
|
@@ -943,10 +943,10 @@ const co = (e) => {
|
|
|
943
943
|
tabIndex: -1,
|
|
944
944
|
class: "row-index",
|
|
945
945
|
onClick: a[0] || (a[0] = (r) => e.store.toggleRowExpand(e.rowIndex))
|
|
946
|
-
}, N(
|
|
947
|
-
he(
|
|
948
|
-
], 16,
|
|
949
|
-
e.store.display[e.rowIndex].expanded ? (h(),
|
|
946
|
+
}, N(o.value), 1),
|
|
947
|
+
he(n.$slots, "row", {}, void 0, !0)
|
|
948
|
+
], 16, ho),
|
|
949
|
+
e.store.display[e.rowIndex].expanded ? (h(), x("tr", {
|
|
950
950
|
key: 0,
|
|
951
951
|
ref: "rowExpanded",
|
|
952
952
|
tabindex: e.tabIndex,
|
|
@@ -957,23 +957,23 @@ const co = (e) => {
|
|
|
957
957
|
colspan: e.store.columns.length + 1,
|
|
958
958
|
class: "expanded-row-content"
|
|
959
959
|
}, [
|
|
960
|
-
he(
|
|
961
|
-
], 8,
|
|
962
|
-
], 8,
|
|
960
|
+
he(n.$slots, "content", {}, void 0, !0)
|
|
961
|
+
], 8, wo)
|
|
962
|
+
], 8, go)) : Y("", !0)
|
|
963
963
|
], 64));
|
|
964
964
|
}
|
|
965
965
|
}), Ve = (e, t) => {
|
|
966
|
-
const
|
|
967
|
-
for (const [
|
|
968
|
-
n
|
|
969
|
-
return
|
|
970
|
-
},
|
|
966
|
+
const o = e.__vccOpts || e;
|
|
967
|
+
for (const [n, a] of t)
|
|
968
|
+
o[n] = a;
|
|
969
|
+
return o;
|
|
970
|
+
}, bo = /* @__PURE__ */ Ve(yo, [["__scopeId", "data-v-a42297c7"]]), xo = ["colspan"], ko = {
|
|
971
971
|
ref: "container",
|
|
972
972
|
class: "gantt-container"
|
|
973
|
-
},
|
|
973
|
+
}, Io = ["data-rowindex", "data-colindex"], Mo = {
|
|
974
974
|
key: 2,
|
|
975
975
|
class: "gantt-label"
|
|
976
|
-
},
|
|
976
|
+
}, Co = ["x1", "y1", "x2", "y2"], Eo = /* @__PURE__ */ oe({
|
|
977
977
|
__name: "AGanttCell",
|
|
978
978
|
props: {
|
|
979
979
|
store: {},
|
|
@@ -987,13 +987,13 @@ const co = (e) => {
|
|
|
987
987
|
color: { default: "#cccccc" }
|
|
988
988
|
},
|
|
989
989
|
emits: ["connection:create"],
|
|
990
|
-
setup(e, { expose: t, emit:
|
|
991
|
-
|
|
990
|
+
setup(e, { expose: t, emit: o }) {
|
|
991
|
+
Cn((P) => ({
|
|
992
992
|
v6d722296: a.value,
|
|
993
993
|
v260b36f8: P.colspan
|
|
994
994
|
}));
|
|
995
|
-
const
|
|
996
|
-
const P =
|
|
995
|
+
const n = o, a = R(e.color.length >= 6 ? e.color : "#cccccc"), r = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = fe("container"), l = fe("bar"), u = fe("leftResizeHandle"), i = fe("rightResizeHandle"), d = fe("leftConnectionHandle"), p = fe("rightConnectionHandle"), { width: y } = _e(s), { left: k, right: g } = _e(l), b = R(e.start), f = R(e.end || b.value + e.colspan), m = R(!1), I = R(!1), C = R(!1), $ = R(!1), L = R(!1), S = R({ startX: 0, startY: 0, endX: 0, endY: 0 }), O = T(() => Oe.value || ge.value || de.value), W = T(() => e.colspan > 0 ? y.value / e.colspan : 0), pe = T(() => {
|
|
996
|
+
const P = b.value / e.colspan * 100, B = f.value / e.colspan * 100;
|
|
997
997
|
return {
|
|
998
998
|
left: `${P}%`,
|
|
999
999
|
width: `${B - P}%`,
|
|
@@ -1009,26 +1009,26 @@ const co = (e) => {
|
|
|
1009
1009
|
pointerEvents: "none",
|
|
1010
1010
|
zIndex: 1e3
|
|
1011
1011
|
})
|
|
1012
|
-
), J =
|
|
1012
|
+
), J = R({ startX: 0, startPos: 0 }), { isDragging: ge } = yt(u, {
|
|
1013
1013
|
axis: "x",
|
|
1014
|
-
onStart: () => Re(
|
|
1014
|
+
onStart: () => Re(k.value, b.value),
|
|
1015
1015
|
onMove: ({ x: P }) => Ye(P),
|
|
1016
1016
|
onEnd: ({ x: P }) => Xe(P)
|
|
1017
1017
|
}), { isDragging: de } = yt(i, {
|
|
1018
1018
|
axis: "x",
|
|
1019
|
-
onStart: () => Re(
|
|
1019
|
+
onStart: () => Re(g.value, f.value),
|
|
1020
1020
|
onMove: ({ x: P }) => Be(P),
|
|
1021
1021
|
onEnd: ({ x: P }) => je(P)
|
|
1022
1022
|
}), { isDragging: Oe } = yt(l, {
|
|
1023
1023
|
exact: !0,
|
|
1024
1024
|
axis: "x",
|
|
1025
|
-
onStart: () => Re(
|
|
1025
|
+
onStart: () => Re(k.value, b.value),
|
|
1026
1026
|
onMove: ({ x: P }) => Fe(P),
|
|
1027
1027
|
onEnd: ({ x: P }) => D(P)
|
|
1028
1028
|
});
|
|
1029
1029
|
Ee(() => {
|
|
1030
1030
|
F();
|
|
1031
|
-
}),
|
|
1031
|
+
}), En(() => {
|
|
1032
1032
|
G();
|
|
1033
1033
|
});
|
|
1034
1034
|
function Re(P, B) {
|
|
@@ -1041,8 +1041,8 @@ const co = (e) => {
|
|
|
1041
1041
|
}
|
|
1042
1042
|
function Xe(P) {
|
|
1043
1043
|
if (!l.value) return;
|
|
1044
|
-
const B = P - J.value.startX, z = Math.round(B / W.value), ee =
|
|
1045
|
-
|
|
1044
|
+
const B = P - J.value.startX, z = Math.round(B / W.value), ee = b.value, le = Math.max(0, Math.min(f.value - 1, J.value.startPos + z));
|
|
1045
|
+
b.value = le, e.store.updateGanttBar({
|
|
1046
1046
|
rowIndex: e.rowIndex,
|
|
1047
1047
|
colIndex: e.colIndex,
|
|
1048
1048
|
type: "resize",
|
|
@@ -1057,12 +1057,12 @@ const co = (e) => {
|
|
|
1057
1057
|
}
|
|
1058
1058
|
function Be(P) {
|
|
1059
1059
|
if (!de.value || !l.value) return;
|
|
1060
|
-
const B = (P - J.value.startX) / W.value, z = Math.max(
|
|
1061
|
-
l.value.style.width = `${(z -
|
|
1060
|
+
const B = (P - J.value.startX) / W.value, z = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + B));
|
|
1061
|
+
l.value.style.width = `${(z - b.value) / e.colspan * 100}%`;
|
|
1062
1062
|
}
|
|
1063
1063
|
function je(P) {
|
|
1064
1064
|
if (!l.value) return;
|
|
1065
|
-
const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value, le = Math.max(
|
|
1065
|
+
const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value, le = Math.max(b.value + 1, Math.min(e.columnsCount, J.value.startPos + z));
|
|
1066
1066
|
f.value = le, e.store.updateGanttBar({
|
|
1067
1067
|
rowIndex: e.rowIndex,
|
|
1068
1068
|
colIndex: e.colIndex,
|
|
@@ -1070,22 +1070,22 @@ const co = (e) => {
|
|
|
1070
1070
|
edge: "end",
|
|
1071
1071
|
oldEnd: ee,
|
|
1072
1072
|
newEnd: le,
|
|
1073
|
-
start:
|
|
1073
|
+
start: b.value,
|
|
1074
1074
|
delta: z,
|
|
1075
|
-
oldColspan: ee -
|
|
1076
|
-
newColspan: le -
|
|
1075
|
+
oldColspan: ee - b.value,
|
|
1076
|
+
newColspan: le - b.value
|
|
1077
1077
|
});
|
|
1078
1078
|
}
|
|
1079
1079
|
function Fe(P) {
|
|
1080
1080
|
if (!Oe.value || !l.value) return;
|
|
1081
|
-
const B = (P - J.value.startX) / W.value, z = f.value -
|
|
1081
|
+
const B = (P - J.value.startX) / W.value, z = f.value - b.value, ee = Math.max(0, Math.min(J.value.startPos + B, e.columnsCount - z));
|
|
1082
1082
|
l.value.style.left = `${ee / e.colspan * 100}%`;
|
|
1083
1083
|
}
|
|
1084
1084
|
function D(P) {
|
|
1085
1085
|
if (!l.value) return;
|
|
1086
|
-
const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value -
|
|
1086
|
+
const B = P - J.value.startX, z = Math.round(B / W.value), ee = f.value - b.value, le = b.value, te = f.value;
|
|
1087
1087
|
let ie = J.value.startPos + z, ce = ie + ee;
|
|
1088
|
-
ie < 0 ? (ie = 0, ce = ee) : ce > e.columnsCount && (ce = e.columnsCount, ie = ce - ee),
|
|
1088
|
+
ie < 0 ? (ie = 0, ce = ee) : ce > e.columnsCount && (ce = e.columnsCount, ie = ce - ee), b.value = ie, f.value = ce, e.store.updateGanttBar({
|
|
1089
1089
|
rowIndex: e.rowIndex,
|
|
1090
1090
|
colIndex: e.colIndex,
|
|
1091
1091
|
type: "bar",
|
|
@@ -1098,12 +1098,12 @@ const co = (e) => {
|
|
|
1098
1098
|
});
|
|
1099
1099
|
}
|
|
1100
1100
|
function F() {
|
|
1101
|
-
const { x: P, y: B } = _e(l), { x: z, y: ee } = _e(d), { x: le, y: te } = _e(
|
|
1101
|
+
const { x: P, y: B } = _e(l), { x: z, y: ee } = _e(d), { x: le, y: te } = _e(p);
|
|
1102
1102
|
e.store.registerGanttBar({
|
|
1103
1103
|
id: r,
|
|
1104
1104
|
rowIndex: e.rowIndex,
|
|
1105
1105
|
colIndex: e.colIndex,
|
|
1106
|
-
startIndex:
|
|
1106
|
+
startIndex: b,
|
|
1107
1107
|
endIndex: f,
|
|
1108
1108
|
color: a,
|
|
1109
1109
|
label: e.label,
|
|
@@ -1114,7 +1114,7 @@ const co = (e) => {
|
|
|
1114
1114
|
colIndex: e.colIndex,
|
|
1115
1115
|
side: "left",
|
|
1116
1116
|
position: { x: z, y: ee },
|
|
1117
|
-
visible:
|
|
1117
|
+
visible: m,
|
|
1118
1118
|
barId: r
|
|
1119
1119
|
}), e.store.registerConnectionHandle({
|
|
1120
1120
|
id: `${r}-connection-right`,
|
|
@@ -1122,7 +1122,7 @@ const co = (e) => {
|
|
|
1122
1122
|
colIndex: e.colIndex,
|
|
1123
1123
|
side: "right",
|
|
1124
1124
|
position: { x: le, y: te },
|
|
1125
|
-
visible:
|
|
1125
|
+
visible: I,
|
|
1126
1126
|
barId: r
|
|
1127
1127
|
}));
|
|
1128
1128
|
}
|
|
@@ -1130,14 +1130,14 @@ const co = (e) => {
|
|
|
1130
1130
|
e.store.unregisterGanttBar(r), e.store.isDependencyGraphEnabled && (e.store.unregisterConnectionHandle(`${r}-connection-left`), e.store.unregisterConnectionHandle(`${r}-connection-right`));
|
|
1131
1131
|
}
|
|
1132
1132
|
function Q() {
|
|
1133
|
-
e.store.isDependencyGraphEnabled && (
|
|
1133
|
+
e.store.isDependencyGraphEnabled && (m.value = !0, I.value = !0);
|
|
1134
1134
|
}
|
|
1135
1135
|
function q() {
|
|
1136
|
-
!C.value && !$.value && (
|
|
1136
|
+
!C.value && !$.value && (m.value = !1, I.value = !1);
|
|
1137
1137
|
}
|
|
1138
1138
|
function re(P, B) {
|
|
1139
|
-
B.preventDefault(), B.stopPropagation(),
|
|
1140
|
-
const z = P === "left" ? d.value :
|
|
1139
|
+
B.preventDefault(), B.stopPropagation(), L.value = !0, P === "left" ? C.value = !0 : $.value = !0;
|
|
1140
|
+
const z = P === "left" ? d.value : p.value;
|
|
1141
1141
|
if (z) {
|
|
1142
1142
|
const te = z.getBoundingClientRect(), ie = te.left + te.width / 2, ce = te.top + te.height / 2;
|
|
1143
1143
|
S.value = { startX: ie, startY: ce, endX: ie, endY: ce };
|
|
@@ -1151,56 +1151,56 @@ const co = (e) => {
|
|
|
1151
1151
|
}
|
|
1152
1152
|
function ke(P, B) {
|
|
1153
1153
|
const z = document.elementFromPoint(P.clientX, P.clientY)?.closest(".connection-handle");
|
|
1154
|
-
if (z && z !== (B === "left" ? d.value :
|
|
1154
|
+
if (z && z !== (B === "left" ? d.value : p.value)) {
|
|
1155
1155
|
const ee = z.closest(".gantt-bar");
|
|
1156
1156
|
if (ee) {
|
|
1157
1157
|
const le = parseInt(ee.getAttribute("data-rowindex") || "0"), te = parseInt(ee.getAttribute("data-colindex") || "0"), ie = z.classList.contains("left-connection-handle") ? "left" : "right", ce = `gantt-bar-row-${le}-col-${te}`, c = e.store.createConnection(
|
|
1158
1158
|
`${r}-connection-${B}`,
|
|
1159
1159
|
`${ce}-connection-${ie}`
|
|
1160
1160
|
);
|
|
1161
|
-
c &&
|
|
1161
|
+
c && n("connection:create", c);
|
|
1162
1162
|
}
|
|
1163
1163
|
}
|
|
1164
1164
|
}
|
|
1165
1165
|
function Le(P, B) {
|
|
1166
|
-
|
|
1166
|
+
L.value = !1, C.value = !1, $.value = !1, document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", B), l.value?.matches(":hover") || q();
|
|
1167
1167
|
}
|
|
1168
1168
|
return t({
|
|
1169
|
-
barStyle:
|
|
1169
|
+
barStyle: pe,
|
|
1170
1170
|
cleanupConnectionDrag: Le,
|
|
1171
1171
|
currentEnd: f,
|
|
1172
1172
|
handleConnectionDrop: ke,
|
|
1173
1173
|
isLeftConnectionDragging: C,
|
|
1174
|
-
isLeftConnectionVisible:
|
|
1174
|
+
isLeftConnectionVisible: m,
|
|
1175
1175
|
isRightConnectionDragging: $,
|
|
1176
|
-
isRightConnectionVisible:
|
|
1177
|
-
showDragPreview:
|
|
1178
|
-
}), (P, B) => (h(),
|
|
1176
|
+
isRightConnectionVisible: I,
|
|
1177
|
+
showDragPreview: L
|
|
1178
|
+
}), (P, B) => (h(), x("td", {
|
|
1179
1179
|
class: "aganttcell",
|
|
1180
1180
|
colspan: e.colspan
|
|
1181
1181
|
}, [
|
|
1182
|
-
w("div",
|
|
1182
|
+
w("div", ko, [
|
|
1183
1183
|
w("div", {
|
|
1184
1184
|
ref: "bar",
|
|
1185
1185
|
"data-rowindex": e.rowIndex,
|
|
1186
1186
|
"data-colindex": e.colIndex,
|
|
1187
1187
|
class: se(["gantt-bar", { "is-dragging": O.value }]),
|
|
1188
|
-
style: be(
|
|
1188
|
+
style: be(pe.value),
|
|
1189
1189
|
onMouseenter: Q,
|
|
1190
1190
|
onMouseleave: q
|
|
1191
1191
|
}, [
|
|
1192
|
-
e.store.isDependencyGraphEnabled ? (h(),
|
|
1192
|
+
e.store.isDependencyGraphEnabled ? (h(), x("div", {
|
|
1193
1193
|
key: 0,
|
|
1194
1194
|
ref: "leftConnectionHandle",
|
|
1195
|
-
class: se(["connection-handle left-connection-handle", { visible:
|
|
1195
|
+
class: se(["connection-handle left-connection-handle", { visible: m.value, "is-dragging": C.value }]),
|
|
1196
1196
|
onMousedown: B[0] || (B[0] = Ie((z) => re("left", z), ["stop"]))
|
|
1197
1197
|
}, [...B[2] || (B[2] = [
|
|
1198
1198
|
w("div", { class: "connection-dot" }, null, -1)
|
|
1199
1199
|
])], 34)) : Y("", !0),
|
|
1200
|
-
e.store.isDependencyGraphEnabled ? (h(),
|
|
1200
|
+
e.store.isDependencyGraphEnabled ? (h(), x("div", {
|
|
1201
1201
|
key: 1,
|
|
1202
1202
|
ref: "rightConnectionHandle",
|
|
1203
|
-
class: se(["connection-handle right-connection-handle", { visible:
|
|
1203
|
+
class: se(["connection-handle right-connection-handle", { visible: I.value, "is-dragging": $.value }]),
|
|
1204
1204
|
onMousedown: B[1] || (B[1] = Ie((z) => re("right", z), ["stop"]))
|
|
1205
1205
|
}, [...B[3] || (B[3] = [
|
|
1206
1206
|
w("div", { class: "connection-dot" }, null, -1)
|
|
@@ -1212,7 +1212,7 @@ const co = (e) => {
|
|
|
1212
1212
|
w("div", { class: "handle-grip" }, null, -1),
|
|
1213
1213
|
w("div", { class: "vertical-indicator left-indicator" }, null, -1)
|
|
1214
1214
|
])], 2),
|
|
1215
|
-
e.label ? (h(),
|
|
1215
|
+
e.label ? (h(), x("label", Mo, N(e.label), 1)) : Y("", !0),
|
|
1216
1216
|
w("div", {
|
|
1217
1217
|
ref: "rightResizeHandle",
|
|
1218
1218
|
class: se(["resize-handle right-resize-handle", { "is-dragging": V(de) }])
|
|
@@ -1220,9 +1220,9 @@ const co = (e) => {
|
|
|
1220
1220
|
w("div", { class: "handle-grip" }, null, -1),
|
|
1221
1221
|
w("div", { class: "vertical-indicator right-indicator" }, null, -1)
|
|
1222
1222
|
])], 2)
|
|
1223
|
-
], 46,
|
|
1223
|
+
], 46, Io)
|
|
1224
1224
|
], 512),
|
|
1225
|
-
e.store.isDependencyGraphEnabled &&
|
|
1225
|
+
e.store.isDependencyGraphEnabled && L.value ? (h(), x("svg", {
|
|
1226
1226
|
key: 0,
|
|
1227
1227
|
style: be(j.value)
|
|
1228
1228
|
}, [
|
|
@@ -1234,24 +1234,24 @@ const co = (e) => {
|
|
|
1234
1234
|
stroke: "#2196f3",
|
|
1235
1235
|
"stroke-width": "2",
|
|
1236
1236
|
"stroke-dasharray": "5,5"
|
|
1237
|
-
}, null, 8,
|
|
1237
|
+
}, null, 8, Co)
|
|
1238
1238
|
], 4)) : Y("", !0)
|
|
1239
|
-
], 8,
|
|
1239
|
+
], 8, xo));
|
|
1240
1240
|
}
|
|
1241
|
-
}),
|
|
1241
|
+
}), Ao = /* @__PURE__ */ Ve(Eo, [["__scopeId", "data-v-8917a8a3"]]), $o = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1242
1242
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
|
1243
1243
|
<path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
|
|
1244
1244
|
<polygon points="34 18 30 18 30 30 18 30 18 34 30 34 30 46 34 46 34 34 46 34 46 30 34 30 34 18" style="fill: #000; stroke-width: 0px;"/>
|
|
1245
1245
|
</svg>
|
|
1246
|
-
`,
|
|
1246
|
+
`, To = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1247
1247
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
|
1248
1248
|
<path d="M32,64C14.35,64,0,49.65,0,32S14.35,0,32,0s32,14.35,32,32-14.35,32-32,32ZM32,4c-15.44,0-28,12.56-28,28s12.56,28,28,28,28-12.56,28-28S47.44,4,32,4Z" style="fill: #000; stroke-width: 0px;"/>
|
|
1249
1249
|
<polygon points="46.84 19.99 44.01 17.16 32 29.17 19.99 17.16 17.16 19.99 29.17 32 17.16 44.01 19.99 46.84 32 34.83 44.01 46.84 46.84 44.01 34.83 32 46.84 19.99" style="fill: #000; stroke-width: 0px;"/>
|
|
1250
|
-
</svg>`,
|
|
1250
|
+
</svg>`, Do = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1251
1251
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.67">
|
|
1252
1252
|
<path d="M68.67,16.67h-14.67V2c0-1.1-.9-2-2-2H2C.9,0,0,.9,0,2v50c0,1.1.9,2,2,2h14.67v14.67c0,1.1.9,2,2,2h50c1.1,0,2-.9,2-2V18.67c0-1.1-.9-2-2-2ZM4,4h46v46H4V4ZM66.67,66.67H20.67v-12.67h31.33c1.1,0,2-.9,2-2v-31.33h12.67v46Z" style="fill: #000; stroke-width: 0px;"/>
|
|
1253
1253
|
<polygon points="41 25 29 25 29 13 25 13 25 25 13 25 13 29 25 29 25 41 29 41 29 29 41 29 41 25" style="fill: #000; stroke-width: 0px;"/>
|
|
1254
|
-
</svg>`,
|
|
1254
|
+
</svg>`, So = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1255
1255
|
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
|
|
1256
1256
|
<path d="M68.6,45.8v13.7H2v-13.7h66.6M70.6,43.8H0v17.7h70.6v-17.7h0Z"/>
|
|
1257
1257
|
<path d="M68.6,24.2v13.7H2v-13.7h66.6M70.6,22.2H0v17.7h70.6v-17.7h0Z"/>
|
|
@@ -1265,7 +1265,7 @@ const co = (e) => {
|
|
|
1265
1265
|
<polygon points="70.6 18.7 68.1 18.7 68.1 16.7 68.6 16.7 68.6 16.2 70.6 16.2 70.6 18.7"/>
|
|
1266
1266
|
<path d="M70.6,13.4h-2v-2.7h2v2.7ZM70.6,8h-2v-2.7h2v2.7Z"/>
|
|
1267
1267
|
</g>
|
|
1268
|
-
</svg>`,
|
|
1268
|
+
</svg>`, Ro = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1269
1269
|
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 70.6 61.5">
|
|
1270
1270
|
<g>
|
|
1271
1271
|
<polygon points="70.6 45.3 68.6 45.3 68.6 44.8 68.1 44.8 68.1 42.8 70.6 42.8 70.6 45.3"/>
|
|
@@ -1279,23 +1279,23 @@ const co = (e) => {
|
|
|
1279
1279
|
</g>
|
|
1280
1280
|
<path d="M68.6,23.7v13.7H2v-13.7h66.6M70.6,21.7H0v17.7h70.6v-17.7h0Z"/>
|
|
1281
1281
|
<path d="M68.6,2v13.7H2V2h66.6M70.6,0H0v17.7h70.6V0h0Z"/>
|
|
1282
|
-
</svg>`,
|
|
1282
|
+
</svg>`, Lo = `<?xml version="1.0" encoding="UTF-8"?>
|
|
1283
1283
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.67 70.64">
|
|
1284
1284
|
<path d="M70.08,33.9l-9.75-9.75-2.83,2.83,6.33,6.33h-26.51V6.81l6.33,6.33,2.83-2.83L36.75.56c-.75-.75-2.08-.75-2.83,0l-9.75,9.75,2.83,2.83,6.33-6.33v26.5H6.83l6.33-6.33-2.83-2.83L.59,33.9c-.38.38-.59.88-.59,1.41s.21,1.04.59,1.41l9.75,9.75,2.83-2.83-6.33-6.33h26.5v26.51l-6.33-6.33-2.83,2.83,9.75,9.75c.38.38.88.59,1.41.59s1.04-.21,1.41-.59l9.75-9.75-2.83-2.83-6.33,6.33v-26.51h26.51l-6.33,6.33,2.83,2.83,9.75-9.75c.38-.38.59-.88.59-1.41s-.21-1.04-.59-1.41Z" style="fill: #000; stroke-width: 0px;"/>
|
|
1285
|
-
</svg>`,
|
|
1286
|
-
add:
|
|
1287
|
-
delete:
|
|
1288
|
-
duplicate:
|
|
1289
|
-
insertAbove:
|
|
1290
|
-
insertBelow:
|
|
1291
|
-
move:
|
|
1292
|
-
},
|
|
1285
|
+
</svg>`, Ho = {
|
|
1286
|
+
add: $o,
|
|
1287
|
+
delete: To,
|
|
1288
|
+
duplicate: Do,
|
|
1289
|
+
insertAbove: So,
|
|
1290
|
+
insertBelow: Ro,
|
|
1291
|
+
move: Lo
|
|
1292
|
+
}, Vo = {
|
|
1293
1293
|
key: 0,
|
|
1294
1294
|
class: "row-actions-dropdown"
|
|
1295
|
-
},
|
|
1295
|
+
}, _o = ["aria-expanded"], Po = ["onClick"], Oo = ["innerHTML"], Bo = { class: "action-label" }, Fo = {
|
|
1296
1296
|
key: 1,
|
|
1297
1297
|
class: "row-actions-icons"
|
|
1298
|
-
},
|
|
1298
|
+
}, Zo = ["title", "aria-label", "onClick"], No = ["innerHTML"], it = /* @__PURE__ */ oe({
|
|
1299
1299
|
__name: "ARowActions",
|
|
1300
1300
|
props: {
|
|
1301
1301
|
rowIndex: {},
|
|
@@ -1305,27 +1305,27 @@ const co = (e) => {
|
|
|
1305
1305
|
},
|
|
1306
1306
|
emits: ["action"],
|
|
1307
1307
|
setup(e, { emit: t }) {
|
|
1308
|
-
const
|
|
1308
|
+
const o = e, n = t, a = fe("actionsCell"), r = fe("toggleButton"), s = R(0), l = R(!1), u = R(!1), i = R({ top: 0, left: 0 }), d = {
|
|
1309
1309
|
add: "Add Row",
|
|
1310
1310
|
delete: "Delete Row",
|
|
1311
1311
|
duplicate: "Duplicate Row",
|
|
1312
1312
|
insertAbove: "Insert Above",
|
|
1313
1313
|
insertBelow: "Insert Below",
|
|
1314
1314
|
move: "Move Row"
|
|
1315
|
-
},
|
|
1316
|
-
const
|
|
1315
|
+
}, p = T(() => {
|
|
1316
|
+
const m = [], I = o.config.actions || {}, C = ["add", "delete", "duplicate", "insertAbove", "insertBelow", "move"];
|
|
1317
1317
|
for (const $ of C) {
|
|
1318
|
-
const
|
|
1319
|
-
if (
|
|
1320
|
-
let S = !0, O = d[$], W =
|
|
1321
|
-
typeof
|
|
1318
|
+
const L = I[$];
|
|
1319
|
+
if (L === !1 || L === void 0) continue;
|
|
1320
|
+
let S = !0, O = d[$], W = Ho[$];
|
|
1321
|
+
typeof L == "object" && (S = L.enabled !== !1, O = L.label || O, W = L.icon || W), S && m.push({ type: $, label: O, icon: W });
|
|
1322
1322
|
}
|
|
1323
|
-
return
|
|
1324
|
-
}),
|
|
1325
|
-
if (
|
|
1326
|
-
const
|
|
1327
|
-
return
|
|
1328
|
-
}),
|
|
1323
|
+
return m;
|
|
1324
|
+
}), y = T(() => {
|
|
1325
|
+
if (o.config.forceDropdown) return !0;
|
|
1326
|
+
const m = o.config.dropdownThreshold ?? 150;
|
|
1327
|
+
return m === 0 ? !1 : s.value > 0 && s.value < m;
|
|
1328
|
+
}), k = T(() => l.value ? u.value ? {
|
|
1329
1329
|
position: "fixed",
|
|
1330
1330
|
bottom: `${window.innerHeight - i.value.top}px`,
|
|
1331
1331
|
left: `${i.value.left}px`,
|
|
@@ -1335,52 +1335,52 @@ const co = (e) => {
|
|
|
1335
1335
|
top: `${i.value.top}px`,
|
|
1336
1336
|
left: `${i.value.left}px`
|
|
1337
1337
|
} : {});
|
|
1338
|
-
dt(a, (
|
|
1339
|
-
const
|
|
1340
|
-
|
|
1338
|
+
dt(a, (m) => {
|
|
1339
|
+
const I = m[0];
|
|
1340
|
+
I && (s.value = I.contentRect.width);
|
|
1341
1341
|
});
|
|
1342
|
-
const
|
|
1343
|
-
l.value ||
|
|
1344
|
-
},
|
|
1342
|
+
const g = () => {
|
|
1343
|
+
l.value || b(), l.value = !l.value;
|
|
1344
|
+
}, b = () => {
|
|
1345
1345
|
if (!r.value) return;
|
|
1346
|
-
const
|
|
1347
|
-
u.value = $ < C &&
|
|
1348
|
-
top:
|
|
1349
|
-
left:
|
|
1346
|
+
const m = r.value.getBoundingClientRect(), I = window.innerHeight, C = p.value.length * 40 + 16, $ = I - m.bottom, L = m.top;
|
|
1347
|
+
u.value = $ < C && L > C, u.value ? i.value = {
|
|
1348
|
+
top: m.top,
|
|
1349
|
+
left: m.left
|
|
1350
1350
|
} : i.value = {
|
|
1351
|
-
top:
|
|
1352
|
-
left:
|
|
1351
|
+
top: m.bottom,
|
|
1352
|
+
left: m.left
|
|
1353
1353
|
};
|
|
1354
1354
|
};
|
|
1355
1355
|
Tt(a, () => {
|
|
1356
1356
|
l.value = !1;
|
|
1357
1357
|
});
|
|
1358
|
-
const f = (
|
|
1358
|
+
const f = (m) => {
|
|
1359
1359
|
l.value = !1;
|
|
1360
|
-
const
|
|
1361
|
-
typeof
|
|
1360
|
+
const I = o.config.actions?.[m];
|
|
1361
|
+
typeof I == "object" && I.handler && I.handler(o.rowIndex, o.store) === !1 || n("action", m, o.rowIndex);
|
|
1362
1362
|
};
|
|
1363
|
-
return (
|
|
1363
|
+
return (m, I) => (h(), x("td", {
|
|
1364
1364
|
ref: "actionsCell",
|
|
1365
1365
|
class: se(["atable-row-actions", { "sticky-column": e.position === "before-index", "dropdown-active": l.value }])
|
|
1366
1366
|
}, [
|
|
1367
|
-
|
|
1367
|
+
y.value ? (h(), x("div", Vo, [
|
|
1368
1368
|
w("button", {
|
|
1369
1369
|
ref: "toggleButton",
|
|
1370
1370
|
type: "button",
|
|
1371
1371
|
class: "row-actions-toggle",
|
|
1372
1372
|
"aria-expanded": l.value,
|
|
1373
1373
|
"aria-haspopup": "true",
|
|
1374
|
-
onClick: Ie(
|
|
1375
|
-
}, [...
|
|
1374
|
+
onClick: Ie(g, ["stop"])
|
|
1375
|
+
}, [...I[0] || (I[0] = [
|
|
1376
1376
|
w("span", { class: "dropdown-icon" }, "⋮", -1)
|
|
1377
|
-
])], 8,
|
|
1377
|
+
])], 8, _o),
|
|
1378
1378
|
K(w("div", {
|
|
1379
1379
|
class: se(["row-actions-menu", { "menu-flipped": u.value }]),
|
|
1380
|
-
style: be(
|
|
1380
|
+
style: be(k.value),
|
|
1381
1381
|
role: "menu"
|
|
1382
1382
|
}, [
|
|
1383
|
-
(h(!0),
|
|
1383
|
+
(h(!0), x(X, null, ve(p.value, (C) => (h(), x("button", {
|
|
1384
1384
|
key: C.type,
|
|
1385
1385
|
type: "button",
|
|
1386
1386
|
class: "row-action-menu-item",
|
|
@@ -1390,14 +1390,14 @@ const co = (e) => {
|
|
|
1390
1390
|
w("span", {
|
|
1391
1391
|
class: "action-icon",
|
|
1392
1392
|
innerHTML: C.icon
|
|
1393
|
-
}, null, 8,
|
|
1394
|
-
w("span",
|
|
1395
|
-
], 8,
|
|
1393
|
+
}, null, 8, Oo),
|
|
1394
|
+
w("span", Bo, N(C.label), 1)
|
|
1395
|
+
], 8, Po))), 128))
|
|
1396
1396
|
], 6), [
|
|
1397
1397
|
[Ce, l.value]
|
|
1398
1398
|
])
|
|
1399
|
-
])) : (h(),
|
|
1400
|
-
(h(!0),
|
|
1399
|
+
])) : (h(), x("div", Fo, [
|
|
1400
|
+
(h(!0), x(X, null, ve(p.value, (C) => (h(), x("button", {
|
|
1401
1401
|
key: C.type,
|
|
1402
1402
|
type: "button",
|
|
1403
1403
|
class: "row-action-btn",
|
|
@@ -1408,12 +1408,12 @@ const co = (e) => {
|
|
|
1408
1408
|
w("span", {
|
|
1409
1409
|
class: "action-icon",
|
|
1410
1410
|
innerHTML: C.icon
|
|
1411
|
-
}, null, 8,
|
|
1412
|
-
], 8,
|
|
1411
|
+
}, null, 8, No)
|
|
1412
|
+
], 8, Zo))), 128))
|
|
1413
1413
|
]))
|
|
1414
1414
|
], 2));
|
|
1415
1415
|
}
|
|
1416
|
-
}),
|
|
1416
|
+
}), Uo = ["tabindex"], Wo = /* @__PURE__ */ oe({
|
|
1417
1417
|
__name: "ARow",
|
|
1418
1418
|
props: {
|
|
1419
1419
|
rowIndex: {},
|
|
@@ -1423,8 +1423,8 @@ const co = (e) => {
|
|
|
1423
1423
|
},
|
|
1424
1424
|
emits: ["row:action"],
|
|
1425
1425
|
setup(e, { emit: t }) {
|
|
1426
|
-
const
|
|
1427
|
-
|
|
1426
|
+
const o = t, n = fe("rowEl"), a = T(() => e.store.isRowVisible(e.rowIndex)), r = T(() => e.store.getRowExpandSymbol(e.rowIndex)), s = T(() => e.store.config.rowActions || { enabled: !1 }), l = T(() => s.value.enabled), u = T(() => s.value.position || "before-index"), i = (d, p) => {
|
|
1427
|
+
o("row:action", d, p);
|
|
1428
1428
|
};
|
|
1429
1429
|
if (e.addNavigation) {
|
|
1430
1430
|
let d = wt;
|
|
@@ -1433,17 +1433,17 @@ const co = (e) => {
|
|
|
1433
1433
|
...e.addNavigation
|
|
1434
1434
|
}), Pt([
|
|
1435
1435
|
{
|
|
1436
|
-
selectors:
|
|
1436
|
+
selectors: n,
|
|
1437
1437
|
handlers: d
|
|
1438
1438
|
}
|
|
1439
1439
|
]);
|
|
1440
1440
|
}
|
|
1441
|
-
return (d,
|
|
1441
|
+
return (d, p) => K((h(), x("tr", {
|
|
1442
1442
|
ref: "rowEl",
|
|
1443
1443
|
tabindex: e.tabIndex,
|
|
1444
1444
|
class: "atable-row"
|
|
1445
1445
|
}, [
|
|
1446
|
-
l.value && u.value === "before-index" ? (h(),
|
|
1446
|
+
l.value && u.value === "before-index" ? (h(), me(it, {
|
|
1447
1447
|
key: 0,
|
|
1448
1448
|
"row-index": e.rowIndex,
|
|
1449
1449
|
store: e.store,
|
|
@@ -1452,18 +1452,18 @@ const co = (e) => {
|
|
|
1452
1452
|
onAction: i
|
|
1453
1453
|
}, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
|
|
1454
1454
|
e.store.config.view !== "uncounted" ? he(d.$slots, "index", { key: 1 }, () => [
|
|
1455
|
-
e.store.config.view === "list" ? (h(),
|
|
1455
|
+
e.store.config.view === "list" ? (h(), x("td", {
|
|
1456
1456
|
key: 0,
|
|
1457
1457
|
tabIndex: -1,
|
|
1458
1458
|
class: se(["list-index", e.store.hasPinnedColumns ? "sticky-index" : ""])
|
|
1459
|
-
}, N(e.rowIndex + 1), 3)) : e.store.isTreeView ? (h(),
|
|
1459
|
+
}, N(e.rowIndex + 1), 3)) : e.store.isTreeView ? (h(), x("td", {
|
|
1460
1460
|
key: 1,
|
|
1461
1461
|
tabIndex: -1,
|
|
1462
1462
|
class: se(["tree-index", e.store.hasPinnedColumns ? "sticky-index" : ""]),
|
|
1463
|
-
onClick:
|
|
1463
|
+
onClick: p[0] || (p[0] = (y) => e.store.toggleRowExpand(e.rowIndex))
|
|
1464
1464
|
}, N(r.value), 3)) : Y("", !0)
|
|
1465
1465
|
], !0) : Y("", !0),
|
|
1466
|
-
l.value && u.value === "after-index" ? (h(),
|
|
1466
|
+
l.value && u.value === "after-index" ? (h(), me(it, {
|
|
1467
1467
|
key: 2,
|
|
1468
1468
|
"row-index": e.rowIndex,
|
|
1469
1469
|
store: e.store,
|
|
@@ -1472,7 +1472,7 @@ const co = (e) => {
|
|
|
1472
1472
|
onAction: i
|
|
1473
1473
|
}, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0),
|
|
1474
1474
|
he(d.$slots, "default", {}, void 0, !0),
|
|
1475
|
-
l.value && u.value === "end" ? (h(),
|
|
1475
|
+
l.value && u.value === "end" ? (h(), me(it, {
|
|
1476
1476
|
key: 3,
|
|
1477
1477
|
"row-index": e.rowIndex,
|
|
1478
1478
|
store: e.store,
|
|
@@ -1480,40 +1480,40 @@ const co = (e) => {
|
|
|
1480
1480
|
position: u.value,
|
|
1481
1481
|
onAction: i
|
|
1482
1482
|
}, null, 8, ["row-index", "store", "config", "position"])) : Y("", !0)
|
|
1483
|
-
], 8,
|
|
1483
|
+
], 8, Uo)), [
|
|
1484
1484
|
[Ce, a.value]
|
|
1485
1485
|
]);
|
|
1486
1486
|
}
|
|
1487
|
-
}),
|
|
1487
|
+
}), mn = /* @__PURE__ */ Ve(Wo, [["__scopeId", "data-v-2e038a9c"]]), kt = /* @__PURE__ */ new WeakMap(), Go = {
|
|
1488
1488
|
mounted(e, t) {
|
|
1489
|
-
const
|
|
1490
|
-
let
|
|
1491
|
-
if (typeof t.value == "function")
|
|
1489
|
+
const o = !t.modifiers.bubble;
|
|
1490
|
+
let n;
|
|
1491
|
+
if (typeof t.value == "function") n = Tt(e, t.value, { capture: o });
|
|
1492
1492
|
else {
|
|
1493
1493
|
const [a, r] = t.value;
|
|
1494
|
-
|
|
1494
|
+
n = Tt(e, a, Object.assign({ capture: o }, r));
|
|
1495
1495
|
}
|
|
1496
|
-
kt.set(e,
|
|
1496
|
+
kt.set(e, n);
|
|
1497
1497
|
},
|
|
1498
1498
|
unmounted(e) {
|
|
1499
1499
|
const t = kt.get(e);
|
|
1500
1500
|
t && typeof t == "function" ? t() : t?.stop(), kt.delete(e);
|
|
1501
1501
|
}
|
|
1502
|
-
},
|
|
1502
|
+
}, zo = { mounted(e, t) {
|
|
1503
1503
|
typeof t.value == "function" ? dt(e, t.value) : dt(e, ...t.value);
|
|
1504
1504
|
} };
|
|
1505
|
-
function
|
|
1505
|
+
function qo() {
|
|
1506
1506
|
let e = !1;
|
|
1507
1507
|
const t = ue(!1);
|
|
1508
|
-
return (
|
|
1509
|
-
if (t.value =
|
|
1508
|
+
return (o, n) => {
|
|
1509
|
+
if (t.value = n.value, e) return;
|
|
1510
1510
|
e = !0;
|
|
1511
|
-
const a =
|
|
1511
|
+
const a = io(o, n.value);
|
|
1512
1512
|
ne(t, (r) => a.value = r);
|
|
1513
1513
|
};
|
|
1514
1514
|
}
|
|
1515
|
-
|
|
1516
|
-
const
|
|
1515
|
+
qo();
|
|
1516
|
+
const Yo = { class: "gantt-connection-overlay" }, Xo = {
|
|
1517
1517
|
class: "connection-svg",
|
|
1518
1518
|
style: {
|
|
1519
1519
|
position: "absolute",
|
|
@@ -1524,14 +1524,14 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1524
1524
|
pointerEvents: "none",
|
|
1525
1525
|
zIndex: 1
|
|
1526
1526
|
}
|
|
1527
|
-
},
|
|
1527
|
+
}, jo = ["d", "stroke-width", "onDblclick"], Jo = ["id", "d", "stroke", "stroke-width", "onDblclick"], Qo = 0.25, lt = 16, Ko = /* @__PURE__ */ oe({
|
|
1528
1528
|
__name: "AGanttConnection",
|
|
1529
1529
|
props: {
|
|
1530
1530
|
store: {}
|
|
1531
1531
|
},
|
|
1532
1532
|
emits: ["connection:delete"],
|
|
1533
1533
|
setup(e, { emit: t }) {
|
|
1534
|
-
const
|
|
1534
|
+
const o = t, n = T(() => e.store.connectionPaths.filter((s) => {
|
|
1535
1535
|
const l = e.store.ganttBars.find((i) => i.id === s.from.barId), u = e.store.ganttBars.find((i) => i.id === s.to.barId);
|
|
1536
1536
|
return l && u;
|
|
1537
1537
|
})), a = (s) => {
|
|
@@ -1541,13 +1541,13 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1541
1541
|
(O) => O.barId === s.to.barId && O.side === s.to.side
|
|
1542
1542
|
);
|
|
1543
1543
|
if (!l || !u) return "";
|
|
1544
|
-
const i = l.position.x + lt / 2, d = l.position.y + lt / 2,
|
|
1545
|
-
return `M ${i} ${d} Q ${
|
|
1544
|
+
const i = l.position.x + lt / 2, d = l.position.y + lt / 2, p = u.position.x + lt / 2, y = u.position.y + lt / 2, k = Math.abs(p - i), g = Math.max(k * Qo, 50), b = i + (s.from.side === "left" ? -g : g), f = p + (s.to.side === "left" ? -g : g), m = { x: 0.5 * i + 0.5 * b, y: 0.5 * d + 0.5 * d }, I = { x: 0.5 * b + 0.5 * f, y: 0.5 * d + 0.5 * y }, C = { x: 0.5 * f + 0.5 * p, y: 0.5 * y + 0.5 * y }, $ = { x: 0.5 * m.x + 0.5 * I.x, y: 0.5 * m.y + 0.5 * I.y }, L = { x: 0.5 * I.x + 0.5 * C.x, y: 0.5 * I.y + 0.5 * C.y }, S = { x: 0.5 * $.x + 0.5 * L.x, y: 0.5 * $.y + 0.5 * L.y };
|
|
1545
|
+
return `M ${i} ${d} Q ${b} ${d}, ${S.x} ${S.y} Q ${f} ${y}, ${p} ${y}`;
|
|
1546
1546
|
}, r = (s) => {
|
|
1547
|
-
e.store.deleteConnection(s.id) &&
|
|
1547
|
+
e.store.deleteConnection(s.id) && o("connection:delete", s);
|
|
1548
1548
|
};
|
|
1549
|
-
return (s, l) => (h(),
|
|
1550
|
-
(h(),
|
|
1549
|
+
return (s, l) => (h(), x("div", Yo, [
|
|
1550
|
+
(h(), x("svg", Xo, [
|
|
1551
1551
|
l[0] || (l[0] = w("defs", null, [
|
|
1552
1552
|
w("path", {
|
|
1553
1553
|
id: "arrowhead",
|
|
@@ -1571,7 +1571,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1571
1571
|
})
|
|
1572
1572
|
])
|
|
1573
1573
|
], -1)),
|
|
1574
|
-
(h(!0),
|
|
1574
|
+
(h(!0), x(X, null, ve(n.value, (u) => (h(), x("path", {
|
|
1575
1575
|
key: `${u.id}-hitbox`,
|
|
1576
1576
|
d: a(u),
|
|
1577
1577
|
stroke: "transparent",
|
|
@@ -1579,8 +1579,8 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1579
1579
|
fill: "none",
|
|
1580
1580
|
class: "connection-hitbox",
|
|
1581
1581
|
onDblclick: (i) => r(u)
|
|
1582
|
-
}, null, 40,
|
|
1583
|
-
(h(!0),
|
|
1582
|
+
}, null, 40, jo))), 128)),
|
|
1583
|
+
(h(!0), x(X, null, ve(n.value, (u) => (h(), x("path", {
|
|
1584
1584
|
id: u.id,
|
|
1585
1585
|
key: u.id,
|
|
1586
1586
|
d: a(u),
|
|
@@ -1590,17 +1590,17 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1590
1590
|
"marker-mid": "url(#arrowhead-marker)",
|
|
1591
1591
|
class: "connection-path animated-path",
|
|
1592
1592
|
onDblclick: (i) => r(u)
|
|
1593
|
-
}, null, 40,
|
|
1593
|
+
}, null, 40, Jo))), 128))
|
|
1594
1594
|
]))
|
|
1595
1595
|
]));
|
|
1596
1596
|
}
|
|
1597
|
-
}),
|
|
1597
|
+
}), el = /* @__PURE__ */ Ve(Ko, [["__scopeId", "data-v-71911260"]]), tl = { class: "column-filter" }, nl = {
|
|
1598
1598
|
key: 2,
|
|
1599
1599
|
class: "checkbox-filter"
|
|
1600
|
-
},
|
|
1600
|
+
}, ol = ["value"], ll = {
|
|
1601
1601
|
key: 5,
|
|
1602
1602
|
class: "date-range-filter"
|
|
1603
|
-
},
|
|
1603
|
+
}, al = /* @__PURE__ */ oe({
|
|
1604
1604
|
__name: "ATableColumnFilter",
|
|
1605
1605
|
props: {
|
|
1606
1606
|
column: {},
|
|
@@ -1608,32 +1608,32 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1608
1608
|
store: {}
|
|
1609
1609
|
},
|
|
1610
1610
|
setup(e) {
|
|
1611
|
-
const t =
|
|
1611
|
+
const t = R(""), o = sn({
|
|
1612
1612
|
startValue: "",
|
|
1613
1613
|
endValue: ""
|
|
1614
|
-
}),
|
|
1614
|
+
}), n = (u) => {
|
|
1615
1615
|
if (u.filterOptions) return u.filterOptions;
|
|
1616
1616
|
const i = /* @__PURE__ */ new Set();
|
|
1617
1617
|
return e.store.rows.forEach((d) => {
|
|
1618
|
-
const
|
|
1619
|
-
|
|
1618
|
+
const p = d[u.name];
|
|
1619
|
+
p != null && p !== "" && i.add(p);
|
|
1620
1620
|
}), Array.from(i).map((d) => ({
|
|
1621
1621
|
value: d,
|
|
1622
1622
|
label: String(d)
|
|
1623
1623
|
}));
|
|
1624
|
-
}, a = T(() => !!(t.value ||
|
|
1624
|
+
}, a = T(() => !!(t.value || o.startValue || o.endValue)), r = (u) => {
|
|
1625
1625
|
!u && e.column.filterType !== "checkbox" ? (e.store.clearFilter(e.colIndex), t.value = "") : (t.value = u, e.store.setFilter(e.colIndex, { value: u }));
|
|
1626
1626
|
}, s = (u, i) => {
|
|
1627
|
-
u === "start" ?
|
|
1627
|
+
u === "start" ? o.startValue = i : o.endValue = i, !o.startValue && !o.endValue ? e.store.clearFilter(e.colIndex) : e.store.setFilter(e.colIndex, {
|
|
1628
1628
|
value: null,
|
|
1629
|
-
startValue:
|
|
1630
|
-
endValue:
|
|
1629
|
+
startValue: o.startValue,
|
|
1630
|
+
endValue: o.endValue
|
|
1631
1631
|
});
|
|
1632
1632
|
}, l = () => {
|
|
1633
|
-
t.value = "",
|
|
1633
|
+
t.value = "", o.startValue = "", o.endValue = "", e.store.clearFilter(e.colIndex);
|
|
1634
1634
|
};
|
|
1635
|
-
return (u, i) => (h(),
|
|
1636
|
-
(e.column.filterType || "text") === "text" ? K((h(),
|
|
1635
|
+
return (u, i) => (h(), x("div", tl, [
|
|
1636
|
+
(e.column.filterType || "text") === "text" ? K((h(), x("input", {
|
|
1637
1637
|
key: 0,
|
|
1638
1638
|
"onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
|
|
1639
1639
|
type: "text",
|
|
@@ -1641,7 +1641,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1641
1641
|
onInput: i[1] || (i[1] = (d) => r(t.value))
|
|
1642
1642
|
}, null, 544)), [
|
|
1643
1643
|
[we, t.value]
|
|
1644
|
-
]) : e.column.filterType === "number" ? K((h(),
|
|
1644
|
+
]) : e.column.filterType === "number" ? K((h(), x("input", {
|
|
1645
1645
|
key: 1,
|
|
1646
1646
|
"onUpdate:modelValue": i[2] || (i[2] = (d) => t.value = d),
|
|
1647
1647
|
type: "number",
|
|
@@ -1649,30 +1649,30 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1649
1649
|
onInput: i[3] || (i[3] = (d) => r(t.value))
|
|
1650
1650
|
}, null, 544)), [
|
|
1651
1651
|
[we, t.value]
|
|
1652
|
-
]) : e.column.filterType === "checkbox" ? (h(),
|
|
1652
|
+
]) : e.column.filterType === "checkbox" ? (h(), x("label", nl, [
|
|
1653
1653
|
K(w("input", {
|
|
1654
1654
|
"onUpdate:modelValue": i[4] || (i[4] = (d) => t.value = d),
|
|
1655
1655
|
type: "checkbox",
|
|
1656
1656
|
class: "filter-checkbox",
|
|
1657
1657
|
onChange: i[5] || (i[5] = (d) => r(t.value))
|
|
1658
1658
|
}, null, 544), [
|
|
1659
|
-
[
|
|
1659
|
+
[rn, t.value]
|
|
1660
1660
|
]),
|
|
1661
1661
|
w("span", null, N(e.column.label), 1)
|
|
1662
|
-
])) : e.column.filterType === "select" ? K((h(),
|
|
1662
|
+
])) : e.column.filterType === "select" ? K((h(), x("select", {
|
|
1663
1663
|
key: 3,
|
|
1664
1664
|
"onUpdate:modelValue": i[6] || (i[6] = (d) => t.value = d),
|
|
1665
1665
|
class: "filter-select",
|
|
1666
1666
|
onChange: i[7] || (i[7] = (d) => r(t.value))
|
|
1667
1667
|
}, [
|
|
1668
1668
|
i[15] || (i[15] = w("option", { value: "" }, "All", -1)),
|
|
1669
|
-
(h(!0),
|
|
1669
|
+
(h(!0), x(X, null, ve(n(e.column), (d) => (h(), x("option", {
|
|
1670
1670
|
key: d.value || d,
|
|
1671
1671
|
value: d.value || d
|
|
1672
|
-
}, N(d.label || d), 9,
|
|
1672
|
+
}, N(d.label || d), 9, ol))), 128))
|
|
1673
1673
|
], 544)), [
|
|
1674
|
-
[
|
|
1675
|
-
]) : e.column.filterType === "date" ? K((h(),
|
|
1674
|
+
[Mn, t.value]
|
|
1675
|
+
]) : e.column.filterType === "date" ? K((h(), x("input", {
|
|
1676
1676
|
key: 4,
|
|
1677
1677
|
"onUpdate:modelValue": i[8] || (i[8] = (d) => t.value = d),
|
|
1678
1678
|
type: "date",
|
|
@@ -1680,25 +1680,25 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1680
1680
|
onChange: i[9] || (i[9] = (d) => r(t.value))
|
|
1681
1681
|
}, null, 544)), [
|
|
1682
1682
|
[we, t.value]
|
|
1683
|
-
]) : e.column.filterType === "dateRange" ? (h(),
|
|
1683
|
+
]) : e.column.filterType === "dateRange" ? (h(), x("div", ll, [
|
|
1684
1684
|
K(w("input", {
|
|
1685
|
-
"onUpdate:modelValue": i[10] || (i[10] = (d) =>
|
|
1685
|
+
"onUpdate:modelValue": i[10] || (i[10] = (d) => o.startValue = d),
|
|
1686
1686
|
type: "date",
|
|
1687
1687
|
class: "filter-input",
|
|
1688
|
-
onChange: i[11] || (i[11] = (d) => s("start",
|
|
1688
|
+
onChange: i[11] || (i[11] = (d) => s("start", o.startValue))
|
|
1689
1689
|
}, null, 544), [
|
|
1690
|
-
[we,
|
|
1690
|
+
[we, o.startValue]
|
|
1691
1691
|
]),
|
|
1692
1692
|
i[16] || (i[16] = w("span", { class: "date-separator" }, "-", -1)),
|
|
1693
1693
|
K(w("input", {
|
|
1694
|
-
"onUpdate:modelValue": i[12] || (i[12] = (d) =>
|
|
1694
|
+
"onUpdate:modelValue": i[12] || (i[12] = (d) => o.endValue = d),
|
|
1695
1695
|
type: "date",
|
|
1696
1696
|
class: "filter-input",
|
|
1697
|
-
onChange: i[13] || (i[13] = (d) => s("end",
|
|
1697
|
+
onChange: i[13] || (i[13] = (d) => s("end", o.endValue))
|
|
1698
1698
|
}, null, 544), [
|
|
1699
|
-
[we,
|
|
1699
|
+
[we, o.endValue]
|
|
1700
1700
|
])
|
|
1701
|
-
])) : e.column.filterType === "component" && e.column.filterComponent ? (h(),
|
|
1701
|
+
])) : e.column.filterType === "component" && e.column.filterComponent ? (h(), me(Ue(e.column.filterComponent), {
|
|
1702
1702
|
key: 6,
|
|
1703
1703
|
value: t.value,
|
|
1704
1704
|
column: e.column,
|
|
@@ -1706,7 +1706,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1706
1706
|
store: e.store,
|
|
1707
1707
|
"onUpdate:value": i[14] || (i[14] = (d) => r(d))
|
|
1708
1708
|
}, null, 40, ["value", "column", "colIndex", "store"])) : Y("", !0),
|
|
1709
|
-
a.value ? (h(),
|
|
1709
|
+
a.value ? (h(), x("button", {
|
|
1710
1710
|
key: 7,
|
|
1711
1711
|
onClick: l,
|
|
1712
1712
|
class: "clear-btn",
|
|
@@ -1714,45 +1714,45 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1714
1714
|
}, "×")) : Y("", !0)
|
|
1715
1715
|
]));
|
|
1716
1716
|
}
|
|
1717
|
-
}),
|
|
1717
|
+
}), sl = /* @__PURE__ */ Ve(al, [["__scopeId", "data-v-8487462d"]]), rl = { key: 0 }, il = {
|
|
1718
1718
|
class: "atable-header-row",
|
|
1719
1719
|
tabindex: "-1"
|
|
1720
|
-
},
|
|
1720
|
+
}, ul = {
|
|
1721
1721
|
key: 2,
|
|
1722
1722
|
class: "row-actions-header"
|
|
1723
|
-
},
|
|
1723
|
+
}, cl = ["data-colindex", "onClick"], dl = {
|
|
1724
1724
|
key: 3,
|
|
1725
1725
|
class: "row-actions-header"
|
|
1726
|
-
},
|
|
1726
|
+
}, fl = {
|
|
1727
1727
|
key: 0,
|
|
1728
1728
|
class: "atable-filters-row"
|
|
1729
|
-
},
|
|
1729
|
+
}, vl = {
|
|
1730
1730
|
key: 2,
|
|
1731
1731
|
class: "row-actions-header"
|
|
1732
1732
|
}, pl = {
|
|
1733
1733
|
key: 3,
|
|
1734
1734
|
class: "row-actions-header"
|
|
1735
|
-
},
|
|
1735
|
+
}, hn = /* @__PURE__ */ oe({
|
|
1736
1736
|
__name: "ATableHeader",
|
|
1737
1737
|
props: {
|
|
1738
1738
|
columns: {},
|
|
1739
1739
|
store: {}
|
|
1740
1740
|
},
|
|
1741
1741
|
setup(e) {
|
|
1742
|
-
const t = e,
|
|
1742
|
+
const t = e, o = T(() => t.columns.filter((l) => l.filterable)), n = T(() => t.store.config.value?.rowActions?.enabled ?? !1), a = T(() => t.store.config.value?.rowActions?.position ?? "before-index"), r = (l) => t.store.sortByColumn(l), s = (l) => {
|
|
1743
1743
|
for (const u of l) {
|
|
1744
1744
|
if (u.borderBoxSize.length === 0) continue;
|
|
1745
|
-
const i = u.borderBoxSize[0].inlineSize, d = Number(u.target.dataset.colindex),
|
|
1746
|
-
typeof
|
|
1745
|
+
const i = u.borderBoxSize[0].inlineSize, d = Number(u.target.dataset.colindex), p = t.store.columns[d]?.width;
|
|
1746
|
+
typeof p == "number" && p !== i && t.store.resizeColumn(d, i);
|
|
1747
1747
|
}
|
|
1748
1748
|
};
|
|
1749
|
-
return (l, u) => t.columns.length ? (h(),
|
|
1750
|
-
w("tr",
|
|
1751
|
-
|
|
1749
|
+
return (l, u) => t.columns.length ? (h(), x("thead", rl, [
|
|
1750
|
+
w("tr", il, [
|
|
1751
|
+
n.value && a.value === "before-index" ? (h(), x("th", {
|
|
1752
1752
|
key: 0,
|
|
1753
1753
|
class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
|
|
1754
1754
|
}, null, 2)) : Y("", !0),
|
|
1755
|
-
t.store.zeroColumn ? (h(),
|
|
1755
|
+
t.store.zeroColumn ? (h(), x("th", {
|
|
1756
1756
|
key: 1,
|
|
1757
1757
|
id: "header-index",
|
|
1758
1758
|
class: se([[
|
|
@@ -1761,29 +1761,29 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1761
1761
|
t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
|
|
1762
1762
|
], "list-index"])
|
|
1763
1763
|
}, null, 2)) : Y("", !0),
|
|
1764
|
-
|
|
1765
|
-
(h(!0),
|
|
1764
|
+
n.value && a.value === "after-index" ? (h(), x("th", ul)) : Y("", !0),
|
|
1765
|
+
(h(!0), x(X, null, ve(t.columns, (i, d) => K((h(), x("th", {
|
|
1766
1766
|
key: i.name,
|
|
1767
1767
|
"data-colindex": d,
|
|
1768
1768
|
tabindex: "-1",
|
|
1769
1769
|
style: be(t.store.getHeaderCellStyle(i)),
|
|
1770
1770
|
class: se(`${i.pinned ? "sticky-column" : ""} ${i.sortable === !1 ? "" : "cursor-pointer"}`),
|
|
1771
|
-
onClick: (
|
|
1771
|
+
onClick: (p) => i.sortable !== !1 ? r(d) : void 0
|
|
1772
1772
|
}, [
|
|
1773
1773
|
he(l.$slots, "default", {}, () => [
|
|
1774
1774
|
Dt(N(i.label || String.fromCharCode(d + 97).toUpperCase()), 1)
|
|
1775
1775
|
])
|
|
1776
|
-
], 14,
|
|
1777
|
-
[V(
|
|
1776
|
+
], 14, cl)), [
|
|
1777
|
+
[V(zo), s]
|
|
1778
1778
|
])), 128)),
|
|
1779
|
-
|
|
1779
|
+
n.value && a.value === "end" ? (h(), x("th", dl)) : Y("", !0)
|
|
1780
1780
|
]),
|
|
1781
|
-
|
|
1782
|
-
|
|
1781
|
+
o.value.length > 0 ? (h(), x("tr", fl, [
|
|
1782
|
+
n.value && a.value === "before-index" ? (h(), x("th", {
|
|
1783
1783
|
key: 0,
|
|
1784
1784
|
class: se(["row-actions-header", { "sticky-column": a.value === "before-index" }])
|
|
1785
1785
|
}, null, 2)) : Y("", !0),
|
|
1786
|
-
t.store.zeroColumn ? (h(),
|
|
1786
|
+
t.store.zeroColumn ? (h(), x("th", {
|
|
1787
1787
|
key: 1,
|
|
1788
1788
|
class: se([[
|
|
1789
1789
|
t.store.hasPinnedColumns ? "sticky-index" : "",
|
|
@@ -1791,44 +1791,44 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1791
1791
|
t.store.config.view === "list-expansion" ? "list-expansion-index" : ""
|
|
1792
1792
|
], "list-index"])
|
|
1793
1793
|
}, null, 2)) : Y("", !0),
|
|
1794
|
-
|
|
1795
|
-
(h(!0),
|
|
1794
|
+
n.value && a.value === "after-index" ? (h(), x("th", vl)) : Y("", !0),
|
|
1795
|
+
(h(!0), x(X, null, ve(t.columns, (i, d) => (h(), x("th", {
|
|
1796
1796
|
key: `filter-${i.name}`,
|
|
1797
1797
|
class: se(`${i.pinned ? "sticky-column" : ""}`),
|
|
1798
1798
|
style: be(t.store.getHeaderCellStyle(i))
|
|
1799
1799
|
}, [
|
|
1800
|
-
i.filterable ? (h(),
|
|
1800
|
+
i.filterable ? (h(), me(sl, {
|
|
1801
1801
|
key: 0,
|
|
1802
1802
|
column: i,
|
|
1803
1803
|
"col-index": d,
|
|
1804
1804
|
store: t.store
|
|
1805
1805
|
}, null, 8, ["column", "col-index", "store"])) : Y("", !0)
|
|
1806
1806
|
], 6))), 128)),
|
|
1807
|
-
|
|
1807
|
+
n.value && a.value === "end" ? (h(), x("th", pl)) : Y("", !0)
|
|
1808
1808
|
])) : Y("", !0)
|
|
1809
1809
|
])) : Y("", !0);
|
|
1810
1810
|
}
|
|
1811
|
-
}),
|
|
1811
|
+
}), gn = /* @__PURE__ */ oe({
|
|
1812
1812
|
__name: "ATableModal",
|
|
1813
1813
|
props: {
|
|
1814
1814
|
store: {}
|
|
1815
1815
|
},
|
|
1816
1816
|
setup(e) {
|
|
1817
|
-
const t = fe("amodal"), { width:
|
|
1817
|
+
const t = fe("amodal"), { width: o, height: n } = _e(t), a = T(() => {
|
|
1818
1818
|
if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return;
|
|
1819
1819
|
const r = e.store.modal.cell?.closest("table");
|
|
1820
1820
|
if (!r) return {};
|
|
1821
1821
|
const s = r.offsetHeight || 0, l = r.offsetWidth || 0;
|
|
1822
1822
|
let u = e.store.modal.cell?.offsetTop || 0;
|
|
1823
1823
|
const i = r.querySelector("thead")?.offsetHeight || 0;
|
|
1824
|
-
u += i, u = u +
|
|
1824
|
+
u += i, u = u + n.value < s ? u : u - (n.value + e.store.modal.height);
|
|
1825
1825
|
let d = e.store.modal.cell?.offsetLeft || 0;
|
|
1826
|
-
return d = d +
|
|
1826
|
+
return d = d + o.value <= l ? d : d - (o.value - e.store.modal.width), {
|
|
1827
1827
|
left: `${d}px`,
|
|
1828
1828
|
top: `${u}px`
|
|
1829
1829
|
};
|
|
1830
1830
|
});
|
|
1831
|
-
return (r, s) => (h(),
|
|
1831
|
+
return (r, s) => (h(), x("div", {
|
|
1832
1832
|
ref: "amodal",
|
|
1833
1833
|
class: "amodal",
|
|
1834
1834
|
tabindex: "-1",
|
|
@@ -1841,10 +1841,10 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1841
1841
|
he(r.$slots, "default")
|
|
1842
1842
|
], 36));
|
|
1843
1843
|
}
|
|
1844
|
-
}),
|
|
1845
|
-
const t = e.id ||
|
|
1846
|
-
return
|
|
1847
|
-
const
|
|
1844
|
+
}), ml = (e) => {
|
|
1845
|
+
const t = e.id || co();
|
|
1846
|
+
return Tn(`table-${t}`, () => {
|
|
1847
|
+
const o = () => {
|
|
1848
1848
|
const c = [Object.assign({}, { rowModified: !1 })], v = /* @__PURE__ */ new Set();
|
|
1849
1849
|
for (let A = 0; A < a.value.length; A++) {
|
|
1850
1850
|
const H = a.value[A];
|
|
@@ -1886,15 +1886,15 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1886
1886
|
};
|
|
1887
1887
|
}
|
|
1888
1888
|
return c;
|
|
1889
|
-
},
|
|
1889
|
+
}, n = R(e.columns), a = R(e.rows), r = R(e.config || {}), s = R({}), l = R({}), u = T(() => {
|
|
1890
1890
|
const c = {};
|
|
1891
|
-
for (const [v, M] of
|
|
1891
|
+
for (const [v, M] of n.value.entries())
|
|
1892
1892
|
for (const [_, Z] of a.value.entries())
|
|
1893
1893
|
c[`${v}:${_}`] = Z[M.name];
|
|
1894
1894
|
return c;
|
|
1895
1895
|
}), i = T({
|
|
1896
1896
|
get: () => {
|
|
1897
|
-
const c =
|
|
1897
|
+
const c = o();
|
|
1898
1898
|
for (let v = 0; v < c.length; v++)
|
|
1899
1899
|
s.value[v] && (c[v].rowModified = s.value[v]), l.value[v] && (l.value[v].childrenOpen !== void 0 && (c[v].childrenOpen = l.value[v].childrenOpen), l.value[v].expanded !== void 0 && (c[v].expanded = l.value[v].expanded));
|
|
1900
1900
|
if (C.value) {
|
|
@@ -1913,13 +1913,13 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1913
1913
|
set: (c) => {
|
|
1914
1914
|
JSON.stringify(c) !== JSON.stringify(i.value) && (i.value = c);
|
|
1915
1915
|
}
|
|
1916
|
-
}), d =
|
|
1916
|
+
}), d = R(e.modal || { visible: !1 }), p = R({}), y = R([]), k = R([]), g = R([]), b = R({
|
|
1917
1917
|
column: null,
|
|
1918
1918
|
direction: null
|
|
1919
|
-
}), f =
|
|
1919
|
+
}), f = R({}), m = T(() => n.value.some((c) => c.pinned)), I = T(() => r.value.view === "gantt" || r.value.view === "tree-gantt"), C = T(() => r.value.view === "tree" || r.value.view === "tree-gantt"), $ = T(() => {
|
|
1920
1920
|
const c = r.value;
|
|
1921
1921
|
return c.view === "gantt" || c.view === "tree-gantt" ? c.dependencyGraph !== !1 : !0;
|
|
1922
|
-
}),
|
|
1922
|
+
}), L = T(() => `${Math.ceil(a.value.length / 100 + 1)}ch`), S = T(
|
|
1923
1923
|
() => r.value.view ? ["list", "tree", "tree-gantt", "list-expansion"].includes(r.value.view) : !1
|
|
1924
1924
|
), O = T(() => {
|
|
1925
1925
|
let c = a.value.map((v, M) => ({
|
|
@@ -1927,13 +1927,13 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1927
1927
|
originalIndex: M
|
|
1928
1928
|
}));
|
|
1929
1929
|
if (Object.entries(f.value).forEach(([v, M]) => {
|
|
1930
|
-
const _ = parseInt(v), Z =
|
|
1930
|
+
const _ = parseInt(v), Z = n.value[_];
|
|
1931
1931
|
!Z || !(M.value || M.startValue || M.endValue || Z.filterType === "checkbox" && M.value !== void 0) || (c = c.filter((A) => {
|
|
1932
1932
|
const H = A[Z.name];
|
|
1933
1933
|
return le(H, M, Z);
|
|
1934
1934
|
}));
|
|
1935
|
-
}),
|
|
1936
|
-
const v =
|
|
1935
|
+
}), b.value.column !== null && b.value.direction) {
|
|
1936
|
+
const v = n.value[b.value.column], M = b.value.direction;
|
|
1937
1937
|
c.sort((_, Z) => {
|
|
1938
1938
|
let A = _[v.name], H = Z[v.name];
|
|
1939
1939
|
A == null && (A = ""), H == null && (H = "");
|
|
@@ -1947,8 +1947,8 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1947
1947
|
});
|
|
1948
1948
|
}
|
|
1949
1949
|
return c;
|
|
1950
|
-
}), W = (c, v) => u.value[`${c}:${v}`],
|
|
1951
|
-
const _ = `${c}:${v}`, Z =
|
|
1950
|
+
}), W = (c, v) => u.value[`${c}:${v}`], pe = (c, v, M) => {
|
|
1951
|
+
const _ = `${c}:${v}`, Z = n.value[c];
|
|
1952
1952
|
u.value[_] !== M && (s.value[v] = !0), u.value[_] = M, a.value[v] = {
|
|
1953
1953
|
...a.value[v],
|
|
1954
1954
|
[Z.name]: M
|
|
@@ -1957,9 +1957,9 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1957
1957
|
a.value = c;
|
|
1958
1958
|
}, J = (c, v, M) => {
|
|
1959
1959
|
const _ = `${c}:${v}`;
|
|
1960
|
-
u.value[_] !== M && (s.value[v] = !0,
|
|
1960
|
+
u.value[_] !== M && (s.value[v] = !0, p.value[_] = M);
|
|
1961
1961
|
}, ge = (c) => {
|
|
1962
|
-
const v =
|
|
1962
|
+
const v = n.value.indexOf(c) === n.value.length - 1, M = r.value.fullWidth ? c.resizable && !v : c.resizable;
|
|
1963
1963
|
return {
|
|
1964
1964
|
width: c.width || "40ch",
|
|
1965
1965
|
textAlign: c.align || "center",
|
|
@@ -1970,15 +1970,15 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
1970
1970
|
}
|
|
1971
1971
|
};
|
|
1972
1972
|
}, de = (c, v) => {
|
|
1973
|
-
if (c < 0 || c >=
|
|
1973
|
+
if (c < 0 || c >= n.value.length) return;
|
|
1974
1974
|
const M = Math.max(v, 40);
|
|
1975
|
-
|
|
1976
|
-
...
|
|
1975
|
+
n.value[c] = {
|
|
1976
|
+
...n.value[c],
|
|
1977
1977
|
width: `${M}px`
|
|
1978
1978
|
};
|
|
1979
1979
|
}, Oe = (c) => {
|
|
1980
1980
|
const v = a.value[c];
|
|
1981
|
-
return
|
|
1981
|
+
return I.value && v.gantt !== void 0;
|
|
1982
1982
|
}, Re = (c) => !C.value || i.value[c].isRoot || i.value[c].open, Ye = (c) => !C.value && r.value.view !== "list-expansion" ? "" : C.value && (i.value[c].isRoot || i.value[c].isParent) ? i.value[c].childrenOpen ? "▼" : "►" : r.value.view === "list-expansion" ? i.value[c].expanded ? "▼" : "►" : "", Xe = (c) => {
|
|
1983
1983
|
if (C.value) {
|
|
1984
1984
|
const v = l.value[c] || {}, M = !(v.childrenOpen ?? i.value[c].childrenOpen);
|
|
@@ -2006,7 +2006,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2006
2006
|
const M = W(c, v);
|
|
2007
2007
|
return Fe(c, v, M);
|
|
2008
2008
|
}, Fe = (c, v, M) => {
|
|
2009
|
-
const _ =
|
|
2009
|
+
const _ = n.value[c], Z = a.value[v], A = _.format;
|
|
2010
2010
|
return A ? typeof A == "function" ? A(M, { table: u.value, row: Z, column: _ }) : typeof A == "string" ? Function(`"use strict";return (${A})`)()(M, { table: u.value, row: Z, column: _ }) : M : M;
|
|
2011
2011
|
}, D = (c) => {
|
|
2012
2012
|
c.target instanceof Node && d.value.parent?.contains(c.target) || d.value.visible && (d.value.visible = !1);
|
|
@@ -2014,19 +2014,19 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2014
2014
|
const v = a.value[c.rowIndex]?.gantt;
|
|
2015
2015
|
v && (c.type === "resize" ? c.edge === "start" ? (v.startIndex = c.newStart, v.endIndex = c.end, v.colspan = v.endIndex - v.startIndex) : c.edge === "end" && (v.startIndex = c.start, v.endIndex = c.newEnd, v.colspan = v.endIndex - v.startIndex) : c.type === "bar" && (v.startIndex = c.newStart, v.endIndex = c.newEnd, v.colspan = v.endIndex - v.startIndex));
|
|
2016
2016
|
}, Q = (c) => {
|
|
2017
|
-
const v =
|
|
2018
|
-
v >= 0 ?
|
|
2017
|
+
const v = y.value.findIndex((M) => M.id === c.id);
|
|
2018
|
+
v >= 0 ? y.value[v] = c : y.value.push(c);
|
|
2019
2019
|
}, q = (c) => {
|
|
2020
|
-
const v =
|
|
2021
|
-
v >= 0 &&
|
|
2020
|
+
const v = y.value.findIndex((M) => M.id === c);
|
|
2021
|
+
v >= 0 && y.value.splice(v, 1);
|
|
2022
2022
|
}, re = (c) => {
|
|
2023
|
-
const v =
|
|
2024
|
-
v >= 0 ?
|
|
2023
|
+
const v = k.value.findIndex((M) => M.id === c.id);
|
|
2024
|
+
v >= 0 ? k.value[v] = c : k.value.push(c);
|
|
2025
2025
|
}, ke = (c) => {
|
|
2026
|
-
const v =
|
|
2027
|
-
v >= 0 &&
|
|
2026
|
+
const v = k.value.findIndex((M) => M.id === c);
|
|
2027
|
+
v >= 0 && k.value.splice(v, 1);
|
|
2028
2028
|
}, Le = (c, v, M) => {
|
|
2029
|
-
const _ =
|
|
2029
|
+
const _ = k.value.find((H) => H.id === c), Z = k.value.find((H) => H.id === v);
|
|
2030
2030
|
if (!_ || !Z)
|
|
2031
2031
|
return console.warn("Cannot create connection: handle not found"), null;
|
|
2032
2032
|
const A = {
|
|
@@ -2042,14 +2042,14 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2042
2042
|
style: M?.style,
|
|
2043
2043
|
label: M?.label
|
|
2044
2044
|
};
|
|
2045
|
-
return
|
|
2045
|
+
return g.value.push(A), A;
|
|
2046
2046
|
}, P = (c) => {
|
|
2047
|
-
const v =
|
|
2048
|
-
return v >= 0 ? (
|
|
2049
|
-
}, B = (c) =>
|
|
2050
|
-
if (
|
|
2047
|
+
const v = g.value.findIndex((M) => M.id === c);
|
|
2048
|
+
return v >= 0 ? (g.value.splice(v, 1), !0) : !1;
|
|
2049
|
+
}, B = (c) => g.value.filter((v) => v.from.barId === c || v.to.barId === c), z = (c) => k.value.filter((v) => v.barId === c), ee = (c) => {
|
|
2050
|
+
if (n.value[c].sortable === !1) return;
|
|
2051
2051
|
let v;
|
|
2052
|
-
|
|
2052
|
+
b.value.column === c && b.value.direction === "asc" ? v = "desc" : v = "asc", b.value.column = c, b.value.direction = v;
|
|
2053
2053
|
}, le = (c, v, M) => {
|
|
2054
2054
|
const _ = M.filterType || "text", Z = v.value;
|
|
2055
2055
|
if (!Z && _ !== "dateRange" && _ !== "checkbox") return !0;
|
|
@@ -2096,7 +2096,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2096
2096
|
delete f.value[c];
|
|
2097
2097
|
}, ce = (c, v = "end") => {
|
|
2098
2098
|
const M = {};
|
|
2099
|
-
for (const Z of
|
|
2099
|
+
for (const Z of n.value)
|
|
2100
2100
|
M[Z.name] = "";
|
|
2101
2101
|
c && Object.assign(M, c);
|
|
2102
2102
|
let _;
|
|
@@ -2104,25 +2104,25 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2104
2104
|
};
|
|
2105
2105
|
return {
|
|
2106
2106
|
// state
|
|
2107
|
-
columns:
|
|
2107
|
+
columns: n,
|
|
2108
2108
|
config: r,
|
|
2109
|
-
connectionHandles:
|
|
2110
|
-
connectionPaths:
|
|
2109
|
+
connectionHandles: k,
|
|
2110
|
+
connectionPaths: g,
|
|
2111
2111
|
display: i,
|
|
2112
2112
|
filterState: f,
|
|
2113
|
-
ganttBars:
|
|
2113
|
+
ganttBars: y,
|
|
2114
2114
|
modal: d,
|
|
2115
2115
|
rows: a,
|
|
2116
|
-
sortState:
|
|
2116
|
+
sortState: b,
|
|
2117
2117
|
table: u,
|
|
2118
|
-
updates:
|
|
2118
|
+
updates: p,
|
|
2119
2119
|
// getters
|
|
2120
2120
|
filteredRows: O,
|
|
2121
|
-
hasPinnedColumns:
|
|
2122
|
-
isGanttView:
|
|
2121
|
+
hasPinnedColumns: m,
|
|
2122
|
+
isGanttView: I,
|
|
2123
2123
|
isTreeView: C,
|
|
2124
2124
|
isDependencyGraphEnabled: $,
|
|
2125
|
-
numberedRowWidth:
|
|
2125
|
+
numberedRowWidth: L,
|
|
2126
2126
|
zeroColumn: S,
|
|
2127
2127
|
// actions
|
|
2128
2128
|
addRow: ce,
|
|
@@ -2191,7 +2191,7 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2191
2191
|
registerConnectionHandle: re,
|
|
2192
2192
|
registerGanttBar: Q,
|
|
2193
2193
|
resizeColumn: de,
|
|
2194
|
-
setCellData:
|
|
2194
|
+
setCellData: pe,
|
|
2195
2195
|
setCellText: J,
|
|
2196
2196
|
setFilter: te,
|
|
2197
2197
|
sortByColumn: ee,
|
|
@@ -2202,10 +2202,10 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2202
2202
|
updateRows: j
|
|
2203
2203
|
};
|
|
2204
2204
|
})();
|
|
2205
|
-
},
|
|
2205
|
+
}, hl = {
|
|
2206
2206
|
class: "atable-container",
|
|
2207
2207
|
style: { position: "relative" }
|
|
2208
|
-
},
|
|
2208
|
+
}, gl = /* @__PURE__ */ oe({
|
|
2209
2209
|
__name: "ATable",
|
|
2210
2210
|
props: /* @__PURE__ */ xe({
|
|
2211
2211
|
id: { default: "" },
|
|
@@ -2217,113 +2217,113 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2217
2217
|
columnsModifiers: {}
|
|
2218
2218
|
}),
|
|
2219
2219
|
emits: /* @__PURE__ */ xe(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move"], ["update:rows", "update:columns"]),
|
|
2220
|
-
setup(e, { expose: t, emit:
|
|
2221
|
-
const
|
|
2222
|
-
l.$onAction(({ name:
|
|
2223
|
-
if (
|
|
2224
|
-
const [
|
|
2225
|
-
|
|
2226
|
-
|
|
2220
|
+
setup(e, { expose: t, emit: o }) {
|
|
2221
|
+
const n = Me(e, "rows"), a = Me(e, "columns"), r = o, s = fe("table"), l = ml({ columns: a.value, rows: n.value, id: e.id, config: e.config });
|
|
2222
|
+
l.$onAction(({ name: g, store: b, args: f, after: m }) => {
|
|
2223
|
+
if (g === "setCellData" || g === "setCellText") {
|
|
2224
|
+
const [I, C, $] = f, L = b.getCellData(I, C);
|
|
2225
|
+
m(() => {
|
|
2226
|
+
n.value = [...b.rows], r("cellUpdate", { colIndex: I, rowIndex: C, newValue: $, oldValue: L });
|
|
2227
2227
|
});
|
|
2228
|
-
} else if (
|
|
2229
|
-
const [
|
|
2228
|
+
} else if (g === "updateGanttBar") {
|
|
2229
|
+
const [I] = f;
|
|
2230
2230
|
let C = !1;
|
|
2231
|
-
|
|
2232
|
-
r("gantt:drag",
|
|
2231
|
+
I.type === "resize" ? C = I.oldColspan !== I.newColspan : I.type === "bar" && (C = I.oldStart !== I.newStart || I.oldEnd !== I.newEnd), C && m(() => {
|
|
2232
|
+
r("gantt:drag", I);
|
|
2233
2233
|
});
|
|
2234
|
-
} else
|
|
2235
|
-
a.value = [...
|
|
2234
|
+
} else g === "resizeColumn" && m(() => {
|
|
2235
|
+
a.value = [...b.columns], r("columns:update", [...b.columns]);
|
|
2236
2236
|
});
|
|
2237
2237
|
}), ne(
|
|
2238
|
-
() =>
|
|
2239
|
-
(
|
|
2240
|
-
JSON.stringify(
|
|
2238
|
+
() => n.value,
|
|
2239
|
+
(g) => {
|
|
2240
|
+
JSON.stringify(g) !== JSON.stringify(l.rows) && (l.rows = [...g]);
|
|
2241
2241
|
},
|
|
2242
2242
|
{ deep: !0 }
|
|
2243
2243
|
), ne(
|
|
2244
2244
|
a,
|
|
2245
|
-
(
|
|
2246
|
-
JSON.stringify(
|
|
2245
|
+
(g) => {
|
|
2246
|
+
JSON.stringify(g) !== JSON.stringify(l.columns) && (l.columns = [...g], r("columns:update", [...g]));
|
|
2247
2247
|
},
|
|
2248
2248
|
{ deep: !0 }
|
|
2249
2249
|
), Ee(() => {
|
|
2250
|
-
a.value.some((
|
|
2250
|
+
a.value.some((g) => g.pinned) && (i(), l.isTreeView && pn(s, i, { childList: !0, subtree: !0 }));
|
|
2251
2251
|
});
|
|
2252
|
-
const u = T(() => l.columns.filter((
|
|
2253
|
-
const
|
|
2254
|
-
for (const [
|
|
2255
|
-
const $ = f?.cells[
|
|
2252
|
+
const u = T(() => l.columns.filter((g) => g.pinned).length), i = () => {
|
|
2253
|
+
const g = s.value, b = g?.rows[0], f = g?.rows[1], m = b ? Array.from(b.cells) : [];
|
|
2254
|
+
for (const [I, C] of m.entries()) {
|
|
2255
|
+
const $ = f?.cells[I];
|
|
2256
2256
|
$ && (C.style.width = `${$.offsetWidth}px`);
|
|
2257
2257
|
}
|
|
2258
|
-
for (const
|
|
2258
|
+
for (const I of g?.rows || []) {
|
|
2259
2259
|
let C = 0;
|
|
2260
2260
|
const $ = [];
|
|
2261
|
-
for (const
|
|
2262
|
-
(
|
|
2261
|
+
for (const L of I.cells)
|
|
2262
|
+
(L.classList.contains("sticky-column") || L.classList.contains("sticky-index")) && (L.style.left = `${C}px`, C += L.offsetWidth, $.push(L));
|
|
2263
2263
|
$.length > 0 && $[$.length - 1].classList.add("sticky-column-edge");
|
|
2264
2264
|
}
|
|
2265
2265
|
};
|
|
2266
|
-
window.addEventListener("keydown", (
|
|
2267
|
-
if (
|
|
2266
|
+
window.addEventListener("keydown", (g) => {
|
|
2267
|
+
if (g.key === "Escape" && l.modal.visible) {
|
|
2268
2268
|
l.modal.visible = !1;
|
|
2269
|
-
const
|
|
2270
|
-
|
|
2271
|
-
|
|
2269
|
+
const b = l.modal.parent;
|
|
2270
|
+
b && vt().then(() => {
|
|
2271
|
+
b.focus();
|
|
2272
2272
|
});
|
|
2273
2273
|
}
|
|
2274
2274
|
});
|
|
2275
|
-
const d = (
|
|
2276
|
-
if (!
|
|
2275
|
+
const d = (g) => {
|
|
2276
|
+
if (!g.gantt || u.value === 0)
|
|
2277
2277
|
return l.columns;
|
|
2278
|
-
const
|
|
2278
|
+
const b = [];
|
|
2279
2279
|
for (let f = 0; f < u.value; f++) {
|
|
2280
|
-
const
|
|
2281
|
-
|
|
2280
|
+
const m = { ...l.columns[f] };
|
|
2281
|
+
m.originalIndex = f, b.push(m);
|
|
2282
2282
|
}
|
|
2283
|
-
return
|
|
2283
|
+
return b.push({
|
|
2284
2284
|
...l.columns[u.value],
|
|
2285
2285
|
isGantt: !0,
|
|
2286
|
-
colspan:
|
|
2286
|
+
colspan: g.gantt?.colspan || l.columns.length - u.value,
|
|
2287
2287
|
originalIndex: u.value,
|
|
2288
2288
|
width: "auto"
|
|
2289
2289
|
// TODO: refactor to API that can detect when data exists in a cell. Might have be custom and not generalizable
|
|
2290
|
-
}),
|
|
2291
|
-
},
|
|
2292
|
-
r("connection:event", { type: "create", connection:
|
|
2293
|
-
},
|
|
2294
|
-
r("connection:event", { type: "delete", connection:
|
|
2295
|
-
},
|
|
2296
|
-
switch (
|
|
2290
|
+
}), b;
|
|
2291
|
+
}, p = (g) => {
|
|
2292
|
+
r("connection:event", { type: "create", connection: g });
|
|
2293
|
+
}, y = (g) => {
|
|
2294
|
+
r("connection:event", { type: "delete", connection: g });
|
|
2295
|
+
}, k = (g, b) => {
|
|
2296
|
+
switch (g) {
|
|
2297
2297
|
case "add": {
|
|
2298
|
-
const f = l.addRow({},
|
|
2299
|
-
|
|
2298
|
+
const f = l.addRow({}, b + 1), m = l.rows[f];
|
|
2299
|
+
n.value = [...l.rows], r("row:add", { rowIndex: f, row: m });
|
|
2300
2300
|
break;
|
|
2301
2301
|
}
|
|
2302
2302
|
case "delete": {
|
|
2303
|
-
const f = l.deleteRow(
|
|
2304
|
-
f && (
|
|
2303
|
+
const f = l.deleteRow(b);
|
|
2304
|
+
f && (n.value = [...l.rows], r("row:delete", { rowIndex: b, row: f }));
|
|
2305
2305
|
break;
|
|
2306
2306
|
}
|
|
2307
2307
|
case "duplicate": {
|
|
2308
|
-
const f = l.duplicateRow(
|
|
2308
|
+
const f = l.duplicateRow(b);
|
|
2309
2309
|
if (f >= 0) {
|
|
2310
|
-
const
|
|
2311
|
-
|
|
2310
|
+
const m = l.rows[f];
|
|
2311
|
+
n.value = [...l.rows], r("row:duplicate", { sourceIndex: b, newIndex: f, row: m });
|
|
2312
2312
|
}
|
|
2313
2313
|
break;
|
|
2314
2314
|
}
|
|
2315
2315
|
case "insertAbove": {
|
|
2316
|
-
const f = l.insertRowAbove(
|
|
2317
|
-
|
|
2316
|
+
const f = l.insertRowAbove(b), m = l.rows[f];
|
|
2317
|
+
n.value = [...l.rows], r("row:insert-above", { targetIndex: b, newIndex: f, row: m });
|
|
2318
2318
|
break;
|
|
2319
2319
|
}
|
|
2320
2320
|
case "insertBelow": {
|
|
2321
|
-
const f = l.insertRowBelow(
|
|
2322
|
-
|
|
2321
|
+
const f = l.insertRowBelow(b), m = l.rows[f];
|
|
2322
|
+
n.value = [...l.rows], r("row:insert-below", { targetIndex: b, newIndex: f, row: m });
|
|
2323
2323
|
break;
|
|
2324
2324
|
}
|
|
2325
2325
|
case "move": {
|
|
2326
|
-
r("row:move", { fromIndex:
|
|
2326
|
+
r("row:move", { fromIndex: b, toIndex: -1 });
|
|
2327
2327
|
break;
|
|
2328
2328
|
}
|
|
2329
2329
|
}
|
|
@@ -2341,58 +2341,58 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2341
2341
|
insertRowAbove: l.insertRowAbove,
|
|
2342
2342
|
insertRowBelow: l.insertRowBelow,
|
|
2343
2343
|
moveRow: l.moveRow
|
|
2344
|
-
}), (
|
|
2345
|
-
K((h(),
|
|
2344
|
+
}), (g, b) => (h(), x("div", hl, [
|
|
2345
|
+
K((h(), x("table", {
|
|
2346
2346
|
ref: "table",
|
|
2347
2347
|
class: "atable",
|
|
2348
2348
|
style: be({
|
|
2349
2349
|
width: V(l).config.fullWidth ? "100%" : "auto"
|
|
2350
2350
|
})
|
|
2351
2351
|
}, [
|
|
2352
|
-
he(
|
|
2353
|
-
ct(
|
|
2352
|
+
he(g.$slots, "header", { data: V(l) }, () => [
|
|
2353
|
+
ct(hn, {
|
|
2354
2354
|
columns: V(l).columns,
|
|
2355
2355
|
store: V(l)
|
|
2356
2356
|
}, null, 8, ["columns", "store"])
|
|
2357
2357
|
], !0),
|
|
2358
2358
|
w("tbody", null, [
|
|
2359
|
-
he(
|
|
2360
|
-
(h(!0),
|
|
2361
|
-
key: `${f.originalIndex}-${
|
|
2359
|
+
he(g.$slots, "body", { data: V(l) }, () => [
|
|
2360
|
+
(h(!0), x(X, null, ve(V(l).filteredRows, (f, m) => (h(), me(mn, {
|
|
2361
|
+
key: `${f.originalIndex}-${m}`,
|
|
2362
2362
|
row: f,
|
|
2363
2363
|
rowIndex: f.originalIndex,
|
|
2364
2364
|
store: V(l),
|
|
2365
|
-
"onRow:action":
|
|
2365
|
+
"onRow:action": k
|
|
2366
2366
|
}, {
|
|
2367
2367
|
default: $t(() => [
|
|
2368
|
-
(h(!0),
|
|
2369
|
-
key:
|
|
2368
|
+
(h(!0), x(X, null, ve(d(f), (I, C) => (h(), x(X, {
|
|
2369
|
+
key: I.name
|
|
2370
2370
|
}, [
|
|
2371
|
-
|
|
2371
|
+
I.isGantt ? (h(), me(Ue(I.ganttComponent || "AGanttCell"), {
|
|
2372
2372
|
key: 0,
|
|
2373
2373
|
store: V(l),
|
|
2374
2374
|
"columns-count": V(l).columns.length - u.value,
|
|
2375
2375
|
color: f.gantt?.color,
|
|
2376
2376
|
start: f.gantt?.startIndex,
|
|
2377
2377
|
end: f.gantt?.endIndex,
|
|
2378
|
-
colspan:
|
|
2379
|
-
pinned:
|
|
2378
|
+
colspan: I.colspan,
|
|
2379
|
+
pinned: I.pinned,
|
|
2380
2380
|
rowIndex: f.originalIndex,
|
|
2381
|
-
colIndex:
|
|
2381
|
+
colIndex: I.originalIndex ?? C,
|
|
2382
2382
|
style: be({
|
|
2383
|
-
textAlign:
|
|
2384
|
-
minWidth:
|
|
2383
|
+
textAlign: I?.align || "center",
|
|
2384
|
+
minWidth: I?.width || "40ch",
|
|
2385
2385
|
width: V(l).config.fullWidth ? "auto" : null
|
|
2386
2386
|
}),
|
|
2387
|
-
"onConnection:create":
|
|
2388
|
-
}, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (h(),
|
|
2387
|
+
"onConnection:create": p
|
|
2388
|
+
}, null, 40, ["store", "columns-count", "color", "start", "end", "colspan", "pinned", "rowIndex", "colIndex", "style"])) : (h(), me(Ue(I.cellComponent || "ACell"), {
|
|
2389
2389
|
key: 1,
|
|
2390
2390
|
store: V(l),
|
|
2391
|
-
pinned:
|
|
2391
|
+
pinned: I.pinned,
|
|
2392
2392
|
rowIndex: f.originalIndex,
|
|
2393
2393
|
colIndex: C,
|
|
2394
2394
|
style: be({
|
|
2395
|
-
textAlign:
|
|
2395
|
+
textAlign: I?.align || "center",
|
|
2396
2396
|
width: V(l).config.fullWidth ? "auto" : null
|
|
2397
2397
|
}),
|
|
2398
2398
|
spellcheck: "false"
|
|
@@ -2403,11 +2403,11 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2403
2403
|
}, 1032, ["row", "rowIndex", "store"]))), 128))
|
|
2404
2404
|
], !0)
|
|
2405
2405
|
]),
|
|
2406
|
-
he(
|
|
2407
|
-
he(
|
|
2408
|
-
K(ct(
|
|
2406
|
+
he(g.$slots, "footer", { data: V(l) }, void 0, !0),
|
|
2407
|
+
he(g.$slots, "modal", { data: V(l) }, () => [
|
|
2408
|
+
K(ct(gn, { store: V(l) }, {
|
|
2409
2409
|
default: $t(() => [
|
|
2410
|
-
(h(),
|
|
2410
|
+
(h(), me(Ue(V(l).modal.component), ft({
|
|
2411
2411
|
key: `${V(l).modal.rowIndex}:${V(l).modal.colIndex}`,
|
|
2412
2412
|
"col-index": V(l).modal.colIndex,
|
|
2413
2413
|
"row-index": V(l).modal.rowIndex,
|
|
@@ -2420,38 +2420,38 @@ const Xo = { class: "gantt-connection-overlay" }, jo = {
|
|
|
2420
2420
|
])
|
|
2421
2421
|
], !0)
|
|
2422
2422
|
], 4)), [
|
|
2423
|
-
[V(
|
|
2423
|
+
[V(Go), V(l).closeModal]
|
|
2424
2424
|
]),
|
|
2425
|
-
V(l).isGanttView && V(l).isDependencyGraphEnabled ? (h(),
|
|
2425
|
+
V(l).isGanttView && V(l).isDependencyGraphEnabled ? (h(), me(el, {
|
|
2426
2426
|
key: 0,
|
|
2427
2427
|
store: V(l),
|
|
2428
|
-
"onConnection:delete":
|
|
2428
|
+
"onConnection:delete": y
|
|
2429
2429
|
}, null, 8, ["store"])) : Y("", !0)
|
|
2430
2430
|
]));
|
|
2431
2431
|
}
|
|
2432
|
-
}),
|
|
2433
|
-
function
|
|
2434
|
-
return h(),
|
|
2435
|
-
w("h2",
|
|
2432
|
+
}), wl = /* @__PURE__ */ Ve(gl, [["__scopeId", "data-v-3d00d51b"]]), yl = {}, bl = { class: "aloading" }, xl = { class: "aloading-header" };
|
|
2433
|
+
function kl(e, t) {
|
|
2434
|
+
return h(), x("div", bl, [
|
|
2435
|
+
w("h2", xl, [
|
|
2436
2436
|
he(e.$slots, "default", {}, void 0, !0)
|
|
2437
2437
|
]),
|
|
2438
2438
|
t[0] || (t[0] = w("div", { class: "aloading-bar" }, null, -1))
|
|
2439
2439
|
]);
|
|
2440
2440
|
}
|
|
2441
|
-
const
|
|
2442
|
-
function
|
|
2443
|
-
return h(),
|
|
2444
|
-
w("h2",
|
|
2441
|
+
const Il = /* @__PURE__ */ Ve(yl, [["render", kl], ["__scopeId", "data-v-a930a25b"]]), Ml = {}, Cl = { class: "aloading" }, El = { class: "aloading-header" };
|
|
2442
|
+
function Al(e, t) {
|
|
2443
|
+
return h(), x("div", Cl, [
|
|
2444
|
+
w("h2", El, [
|
|
2445
2445
|
he(e.$slots, "default", {}, void 0, !0)
|
|
2446
2446
|
]),
|
|
2447
2447
|
t[0] || (t[0] = w("div", { class: "aloading-bar" }, null, -1))
|
|
2448
2448
|
]);
|
|
2449
2449
|
}
|
|
2450
|
-
const
|
|
2451
|
-
function
|
|
2452
|
-
e.component("ACell",
|
|
2450
|
+
const $l = /* @__PURE__ */ Ve(Ml, [["render", Al], ["__scopeId", "data-v-e1165876"]]);
|
|
2451
|
+
function Tl(e) {
|
|
2452
|
+
e.component("ACell", mo), e.component("AExpansionRow", bo), e.component("AGanttCell", Ao), e.component("ARow", mn), e.component("ARowActions", it), e.component("ATable", wl), e.component("ATableHeader", hn), e.component("ATableLoading", Il), e.component("ATableLoadingBar", $l), e.component("ATableModal", gn);
|
|
2453
2453
|
}
|
|
2454
|
-
const
|
|
2454
|
+
const Dl = { class: "aform_form-element" }, Sl = { class: "aform_field-label" }, Rl = { class: "aform_display-value" }, Ll = ["for"], Hl = { class: "aform_checkbox-container aform_input-field" }, Vl = ["id", "disabled", "required"], _l = ["innerHTML"], Pl = /* @__PURE__ */ oe({
|
|
2455
2455
|
__name: "ACheckbox",
|
|
2456
2456
|
props: /* @__PURE__ */ xe({
|
|
2457
2457
|
schema: {},
|
|
@@ -2468,42 +2468,42 @@ const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" },
|
|
|
2468
2468
|
emits: ["update:modelValue"],
|
|
2469
2469
|
setup(e) {
|
|
2470
2470
|
const t = Me(e, "modelValue");
|
|
2471
|
-
return (
|
|
2472
|
-
e.mode === "display" ? (h(),
|
|
2473
|
-
w("label",
|
|
2474
|
-
w("span",
|
|
2475
|
-
], 64)) : (h(),
|
|
2471
|
+
return (o, n) => (h(), x("div", Dl, [
|
|
2472
|
+
e.mode === "display" ? (h(), x(X, { key: 0 }, [
|
|
2473
|
+
w("label", Sl, N(e.label), 1),
|
|
2474
|
+
w("span", Rl, N(t.value ? "✓" : "✗"), 1)
|
|
2475
|
+
], 64)) : (h(), x(X, { key: 1 }, [
|
|
2476
2476
|
w("label", {
|
|
2477
2477
|
class: "aform_field-label",
|
|
2478
2478
|
for: e.uuid
|
|
2479
|
-
}, N(e.label), 9,
|
|
2480
|
-
w("span",
|
|
2479
|
+
}, N(e.label), 9, Ll),
|
|
2480
|
+
w("span", Hl, [
|
|
2481
2481
|
K(w("input", {
|
|
2482
2482
|
id: e.uuid,
|
|
2483
|
-
"onUpdate:modelValue":
|
|
2483
|
+
"onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
|
|
2484
2484
|
type: "checkbox",
|
|
2485
2485
|
class: "aform_checkbox",
|
|
2486
2486
|
disabled: e.mode === "read",
|
|
2487
2487
|
required: e.required
|
|
2488
|
-
}, null, 8,
|
|
2489
|
-
[
|
|
2488
|
+
}, null, 8, Vl), [
|
|
2489
|
+
[rn, t.value]
|
|
2490
2490
|
])
|
|
2491
2491
|
]),
|
|
2492
2492
|
K(w("p", {
|
|
2493
2493
|
class: "aform_error",
|
|
2494
2494
|
innerHTML: e.validation.errorMessage
|
|
2495
|
-
}, null, 8,
|
|
2495
|
+
}, null, 8, _l), [
|
|
2496
2496
|
[Ce, e.validation.errorMessage]
|
|
2497
2497
|
])
|
|
2498
2498
|
], 64))
|
|
2499
2499
|
]));
|
|
2500
2500
|
}
|
|
2501
2501
|
}), Te = (e, t) => {
|
|
2502
|
-
const
|
|
2503
|
-
for (const [
|
|
2504
|
-
n
|
|
2505
|
-
return
|
|
2506
|
-
},
|
|
2502
|
+
const o = e.__vccOpts || e;
|
|
2503
|
+
for (const [n, a] of t)
|
|
2504
|
+
o[n] = a;
|
|
2505
|
+
return o;
|
|
2506
|
+
}, Ol = /* @__PURE__ */ Te(Pl, [["__scopeId", "data-v-cc185b72"]]), Bl = /* @__PURE__ */ oe({
|
|
2507
2507
|
__name: "AComboBox",
|
|
2508
2508
|
props: {
|
|
2509
2509
|
schema: {},
|
|
@@ -2518,14 +2518,14 @@ const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" },
|
|
|
2518
2518
|
tableID: {}
|
|
2519
2519
|
},
|
|
2520
2520
|
setup(e) {
|
|
2521
|
-
return (t,
|
|
2522
|
-
const
|
|
2523
|
-
return h(),
|
|
2521
|
+
return (t, o) => {
|
|
2522
|
+
const n = cn("ATableModal");
|
|
2523
|
+
return h(), me(n, {
|
|
2524
2524
|
event: e.event,
|
|
2525
2525
|
"cell-data": e.cellData,
|
|
2526
2526
|
class: "amodal"
|
|
2527
2527
|
}, {
|
|
2528
|
-
default: $t(() => [...
|
|
2528
|
+
default: $t(() => [...o[0] || (o[0] = [
|
|
2529
2529
|
w("div", null, [
|
|
2530
2530
|
w("input", { type: "text" }),
|
|
2531
2531
|
w("input", { type: "text" }),
|
|
@@ -2536,7 +2536,7 @@ const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" },
|
|
|
2536
2536
|
}, 8, ["event", "cell-data"]);
|
|
2537
2537
|
};
|
|
2538
2538
|
}
|
|
2539
|
-
}),
|
|
2539
|
+
}), Fl = { class: "aform_display-value" }, Zl = ["id", "disabled", "required"], Nl = ["for"], Ul = ["innerHTML"], Wl = /* @__PURE__ */ oe({
|
|
2540
2540
|
__name: "ADate",
|
|
2541
2541
|
props: /* @__PURE__ */ xe({
|
|
2542
2542
|
schema: {},
|
|
@@ -2557,14 +2557,14 @@ const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" },
|
|
|
2557
2557
|
const t = Me(e, "modelValue", {
|
|
2558
2558
|
// format the date to be compatible with the native input datepicker
|
|
2559
2559
|
set: (a) => new Date(a).toISOString().split("T")[0]
|
|
2560
|
-
}),
|
|
2561
|
-
|
|
2560
|
+
}), o = fe("date"), n = () => {
|
|
2561
|
+
o.value && "showPicker" in HTMLInputElement.prototype && o.value.showPicker();
|
|
2562
2562
|
};
|
|
2563
|
-
return (a, r) => (h(),
|
|
2564
|
-
e.mode === "display" ? (h(),
|
|
2565
|
-
w("span",
|
|
2563
|
+
return (a, r) => (h(), x("div", null, [
|
|
2564
|
+
e.mode === "display" ? (h(), x(X, { key: 0 }, [
|
|
2565
|
+
w("span", Fl, N(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
|
|
2566
2566
|
w("label", null, N(e.label), 1)
|
|
2567
|
-
], 64)) : (h(),
|
|
2567
|
+
], 64)) : (h(), x(X, { key: 1 }, [
|
|
2568
2568
|
K(w("input", {
|
|
2569
2569
|
id: e.uuid,
|
|
2570
2570
|
ref: "date",
|
|
@@ -2572,22 +2572,22 @@ const Sl = { class: "aform_form-element" }, Rl = { class: "aform_field-label" },
|
|
|
2572
2572
|
type: "date",
|
|
2573
2573
|
disabled: e.mode === "read",
|
|
2574
2574
|
required: e.required,
|
|
2575
|
-
onClick:
|
|
2576
|
-
}, null, 8,
|
|
2575
|
+
onClick: n
|
|
2576
|
+
}, null, 8, Zl), [
|
|
2577
2577
|
[we, t.value]
|
|
2578
2578
|
]),
|
|
2579
|
-
w("label", { for: e.uuid }, N(e.label), 9,
|
|
2579
|
+
w("label", { for: e.uuid }, N(e.label), 9, Nl),
|
|
2580
2580
|
K(w("p", {
|
|
2581
2581
|
innerHTML: e.validation.errorMessage
|
|
2582
|
-
}, null, 8,
|
|
2582
|
+
}, null, 8, Ul), [
|
|
2583
2583
|
[Ce, e.validation.errorMessage]
|
|
2584
2584
|
])
|
|
2585
2585
|
], 64))
|
|
2586
2586
|
]));
|
|
2587
2587
|
}
|
|
2588
|
-
}),
|
|
2589
|
-
function
|
|
2590
|
-
return
|
|
2588
|
+
}), Gl = /* @__PURE__ */ Te(Wl, [["__scopeId", "data-v-425aef3c"]]);
|
|
2589
|
+
function wn(e, t) {
|
|
2590
|
+
return pt() ? (mt(e, t), !0) : !1;
|
|
2591
2591
|
}
|
|
2592
2592
|
// @__NO_SIDE_EFFECTS__
|
|
2593
2593
|
function jt() {
|
|
@@ -2598,7 +2598,7 @@ function jt() {
|
|
|
2598
2598
|
on: (r) => {
|
|
2599
2599
|
e.add(r);
|
|
2600
2600
|
const s = () => t(r);
|
|
2601
|
-
return
|
|
2601
|
+
return wn(s), { off: s };
|
|
2602
2602
|
},
|
|
2603
2603
|
off: t,
|
|
2604
2604
|
trigger: (...r) => Promise.all(Array.from(e).map((s) => s(...r))),
|
|
@@ -2607,80 +2607,80 @@ function jt() {
|
|
|
2607
2607
|
}
|
|
2608
2608
|
};
|
|
2609
2609
|
}
|
|
2610
|
-
const
|
|
2610
|
+
const yn = typeof window < "u" && typeof document < "u";
|
|
2611
2611
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
2612
|
-
const
|
|
2613
|
-
},
|
|
2614
|
-
function
|
|
2615
|
-
if (e.length !== 1) return
|
|
2612
|
+
const zl = Object.prototype.toString, ql = (e) => zl.call(e) === "[object Object]", Je = () => {
|
|
2613
|
+
}, Yl = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
|
|
2614
|
+
function Xl(...e) {
|
|
2615
|
+
if (e.length !== 1) return un(...e);
|
|
2616
2616
|
const t = e[0];
|
|
2617
2617
|
return typeof t == "function" ? Rt(St(() => ({
|
|
2618
2618
|
get: t,
|
|
2619
2619
|
set: Je
|
|
2620
|
-
}))) :
|
|
2620
|
+
}))) : R(t);
|
|
2621
2621
|
}
|
|
2622
2622
|
function It(e) {
|
|
2623
2623
|
return Array.isArray(e) ? e : [e];
|
|
2624
2624
|
}
|
|
2625
|
-
function
|
|
2625
|
+
function jl(e, t, o) {
|
|
2626
2626
|
return ne(e, t, {
|
|
2627
|
-
...
|
|
2627
|
+
...o,
|
|
2628
2628
|
immediate: !0
|
|
2629
2629
|
});
|
|
2630
2630
|
}
|
|
2631
|
-
const
|
|
2631
|
+
const bn = yn ? window : void 0, Jl = yn ? window.document : void 0;
|
|
2632
2632
|
function Ne(e) {
|
|
2633
2633
|
var t;
|
|
2634
|
-
const
|
|
2635
|
-
return (t =
|
|
2634
|
+
const o = E(e);
|
|
2635
|
+
return (t = o?.$el) !== null && t !== void 0 ? t : o;
|
|
2636
2636
|
}
|
|
2637
2637
|
function Mt(...e) {
|
|
2638
|
-
const t = (
|
|
2639
|
-
const
|
|
2640
|
-
return
|
|
2638
|
+
const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
|
|
2639
|
+
const n = It(E(e[0])).filter((a) => a != null);
|
|
2640
|
+
return n.every((a) => typeof a != "string") ? n : void 0;
|
|
2641
2641
|
});
|
|
2642
|
-
return
|
|
2643
|
-
var
|
|
2642
|
+
return jl(() => {
|
|
2643
|
+
var n, a;
|
|
2644
2644
|
return [
|
|
2645
|
-
(
|
|
2646
|
-
It(E(
|
|
2647
|
-
It(V(
|
|
2648
|
-
E(
|
|
2645
|
+
(n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => Ne(r))) !== null && n !== void 0 ? n : [bn].filter((r) => r != null),
|
|
2646
|
+
It(E(o.value ? e[1] : e[0])),
|
|
2647
|
+
It(V(o.value ? e[2] : e[1])),
|
|
2648
|
+
E(o.value ? e[3] : e[2])
|
|
2649
2649
|
];
|
|
2650
|
-
}, ([
|
|
2651
|
-
if (!
|
|
2652
|
-
const i =
|
|
2650
|
+
}, ([n, a, r, s], l, u) => {
|
|
2651
|
+
if (!n?.length || !a?.length || !r?.length) return;
|
|
2652
|
+
const i = ql(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((k) => t(p, y, k, i))));
|
|
2653
2653
|
u(() => {
|
|
2654
|
-
d.forEach((
|
|
2654
|
+
d.forEach((p) => p());
|
|
2655
2655
|
});
|
|
2656
2656
|
}, { flush: "post" });
|
|
2657
2657
|
}
|
|
2658
|
-
function Jt(e, t,
|
|
2659
|
-
const { window:
|
|
2660
|
-
if (!
|
|
2658
|
+
function Jt(e, t, o = {}) {
|
|
2659
|
+
const { window: n = bn, ignore: a = [], capture: r = !0, detectIframe: s = !1, controls: l = !1 } = o;
|
|
2660
|
+
if (!n) return l ? {
|
|
2661
2661
|
stop: Je,
|
|
2662
2662
|
cancel: Je,
|
|
2663
2663
|
trigger: Je
|
|
2664
2664
|
} : Je;
|
|
2665
2665
|
let u = !0;
|
|
2666
|
-
const i = (f) => E(a).some((
|
|
2667
|
-
if (typeof
|
|
2666
|
+
const i = (f) => E(a).some((m) => {
|
|
2667
|
+
if (typeof m == "string") return Array.from(n.document.querySelectorAll(m)).some((I) => I === f.target || f.composedPath().includes(I));
|
|
2668
2668
|
{
|
|
2669
|
-
const
|
|
2670
|
-
return
|
|
2669
|
+
const I = Ne(m);
|
|
2670
|
+
return I && (f.target === I || f.composedPath().includes(I));
|
|
2671
2671
|
}
|
|
2672
2672
|
});
|
|
2673
2673
|
function d(f) {
|
|
2674
|
-
const
|
|
2675
|
-
return
|
|
2674
|
+
const m = E(f);
|
|
2675
|
+
return m && m.$.subTree.shapeFlag === 16;
|
|
2676
2676
|
}
|
|
2677
|
-
function
|
|
2678
|
-
const
|
|
2679
|
-
return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el ===
|
|
2677
|
+
function p(f, m) {
|
|
2678
|
+
const I = E(f), C = I.$.subTree && I.$.subTree.children;
|
|
2679
|
+
return C == null || !Array.isArray(C) ? !1 : C.some(($) => $.el === m.target || m.composedPath().includes($.el));
|
|
2680
2680
|
}
|
|
2681
|
-
const
|
|
2682
|
-
const
|
|
2683
|
-
if (f.target != null && !(!(
|
|
2681
|
+
const y = (f) => {
|
|
2682
|
+
const m = Ne(e);
|
|
2683
|
+
if (f.target != null && !(!(m instanceof Element) && d(e) && p(e, f)) && !(!m || m === f.target || f.composedPath().includes(m))) {
|
|
2684
2684
|
if ("detail" in f && f.detail === 0 && (u = !i(f)), !u) {
|
|
2685
2685
|
u = !0;
|
|
2686
2686
|
return;
|
|
@@ -2688,153 +2688,153 @@ function Jt(e, t, n = {}) {
|
|
|
2688
2688
|
t(f);
|
|
2689
2689
|
}
|
|
2690
2690
|
};
|
|
2691
|
-
let
|
|
2692
|
-
const
|
|
2693
|
-
Mt(
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
}, 0),
|
|
2691
|
+
let k = !1;
|
|
2692
|
+
const g = [
|
|
2693
|
+
Mt(n, "click", (f) => {
|
|
2694
|
+
k || (k = !0, setTimeout(() => {
|
|
2695
|
+
k = !1;
|
|
2696
|
+
}, 0), y(f));
|
|
2697
2697
|
}, {
|
|
2698
2698
|
passive: !0,
|
|
2699
2699
|
capture: r
|
|
2700
2700
|
}),
|
|
2701
|
-
Mt(
|
|
2702
|
-
const
|
|
2703
|
-
u = !i(f) && !!(
|
|
2701
|
+
Mt(n, "pointerdown", (f) => {
|
|
2702
|
+
const m = Ne(e);
|
|
2703
|
+
u = !i(f) && !!(m && !f.composedPath().includes(m));
|
|
2704
2704
|
}, { passive: !0 }),
|
|
2705
|
-
s && Mt(
|
|
2705
|
+
s && Mt(n, "blur", (f) => {
|
|
2706
2706
|
setTimeout(() => {
|
|
2707
|
-
var
|
|
2708
|
-
const
|
|
2709
|
-
((
|
|
2707
|
+
var m;
|
|
2708
|
+
const I = Ne(e);
|
|
2709
|
+
((m = n.document.activeElement) === null || m === void 0 ? void 0 : m.tagName) === "IFRAME" && !I?.contains(n.document.activeElement) && t(f);
|
|
2710
2710
|
}, 0);
|
|
2711
2711
|
}, { passive: !0 })
|
|
2712
|
-
].filter(Boolean),
|
|
2712
|
+
].filter(Boolean), b = () => g.forEach((f) => f());
|
|
2713
2713
|
return l ? {
|
|
2714
|
-
stop:
|
|
2714
|
+
stop: b,
|
|
2715
2715
|
cancel: () => {
|
|
2716
2716
|
u = !1;
|
|
2717
2717
|
},
|
|
2718
2718
|
trigger: (f) => {
|
|
2719
|
-
u = !0,
|
|
2719
|
+
u = !0, y(f), u = !1;
|
|
2720
2720
|
}
|
|
2721
|
-
} :
|
|
2721
|
+
} : b;
|
|
2722
2722
|
}
|
|
2723
|
-
const
|
|
2723
|
+
const Ql = {
|
|
2724
2724
|
multiple: !0,
|
|
2725
2725
|
accept: "*",
|
|
2726
2726
|
reset: !1,
|
|
2727
2727
|
directory: !1
|
|
2728
2728
|
};
|
|
2729
|
-
function
|
|
2729
|
+
function Kl(e) {
|
|
2730
2730
|
if (!e) return null;
|
|
2731
2731
|
if (e instanceof FileList) return e;
|
|
2732
2732
|
const t = new DataTransfer();
|
|
2733
|
-
for (const
|
|
2733
|
+
for (const o of e) t.items.add(o);
|
|
2734
2734
|
return t.files;
|
|
2735
2735
|
}
|
|
2736
|
-
function
|
|
2737
|
-
const { document: t =
|
|
2738
|
-
var
|
|
2739
|
-
const
|
|
2740
|
-
return
|
|
2741
|
-
|
|
2742
|
-
},
|
|
2736
|
+
function ea(e = {}) {
|
|
2737
|
+
const { document: t = Jl } = e, o = R(Kl(e.initialFiles)), { on: n, trigger: a } = /* @__PURE__ */ jt(), { on: r, trigger: s } = /* @__PURE__ */ jt(), l = T(() => {
|
|
2738
|
+
var p;
|
|
2739
|
+
const y = (p = Ne(e.input)) !== null && p !== void 0 ? p : t ? t.createElement("input") : void 0;
|
|
2740
|
+
return y && (y.type = "file", y.onchange = (k) => {
|
|
2741
|
+
o.value = k.target.files, a(o.value);
|
|
2742
|
+
}, y.oncancel = () => {
|
|
2743
2743
|
s();
|
|
2744
|
-
}),
|
|
2744
|
+
}), y;
|
|
2745
2745
|
}), u = () => {
|
|
2746
|
-
|
|
2747
|
-
}, i = (
|
|
2748
|
-
const
|
|
2749
|
-
|
|
2750
|
-
}, d = (
|
|
2751
|
-
const
|
|
2752
|
-
if (!
|
|
2753
|
-
const
|
|
2754
|
-
...
|
|
2746
|
+
o.value = null, l.value && l.value.value && (l.value.value = "", a(null));
|
|
2747
|
+
}, i = (p) => {
|
|
2748
|
+
const y = l.value;
|
|
2749
|
+
y && (y.multiple = E(p.multiple), y.accept = E(p.accept), y.webkitdirectory = E(p.directory), Yl(p, "capture") && (y.capture = E(p.capture)));
|
|
2750
|
+
}, d = (p) => {
|
|
2751
|
+
const y = l.value;
|
|
2752
|
+
if (!y) return;
|
|
2753
|
+
const k = {
|
|
2754
|
+
...Ql,
|
|
2755
2755
|
...e,
|
|
2756
|
-
...
|
|
2756
|
+
...p
|
|
2757
2757
|
};
|
|
2758
|
-
i(
|
|
2758
|
+
i(k), E(k.reset) && u(), y.click();
|
|
2759
2759
|
};
|
|
2760
2760
|
return gt(() => {
|
|
2761
2761
|
i(e);
|
|
2762
2762
|
}), {
|
|
2763
|
-
files: Rt(
|
|
2763
|
+
files: Rt(o),
|
|
2764
2764
|
open: d,
|
|
2765
2765
|
reset: u,
|
|
2766
2766
|
onCancel: r,
|
|
2767
|
-
onChange:
|
|
2767
|
+
onChange: n
|
|
2768
2768
|
};
|
|
2769
2769
|
}
|
|
2770
2770
|
function Ct(e) {
|
|
2771
2771
|
return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
|
|
2772
2772
|
}
|
|
2773
2773
|
const Et = /* @__PURE__ */ new WeakMap();
|
|
2774
|
-
function
|
|
2775
|
-
const
|
|
2776
|
-
let
|
|
2777
|
-
ne(
|
|
2774
|
+
function ta(e, t = !1) {
|
|
2775
|
+
const o = ue(t);
|
|
2776
|
+
let n = "";
|
|
2777
|
+
ne(Xl(e), (s) => {
|
|
2778
2778
|
const l = Ct(E(s));
|
|
2779
2779
|
if (l) {
|
|
2780
2780
|
const u = l;
|
|
2781
|
-
if (Et.get(u) || Et.set(u, u.style.overflow), u.style.overflow !== "hidden" && (
|
|
2782
|
-
if (
|
|
2781
|
+
if (Et.get(u) || Et.set(u, u.style.overflow), u.style.overflow !== "hidden" && (n = u.style.overflow), u.style.overflow === "hidden") return o.value = !0;
|
|
2782
|
+
if (o.value) return u.style.overflow = "hidden";
|
|
2783
2783
|
}
|
|
2784
2784
|
}, { immediate: !0 });
|
|
2785
2785
|
const a = () => {
|
|
2786
2786
|
const s = Ct(E(e));
|
|
2787
|
-
!s ||
|
|
2787
|
+
!s || o.value || (s.style.overflow = "hidden", o.value = !0);
|
|
2788
2788
|
}, r = () => {
|
|
2789
2789
|
const s = Ct(E(e));
|
|
2790
|
-
!s || !
|
|
2790
|
+
!s || !o.value || (s.style.overflow = n, Et.delete(s), o.value = !1);
|
|
2791
2791
|
};
|
|
2792
|
-
return
|
|
2792
|
+
return wn(r), T({
|
|
2793
2793
|
get() {
|
|
2794
|
-
return
|
|
2794
|
+
return o.value;
|
|
2795
2795
|
},
|
|
2796
2796
|
set(s) {
|
|
2797
2797
|
s ? a() : r();
|
|
2798
2798
|
}
|
|
2799
2799
|
});
|
|
2800
2800
|
}
|
|
2801
|
-
const At = /* @__PURE__ */ new WeakMap(),
|
|
2801
|
+
const At = /* @__PURE__ */ new WeakMap(), na = {
|
|
2802
2802
|
mounted(e, t) {
|
|
2803
|
-
const
|
|
2804
|
-
let
|
|
2805
|
-
if (typeof t.value == "function")
|
|
2803
|
+
const o = !t.modifiers.bubble;
|
|
2804
|
+
let n;
|
|
2805
|
+
if (typeof t.value == "function") n = Jt(e, t.value, { capture: o });
|
|
2806
2806
|
else {
|
|
2807
2807
|
const [a, r] = t.value;
|
|
2808
|
-
|
|
2808
|
+
n = Jt(e, a, Object.assign({ capture: o }, r));
|
|
2809
2809
|
}
|
|
2810
|
-
At.set(e,
|
|
2810
|
+
At.set(e, n);
|
|
2811
2811
|
},
|
|
2812
2812
|
unmounted(e) {
|
|
2813
2813
|
const t = At.get(e);
|
|
2814
2814
|
t && typeof t == "function" ? t() : t?.stop(), At.delete(e);
|
|
2815
2815
|
}
|
|
2816
2816
|
};
|
|
2817
|
-
function
|
|
2817
|
+
function oa() {
|
|
2818
2818
|
let e = !1;
|
|
2819
2819
|
const t = ue(!1);
|
|
2820
|
-
return (
|
|
2821
|
-
if (t.value =
|
|
2820
|
+
return (o, n) => {
|
|
2821
|
+
if (t.value = n.value, e) return;
|
|
2822
2822
|
e = !0;
|
|
2823
|
-
const a =
|
|
2823
|
+
const a = ta(o, n.value);
|
|
2824
2824
|
ne(t, (r) => a.value = r);
|
|
2825
2825
|
};
|
|
2826
2826
|
}
|
|
2827
|
-
|
|
2828
|
-
const
|
|
2827
|
+
oa();
|
|
2828
|
+
const la = {
|
|
2829
2829
|
key: 0,
|
|
2830
2830
|
class: "input-wrapper"
|
|
2831
|
-
},
|
|
2831
|
+
}, aa = { class: "aform_display-value" }, sa = { class: "input-wrapper" }, ra = ["disabled"], ia = {
|
|
2832
2832
|
id: "autocomplete-results",
|
|
2833
2833
|
class: "autocomplete-results"
|
|
2834
|
-
},
|
|
2834
|
+
}, ua = {
|
|
2835
2835
|
key: 0,
|
|
2836
2836
|
class: "loading autocomplete-result"
|
|
2837
|
-
},
|
|
2837
|
+
}, ca = ["onClick"], da = /* @__PURE__ */ oe({
|
|
2838
2838
|
__name: "ADropdown",
|
|
2839
2839
|
props: /* @__PURE__ */ xe({
|
|
2840
2840
|
schema: {},
|
|
@@ -2844,7 +2844,7 @@ const aa = {
|
|
|
2844
2844
|
mode: {},
|
|
2845
2845
|
uuid: {},
|
|
2846
2846
|
validation: {},
|
|
2847
|
-
|
|
2847
|
+
options: { default: () => [] },
|
|
2848
2848
|
isAsync: { type: Boolean, default: !1 },
|
|
2849
2849
|
filterFunction: { type: Function, default: void 0 }
|
|
2850
2850
|
}, {
|
|
@@ -2853,247 +2853,248 @@ const aa = {
|
|
|
2853
2853
|
}),
|
|
2854
2854
|
emits: ["update:modelValue"],
|
|
2855
2855
|
setup(e) {
|
|
2856
|
-
const t = Me(e, "modelValue"), n =
|
|
2856
|
+
const t = Me(e, "modelValue"), o = R(t.value ?? ""), n = sn({
|
|
2857
2857
|
activeItemIndex: null,
|
|
2858
2858
|
open: !1,
|
|
2859
2859
|
loading: !1,
|
|
2860
|
-
results: e.
|
|
2861
|
-
}),
|
|
2860
|
+
results: e.options
|
|
2861
|
+
}), a = () => u(), r = async () => {
|
|
2862
2862
|
if (n.open = !0, n.activeItemIndex = null, e.filterFunction) {
|
|
2863
2863
|
e.isAsync && (n.loading = !0);
|
|
2864
2864
|
try {
|
|
2865
|
-
const
|
|
2866
|
-
n.results =
|
|
2865
|
+
const k = await e.filterFunction(t.value || "");
|
|
2866
|
+
n.results = k || [];
|
|
2867
2867
|
} catch {
|
|
2868
2868
|
n.results = [];
|
|
2869
2869
|
} finally {
|
|
2870
2870
|
e.isAsync && (n.loading = !1);
|
|
2871
2871
|
}
|
|
2872
2872
|
} else
|
|
2873
|
-
|
|
2874
|
-
},
|
|
2875
|
-
t.value =
|
|
2876
|
-
},
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
t.value ? n.results = e.items?.filter((p) => p.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
|
|
2873
|
+
i();
|
|
2874
|
+
}, s = (k) => {
|
|
2875
|
+
t.value = k, o.value = k, u(k);
|
|
2876
|
+
}, l = () => {
|
|
2877
|
+
const k = e.options?.indexOf(t.value ?? "") ?? -1;
|
|
2878
|
+
n.activeItemIndex = e.isAsync ? null : k >= 0 ? k : null, n.open = !0, n.results = e.isAsync ? [] : e.options;
|
|
2879
|
+
}, u = (k) => {
|
|
2880
|
+
n.activeItemIndex = null, n.open = !1, e.options?.includes(k || t.value || "") || (t.value = o.value);
|
|
2882
2881
|
}, i = () => {
|
|
2883
|
-
|
|
2882
|
+
t.value ? n.results = e.options?.filter((k) => k.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.options;
|
|
2883
|
+
}, d = () => {
|
|
2884
|
+
const k = n.results?.length || 0;
|
|
2884
2885
|
if (n.activeItemIndex != null) {
|
|
2885
|
-
const
|
|
2886
|
-
n.activeItemIndex = (
|
|
2886
|
+
const g = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
|
|
2887
|
+
n.activeItemIndex = (g + 1) % k;
|
|
2887
2888
|
} else
|
|
2888
2889
|
n.activeItemIndex = 0;
|
|
2889
|
-
},
|
|
2890
|
-
const
|
|
2890
|
+
}, p = () => {
|
|
2891
|
+
const k = n.results?.length || 0;
|
|
2891
2892
|
if (n.activeItemIndex != null) {
|
|
2892
|
-
const
|
|
2893
|
-
|
|
2893
|
+
const g = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
|
|
2894
|
+
g === 0 ? n.activeItemIndex = null : n.activeItemIndex = g - 1;
|
|
2894
2895
|
} else
|
|
2895
|
-
n.activeItemIndex =
|
|
2896
|
-
},
|
|
2896
|
+
n.activeItemIndex = k - 1;
|
|
2897
|
+
}, y = () => {
|
|
2897
2898
|
if (n.results) {
|
|
2898
|
-
const
|
|
2899
|
-
|
|
2899
|
+
const k = n.activeItemIndex || 0, g = n.results[k];
|
|
2900
|
+
s(g);
|
|
2900
2901
|
}
|
|
2901
2902
|
n.activeItemIndex = 0;
|
|
2902
2903
|
};
|
|
2903
|
-
return (
|
|
2904
|
-
w("span",
|
|
2904
|
+
return (k, g) => e.mode === "display" ? (h(), x("div", la, [
|
|
2905
|
+
w("span", aa, N(t.value ?? ""), 1),
|
|
2905
2906
|
w("label", null, N(e.label), 1)
|
|
2906
|
-
])) : K((h(),
|
|
2907
|
+
])) : K((h(), x("div", {
|
|
2907
2908
|
key: 1,
|
|
2908
2909
|
class: se(["autocomplete", { isOpen: n.open }])
|
|
2909
2910
|
}, [
|
|
2910
|
-
w("div",
|
|
2911
|
+
w("div", sa, [
|
|
2911
2912
|
K(w("input", {
|
|
2912
|
-
"onUpdate:modelValue":
|
|
2913
|
+
"onUpdate:modelValue": g[0] || (g[0] = (b) => t.value = b),
|
|
2913
2914
|
type: "text",
|
|
2914
2915
|
disabled: e.mode === "read",
|
|
2915
|
-
onInput:
|
|
2916
|
-
onFocus:
|
|
2916
|
+
onInput: r,
|
|
2917
|
+
onFocus: l,
|
|
2917
2918
|
onKeydown: [
|
|
2918
|
-
Ze(
|
|
2919
|
-
Ze(
|
|
2920
|
-
Ze(
|
|
2921
|
-
Ze(
|
|
2922
|
-
Ze(
|
|
2919
|
+
Ze(d, ["down"]),
|
|
2920
|
+
Ze(p, ["up"]),
|
|
2921
|
+
Ze(y, ["enter"]),
|
|
2922
|
+
Ze(a, ["esc"]),
|
|
2923
|
+
Ze(a, ["tab"])
|
|
2923
2924
|
]
|
|
2924
|
-
}, null, 40,
|
|
2925
|
+
}, null, 40, ra), [
|
|
2925
2926
|
[we, t.value]
|
|
2926
2927
|
]),
|
|
2927
|
-
K(w("ul",
|
|
2928
|
-
n.loading ? (h(),
|
|
2929
|
-
key:
|
|
2930
|
-
class: se(["autocomplete-result", { "is-active":
|
|
2931
|
-
onClick: Ie((
|
|
2932
|
-
}, N(
|
|
2928
|
+
K(w("ul", ia, [
|
|
2929
|
+
n.loading ? (h(), x("li", ua, "Loading results...")) : (h(!0), x(X, { key: 1 }, ve(n.results, (b, f) => (h(), x("li", {
|
|
2930
|
+
key: b,
|
|
2931
|
+
class: se(["autocomplete-result", { "is-active": f === n.activeItemIndex }]),
|
|
2932
|
+
onClick: Ie((m) => s(b), ["stop"])
|
|
2933
|
+
}, N(b), 11, ca))), 128))
|
|
2933
2934
|
], 512), [
|
|
2934
2935
|
[Ce, n.open]
|
|
2935
2936
|
]),
|
|
2936
2937
|
w("label", null, N(e.label), 1)
|
|
2937
2938
|
])
|
|
2938
2939
|
], 2)), [
|
|
2939
|
-
[V(
|
|
2940
|
+
[V(na), a]
|
|
2940
2941
|
]);
|
|
2941
2942
|
}
|
|
2942
|
-
}),
|
|
2943
|
-
function
|
|
2944
|
-
return
|
|
2943
|
+
}), fa = /* @__PURE__ */ Te(da, [["__scopeId", "data-v-e25d4181"]]);
|
|
2944
|
+
function xn(e, t) {
|
|
2945
|
+
return pt() ? (mt(e, t), !0) : !1;
|
|
2945
2946
|
}
|
|
2946
|
-
const
|
|
2947
|
+
const va = typeof window < "u" && typeof document < "u";
|
|
2947
2948
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
2948
|
-
const pa = (e) => e != null,
|
|
2949
|
+
const pa = (e) => e != null, ma = Object.prototype.toString, ha = (e) => ma.call(e) === "[object Object]", ga = () => {
|
|
2949
2950
|
};
|
|
2950
2951
|
function ut(e) {
|
|
2951
2952
|
return Array.isArray(e) ? e : [e];
|
|
2952
2953
|
}
|
|
2953
|
-
function
|
|
2954
|
+
function wa(e, t, o) {
|
|
2954
2955
|
return ne(e, t, {
|
|
2955
|
-
...
|
|
2956
|
+
...o,
|
|
2956
2957
|
immediate: !0
|
|
2957
2958
|
});
|
|
2958
2959
|
}
|
|
2959
|
-
const qe =
|
|
2960
|
+
const qe = va ? window : void 0;
|
|
2960
2961
|
function Ge(e) {
|
|
2961
2962
|
var t;
|
|
2962
|
-
const
|
|
2963
|
-
return (t =
|
|
2963
|
+
const o = E(e);
|
|
2964
|
+
return (t = o?.$el) !== null && t !== void 0 ? t : o;
|
|
2964
2965
|
}
|
|
2965
2966
|
function Ke(...e) {
|
|
2966
|
-
const t = (
|
|
2967
|
-
const
|
|
2968
|
-
return
|
|
2967
|
+
const t = (n, a, r, s) => (n.addEventListener(a, r, s), () => n.removeEventListener(a, r, s)), o = T(() => {
|
|
2968
|
+
const n = ut(E(e[0])).filter((a) => a != null);
|
|
2969
|
+
return n.every((a) => typeof a != "string") ? n : void 0;
|
|
2969
2970
|
});
|
|
2970
|
-
return
|
|
2971
|
-
var
|
|
2971
|
+
return wa(() => {
|
|
2972
|
+
var n, a;
|
|
2972
2973
|
return [
|
|
2973
|
-
(
|
|
2974
|
-
ut(E(
|
|
2975
|
-
ut(V(
|
|
2976
|
-
E(
|
|
2974
|
+
(n = (a = o.value) === null || a === void 0 ? void 0 : a.map((r) => Ge(r))) !== null && n !== void 0 ? n : [qe].filter((r) => r != null),
|
|
2975
|
+
ut(E(o.value ? e[1] : e[0])),
|
|
2976
|
+
ut(V(o.value ? e[2] : e[1])),
|
|
2977
|
+
E(o.value ? e[3] : e[2])
|
|
2977
2978
|
];
|
|
2978
|
-
}, ([
|
|
2979
|
-
if (!
|
|
2980
|
-
const i =
|
|
2979
|
+
}, ([n, a, r, s], l, u) => {
|
|
2980
|
+
if (!n?.length || !a?.length || !r?.length) return;
|
|
2981
|
+
const i = ha(s) ? { ...s } : s, d = n.flatMap((p) => a.flatMap((y) => r.map((k) => t(p, y, k, i))));
|
|
2981
2982
|
u(() => {
|
|
2982
|
-
d.forEach((
|
|
2983
|
+
d.forEach((p) => p());
|
|
2983
2984
|
});
|
|
2984
2985
|
}, { flush: "post" });
|
|
2985
2986
|
}
|
|
2986
2987
|
// @__NO_SIDE_EFFECTS__
|
|
2987
|
-
function
|
|
2988
|
+
function ya() {
|
|
2988
2989
|
const e = ue(!1), t = ht();
|
|
2989
2990
|
return t && Ee(() => {
|
|
2990
2991
|
e.value = !0;
|
|
2991
2992
|
}, t), e;
|
|
2992
2993
|
}
|
|
2993
2994
|
// @__NO_SIDE_EFFECTS__
|
|
2994
|
-
function
|
|
2995
|
-
const t = /* @__PURE__ */
|
|
2995
|
+
function ba(e) {
|
|
2996
|
+
const t = /* @__PURE__ */ ya();
|
|
2996
2997
|
return T(() => (t.value, !!e()));
|
|
2997
2998
|
}
|
|
2998
|
-
function
|
|
2999
|
-
const { window:
|
|
2999
|
+
function xa(e, t, o = {}) {
|
|
3000
|
+
const { window: n = qe, ...a } = o;
|
|
3000
3001
|
let r;
|
|
3001
|
-
const s = /* @__PURE__ */
|
|
3002
|
+
const s = /* @__PURE__ */ ba(() => n && "MutationObserver" in n), l = () => {
|
|
3002
3003
|
r && (r.disconnect(), r = void 0);
|
|
3003
3004
|
}, u = ne(T(() => {
|
|
3004
|
-
const
|
|
3005
|
-
return new Set(
|
|
3006
|
-
}), (
|
|
3007
|
-
l(), s.value &&
|
|
3005
|
+
const p = ut(E(e)).map(Ge).filter(pa);
|
|
3006
|
+
return new Set(p);
|
|
3007
|
+
}), (p) => {
|
|
3008
|
+
l(), s.value && p.size && (r = new MutationObserver(t), p.forEach((y) => r.observe(y, a)));
|
|
3008
3009
|
}, {
|
|
3009
3010
|
immediate: !0,
|
|
3010
3011
|
flush: "post"
|
|
3011
3012
|
}), i = () => r?.takeRecords(), d = () => {
|
|
3012
3013
|
u(), l();
|
|
3013
3014
|
};
|
|
3014
|
-
return
|
|
3015
|
+
return xn(d), {
|
|
3015
3016
|
isSupported: s,
|
|
3016
3017
|
stop: d,
|
|
3017
3018
|
takeRecords: i
|
|
3018
3019
|
};
|
|
3019
3020
|
}
|
|
3020
|
-
function
|
|
3021
|
-
const { window:
|
|
3022
|
-
if (!
|
|
3021
|
+
function ka(e, t, o = {}) {
|
|
3022
|
+
const { window: n = qe, document: a = n?.document, flush: r = "sync" } = o;
|
|
3023
|
+
if (!n || !a) return ga;
|
|
3023
3024
|
let s;
|
|
3024
3025
|
const l = (d) => {
|
|
3025
3026
|
s?.(), s = d;
|
|
3026
3027
|
}, u = gt(() => {
|
|
3027
3028
|
const d = Ge(e);
|
|
3028
3029
|
if (d) {
|
|
3029
|
-
const { stop:
|
|
3030
|
-
|
|
3030
|
+
const { stop: p } = xa(a, (y) => {
|
|
3031
|
+
y.map((k) => [...k.removedNodes]).flat().some((k) => k === d || k.contains(d)) && t(y);
|
|
3031
3032
|
}, {
|
|
3032
|
-
window:
|
|
3033
|
+
window: n,
|
|
3033
3034
|
childList: !0,
|
|
3034
3035
|
subtree: !0
|
|
3035
3036
|
});
|
|
3036
|
-
l(
|
|
3037
|
+
l(p);
|
|
3037
3038
|
}
|
|
3038
3039
|
}, { flush: r }), i = () => {
|
|
3039
3040
|
u(), l();
|
|
3040
3041
|
};
|
|
3041
|
-
return
|
|
3042
|
+
return xn(i), i;
|
|
3042
3043
|
}
|
|
3043
3044
|
// @__NO_SIDE_EFFECTS__
|
|
3044
|
-
function
|
|
3045
|
+
function Ia(e = {}) {
|
|
3045
3046
|
var t;
|
|
3046
|
-
const { window:
|
|
3047
|
+
const { window: o = qe, deep: n = !0, triggerOnRemoval: a = !1 } = e, r = (t = e.document) !== null && t !== void 0 ? t : o?.document, s = () => {
|
|
3047
3048
|
let i = r?.activeElement;
|
|
3048
|
-
if (
|
|
3049
|
+
if (n)
|
|
3049
3050
|
for (var d; i?.shadowRoot; ) i = i == null || (d = i.shadowRoot) === null || d === void 0 ? void 0 : d.activeElement;
|
|
3050
3051
|
return i;
|
|
3051
3052
|
}, l = ue(), u = () => {
|
|
3052
3053
|
l.value = s();
|
|
3053
3054
|
};
|
|
3054
|
-
if (
|
|
3055
|
+
if (o) {
|
|
3055
3056
|
const i = {
|
|
3056
3057
|
capture: !0,
|
|
3057
3058
|
passive: !0
|
|
3058
3059
|
};
|
|
3059
|
-
Ke(
|
|
3060
|
+
Ke(o, "blur", (d) => {
|
|
3060
3061
|
d.relatedTarget === null && u();
|
|
3061
|
-
}, i), Ke(
|
|
3062
|
+
}, i), Ke(o, "focus", u, i);
|
|
3062
3063
|
}
|
|
3063
|
-
return a &&
|
|
3064
|
+
return a && ka(l, u, { document: r }), u(), l;
|
|
3064
3065
|
}
|
|
3065
|
-
const
|
|
3066
|
-
function
|
|
3067
|
-
const { window:
|
|
3068
|
-
if (!
|
|
3066
|
+
const Ma = "focusin", Ca = "focusout", Ea = ":focus-within";
|
|
3067
|
+
function Aa(e, t = {}) {
|
|
3068
|
+
const { window: o = qe } = t, n = T(() => Ge(e)), a = ue(!1), r = T(() => a.value);
|
|
3069
|
+
if (!o || !(/* @__PURE__ */ Ia(t)).value) return { focused: r };
|
|
3069
3070
|
const s = { passive: !0 };
|
|
3070
|
-
return Ke(
|
|
3071
|
+
return Ke(n, Ma, () => a.value = !0, s), Ke(n, Ca, () => {
|
|
3071
3072
|
var l, u, i;
|
|
3072
|
-
return a.value = (l = (u =
|
|
3073
|
+
return a.value = (l = (u = n.value) === null || u === void 0 || (i = u.matches) === null || i === void 0 ? void 0 : i.call(u, Ea)) !== null && l !== void 0 ? l : !1;
|
|
3073
3074
|
}, s), { focused: r };
|
|
3074
3075
|
}
|
|
3075
|
-
function
|
|
3076
|
-
const
|
|
3076
|
+
function $a(e, { window: t = qe, scrollTarget: o } = {}) {
|
|
3077
|
+
const n = R(!1), a = () => {
|
|
3077
3078
|
if (!t) return;
|
|
3078
3079
|
const r = t.document, s = Ge(e);
|
|
3079
3080
|
if (!s)
|
|
3080
|
-
|
|
3081
|
+
n.value = !1;
|
|
3081
3082
|
else {
|
|
3082
3083
|
const l = s.getBoundingClientRect();
|
|
3083
|
-
|
|
3084
|
+
n.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
|
|
3084
3085
|
}
|
|
3085
3086
|
};
|
|
3086
3087
|
return ne(
|
|
3087
3088
|
() => Ge(e),
|
|
3088
3089
|
() => a(),
|
|
3089
3090
|
{ immediate: !0, flush: "post" }
|
|
3090
|
-
), t && Ke(
|
|
3091
|
+
), t && Ke(o || t, "scroll", a, {
|
|
3091
3092
|
capture: !1,
|
|
3092
3093
|
passive: !0
|
|
3093
|
-
}),
|
|
3094
|
+
}), n;
|
|
3094
3095
|
}
|
|
3095
3096
|
const De = (e) => {
|
|
3096
|
-
let t =
|
|
3097
|
+
let t = $a(e).value;
|
|
3097
3098
|
return t = t && e.offsetHeight > 0, t;
|
|
3098
3099
|
}, Se = (e) => e.tabIndex >= 0, Qt = (e) => {
|
|
3099
3100
|
const t = e.target;
|
|
@@ -3101,66 +3102,66 @@ const De = (e) => {
|
|
|
3101
3102
|
}, Bt = (e) => {
|
|
3102
3103
|
let t;
|
|
3103
3104
|
if (e instanceof HTMLTableCellElement) {
|
|
3104
|
-
const
|
|
3105
|
-
if (
|
|
3106
|
-
const
|
|
3107
|
-
|
|
3105
|
+
const o = e.parentElement?.previousElementSibling;
|
|
3106
|
+
if (o) {
|
|
3107
|
+
const n = Array.from(o.children)[e.cellIndex];
|
|
3108
|
+
n && (t = n);
|
|
3108
3109
|
}
|
|
3109
3110
|
} else if (e instanceof HTMLTableRowElement) {
|
|
3110
|
-
const
|
|
3111
|
-
|
|
3111
|
+
const o = e.previousElementSibling;
|
|
3112
|
+
o && (t = o);
|
|
3112
3113
|
}
|
|
3113
3114
|
return t && (!Se(t) || !De(t)) ? Bt(t) : t;
|
|
3114
|
-
},
|
|
3115
|
+
}, Ta = (e) => {
|
|
3115
3116
|
const t = e.target;
|
|
3116
|
-
let
|
|
3117
|
+
let o;
|
|
3117
3118
|
if (t instanceof HTMLTableCellElement) {
|
|
3118
|
-
const
|
|
3119
|
-
if (
|
|
3120
|
-
const a =
|
|
3121
|
-
a && (
|
|
3119
|
+
const n = t.parentElement?.parentElement;
|
|
3120
|
+
if (n) {
|
|
3121
|
+
const a = n.firstElementChild?.children[t.cellIndex];
|
|
3122
|
+
a && (o = a);
|
|
3122
3123
|
}
|
|
3123
3124
|
} else if (t instanceof HTMLTableRowElement) {
|
|
3124
|
-
const
|
|
3125
|
-
if (
|
|
3126
|
-
const a =
|
|
3127
|
-
a && (
|
|
3125
|
+
const n = t.parentElement;
|
|
3126
|
+
if (n) {
|
|
3127
|
+
const a = n.firstElementChild;
|
|
3128
|
+
a && (o = a);
|
|
3128
3129
|
}
|
|
3129
3130
|
}
|
|
3130
|
-
return
|
|
3131
|
+
return o && (!Se(o) || !De(o)) ? Ft(o) : o;
|
|
3131
3132
|
}, Kt = (e) => {
|
|
3132
3133
|
const t = e.target;
|
|
3133
3134
|
return Ft(t);
|
|
3134
3135
|
}, Ft = (e) => {
|
|
3135
3136
|
let t;
|
|
3136
3137
|
if (e instanceof HTMLTableCellElement) {
|
|
3137
|
-
const
|
|
3138
|
-
if (
|
|
3139
|
-
const
|
|
3140
|
-
|
|
3138
|
+
const o = e.parentElement?.nextElementSibling;
|
|
3139
|
+
if (o) {
|
|
3140
|
+
const n = Array.from(o.children)[e.cellIndex];
|
|
3141
|
+
n && (t = n);
|
|
3141
3142
|
}
|
|
3142
3143
|
} else if (e instanceof HTMLTableRowElement) {
|
|
3143
|
-
const
|
|
3144
|
-
|
|
3144
|
+
const o = e.nextElementSibling;
|
|
3145
|
+
o && (t = o);
|
|
3145
3146
|
}
|
|
3146
3147
|
return t && (!Se(t) || !De(t)) ? Ft(t) : t;
|
|
3147
|
-
},
|
|
3148
|
+
}, Da = (e) => {
|
|
3148
3149
|
const t = e.target;
|
|
3149
|
-
let
|
|
3150
|
+
let o;
|
|
3150
3151
|
if (t instanceof HTMLTableCellElement) {
|
|
3151
|
-
const
|
|
3152
|
-
if (
|
|
3153
|
-
const a =
|
|
3154
|
-
a && (
|
|
3152
|
+
const n = t.parentElement?.parentElement;
|
|
3153
|
+
if (n) {
|
|
3154
|
+
const a = n.lastElementChild?.children[t.cellIndex];
|
|
3155
|
+
a && (o = a);
|
|
3155
3156
|
}
|
|
3156
3157
|
} else if (t instanceof HTMLTableRowElement) {
|
|
3157
|
-
const
|
|
3158
|
-
if (
|
|
3159
|
-
const a =
|
|
3160
|
-
a && (
|
|
3158
|
+
const n = t.parentElement;
|
|
3159
|
+
if (n) {
|
|
3160
|
+
const a = n.lastElementChild;
|
|
3161
|
+
a && (o = a);
|
|
3161
3162
|
}
|
|
3162
3163
|
}
|
|
3163
|
-
return
|
|
3164
|
+
return o && (!Se(o) || !De(o)) ? Bt(o) : o;
|
|
3164
3165
|
}, en = (e) => {
|
|
3165
3166
|
const t = e.target;
|
|
3166
3167
|
return Zt(t);
|
|
@@ -3179,12 +3180,12 @@ const De = (e) => {
|
|
|
3179
3180
|
}, on = (e) => {
|
|
3180
3181
|
const t = e.target.parentElement?.lastElementChild;
|
|
3181
3182
|
return t && (!Se(t) || !De(t)) ? Zt(t) : t;
|
|
3182
|
-
}, at = ["alt", "control", "shift", "meta"],
|
|
3183
|
+
}, at = ["alt", "control", "shift", "meta"], Sa = {
|
|
3183
3184
|
ArrowUp: "up",
|
|
3184
3185
|
ArrowDown: "down",
|
|
3185
3186
|
ArrowLeft: "left",
|
|
3186
3187
|
ArrowRight: "right"
|
|
3187
|
-
},
|
|
3188
|
+
}, kn = {
|
|
3188
3189
|
"keydown.up": (e) => {
|
|
3189
3190
|
const t = Qt(e);
|
|
3190
3191
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
@@ -3202,11 +3203,11 @@ const De = (e) => {
|
|
|
3202
3203
|
e.preventDefault(), e.stopPropagation(), t && t.focus();
|
|
3203
3204
|
},
|
|
3204
3205
|
"keydown.control.up": (e) => {
|
|
3205
|
-
const t =
|
|
3206
|
+
const t = Ta(e);
|
|
3206
3207
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
3207
3208
|
},
|
|
3208
3209
|
"keydown.control.down": (e) => {
|
|
3209
|
-
const t =
|
|
3210
|
+
const t = Da(e);
|
|
3210
3211
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
3211
3212
|
},
|
|
3212
3213
|
"keydown.control.left": (e) => {
|
|
@@ -3248,11 +3249,11 @@ const De = (e) => {
|
|
|
3248
3249
|
t && (e.preventDefault(), e.stopPropagation(), t.focus());
|
|
3249
3250
|
}
|
|
3250
3251
|
};
|
|
3251
|
-
function
|
|
3252
|
+
function Ra(e) {
|
|
3252
3253
|
const t = (s) => {
|
|
3253
3254
|
let l = null;
|
|
3254
3255
|
return s.parent && (typeof s.parent == "string" ? l = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? l = s.parent : l = s.parent.value), l;
|
|
3255
|
-
},
|
|
3256
|
+
}, o = (s) => {
|
|
3256
3257
|
const l = t(s);
|
|
3257
3258
|
let u = [];
|
|
3258
3259
|
if (typeof s.selectors == "string")
|
|
@@ -3269,58 +3270,58 @@ function La(e) {
|
|
|
3269
3270
|
else
|
|
3270
3271
|
u.push(s.selectors.value);
|
|
3271
3272
|
return u;
|
|
3272
|
-
},
|
|
3273
|
+
}, n = (s) => {
|
|
3273
3274
|
const l = t(s);
|
|
3274
3275
|
let u = [];
|
|
3275
|
-
return s.selectors ? u =
|
|
3276
|
+
return s.selectors ? u = o(s) : l && (u = Array.from(l.children).filter((i) => Se(i) && De(i))), u;
|
|
3276
3277
|
}, a = (s) => (l) => {
|
|
3277
|
-
const u =
|
|
3278
|
+
const u = Sa[l.key] || l.key.toLowerCase();
|
|
3278
3279
|
if (at.includes(u)) return;
|
|
3279
|
-
const i = s.handlers ||
|
|
3280
|
+
const i = s.handlers || kn;
|
|
3280
3281
|
for (const d of Object.keys(i)) {
|
|
3281
|
-
const [
|
|
3282
|
-
if (
|
|
3283
|
-
const
|
|
3284
|
-
const
|
|
3285
|
-
return l.getModifierState(
|
|
3282
|
+
const [p, ...y] = d.split(".");
|
|
3283
|
+
if (p === "keydown" && y.includes(u)) {
|
|
3284
|
+
const k = i[d], g = y.filter((f) => at.includes(f)), b = at.some((f) => {
|
|
3285
|
+
const m = f.charAt(0).toUpperCase() + f.slice(1);
|
|
3286
|
+
return l.getModifierState(m);
|
|
3286
3287
|
});
|
|
3287
|
-
if (
|
|
3288
|
-
if (
|
|
3288
|
+
if (g.length > 0) {
|
|
3289
|
+
if (b) {
|
|
3289
3290
|
for (const f of at)
|
|
3290
|
-
if (
|
|
3291
|
-
const
|
|
3292
|
-
l.getModifierState(
|
|
3291
|
+
if (y.includes(f)) {
|
|
3292
|
+
const m = f.charAt(0).toUpperCase() + f.slice(1);
|
|
3293
|
+
l.getModifierState(m) && k(l);
|
|
3293
3294
|
}
|
|
3294
3295
|
}
|
|
3295
3296
|
} else
|
|
3296
|
-
|
|
3297
|
+
b || k(l);
|
|
3297
3298
|
}
|
|
3298
3299
|
}
|
|
3299
3300
|
}, r = [];
|
|
3300
3301
|
Ee(() => {
|
|
3301
3302
|
for (const s of e) {
|
|
3302
|
-
const l = t(s), u =
|
|
3303
|
-
for (const
|
|
3304
|
-
const { focused:
|
|
3305
|
-
|
|
3303
|
+
const l = t(s), u = n(s), i = a(s), d = l ? [l] : u;
|
|
3304
|
+
for (const p of d) {
|
|
3305
|
+
const { focused: y } = Aa(R(p)), k = ne(y, (g) => {
|
|
3306
|
+
g ? p.addEventListener("keydown", i) : p.removeEventListener("keydown", i);
|
|
3306
3307
|
});
|
|
3307
|
-
r.push(
|
|
3308
|
+
r.push(k);
|
|
3308
3309
|
}
|
|
3309
3310
|
}
|
|
3310
|
-
}),
|
|
3311
|
+
}), an(() => {
|
|
3311
3312
|
for (const s of r)
|
|
3312
3313
|
s();
|
|
3313
3314
|
});
|
|
3314
3315
|
}
|
|
3315
|
-
const
|
|
3316
|
+
const La = { class: "aform_display-value" }, Ha = { key: 0 }, Va = {
|
|
3316
3317
|
key: 1,
|
|
3317
3318
|
ref: "datepicker",
|
|
3318
3319
|
class: "adatepicker",
|
|
3319
3320
|
tabindex: "0"
|
|
3320
|
-
},
|
|
3321
|
+
}, _a = {
|
|
3321
3322
|
colspan: "5",
|
|
3322
3323
|
tabindex: -1
|
|
3323
|
-
},
|
|
3324
|
+
}, Pa = ["onClick", "onKeydown"], Oa = 6, ln = 7, Ba = /* @__PURE__ */ oe({
|
|
3324
3325
|
__name: "ADatePicker",
|
|
3325
3326
|
props: /* @__PURE__ */ xe({
|
|
3326
3327
|
schema: {},
|
|
@@ -3336,7 +3337,7 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3336
3337
|
}),
|
|
3337
3338
|
emits: ["update:modelValue"],
|
|
3338
3339
|
setup(e, { expose: t }) {
|
|
3339
|
-
const
|
|
3340
|
+
const o = Me(e, "modelValue"), n = R(new Date(o.value)), a = R(n.value.getMonth()), r = R(n.value.getFullYear()), s = R([]), l = fe("datepicker");
|
|
3340
3341
|
Ee(async () => {
|
|
3341
3342
|
u(), await vt();
|
|
3342
3343
|
const C = document.getElementsByClassName("selectedDate");
|
|
@@ -3349,34 +3350,34 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3349
3350
|
});
|
|
3350
3351
|
const u = () => {
|
|
3351
3352
|
s.value = [];
|
|
3352
|
-
const C = new Date(r.value, a.value, 1), $ = C.getDay(),
|
|
3353
|
+
const C = new Date(r.value, a.value, 1), $ = C.getDay(), L = C.setDate(C.getDate() - $);
|
|
3353
3354
|
for (const S of Array(43).keys())
|
|
3354
|
-
s.value.push(
|
|
3355
|
+
s.value.push(L + S * 864e5);
|
|
3355
3356
|
};
|
|
3356
3357
|
ne([a, r], u);
|
|
3357
|
-
const i = () => r.value -= 1, d = () => r.value += 1,
|
|
3358
|
+
const i = () => r.value -= 1, d = () => r.value += 1, p = () => {
|
|
3358
3359
|
a.value == 0 ? (a.value = 11, i()) : a.value -= 1;
|
|
3359
|
-
},
|
|
3360
|
+
}, y = () => {
|
|
3360
3361
|
a.value == 11 ? (a.value = 0, d()) : a.value += 1;
|
|
3361
|
-
},
|
|
3362
|
+
}, k = (C) => {
|
|
3362
3363
|
const $ = /* @__PURE__ */ new Date();
|
|
3363
3364
|
if (a.value === $.getMonth())
|
|
3364
3365
|
return $.toDateString() === new Date(C).toDateString();
|
|
3365
|
-
},
|
|
3366
|
-
|
|
3367
|
-
},
|
|
3366
|
+
}, g = (C) => new Date(C).toDateString() === new Date(n.value).toDateString(), b = (C, $) => (C - 1) * ln + $, f = (C, $) => s.value[b(C, $)], m = (C) => {
|
|
3367
|
+
o.value = n.value = new Date(s.value[C]);
|
|
3368
|
+
}, I = T(() => new Date(r.value, a.value, 1).toLocaleDateString(void 0, {
|
|
3368
3369
|
year: "numeric",
|
|
3369
3370
|
month: "long"
|
|
3370
3371
|
}));
|
|
3371
|
-
return
|
|
3372
|
+
return Ra([
|
|
3372
3373
|
{
|
|
3373
3374
|
parent: l,
|
|
3374
3375
|
selectors: "td",
|
|
3375
3376
|
handlers: {
|
|
3376
|
-
...
|
|
3377
|
-
"keydown.pageup":
|
|
3377
|
+
...kn,
|
|
3378
|
+
"keydown.pageup": p,
|
|
3378
3379
|
"keydown.shift.pageup": i,
|
|
3379
|
-
"keydown.pagedown":
|
|
3380
|
+
"keydown.pagedown": y,
|
|
3380
3381
|
"keydown.shift.pagedown": d,
|
|
3381
3382
|
// TODO: this is a hack to override the stonecrop enter handler;
|
|
3382
3383
|
// store context inside the component so that handlers can be setup consistently
|
|
@@ -3384,23 +3385,23 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3384
3385
|
}
|
|
3385
3386
|
}
|
|
3386
3387
|
}
|
|
3387
|
-
]), t({ currentMonth: a, currentYear: r, selectedDate:
|
|
3388
|
-
w("span",
|
|
3389
|
-
e.label ? (h(),
|
|
3390
|
-
], 64)) : (h(),
|
|
3388
|
+
]), t({ currentMonth: a, currentYear: r, selectedDate: n }), (C, $) => e.mode === "display" || e.mode === "read" ? (h(), x(X, { key: 0 }, [
|
|
3389
|
+
w("span", La, N(o.value ? new Date(o.value).toLocaleDateString() : ""), 1),
|
|
3390
|
+
e.label ? (h(), x("label", Ha, N(e.label), 1)) : Y("", !0)
|
|
3391
|
+
], 64)) : (h(), x("div", Va, [
|
|
3391
3392
|
w("table", null, [
|
|
3392
3393
|
w("tbody", null, [
|
|
3393
3394
|
w("tr", null, [
|
|
3394
3395
|
w("td", {
|
|
3395
3396
|
id: "previous-month-btn",
|
|
3396
3397
|
tabindex: -1,
|
|
3397
|
-
onClick:
|
|
3398
|
+
onClick: p
|
|
3398
3399
|
}, "<"),
|
|
3399
|
-
w("th",
|
|
3400
|
+
w("th", _a, N(I.value), 1),
|
|
3400
3401
|
w("td", {
|
|
3401
3402
|
id: "next-month-btn",
|
|
3402
3403
|
tabindex: -1,
|
|
3403
|
-
onClick:
|
|
3404
|
+
onClick: y
|
|
3404
3405
|
}, ">")
|
|
3405
3406
|
]),
|
|
3406
3407
|
$[0] || ($[0] = w("tr", { class: "days-header" }, [
|
|
@@ -3412,43 +3413,43 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3412
3413
|
w("td", null, "S"),
|
|
3413
3414
|
w("td", null, "S")
|
|
3414
3415
|
], -1)),
|
|
3415
|
-
(h(),
|
|
3416
|
-
(h(),
|
|
3416
|
+
(h(), x(X, null, ve(Oa, (L) => w("tr", { key: L }, [
|
|
3417
|
+
(h(), x(X, null, ve(ln, (S) => w("td", {
|
|
3417
3418
|
ref_for: !0,
|
|
3418
3419
|
ref: "celldate",
|
|
3419
|
-
key:
|
|
3420
|
+
key: b(L, S),
|
|
3420
3421
|
contenteditable: !1,
|
|
3421
3422
|
spellcheck: !1,
|
|
3422
3423
|
tabindex: 0,
|
|
3423
3424
|
class: se({
|
|
3424
|
-
todaysDate:
|
|
3425
|
-
selectedDate:
|
|
3425
|
+
todaysDate: k(f(L, S)),
|
|
3426
|
+
selectedDate: g(f(L, S))
|
|
3426
3427
|
}),
|
|
3427
|
-
onClick: Ie((O) =>
|
|
3428
|
-
onKeydown: Ze((O) =>
|
|
3429
|
-
}, N(new Date(f(
|
|
3428
|
+
onClick: Ie((O) => m(b(L, S)), ["prevent", "stop"]),
|
|
3429
|
+
onKeydown: Ze((O) => m(b(L, S)), ["enter"])
|
|
3430
|
+
}, N(new Date(f(L, S)).getDate()), 43, Pa)), 64))
|
|
3430
3431
|
])), 64))
|
|
3431
3432
|
])
|
|
3432
3433
|
])
|
|
3433
3434
|
], 512));
|
|
3434
3435
|
}
|
|
3435
|
-
}),
|
|
3436
|
+
}), Fa = /* @__PURE__ */ Te(Ba, [["__scopeId", "data-v-9da05d06"]]), Za = /* @__PURE__ */ oe({
|
|
3436
3437
|
__name: "CollapseButton",
|
|
3437
3438
|
props: {
|
|
3438
3439
|
collapsed: { type: Boolean }
|
|
3439
3440
|
},
|
|
3440
3441
|
setup(e) {
|
|
3441
|
-
return (t,
|
|
3442
|
+
return (t, o) => (h(), x("button", {
|
|
3442
3443
|
class: se(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
|
|
3443
3444
|
}, "×", 2));
|
|
3444
3445
|
}
|
|
3445
|
-
}),
|
|
3446
|
+
}), Na = /* @__PURE__ */ Te(Za, [["__scopeId", "data-v-6f1c1b45"]]), Ua = { class: "aform" }, Wa = {
|
|
3446
3447
|
key: 0,
|
|
3447
3448
|
class: "aform-nested-section"
|
|
3448
|
-
},
|
|
3449
|
+
}, Ga = {
|
|
3449
3450
|
key: 0,
|
|
3450
3451
|
class: "aform-nested-label"
|
|
3451
|
-
},
|
|
3452
|
+
}, za = /* @__PURE__ */ oe({
|
|
3452
3453
|
__name: "AForm",
|
|
3453
3454
|
props: /* @__PURE__ */ xe({
|
|
3454
3455
|
schema: {},
|
|
@@ -3459,66 +3460,66 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3459
3460
|
}),
|
|
3460
3461
|
emits: /* @__PURE__ */ xe(["update:schema", "update:data"], ["update:data"]),
|
|
3461
3462
|
setup(e, { emit: t }) {
|
|
3462
|
-
const
|
|
3463
|
+
const o = t, n = Me(e, "data"), a = R({});
|
|
3463
3464
|
ne(
|
|
3464
|
-
() =>
|
|
3465
|
-
(
|
|
3466
|
-
!e.schema || !
|
|
3467
|
-
"schema" in
|
|
3465
|
+
() => n.value,
|
|
3466
|
+
(p) => {
|
|
3467
|
+
!e.schema || !p || e.schema.forEach((y) => {
|
|
3468
|
+
"schema" in y && Array.isArray(y.schema) && y.schema.length > 0 && (a.value[y.fieldname] = p[y.fieldname] ?? {});
|
|
3468
3469
|
});
|
|
3469
3470
|
},
|
|
3470
3471
|
{ immediate: !0 }
|
|
3471
3472
|
);
|
|
3472
|
-
const r = (
|
|
3473
|
-
a.value[
|
|
3474
|
-
}, s = (
|
|
3475
|
-
const
|
|
3476
|
-
for (const [
|
|
3477
|
-
["component", "fieldtype", "mode"].includes(
|
|
3478
|
-
return
|
|
3473
|
+
const r = (p, y) => {
|
|
3474
|
+
a.value[p] = y, n.value && (n.value[p] = y, o("update:data", { ...n.value }));
|
|
3475
|
+
}, s = (p) => {
|
|
3476
|
+
const y = {};
|
|
3477
|
+
for (const [k, g] of Object.entries(p))
|
|
3478
|
+
["component", "fieldtype", "mode"].includes(k) || (y[k] = g), k === "rows" && (!g || Array.isArray(g) && g.length === 0) && (y.rows = n.value[p.fieldname] || []);
|
|
3479
|
+
return y;
|
|
3479
3480
|
}, l = T(() => e.mode ?? "edit");
|
|
3480
|
-
function u(
|
|
3481
|
-
const
|
|
3482
|
-
return
|
|
3481
|
+
function u(p) {
|
|
3482
|
+
const y = p.mode;
|
|
3483
|
+
return y || l.value;
|
|
3483
3484
|
}
|
|
3484
|
-
const i =
|
|
3485
|
+
const i = R([]);
|
|
3485
3486
|
gt(() => {
|
|
3486
|
-
e.schema && i.value.length !== e.schema.length && (i.value = e.schema.map((
|
|
3487
|
+
e.schema && i.value.length !== e.schema.length && (i.value = e.schema.map((p, y) => T({
|
|
3487
3488
|
get() {
|
|
3488
|
-
return
|
|
3489
|
+
return n.value?.[e.schema[y].fieldname];
|
|
3489
3490
|
},
|
|
3490
|
-
set: (
|
|
3491
|
-
const
|
|
3492
|
-
|
|
3491
|
+
set: (k) => {
|
|
3492
|
+
const g = e.schema[y].fieldname;
|
|
3493
|
+
g && n.value && (n.value[g] = k, o("update:data", { ...n.value })), o("update:schema", e.schema);
|
|
3493
3494
|
}
|
|
3494
3495
|
})));
|
|
3495
3496
|
});
|
|
3496
3497
|
const d = T(() => i.value);
|
|
3497
|
-
return (
|
|
3498
|
-
const
|
|
3499
|
-
return h(),
|
|
3500
|
-
(h(!0),
|
|
3501
|
-
"schema" in
|
|
3502
|
-
|
|
3503
|
-
ct(
|
|
3504
|
-
data: a.value[
|
|
3505
|
-
mode: u(
|
|
3506
|
-
schema:
|
|
3507
|
-
"onUpdate:data": (f) => r(
|
|
3498
|
+
return (p, y) => {
|
|
3499
|
+
const k = cn("AForm", !0);
|
|
3500
|
+
return h(), x("form", Ua, [
|
|
3501
|
+
(h(!0), x(X, null, ve(e.schema, (g, b) => (h(), x(X, { key: b }, [
|
|
3502
|
+
"schema" in g && Array.isArray(g.schema) && g.schema.length > 0 ? (h(), x("div", Wa, [
|
|
3503
|
+
g.label ? (h(), x("h4", Ga, N(g.label), 1)) : Y("", !0),
|
|
3504
|
+
ct(k, {
|
|
3505
|
+
data: a.value[g.fieldname],
|
|
3506
|
+
mode: u(g),
|
|
3507
|
+
schema: g.schema,
|
|
3508
|
+
"onUpdate:data": (f) => r(g.fieldname, f)
|
|
3508
3509
|
}, null, 8, ["data", "mode", "schema", "onUpdate:data"])
|
|
3509
|
-
])) : (h(),
|
|
3510
|
+
])) : (h(), me(Ue(g.component), ft({
|
|
3510
3511
|
key: 1,
|
|
3511
|
-
modelValue: d.value[
|
|
3512
|
-
"onUpdate:modelValue": (f) => d.value[
|
|
3513
|
-
schema:
|
|
3514
|
-
data:
|
|
3515
|
-
mode: u(
|
|
3516
|
-
}, { ref_for: !0 }, s(
|
|
3512
|
+
modelValue: d.value[b].value,
|
|
3513
|
+
"onUpdate:modelValue": (f) => d.value[b].value = f,
|
|
3514
|
+
schema: g,
|
|
3515
|
+
data: n.value[g.fieldname],
|
|
3516
|
+
mode: u(g)
|
|
3517
|
+
}, { ref_for: !0 }, s(g)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "mode"]))
|
|
3517
3518
|
], 64))), 128))
|
|
3518
3519
|
]);
|
|
3519
3520
|
};
|
|
3520
3521
|
}
|
|
3521
|
-
}),
|
|
3522
|
+
}), In = /* @__PURE__ */ Te(za, [["__scopeId", "data-v-5c01cea5"]]), qa = /* @__PURE__ */ oe({
|
|
3522
3523
|
__name: "AFieldset",
|
|
3523
3524
|
props: {
|
|
3524
3525
|
schema: {},
|
|
@@ -3528,42 +3529,42 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3528
3529
|
mode: { default: "edit" }
|
|
3529
3530
|
},
|
|
3530
3531
|
setup(e, { expose: t }) {
|
|
3531
|
-
const
|
|
3532
|
-
s.preventDefault(), e.collapsible && (
|
|
3532
|
+
const o = R(!1), n = R(e.data || []), a = R(e.schema), r = (s) => {
|
|
3533
|
+
s.preventDefault(), e.collapsible && (o.value = !o.value);
|
|
3533
3534
|
};
|
|
3534
|
-
return t({ collapsed:
|
|
3535
|
+
return t({ collapsed: o }), (s, l) => (h(), x("fieldset", null, [
|
|
3535
3536
|
w("legend", {
|
|
3536
3537
|
onClick: r,
|
|
3537
3538
|
onSubmit: r
|
|
3538
3539
|
}, [
|
|
3539
3540
|
Dt(N(e.label) + " ", 1),
|
|
3540
|
-
e.collapsible ? (h(),
|
|
3541
|
+
e.collapsible ? (h(), me(Na, {
|
|
3541
3542
|
key: 0,
|
|
3542
|
-
collapsed:
|
|
3543
|
+
collapsed: o.value
|
|
3543
3544
|
}, null, 8, ["collapsed"])) : Y("", !0)
|
|
3544
3545
|
], 32),
|
|
3545
|
-
he(s.$slots, "default", { collapsed:
|
|
3546
|
-
K(ct(
|
|
3547
|
-
data:
|
|
3548
|
-
"onUpdate:data": l[0] || (l[0] = (u) =>
|
|
3546
|
+
he(s.$slots, "default", { collapsed: o.value }, () => [
|
|
3547
|
+
K(ct(In, {
|
|
3548
|
+
data: n.value,
|
|
3549
|
+
"onUpdate:data": l[0] || (l[0] = (u) => n.value = u),
|
|
3549
3550
|
schema: a.value,
|
|
3550
3551
|
mode: e.mode
|
|
3551
3552
|
}, null, 8, ["data", "schema", "mode"]), [
|
|
3552
|
-
[Ce, !
|
|
3553
|
+
[Ce, !o.value]
|
|
3553
3554
|
])
|
|
3554
3555
|
], !0)
|
|
3555
3556
|
]));
|
|
3556
3557
|
}
|
|
3557
|
-
}),
|
|
3558
|
+
}), Ya = /* @__PURE__ */ Te(qa, [["__scopeId", "data-v-a3606386"]]), Xa = { class: "aform_form-element aform_file-attach aform__grid--full" }, ja = {
|
|
3558
3559
|
key: 0,
|
|
3559
3560
|
class: "aform_file-attach-feedback"
|
|
3560
|
-
},
|
|
3561
|
+
}, Ja = {
|
|
3561
3562
|
key: 1,
|
|
3562
3563
|
class: "aform_display-value"
|
|
3563
|
-
},
|
|
3564
|
+
}, Qa = {
|
|
3564
3565
|
key: 0,
|
|
3565
3566
|
class: "aform_file-attach-feedback"
|
|
3566
|
-
},
|
|
3567
|
+
}, Ka = ["disabled"], es = ["disabled"], ts = /* @__PURE__ */ oe({
|
|
3567
3568
|
__name: "AFileAttach",
|
|
3568
3569
|
props: {
|
|
3569
3570
|
schema: {},
|
|
@@ -3575,27 +3576,27 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3575
3576
|
validation: {}
|
|
3576
3577
|
},
|
|
3577
3578
|
setup(e) {
|
|
3578
|
-
const { files: t, open:
|
|
3579
|
+
const { files: t, open: o, reset: n, onChange: a } = ea(), r = T(() => {
|
|
3579
3580
|
const s = t.value?.length ?? 0;
|
|
3580
3581
|
return `${s} ${s === 1 ? "file" : "files"}`;
|
|
3581
3582
|
});
|
|
3582
|
-
return a((s) => s), (s, l) => (h(),
|
|
3583
|
-
e.mode === "display" ? (h(),
|
|
3584
|
-
V(t) ? (h(),
|
|
3583
|
+
return a((s) => s), (s, l) => (h(), x("div", Xa, [
|
|
3584
|
+
e.mode === "display" ? (h(), x(X, { key: 0 }, [
|
|
3585
|
+
V(t) ? (h(), x("div", ja, [
|
|
3585
3586
|
w("p", null, [
|
|
3586
3587
|
w("b", null, N(r.value), 1)
|
|
3587
3588
|
]),
|
|
3588
|
-
(h(!0),
|
|
3589
|
+
(h(!0), x(X, null, ve(V(t), (u) => (h(), x("li", {
|
|
3589
3590
|
key: u.name
|
|
3590
3591
|
}, N(u.name), 1))), 128))
|
|
3591
|
-
])) : (h(),
|
|
3592
|
-
], 64)) : (h(),
|
|
3593
|
-
V(t) ? (h(),
|
|
3592
|
+
])) : (h(), x("span", Ja, "No file selected"))
|
|
3593
|
+
], 64)) : (h(), x(X, { key: 1 }, [
|
|
3594
|
+
V(t) ? (h(), x("div", Qa, [
|
|
3594
3595
|
w("p", null, [
|
|
3595
3596
|
l[2] || (l[2] = Dt(" You have selected: ", -1)),
|
|
3596
3597
|
w("b", null, N(r.value), 1)
|
|
3597
3598
|
]),
|
|
3598
|
-
(h(!0),
|
|
3599
|
+
(h(!0), x(X, null, ve(V(t), (u) => (h(), x("li", {
|
|
3599
3600
|
key: u.name
|
|
3600
3601
|
}, N(u.name), 1))), 128))
|
|
3601
3602
|
])) : Y("", !0),
|
|
@@ -3603,18 +3604,18 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3603
3604
|
type: "button",
|
|
3604
3605
|
class: "aform_form-btn",
|
|
3605
3606
|
disabled: e.mode === "read",
|
|
3606
|
-
onClick: l[0] || (l[0] = (u) => V(
|
|
3607
|
-
}, N(e.label), 9,
|
|
3607
|
+
onClick: l[0] || (l[0] = (u) => V(o)())
|
|
3608
|
+
}, N(e.label), 9, Ka),
|
|
3608
3609
|
w("button", {
|
|
3609
3610
|
type: "button",
|
|
3610
3611
|
disabled: !V(t) || e.mode === "read",
|
|
3611
3612
|
class: "aform_form-btn",
|
|
3612
|
-
onClick: l[1] || (l[1] = (u) => V(
|
|
3613
|
-
}, "Reset", 8,
|
|
3613
|
+
onClick: l[1] || (l[1] = (u) => V(n)())
|
|
3614
|
+
}, "Reset", 8, es)
|
|
3614
3615
|
], 64))
|
|
3615
3616
|
]));
|
|
3616
3617
|
}
|
|
3617
|
-
}),
|
|
3618
|
+
}), ns = /* @__PURE__ */ Te(ts, [["__scopeId", "data-v-6543d39a"]]), os = { class: "aform_form-element" }, ls = { class: "aform_display-value" }, as = { class: "aform_field-label" }, ss = ["id", "disabled", "required"], rs = ["for"], is = ["innerHTML"], us = /* @__PURE__ */ oe({
|
|
3618
3619
|
__name: "ANumericInput",
|
|
3619
3620
|
props: /* @__PURE__ */ xe({
|
|
3620
3621
|
schema: {},
|
|
@@ -3631,91 +3632,80 @@ const Ha = { class: "aform_display-value" }, Va = { key: 0 }, _a = {
|
|
|
3631
3632
|
emits: ["update:modelValue"],
|
|
3632
3633
|
setup(e) {
|
|
3633
3634
|
const t = Me(e, "modelValue");
|
|
3634
|
-
return (
|
|
3635
|
-
e.mode === "display" ? (h(),
|
|
3636
|
-
w("span",
|
|
3637
|
-
w("label",
|
|
3638
|
-
], 64)) : (h(),
|
|
3635
|
+
return (o, n) => (h(), x("div", os, [
|
|
3636
|
+
e.mode === "display" ? (h(), x(X, { key: 0 }, [
|
|
3637
|
+
w("span", ls, N(t.value ?? ""), 1),
|
|
3638
|
+
w("label", as, N(e.label), 1)
|
|
3639
|
+
], 64)) : (h(), x(X, { key: 1 }, [
|
|
3639
3640
|
K(w("input", {
|
|
3640
3641
|
id: e.uuid,
|
|
3641
|
-
"onUpdate:modelValue":
|
|
3642
|
+
"onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
|
|
3642
3643
|
class: "aform_input-field",
|
|
3643
3644
|
type: "number",
|
|
3644
3645
|
disabled: e.mode === "read",
|
|
3645
3646
|
required: e.required
|
|
3646
|
-
}, null, 8,
|
|
3647
|
+
}, null, 8, ss), [
|
|
3647
3648
|
[we, t.value]
|
|
3648
3649
|
]),
|
|
3649
3650
|
w("label", {
|
|
3650
3651
|
class: "aform_field-label",
|
|
3651
3652
|
for: e.uuid
|
|
3652
|
-
}, N(e.label), 9,
|
|
3653
|
+
}, N(e.label), 9, rs),
|
|
3653
3654
|
K(w("p", {
|
|
3654
3655
|
class: "aform_error",
|
|
3655
3656
|
innerHTML: e.validation.errorMessage
|
|
3656
|
-
}, null, 8,
|
|
3657
|
+
}, null, 8, is), [
|
|
3657
3658
|
[Ce, e.validation.errorMessage]
|
|
3658
3659
|
])
|
|
3659
3660
|
], 64))
|
|
3660
3661
|
]));
|
|
3661
3662
|
}
|
|
3662
|
-
})
|
|
3663
|
-
|
|
3664
|
-
datetime: "####/##/## ##:##",
|
|
3665
|
-
time: "##:##",
|
|
3666
|
-
fulltime: "##:##:##",
|
|
3667
|
-
phone: "(###) ### - ####",
|
|
3668
|
-
card: "#### #### #### ####"
|
|
3669
|
-
};
|
|
3670
|
-
function ds(e) {
|
|
3663
|
+
});
|
|
3664
|
+
function cs(e) {
|
|
3671
3665
|
try {
|
|
3672
3666
|
return Function(`"use strict";return (${e})`)();
|
|
3673
3667
|
} catch {
|
|
3674
3668
|
}
|
|
3675
3669
|
}
|
|
3676
|
-
function
|
|
3677
|
-
|
|
3678
|
-
if (t)
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
}
|
|
3684
|
-
} else {
|
|
3685
|
-
const o = e.instance?.schema?.fieldtype?.toLowerCase();
|
|
3686
|
-
o && an[o] && (t = an[o]);
|
|
3670
|
+
function ds(e) {
|
|
3671
|
+
const t = e.value;
|
|
3672
|
+
if (!t) return;
|
|
3673
|
+
const o = cs(t);
|
|
3674
|
+
if (o) {
|
|
3675
|
+
const n = e.instance?.locale;
|
|
3676
|
+
return o(n);
|
|
3687
3677
|
}
|
|
3688
3678
|
return t;
|
|
3689
3679
|
}
|
|
3690
|
-
function
|
|
3691
|
-
let
|
|
3692
|
-
const
|
|
3693
|
-
for (const a of
|
|
3694
|
-
|
|
3695
|
-
return
|
|
3680
|
+
function fs(e, t) {
|
|
3681
|
+
let o = e;
|
|
3682
|
+
const n = [t, "/", "-", "(", ")", " "];
|
|
3683
|
+
for (const a of n)
|
|
3684
|
+
o = o.replaceAll(a, "");
|
|
3685
|
+
return o;
|
|
3696
3686
|
}
|
|
3697
|
-
function
|
|
3698
|
-
let
|
|
3687
|
+
function vs(e, t, o) {
|
|
3688
|
+
let n = t;
|
|
3699
3689
|
for (const a of e) {
|
|
3700
|
-
const r =
|
|
3690
|
+
const r = n.indexOf(o);
|
|
3701
3691
|
if (r !== -1) {
|
|
3702
|
-
const s =
|
|
3703
|
-
|
|
3692
|
+
const s = n.substring(0, r), l = n.substring(r + 1);
|
|
3693
|
+
n = s + a + l;
|
|
3704
3694
|
}
|
|
3705
3695
|
}
|
|
3706
|
-
return
|
|
3696
|
+
return n.slice(0, t.length);
|
|
3707
3697
|
}
|
|
3708
3698
|
function ps(e, t) {
|
|
3709
|
-
const
|
|
3710
|
-
if (!
|
|
3711
|
-
const
|
|
3699
|
+
const o = ds(t);
|
|
3700
|
+
if (!o) return;
|
|
3701
|
+
const n = "#", a = e.value, r = fs(a, n);
|
|
3712
3702
|
if (r) {
|
|
3713
|
-
const s =
|
|
3714
|
-
t.instance?.maskFilled && (t.instance.maskFilled = !s.includes(
|
|
3703
|
+
const s = vs(r, o, n);
|
|
3704
|
+
t.instance?.maskFilled && (t.instance.maskFilled = !s.includes(n)), e.value = s;
|
|
3715
3705
|
} else
|
|
3716
|
-
e.value =
|
|
3706
|
+
e.value = o;
|
|
3717
3707
|
}
|
|
3718
|
-
const
|
|
3708
|
+
const ms = { class: "aform_form-element" }, hs = { class: "aform_display-value" }, gs = { class: "aform_field-label" }, ws = ["id", "disabled", "maxlength", "required"], ys = ["for"], bs = ["innerHTML"], xs = /* @__PURE__ */ oe({
|
|
3719
3709
|
__name: "ATextInput",
|
|
3720
3710
|
props: /* @__PURE__ */ xe({
|
|
3721
3711
|
schema: {},
|
|
@@ -3731,40 +3721,40 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3731
3721
|
}),
|
|
3732
3722
|
emits: ["update:modelValue"],
|
|
3733
3723
|
setup(e) {
|
|
3734
|
-
const t =
|
|
3735
|
-
return (
|
|
3736
|
-
e.mode === "display" ? (h(),
|
|
3737
|
-
w("span",
|
|
3738
|
-
w("label",
|
|
3739
|
-
], 64)) : (h(),
|
|
3724
|
+
const t = R(!0), o = Me(e, "modelValue");
|
|
3725
|
+
return (n, a) => (h(), x("div", ms, [
|
|
3726
|
+
e.mode === "display" ? (h(), x(X, { key: 0 }, [
|
|
3727
|
+
w("span", hs, N(o.value ?? ""), 1),
|
|
3728
|
+
w("label", gs, N(e.label), 1)
|
|
3729
|
+
], 64)) : (h(), x(X, { key: 1 }, [
|
|
3740
3730
|
K(w("input", {
|
|
3741
3731
|
id: e.uuid,
|
|
3742
|
-
"onUpdate:modelValue": a[0] || (a[0] = (r) =>
|
|
3732
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => o.value = r),
|
|
3743
3733
|
class: "aform_input-field",
|
|
3744
3734
|
disabled: e.mode === "read",
|
|
3745
3735
|
maxlength: e.mask && t.value ? e.mask.length : void 0,
|
|
3746
3736
|
required: e.required
|
|
3747
|
-
}, null, 8,
|
|
3748
|
-
[we,
|
|
3737
|
+
}, null, 8, ws), [
|
|
3738
|
+
[we, o.value],
|
|
3749
3739
|
[V(ps), e.mask]
|
|
3750
3740
|
]),
|
|
3751
3741
|
w("label", {
|
|
3752
3742
|
class: "aform_field-label",
|
|
3753
3743
|
for: e.uuid
|
|
3754
|
-
}, N(e.label), 9,
|
|
3744
|
+
}, N(e.label), 9, ys),
|
|
3755
3745
|
K(w("p", {
|
|
3756
3746
|
class: "aform_error",
|
|
3757
3747
|
innerHTML: e.validation.errorMessage
|
|
3758
|
-
}, null, 8,
|
|
3748
|
+
}, null, 8, bs), [
|
|
3759
3749
|
[Ce, e.validation.errorMessage]
|
|
3760
3750
|
])
|
|
3761
3751
|
], 64))
|
|
3762
3752
|
]));
|
|
3763
3753
|
}
|
|
3764
|
-
}),
|
|
3754
|
+
}), ks = { class: "login-container" }, Is = { class: "account-container" }, Ms = { class: "account-header" }, Cs = { id: "account-title" }, Es = { id: "account-subtitle" }, As = { class: "login-form-container" }, $s = { class: "login-form-email aform_form-element" }, Ts = ["disabled"], Ds = { class: "login-form-password aform_form-element" }, Ss = ["disabled"], Rs = ["disabled"], Ls = {
|
|
3765
3755
|
key: 0,
|
|
3766
3756
|
class: "material-symbols-outlined loading-icon"
|
|
3767
|
-
},
|
|
3757
|
+
}, Hs = /* @__PURE__ */ oe({
|
|
3768
3758
|
__name: "Login",
|
|
3769
3759
|
props: {
|
|
3770
3760
|
headerTitle: { default: "Login" },
|
|
@@ -3772,24 +3762,24 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3772
3762
|
},
|
|
3773
3763
|
emits: ["loginFailed", "loginSuccess"],
|
|
3774
3764
|
setup(e, { emit: t }) {
|
|
3775
|
-
const
|
|
3765
|
+
const o = t, n = R(""), a = R(""), r = R(!1), s = R(!1);
|
|
3776
3766
|
function l(u) {
|
|
3777
3767
|
if (u.preventDefault(), r.value = !0, s.value) {
|
|
3778
|
-
r.value = !1,
|
|
3768
|
+
r.value = !1, o("loginFailed");
|
|
3779
3769
|
return;
|
|
3780
3770
|
}
|
|
3781
|
-
r.value = !1,
|
|
3771
|
+
r.value = !1, o("loginSuccess");
|
|
3782
3772
|
}
|
|
3783
|
-
return (u, i) => (h(),
|
|
3773
|
+
return (u, i) => (h(), x("div", ks, [
|
|
3784
3774
|
w("div", null, [
|
|
3785
|
-
w("div",
|
|
3786
|
-
w("div",
|
|
3787
|
-
w("h1",
|
|
3788
|
-
w("p",
|
|
3775
|
+
w("div", Is, [
|
|
3776
|
+
w("div", Ms, [
|
|
3777
|
+
w("h1", Cs, N(e.headerTitle), 1),
|
|
3778
|
+
w("p", Es, N(e.headerSubtitle), 1)
|
|
3789
3779
|
]),
|
|
3790
3780
|
w("form", { onSubmit: l }, [
|
|
3791
|
-
w("div",
|
|
3792
|
-
w("div",
|
|
3781
|
+
w("div", As, [
|
|
3782
|
+
w("div", $s, [
|
|
3793
3783
|
i[2] || (i[2] = w("label", {
|
|
3794
3784
|
id: "login-email",
|
|
3795
3785
|
for: "email",
|
|
@@ -3797,7 +3787,7 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3797
3787
|
}, "Email", -1)),
|
|
3798
3788
|
K(w("input", {
|
|
3799
3789
|
id: "email",
|
|
3800
|
-
"onUpdate:modelValue": i[0] || (i[0] = (d) =>
|
|
3790
|
+
"onUpdate:modelValue": i[0] || (i[0] = (d) => n.value = d),
|
|
3801
3791
|
class: "aform_input-field",
|
|
3802
3792
|
name: "email",
|
|
3803
3793
|
placeholder: "name@example.com",
|
|
@@ -3806,11 +3796,11 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3806
3796
|
"auto-complete": "email",
|
|
3807
3797
|
"auto-correct": "off",
|
|
3808
3798
|
disabled: r.value
|
|
3809
|
-
}, null, 8,
|
|
3810
|
-
[we,
|
|
3799
|
+
}, null, 8, Ts), [
|
|
3800
|
+
[we, n.value]
|
|
3811
3801
|
])
|
|
3812
3802
|
]),
|
|
3813
|
-
w("div",
|
|
3803
|
+
w("div", Ds, [
|
|
3814
3804
|
i[3] || (i[3] = w("label", {
|
|
3815
3805
|
id: "login-password",
|
|
3816
3806
|
for: "password",
|
|
@@ -3823,18 +3813,18 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3823
3813
|
name: "password",
|
|
3824
3814
|
type: "password",
|
|
3825
3815
|
disabled: r.value
|
|
3826
|
-
}, null, 8,
|
|
3816
|
+
}, null, 8, Ss), [
|
|
3827
3817
|
[we, a.value]
|
|
3828
3818
|
])
|
|
3829
3819
|
]),
|
|
3830
3820
|
w("button", {
|
|
3831
3821
|
class: "btn",
|
|
3832
|
-
disabled: r.value || !
|
|
3822
|
+
disabled: r.value || !n.value || !a.value,
|
|
3833
3823
|
onClick: l
|
|
3834
3824
|
}, [
|
|
3835
|
-
r.value ? (h(),
|
|
3825
|
+
r.value ? (h(), x("span", Ls, "progress_activity")) : Y("", !0),
|
|
3836
3826
|
i[4] || (i[4] = w("span", { id: "login-form-button" }, "Login", -1))
|
|
3837
|
-
], 8,
|
|
3827
|
+
], 8, Rs)
|
|
3838
3828
|
])
|
|
3839
3829
|
], 32),
|
|
3840
3830
|
i[5] || (i[5] = w("button", { class: "btn" }, [
|
|
@@ -3844,22 +3834,22 @@ const hs = { class: "aform_form-element" }, gs = { class: "aform_display-value"
|
|
|
3844
3834
|
])
|
|
3845
3835
|
]));
|
|
3846
3836
|
}
|
|
3847
|
-
}),
|
|
3848
|
-
function
|
|
3849
|
-
e.use(
|
|
3837
|
+
}), Ps = /* @__PURE__ */ Te(Hs, [["__scopeId", "data-v-d9ffd0a7"]]);
|
|
3838
|
+
function Os(e) {
|
|
3839
|
+
e.use(Tl), e.component("ACheckbox", Ol), e.component("ACombobox", Bl), e.component("ADate", Gl), e.component("ADropdown", fa), e.component("ADatePicker", Fa), e.component("AFieldset", Ya), e.component("AFileAttach", ns), e.component("AForm", In), e.component("ANumericInput", us), e.component("ATextInput", xs);
|
|
3850
3840
|
}
|
|
3851
3841
|
export {
|
|
3852
|
-
|
|
3853
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
3856
|
-
|
|
3857
|
-
|
|
3858
|
-
|
|
3859
|
-
|
|
3860
|
-
|
|
3861
|
-
|
|
3862
|
-
|
|
3863
|
-
|
|
3842
|
+
Ol as ACheckbox,
|
|
3843
|
+
Bl as AComboBox,
|
|
3844
|
+
Gl as ADate,
|
|
3845
|
+
Fa as ADatePicker,
|
|
3846
|
+
fa as ADropdown,
|
|
3847
|
+
Ya as AFieldset,
|
|
3848
|
+
ns as AFileAttach,
|
|
3849
|
+
In as AForm,
|
|
3850
|
+
us as ANumericInput,
|
|
3851
|
+
xs as ATextInput,
|
|
3852
|
+
Ps as Login,
|
|
3853
|
+
Os as install
|
|
3864
3854
|
};
|
|
3865
3855
|
//# sourceMappingURL=aform.js.map
|