doph-js 0.3.9 → 0.3.11
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/dophJs.js +850 -842
- package/dist/dophJs.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/dophJs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useSlots as Ce, computed as h, h as at, openBlock as d, createBlock as
|
|
1
|
+
import { useSlots as Ce, computed as h, h as at, openBlock as d, createBlock as k, unref as L, ref as T, createElementBlock as p, Fragment as ne, normalizeClass as S, renderSlot as I, createCommentVNode as x, normalizeStyle as z, resolveDynamicComponent as U, createStaticVNode as pt, onMounted as he, toDisplayString as O, withDirectives as Z, createElementVNode as b, vModelDynamic as De, withCtx as E, createTextVNode as J, Transition as Ne, withModifiers as j, resolveComponent as Lt, resolveDirective as Re, normalizeProps as ft, guardReactiveProps as mt, createVNode as Q, renderList as me, pushScopeId as It, popScopeId as Bt, reactive as Oe, Teleport as ht, nextTick as gt, getCurrentInstance as Ve, watch as vt, onUnmounted as Et, mergeProps as ue, useCssVars as Ae, shallowRef as Mt, defineComponent as Nt, TransitionGroup as yt, vModelCheckbox as _t, vModelSelect as Rt, toRef as Ot, KeepAlive as Vt, vShow as At, toRefs as Ht, vModelText as zt } from "vue";
|
|
2
2
|
const re = {
|
|
3
3
|
__name: "DIcon",
|
|
4
4
|
props: {
|
|
@@ -7,8 +7,8 @@ const re = {
|
|
|
7
7
|
color: String,
|
|
8
8
|
className: String
|
|
9
9
|
},
|
|
10
|
-
setup(
|
|
11
|
-
const e =
|
|
10
|
+
setup(o) {
|
|
11
|
+
const e = o, t = Ce(), n = h(() => {
|
|
12
12
|
const { className: r } = e;
|
|
13
13
|
return r === void 0 ? "icon" : ["icon", r].join(" ");
|
|
14
14
|
}), s = h(() => {
|
|
@@ -27,60 +27,60 @@ const re = {
|
|
|
27
27
|
fontSize: a.value
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
|
-
e.component ? at(e.component) :
|
|
30
|
+
e.component ? at(e.component) : t
|
|
31
31
|
));
|
|
32
|
-
return (r, i) => (d(),
|
|
32
|
+
return (r, i) => (d(), k(L(l)));
|
|
33
33
|
}
|
|
34
34
|
}, oe = {
|
|
35
35
|
state: {},
|
|
36
36
|
getters: {
|
|
37
|
-
getIcon(
|
|
38
|
-
return oe.state[
|
|
37
|
+
getIcon(o) {
|
|
38
|
+
return oe.state[o];
|
|
39
39
|
},
|
|
40
40
|
getIcons() {
|
|
41
41
|
return oe.state;
|
|
42
42
|
}
|
|
43
43
|
},
|
|
44
44
|
mutations: {
|
|
45
|
-
addIcon(
|
|
45
|
+
addIcon(o, e) {
|
|
46
46
|
oe.state.name = e;
|
|
47
47
|
},
|
|
48
|
-
addIcons(
|
|
49
|
-
for (const e in
|
|
50
|
-
|
|
48
|
+
addIcons(o) {
|
|
49
|
+
for (const e in o)
|
|
50
|
+
o.hasOwnProperty(e) && (oe.state[e] = o[e]);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
function bt(
|
|
55
|
-
const e =
|
|
56
|
-
let
|
|
57
|
-
for (;
|
|
58
|
-
n +=
|
|
54
|
+
function bt(o) {
|
|
55
|
+
const e = o.value.getBoundingClientRect();
|
|
56
|
+
let t = o.value, n = 0, s = 0;
|
|
57
|
+
for (; t && !isNaN(t.offsetLeft) && !isNaN(t.offsetTop); )
|
|
58
|
+
n += t.offsetLeft - t.scrollLeft, s += t.offsetTop - t.scrollTop, t = t.offsetParent;
|
|
59
59
|
return { top: s, left: n, x: e.x, y: e.y, width: e.width, height: e.height };
|
|
60
60
|
}
|
|
61
61
|
function Ft() {
|
|
62
|
-
function
|
|
62
|
+
function o(s) {
|
|
63
63
|
return s * Math.random() | 0;
|
|
64
64
|
}
|
|
65
65
|
function e() {
|
|
66
|
-
return
|
|
66
|
+
return o(16).toString(16);
|
|
67
67
|
}
|
|
68
|
-
function
|
|
68
|
+
function t(s) {
|
|
69
69
|
let a = "";
|
|
70
70
|
for (let l = 0; l < s; ++l)
|
|
71
71
|
a += e();
|
|
72
72
|
return a;
|
|
73
73
|
}
|
|
74
74
|
function n() {
|
|
75
|
-
return (
|
|
75
|
+
return (o(16) & 3 | 8).toString(16);
|
|
76
76
|
}
|
|
77
|
-
return
|
|
77
|
+
return t(8) + "-" + t(4) + "-4" + t(3) + "-" + n() + t(3) + "-" + t(12);
|
|
78
78
|
}
|
|
79
|
-
const se = (
|
|
80
|
-
const
|
|
79
|
+
const se = (o, e) => {
|
|
80
|
+
const t = o.__vccOpts || o;
|
|
81
81
|
for (const [n, s] of e)
|
|
82
|
-
|
|
83
|
-
return
|
|
82
|
+
t[n] = s;
|
|
83
|
+
return t;
|
|
84
84
|
}, Wt = {
|
|
85
85
|
key: 0,
|
|
86
86
|
class: "loading-svg rotating",
|
|
@@ -119,48 +119,48 @@ const se = (t, e) => {
|
|
|
119
119
|
}
|
|
120
120
|
},
|
|
121
121
|
emits: ["click", "contextmenu"],
|
|
122
|
-
setup(
|
|
123
|
-
const n =
|
|
124
|
-
|
|
122
|
+
setup(o, { expose: e, emit: t }) {
|
|
123
|
+
const n = o, s = Ce(), a = T(null), l = h(() => n.icon ? oe.getters.getIcon(n.icon) : null), r = ($) => {
|
|
124
|
+
t("click", $);
|
|
125
125
|
}, i = ($) => {
|
|
126
|
-
|
|
127
|
-
}, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], _ = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"),
|
|
126
|
+
t("contextmenu", $);
|
|
127
|
+
}, c = h(() => n.scale === "large" ? "button-lg" : n.scale === "small" ? "button-sm" : ""), u = h(() => n.disabled ? "disabled" : ""), g = ($) => !!s[$], _ = h(() => g("default") ? "" : n.scale === "large" ? "d-button-lg-icon" : n.scale === "small" ? "d-button-sm-icon" : "d-button-icon"), C = h(() => {
|
|
128
128
|
const $ = n.outline ? "-outline" : "";
|
|
129
129
|
return n.type === "primary" ? `button${$}-blue` : n.type === "success" ? `button${$}-green` : n.type === "error" ? `button${$}-red` : n.type === "warning" ? `button${$}-orange` : n.type === "wait" ? `button${$}-violet` : n.outline ? `button${$}` : "";
|
|
130
130
|
});
|
|
131
131
|
return e({
|
|
132
132
|
elementSize: () => bt(a)
|
|
133
|
-
}), ($, A) => (d(),
|
|
134
|
-
l.value ?
|
|
133
|
+
}), ($, A) => (d(), p(ne, null, [
|
|
134
|
+
l.value ? x("", !0) : (d(), p("div", {
|
|
135
135
|
key: 0,
|
|
136
136
|
ref_key: "el",
|
|
137
137
|
ref: a,
|
|
138
138
|
onClick: r,
|
|
139
139
|
onContextmenu: i,
|
|
140
|
-
class: S(["button", [n.class, c.value,
|
|
140
|
+
class: S(["button", [n.class, c.value, C.value, u.value].join(" ")])
|
|
141
141
|
}, [
|
|
142
142
|
I($.$slots, "default", {}, void 0, !0),
|
|
143
|
-
n.loading ? (d(),
|
|
143
|
+
n.loading ? (d(), p("svg", Wt, jt)) : x("", !0)
|
|
144
144
|
], 34)),
|
|
145
|
-
l.value ? (d(),
|
|
145
|
+
l.value ? (d(), p("div", {
|
|
146
146
|
key: 1,
|
|
147
147
|
ref_key: "el",
|
|
148
148
|
ref: a,
|
|
149
149
|
onClick: r,
|
|
150
150
|
onContextmenu: i,
|
|
151
|
-
class: S(["button button-ext", [n.class, c.value, _.value,
|
|
151
|
+
class: S(["button button-ext", [n.class, c.value, _.value, C.value, u.value].join(" ")]),
|
|
152
152
|
style: z(n.style)
|
|
153
153
|
}, [
|
|
154
|
-
n.icon ? (d(),
|
|
154
|
+
n.icon ? (d(), k(U(re), {
|
|
155
155
|
key: 0,
|
|
156
156
|
component: l.value,
|
|
157
157
|
color: "inherit"
|
|
158
|
-
}, null, 8, ["component"])) :
|
|
159
|
-
L(s).default ? (d(),
|
|
158
|
+
}, null, 8, ["component"])) : x("", !0),
|
|
159
|
+
L(s).default ? (d(), p("div", Xt, [
|
|
160
160
|
I($.$slots, "default", {}, void 0, !0)
|
|
161
|
-
])) :
|
|
162
|
-
n.loading ? (d(),
|
|
163
|
-
], 38)) :
|
|
161
|
+
])) : x("", !0),
|
|
162
|
+
n.loading ? (d(), p("svg", Yt, qt)) : x("", !0)
|
|
163
|
+
], 38)) : x("", !0)
|
|
164
164
|
], 64));
|
|
165
165
|
}
|
|
166
166
|
}, le = /* @__PURE__ */ se(Gt, [["__scopeId", "data-v-e5cd6ccd"]]);
|
|
@@ -198,11 +198,11 @@ const Zt = {
|
|
|
198
198
|
focus: Boolean
|
|
199
199
|
},
|
|
200
200
|
emits: ["update:modelValue"],
|
|
201
|
-
setup(
|
|
202
|
-
const n =
|
|
201
|
+
setup(o, { expose: e, emit: t }) {
|
|
202
|
+
const n = o, s = T(null), a = h(() => n.scale === "small" ? "d-input-small" : n.scale === "large" ? "d-input-large" : ""), l = h({
|
|
203
203
|
get: () => n.modelValue,
|
|
204
204
|
set: (i) => {
|
|
205
|
-
|
|
205
|
+
t("update:modelValue", i);
|
|
206
206
|
}
|
|
207
207
|
});
|
|
208
208
|
he(() => {
|
|
@@ -213,8 +213,8 @@ const Zt = {
|
|
|
213
213
|
};
|
|
214
214
|
return e({
|
|
215
215
|
focus: r
|
|
216
|
-
}), (i, c) => !n.post && !n.pre ? (d(),
|
|
217
|
-
n.label ? (d(),
|
|
216
|
+
}), (i, c) => !n.post && !n.pre ? (d(), p("div", Zt, [
|
|
217
|
+
n.label ? (d(), p("div", Kt, O(n.label), 1)) : x("", !0),
|
|
218
218
|
Z(b("input", {
|
|
219
219
|
ref_key: "inputRef",
|
|
220
220
|
ref: s,
|
|
@@ -226,8 +226,8 @@ const Zt = {
|
|
|
226
226
|
}, null, 10, Jt), [
|
|
227
227
|
[De, l.value]
|
|
228
228
|
])
|
|
229
|
-
])) : n.post && n.post.click && !n.pre ? (d(),
|
|
230
|
-
n.label ? (d(),
|
|
229
|
+
])) : n.post && n.post.click && !n.pre ? (d(), p("div", Qt, [
|
|
230
|
+
n.label ? (d(), p("div", eo, O(n.label), 1)) : x("", !0),
|
|
231
231
|
b("div", to, [
|
|
232
232
|
b("div", oo, [
|
|
233
233
|
Z(b("input", {
|
|
@@ -242,7 +242,7 @@ const Zt = {
|
|
|
242
242
|
[De, l.value]
|
|
243
243
|
])
|
|
244
244
|
]),
|
|
245
|
-
n.post.label ? (d(),
|
|
245
|
+
n.post.label ? (d(), k(le, {
|
|
246
246
|
key: 0,
|
|
247
247
|
scale: n.scale,
|
|
248
248
|
class: S(["d-input-post-button", n.post.class]),
|
|
@@ -253,7 +253,7 @@ const Zt = {
|
|
|
253
253
|
J(O(n.post.label), 1)
|
|
254
254
|
]),
|
|
255
255
|
_: 1
|
|
256
|
-
}, 8, ["scale", "onClick", "icon", "class"])) : (d(),
|
|
256
|
+
}, 8, ["scale", "onClick", "icon", "class"])) : (d(), k(le, {
|
|
257
257
|
key: 1,
|
|
258
258
|
scale: n.scale,
|
|
259
259
|
class: S(["d-input-post-button", n.post.class]),
|
|
@@ -261,10 +261,10 @@ const Zt = {
|
|
|
261
261
|
icon: n.post.icon
|
|
262
262
|
}, null, 8, ["scale", "onClick", "icon", "class"]))
|
|
263
263
|
])
|
|
264
|
-
])) : !n.post && n.pre && n.pre.click ? (d(),
|
|
265
|
-
n.label ? (d(),
|
|
264
|
+
])) : !n.post && n.pre && n.pre.click ? (d(), p("div", so, [
|
|
265
|
+
n.label ? (d(), p("div", ao, O(n.label), 1)) : x("", !0),
|
|
266
266
|
b("div", io, [
|
|
267
|
-
n.pre.label ? (d(),
|
|
267
|
+
n.pre.label ? (d(), k(le, {
|
|
268
268
|
key: 0,
|
|
269
269
|
scale: n.scale,
|
|
270
270
|
class: S(["d-input-pre-button", n.pre.class]),
|
|
@@ -275,7 +275,7 @@ const Zt = {
|
|
|
275
275
|
J(O(n.pre.label), 1)
|
|
276
276
|
]),
|
|
277
277
|
_: 1
|
|
278
|
-
}, 8, ["scale", "onClick", "icon", "class"])) : (d(),
|
|
278
|
+
}, 8, ["scale", "onClick", "icon", "class"])) : (d(), k(le, {
|
|
279
279
|
key: 1,
|
|
280
280
|
scale: n.scale,
|
|
281
281
|
class: S(["d-input-pre-button", n.pre.class]),
|
|
@@ -296,9 +296,9 @@ const Zt = {
|
|
|
296
296
|
])
|
|
297
297
|
])
|
|
298
298
|
])
|
|
299
|
-
])) :
|
|
299
|
+
])) : x("", !0);
|
|
300
300
|
}
|
|
301
|
-
},
|
|
301
|
+
}, Rs = /* @__PURE__ */ se(co, [["__scopeId", "data-v-a972038a"]]), uo = {
|
|
302
302
|
__name: "DBadge",
|
|
303
303
|
props: {
|
|
304
304
|
scale: String,
|
|
@@ -309,13 +309,13 @@ const Zt = {
|
|
|
309
309
|
default: !1
|
|
310
310
|
}
|
|
311
311
|
},
|
|
312
|
-
setup(
|
|
313
|
-
const e =
|
|
312
|
+
setup(o) {
|
|
313
|
+
const e = o, t = h(() => e.scale === "large" ? "badge-lg" : e.scale === "small" ? "badge-sm" : ""), n = h(() => {
|
|
314
314
|
const s = e.stress ? "-stress" : "";
|
|
315
315
|
return e.type === "primary" ? `badge${s}-blue` : e.type === "success" ? `badge${s}-green` : e.type === "error" ? `badge${s}-red` : e.type === "warning" ? `badge${s}-orange` : e.type === "wait" ? `badge${s}-violet` : e.stress ? `badge${s}-gray` : "";
|
|
316
316
|
});
|
|
317
|
-
return (s, a) => (d(),
|
|
318
|
-
class: S(["badge", [e.class,
|
|
317
|
+
return (s, a) => (d(), p("div", {
|
|
318
|
+
class: S(["badge", [e.class, t.value, n.value].join(" ")])
|
|
319
319
|
}, [
|
|
320
320
|
I(s.$slots, "default")
|
|
321
321
|
], 2));
|
|
@@ -344,8 +344,8 @@ const Zt = {
|
|
|
344
344
|
default: 1
|
|
345
345
|
}
|
|
346
346
|
},
|
|
347
|
-
setup(
|
|
348
|
-
const e =
|
|
347
|
+
setup(o) {
|
|
348
|
+
const e = o, t = (i) => ({
|
|
349
349
|
height: i == null ? void 0 : i.style.height,
|
|
350
350
|
width: i == null ? void 0 : i.style.width,
|
|
351
351
|
position: i == null ? void 0 : i.style.position,
|
|
@@ -363,8 +363,8 @@ const Zt = {
|
|
|
363
363
|
let { height: g } = getComputedStyle(i);
|
|
364
364
|
return i.style.width = c.width, i.style.position = c.position, i.style.visibility = c.visibility, i.style.height = ie, i.style.overflow = "hidden", c.height && c.height !== ie ? c.height : g;
|
|
365
365
|
}, s = (i, c, u, g, _) => {
|
|
366
|
-
const
|
|
367
|
-
i.style.height = c.height,
|
|
366
|
+
const C = i.animate(g, _);
|
|
367
|
+
i.style.height = c.height, C.onfinish = () => {
|
|
368
368
|
i.style.overflow = c.overflow, u();
|
|
369
369
|
};
|
|
370
370
|
}, a = (i, c) => [
|
|
@@ -389,15 +389,15 @@ const Zt = {
|
|
|
389
389
|
marginBottom: c.marginBottom
|
|
390
390
|
}
|
|
391
391
|
], l = (i, c) => {
|
|
392
|
-
const u = i, g =
|
|
393
|
-
s(u, g, c,
|
|
392
|
+
const u = i, g = t(u), _ = n(u, g), C = a(_, g), R = { duration: e.duration, easing: e.easingEnter };
|
|
393
|
+
s(u, g, c, C, R);
|
|
394
394
|
}, r = (i, c) => {
|
|
395
|
-
const u = i, g =
|
|
395
|
+
const u = i, g = t(u), { height: _ } = getComputedStyle(u);
|
|
396
396
|
u.style.height = _, u.style.overflow = "hidden";
|
|
397
|
-
const
|
|
398
|
-
s(u, g, c,
|
|
397
|
+
const C = a(_, g).reverse(), R = { duration: e.duration, easing: e.easingLeave };
|
|
398
|
+
s(u, g, c, C, R);
|
|
399
399
|
};
|
|
400
|
-
return (i, c) => (d(),
|
|
400
|
+
return (i, c) => (d(), k(Ne, {
|
|
401
401
|
css: !1,
|
|
402
402
|
onEnter: l,
|
|
403
403
|
onLeave: r
|
|
@@ -410,7 +410,7 @@ const Zt = {
|
|
|
410
410
|
}
|
|
411
411
|
}, Te = {
|
|
412
412
|
data: void 0
|
|
413
|
-
}, He = (
|
|
413
|
+
}, He = (o) => o.reduce((e, t) => (e[t] = t) && e, {}), X = He([
|
|
414
414
|
"drag",
|
|
415
415
|
"dragend",
|
|
416
416
|
"dragenter",
|
|
@@ -433,26 +433,26 @@ const Zt = {
|
|
|
433
433
|
props: {
|
|
434
434
|
draggable: { type: Boolean, default: !0 },
|
|
435
435
|
transferData: {},
|
|
436
|
-
dropEffect: { validator: (
|
|
437
|
-
effectAllowed: { validator: (
|
|
436
|
+
dropEffect: { validator: (o) => o in fo },
|
|
437
|
+
effectAllowed: { validator: (o) => o in mo },
|
|
438
438
|
image: String,
|
|
439
439
|
imageXOffset: { type: Number, default: 0 },
|
|
440
440
|
imageYOffset: { type: Number, default: 0 },
|
|
441
441
|
hideImageHtml: { type: Boolean, default: !1 },
|
|
442
442
|
tag: { type: String, default: "div" }
|
|
443
443
|
},
|
|
444
|
-
setup(
|
|
445
|
-
const e =
|
|
444
|
+
setup(o) {
|
|
445
|
+
const e = o, t = Ce(), n = T(!1), s = h(() => n && e.transferData), a = h(() => ({ position: "fixed", top: "-1000px" })), l = (r, i) => {
|
|
446
446
|
const c = i.dataTransfer;
|
|
447
447
|
if ([X.dragenter, X.dragover].includes(r) && e.dropEffect && (c.dropEffect = e.dropEffect), r === X.dragstart) {
|
|
448
|
-
if (e.effectAllowed && (c.effectAllowed = e.effectAllowed), e.image ||
|
|
448
|
+
if (e.effectAllowed && (c.effectAllowed = e.effectAllowed), e.image || t.image) {
|
|
449
449
|
let u;
|
|
450
|
-
e.image ? (u = new Image(), u.src = e.image) :
|
|
450
|
+
e.image ? (u = new Image(), u.src = e.image) : t.image && (u = t.image[0].elm), c.setDragImage && c.setDragImage(u, e.imageXOffset, e.imageYOffset);
|
|
451
451
|
}
|
|
452
452
|
e.transferData !== void 0 && (Te.data = e.transferData, i.dataTransfer.setData("text", "")), n.value = !0;
|
|
453
453
|
}
|
|
454
454
|
};
|
|
455
|
-
return (r, i) => (d(),
|
|
455
|
+
return (r, i) => (d(), k(U(o.tag), {
|
|
456
456
|
draggable: e.draggable,
|
|
457
457
|
onDrag: i[0] || (i[0] = (c) => l(L(X).drag, c)),
|
|
458
458
|
onDragstart: i[1] || (i[1] = j((c) => l(L(X).dragstart, c), ["stop"])),
|
|
@@ -462,7 +462,7 @@ const Zt = {
|
|
|
462
462
|
}, {
|
|
463
463
|
default: E(() => [
|
|
464
464
|
I(r.$slots, "default", { transferData: s.value }),
|
|
465
|
-
|
|
465
|
+
o.hideImageHtml ? (d(), p("div", {
|
|
466
466
|
key: 0,
|
|
467
467
|
style: z(a.value)
|
|
468
468
|
}, [
|
|
@@ -476,7 +476,7 @@ const Zt = {
|
|
|
476
476
|
}, 40, ["draggable"]));
|
|
477
477
|
}
|
|
478
478
|
};
|
|
479
|
-
const ho = (
|
|
479
|
+
const ho = (o) => (It("data-v-09adec49"), o = o(), Bt(), o), go = {
|
|
480
480
|
key: 0,
|
|
481
481
|
style: { display: "none" }
|
|
482
482
|
}, vo = { key: 1 }, yo = /* @__PURE__ */ ho(() => /* @__PURE__ */ b("div", { class: "tree-divider" }, null, -1)), _o = [
|
|
@@ -484,10 +484,10 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
|
|
|
484
484
|
], bo = { key: 2 }, xo = { class: "tree-divider-header" }, ko = { class: "item-title" }, $o = {
|
|
485
485
|
key: 0,
|
|
486
486
|
class: "tree-divider"
|
|
487
|
-
}, wo = { key:
|
|
487
|
+
}, wo = ["href", "target"], So = { key: 0 }, Do = { key: 2 }, To = { style: { display: "flex", "flex-direction": "row", "justify-content": "flex-end" } }, Co = {
|
|
488
488
|
key: 0,
|
|
489
489
|
class: "sub-menu"
|
|
490
|
-
},
|
|
490
|
+
}, Lo = {
|
|
491
491
|
__name: "DTreeItem",
|
|
492
492
|
props: {
|
|
493
493
|
model: Object,
|
|
@@ -497,66 +497,66 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
|
|
|
497
497
|
component: Object
|
|
498
498
|
},
|
|
499
499
|
emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext", "nodedoubleclick", "nodefoldericonclick"],
|
|
500
|
-
setup(
|
|
501
|
-
const
|
|
502
|
-
e("nodeclick", { event: N, model:
|
|
500
|
+
setup(o, { emit: e }) {
|
|
501
|
+
const t = o, n = T(null), s = T(!1), a = T(!1), l = T(!1), r = h(() => t.model.children && t.model.children.length), i = h(() => (v.actions.isTreeExpanded(t.treeId) && (t.model.expanded = t.model.expanded === void 0 ? !0 : t.model.expanded), t.model.expanded)), c = (N) => {
|
|
502
|
+
e("nodeclick", { event: N, model: t.model });
|
|
503
503
|
}, u = (N) => {
|
|
504
|
-
e("nodefoldericonclick", { event: N, model:
|
|
504
|
+
e("nodefoldericonclick", { event: N, model: t.model });
|
|
505
505
|
}, g = (N) => {
|
|
506
506
|
e("nodefoldericonclick", N);
|
|
507
507
|
}, _ = (N) => {
|
|
508
508
|
e("nodeclick", N);
|
|
509
|
-
},
|
|
509
|
+
}, C = (N) => {
|
|
510
510
|
e("nodedoubleclick", N);
|
|
511
511
|
}, R = (N) => {
|
|
512
512
|
e("nodedrop", N);
|
|
513
513
|
}, $ = (N) => {
|
|
514
514
|
e("nodecontext", N);
|
|
515
515
|
}, A = h(() => [
|
|
516
|
-
v.actions.isItemSelected(
|
|
516
|
+
v.actions.isItemSelected(t.treeId, t.model.id) ? "selected" : "",
|
|
517
517
|
s.value ? "node-over " : "",
|
|
518
518
|
a.value ? "node-top " : "",
|
|
519
519
|
l.value ? "node-bottom " : ""
|
|
520
|
-
]), Y = h(() =>
|
|
520
|
+
]), Y = h(() => t.search ? !1 : t.model.draggable === !0), M = (N) => {
|
|
521
521
|
var P;
|
|
522
522
|
let w = Te.data;
|
|
523
523
|
if (w === void 0 || w.model === void 0)
|
|
524
524
|
return s.value = !1, !1;
|
|
525
|
-
if (w.model.id ===
|
|
525
|
+
if (w.model.id === t.model.id || v.actions.isChildOfParent(t.treeId, t.items, t.model.id, w.model.id) || v.actions.isParentOfChild(t.treeId, t.items, w.model.id, t.model.id))
|
|
526
526
|
return s.value = !1, a.value = !1, l.value = !1, !1;
|
|
527
|
-
if (!v.state.trees[
|
|
527
|
+
if (!v.state.trees[t.treeId].transfer && w.id !== t.treeId || !v.state.trees[t.treeId].dropInside && !l.value && !a.value)
|
|
528
528
|
return !1;
|
|
529
529
|
let H = "";
|
|
530
|
-
a.value ? H = "before" : l.value ? H = "after" : H = "inside", e("nodedrop", { e: N, model:
|
|
530
|
+
a.value ? H = "before" : l.value ? H = "after" : H = "inside", e("nodedrop", { e: N, model: t.model, place: H }), v.actions.moveTreeNode(w.id, t.treeId, t.items, w.model.id, t.model.id, H, (P = w.model) == null ? void 0 : P.transfer), s.value = !1, a.value = !1, l.value = !1;
|
|
531
531
|
}, B = (N) => {
|
|
532
|
-
e("nodedragover", { e: N, model:
|
|
532
|
+
e("nodedragover", { e: N, model: t.model });
|
|
533
533
|
let w = Te.data;
|
|
534
|
-
if (!
|
|
534
|
+
if (!t.model.droppable)
|
|
535
535
|
return !1;
|
|
536
536
|
if (w === void 0 || w.model === void 0)
|
|
537
537
|
return s.value = !0, !1;
|
|
538
|
-
if (w.model.id ===
|
|
538
|
+
if (w.model.id === t.model.id || v.actions.isChildOfParent(t.treeId, t.items, t.model.id, w.model.id) || v.actions.isParentOfChild(t.treeId, t.items, w.model.id, t.model.id))
|
|
539
539
|
return !1;
|
|
540
|
-
const H = N.y, P = n.value.getBoundingClientRect().top, m = n.value.getBoundingClientRect().height,
|
|
541
|
-
H > P && H <= P +
|
|
540
|
+
const H = N.y, P = n.value.getBoundingClientRect().top, m = n.value.getBoundingClientRect().height, f = m / 3;
|
|
541
|
+
H > P && H <= P + f ? (s.value = !1, a.value = !0, l.value = !1) : H < P + m && H >= P + m - f ? (s.value = !1, a.value = !1, l.value = !0) : (s.value = v.state.trees[t.treeId].dropInside, a.value = !1, l.value = !1);
|
|
542
542
|
}, F = () => {
|
|
543
543
|
s.value = !1, a.value = !1, l.value = !1;
|
|
544
|
-
},
|
|
545
|
-
if (
|
|
546
|
-
let [N, ...w] =
|
|
544
|
+
}, D = h(() => t.model.title.startsWith("-")), W = h(() => {
|
|
545
|
+
if (t.model.title.startsWith("-")) {
|
|
546
|
+
let [N, ...w] = t.model.title.split(" ");
|
|
547
547
|
return w = w.join(" "), w;
|
|
548
548
|
}
|
|
549
549
|
return null;
|
|
550
550
|
});
|
|
551
551
|
return (N, w) => {
|
|
552
552
|
const H = Lt("d-tree-item", !0), P = Re("touch");
|
|
553
|
-
return L(v).actions.beforeItem(
|
|
554
|
-
b("div", xo, O(L(v).actions.renderTitle(
|
|
555
|
-
])) :
|
|
553
|
+
return L(v).actions.beforeItem(t.treeId, o.model) ? D.value && !W.value ? (d(), p("li", vo, _o)) : D.value && W.value ? (d(), p("li", bo, [
|
|
554
|
+
b("div", xo, O(L(v).actions.renderTitle(t.treeId, W.value)), 1)
|
|
555
|
+
])) : t.model.component ? (d(), k(it, {
|
|
556
556
|
key: 3,
|
|
557
557
|
tag: "li",
|
|
558
558
|
class: "tree-item-component",
|
|
559
|
-
"transfer-data": { id:
|
|
559
|
+
"transfer-data": { id: t.treeId, model: t.model },
|
|
560
560
|
draggable: Y.value,
|
|
561
561
|
onDrop: j(M, ["stop"]),
|
|
562
562
|
onDragenter: w[1] || (w[1] = j(() => {
|
|
@@ -565,23 +565,23 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
|
|
|
565
565
|
onDragleave: j(F, ["prevent"])
|
|
566
566
|
}, {
|
|
567
567
|
default: E(() => [
|
|
568
|
-
Z((d(),
|
|
568
|
+
Z((d(), p("div", {
|
|
569
569
|
ref_key: "node",
|
|
570
570
|
ref: n,
|
|
571
571
|
class: S(A.value),
|
|
572
|
-
onContextmenu: w[0] || (w[0] = j((m) => e("nodecontext", { e: m, model:
|
|
572
|
+
onContextmenu: w[0] || (w[0] = j((m) => e("nodecontext", { e: m, model: t.model }), ["prevent"]))
|
|
573
573
|
}, [
|
|
574
|
-
(d(),
|
|
574
|
+
(d(), k(U(L(fe).getters.getComponent(t.model.component).component), ft(mt(L(fe).getters.getComponent(t.model.component).props)), null, 16))
|
|
575
575
|
], 34)), [
|
|
576
576
|
[P, c, "press"]
|
|
577
577
|
])
|
|
578
578
|
]),
|
|
579
579
|
_: 1
|
|
580
|
-
}, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(),
|
|
580
|
+
}, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), k(it, {
|
|
581
581
|
key: 4,
|
|
582
582
|
tag: "li",
|
|
583
583
|
class: "tree-item",
|
|
584
|
-
"transfer-data": { id:
|
|
584
|
+
"transfer-data": { id: t.treeId, model: t.model },
|
|
585
585
|
draggable: Y.value,
|
|
586
586
|
onDrop: j(M, ["stop"]),
|
|
587
587
|
onDragenter: w[4] || (w[4] = j(() => {
|
|
@@ -590,105 +590,112 @@ const ho = (t) => (It("data-v-9da49c73"), t = t(), Bt(), t), go = {
|
|
|
590
590
|
onDragleave: j(F, ["prevent"])
|
|
591
591
|
}, {
|
|
592
592
|
default: E(() => {
|
|
593
|
-
var m,
|
|
593
|
+
var m, f;
|
|
594
594
|
return [
|
|
595
595
|
b("div", {
|
|
596
596
|
ref_key: "node",
|
|
597
597
|
ref: n,
|
|
598
598
|
class: S(A.value),
|
|
599
599
|
onPointerdownCapture: c,
|
|
600
|
-
onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model:
|
|
601
|
-
onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model:
|
|
600
|
+
onDblclick: w[2] || (w[2] = j((y) => e("nodedoubleclick", { e: y, model: t.model }), ["prevent"])),
|
|
601
|
+
onContextmenu: w[3] || (w[3] = j((y) => e("nodecontext", { e: y, model: t.model }), ["prevent"]))
|
|
602
602
|
}, [
|
|
603
603
|
b("div", null, [
|
|
604
|
-
|
|
604
|
+
t.model.icons && t.model.icons.pre && r.value && !t.search && !D.value ? (d(), k(U(re), {
|
|
605
605
|
key: 0,
|
|
606
|
-
component: L(oe).getters.getIcon(
|
|
606
|
+
component: L(oe).getters.getIcon(t.model.icons.pre.component),
|
|
607
607
|
size: 18,
|
|
608
|
-
color:
|
|
608
|
+
color: t.model.icons.pre.color ? t.model.icons.pre.color : "inherit",
|
|
609
609
|
class: S(i.value ? "tree-open-pre" : ""),
|
|
610
610
|
onPointerdownCapture: u
|
|
611
|
-
}, null, 40, ["component", "color", "class"])) :
|
|
612
|
-
|
|
611
|
+
}, null, 40, ["component", "color", "class"])) : x("", !0),
|
|
612
|
+
t.model.icons && t.model.icons.pre && !r.value && !t.search && !D.value ? (d(), k(U(re), {
|
|
613
613
|
key: 1,
|
|
614
|
-
component: L(oe).getters.getIcon(
|
|
614
|
+
component: L(oe).getters.getIcon(t.model.icons.pre.component),
|
|
615
615
|
size: 18,
|
|
616
616
|
color: "rgba(0,0,0,0)",
|
|
617
617
|
class: S(i.value ? "tree-open-pre" : "")
|
|
618
|
-
}, null, 8, ["component", "class"])) :
|
|
619
|
-
|
|
618
|
+
}, null, 8, ["component", "class"])) : x("", !0),
|
|
619
|
+
t.model.icons && t.model.icons.icon && !D.value ? (d(), k(U(re), {
|
|
620
620
|
key: 2,
|
|
621
|
-
component: L(oe).getters.getIcon(
|
|
622
|
-
color:
|
|
623
|
-
size:
|
|
624
|
-
className:
|
|
625
|
-
}, null, 8, ["component", "color", "size", "className"])) :
|
|
621
|
+
component: L(oe).getters.getIcon(t.model.icons.icon.component),
|
|
622
|
+
color: t.model.icons.icon.color ? t.model.icons.icon.color : "inherit",
|
|
623
|
+
size: t.model.icons.icon.size ? t.model.icons.icon.size : null,
|
|
624
|
+
className: t.model.icons.icon.class ? t.model.icons.icon.class : null
|
|
625
|
+
}, null, 8, ["component", "color", "size", "className"])) : x("", !0),
|
|
626
626
|
b("div", ko, [
|
|
627
|
-
|
|
628
|
-
|
|
627
|
+
D.value ? (d(), p("div", $o)) : x("", !0),
|
|
628
|
+
!D.value && Object.hasOwn(t.model, "link") ? (d(), p("a", {
|
|
629
|
+
key: 1,
|
|
630
|
+
href: t.model.link,
|
|
631
|
+
target: Object.hasOwn(t.model, "target") ? t.model.target : "_self"
|
|
632
|
+
}, [
|
|
633
|
+
D.value ? x("", !0) : (d(), p("div", So, O(L(v).actions.renderTitle(t.treeId, t.model.title)), 1))
|
|
634
|
+
], 8, wo)) : x("", !0),
|
|
635
|
+
!D.value && !Object.hasOwn(t.model, "link") ? (d(), p("div", Do, O(L(v).actions.renderTitle(t.treeId, t.model.title)), 1)) : x("", !0)
|
|
629
636
|
])
|
|
630
637
|
]),
|
|
631
|
-
b("div",
|
|
632
|
-
((m =
|
|
638
|
+
b("div", To, [
|
|
639
|
+
((m = t.model.badge) == null ? void 0 : m.value) !== void 0 && !D.value ? (d(), k(U(uo), {
|
|
633
640
|
key: 0,
|
|
634
|
-
class: S([(
|
|
641
|
+
class: S([(f = t.model.badge) == null ? void 0 : f.class, "badge-sm"])
|
|
635
642
|
}, {
|
|
636
643
|
default: E(() => [
|
|
637
|
-
J(O(
|
|
644
|
+
J(O(t.model.badge.value), 1)
|
|
638
645
|
]),
|
|
639
646
|
_: 1
|
|
640
|
-
}, 8, ["class"])) :
|
|
641
|
-
|
|
647
|
+
}, 8, ["class"])) : x("", !0),
|
|
648
|
+
t.model.icons && t.model.icons.post && r.value && !t.search && !D.value ? (d(), k(U(re), {
|
|
642
649
|
key: 1,
|
|
643
|
-
component: L(oe).getters.getIcon(
|
|
650
|
+
component: L(oe).getters.getIcon(t.model.icons.post.component),
|
|
644
651
|
size: 20,
|
|
645
|
-
color:
|
|
652
|
+
color: t.model.icons.post.color ? t.model.icons.post.color : "inherit",
|
|
646
653
|
class: S(i.value ? "tree-open-post" : ""),
|
|
647
654
|
onPointerdownCapture: u
|
|
648
|
-
}, null, 40, ["component", "color", "class"])) :
|
|
655
|
+
}, null, 40, ["component", "color", "class"])) : x("", !0)
|
|
649
656
|
])
|
|
650
657
|
], 34),
|
|
651
658
|
Q(po, null, {
|
|
652
659
|
default: E(() => [
|
|
653
|
-
r.value && i.value && !
|
|
654
|
-
(d(!0),
|
|
660
|
+
r.value && i.value && !t.search ? (d(), p("ul", Co, [
|
|
661
|
+
(d(!0), p(ne, null, me(o.model.children, (y) => (d(), k(H, {
|
|
655
662
|
key: y.id,
|
|
656
663
|
model: y,
|
|
657
|
-
treeId:
|
|
658
|
-
items:
|
|
659
|
-
search:
|
|
664
|
+
treeId: t.treeId,
|
|
665
|
+
items: t.items,
|
|
666
|
+
search: t.search,
|
|
660
667
|
onNodeclick: _,
|
|
661
|
-
onNodedoubleclick:
|
|
668
|
+
onNodedoubleclick: C,
|
|
662
669
|
onNodedrop: R,
|
|
663
670
|
onNodecontext: $,
|
|
664
671
|
onNodefoldericonclick: g
|
|
665
672
|
}, null, 8, ["model", "treeId", "items", "search"]))), 128))
|
|
666
|
-
])) :
|
|
673
|
+
])) : x("", !0)
|
|
667
674
|
]),
|
|
668
675
|
_: 1
|
|
669
676
|
})
|
|
670
677
|
];
|
|
671
678
|
}),
|
|
672
679
|
_: 1
|
|
673
|
-
}, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(),
|
|
680
|
+
}, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), p("li", go));
|
|
674
681
|
};
|
|
675
682
|
}
|
|
676
|
-
},
|
|
677
|
-
function
|
|
678
|
-
return
|
|
683
|
+
}, Io = /* @__PURE__ */ se(Lo, [["__scopeId", "data-v-09adec49"]]);
|
|
684
|
+
function Bo(o) {
|
|
685
|
+
return o = o || /* @__PURE__ */ new Map(), {
|
|
679
686
|
/**
|
|
680
687
|
* A Map of event names to registered handler functions.
|
|
681
688
|
*/
|
|
682
|
-
all:
|
|
689
|
+
all: o,
|
|
683
690
|
/**
|
|
684
691
|
* Register an event handler for the given type.
|
|
685
692
|
* @param {string|symbol} type Type of event to listen for, or `'*'` for all events
|
|
686
693
|
* @param {Function} handler Function to call in response to given event
|
|
687
694
|
* @memberOf eventsBus
|
|
688
695
|
*/
|
|
689
|
-
on(e,
|
|
690
|
-
const n =
|
|
691
|
-
n ? n.push(
|
|
696
|
+
on(e, t) {
|
|
697
|
+
const n = o.get(e);
|
|
698
|
+
n ? n.push(t) : o.set(e, [t]);
|
|
692
699
|
},
|
|
693
700
|
/**
|
|
694
701
|
* Remove an event handler for the given type.
|
|
@@ -697,9 +704,9 @@ function Lo(t) {
|
|
|
697
704
|
* @param {Function} [handler] Handler function to remove
|
|
698
705
|
* @memberOf eventsBus
|
|
699
706
|
*/
|
|
700
|
-
off(e,
|
|
701
|
-
const n =
|
|
702
|
-
n && (
|
|
707
|
+
off(e, t) {
|
|
708
|
+
const n = o.get(e);
|
|
709
|
+
n && (t ? n.splice(n.indexOf(t) >>> 0, 1) : o.set(e, []));
|
|
703
710
|
},
|
|
704
711
|
/**
|
|
705
712
|
* Invoke all handlers for the given type.
|
|
@@ -711,63 +718,63 @@ function Lo(t) {
|
|
|
711
718
|
* @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
|
|
712
719
|
* @memberOf eventsBus
|
|
713
720
|
*/
|
|
714
|
-
emit(e,
|
|
715
|
-
let n =
|
|
721
|
+
emit(e, t) {
|
|
722
|
+
let n = o.get(e);
|
|
716
723
|
n && n.slice().map((s) => {
|
|
717
|
-
s(
|
|
718
|
-
}), n =
|
|
719
|
-
s(e,
|
|
724
|
+
s(t);
|
|
725
|
+
}), n = o.get("*"), n && n.slice().map((s) => {
|
|
726
|
+
s(e, t);
|
|
720
727
|
});
|
|
721
728
|
}
|
|
722
729
|
};
|
|
723
730
|
}
|
|
724
|
-
const q =
|
|
731
|
+
const q = Bo(), v = {
|
|
725
732
|
state: Oe({
|
|
726
733
|
trees: {}
|
|
727
734
|
}),
|
|
728
735
|
getters: {
|
|
729
|
-
getItems(
|
|
730
|
-
return v.state.trees[
|
|
736
|
+
getItems(o) {
|
|
737
|
+
return v.state.trees[o].items;
|
|
731
738
|
},
|
|
732
|
-
getItemsSelect(
|
|
733
|
-
return v.state.trees[
|
|
739
|
+
getItemsSelect(o) {
|
|
740
|
+
return v.state.trees[o].selected;
|
|
734
741
|
},
|
|
735
742
|
// data - ноды, dataId - ID ноды родителя data
|
|
736
|
-
getParentId(
|
|
737
|
-
return
|
|
743
|
+
getParentId(o, e, t, n = "id", s = "children", a = {}) {
|
|
744
|
+
return t && o && (o.find((l) => l[n] === t ? (a.found = e, l) : v.getters.getParentId(l[s], l.id, t, n, s, a)), a.found) ? a.found : !1;
|
|
738
745
|
}
|
|
739
746
|
},
|
|
740
747
|
mutations: {
|
|
741
|
-
setTreeItems(
|
|
742
|
-
v.state.trees[
|
|
748
|
+
setTreeItems(o, e) {
|
|
749
|
+
v.state.trees[o].items = e;
|
|
743
750
|
},
|
|
744
|
-
setItemSelect(
|
|
745
|
-
v.state.trees[
|
|
746
|
-
return
|
|
747
|
-
}) : v.state.trees[
|
|
751
|
+
setItemSelect(o, e) {
|
|
752
|
+
v.state.trees[o].noSelect || (v.state.trees[o].multiSelect ? v.state.trees[o].selected.includes(e.id) ? v.state.trees[o].selected = v.state.trees[o].selected.filter(function(t) {
|
|
753
|
+
return t !== e.id;
|
|
754
|
+
}) : v.state.trees[o].selected = [...v.state.trees[o].selected, e.id] : v.state.trees[o].selected = [e.id]);
|
|
748
755
|
}
|
|
749
756
|
},
|
|
750
757
|
actions: {
|
|
751
|
-
initTreeStore(
|
|
752
|
-
v.state.trees[
|
|
758
|
+
initTreeStore(o, e, t, n, s, a, l, r = !0) {
|
|
759
|
+
v.state.trees[o] = [], v.state.trees[o].selected = [], v.state.trees[o].noSelect = e, v.state.trees[o].multiSelect = t, v.state.trees[o].expanded = n, v.state.trees[o].transfer = s, v.state.trees[o].renderTitle = a, v.state.trees[o].beforeItem = l, v.state.trees[o].dropInside = r;
|
|
753
760
|
},
|
|
754
|
-
renderTitle(
|
|
755
|
-
return v.state.trees[
|
|
761
|
+
renderTitle(o, e) {
|
|
762
|
+
return v.state.trees[o].renderTitle ? v.state.trees[o].renderTitle(e) : e;
|
|
756
763
|
},
|
|
757
|
-
beforeItem(
|
|
758
|
-
return v.state.trees[
|
|
764
|
+
beforeItem(o, e) {
|
|
765
|
+
return v.state.trees[o].beforeItem ? v.state.trees[o].beforeItem(e) : !0;
|
|
759
766
|
},
|
|
760
|
-
isItemSelected(
|
|
761
|
-
return v.state.trees[
|
|
767
|
+
isItemSelected(o, e) {
|
|
768
|
+
return v.state.trees[o].selected.includes(e);
|
|
762
769
|
},
|
|
763
|
-
toggleItem(
|
|
764
|
-
e.expanded = e.expanded === void 0 || !e.expanded, e.children && e.children.length && (e.expanded ? q.emit(`expand-${
|
|
770
|
+
toggleItem(o, e) {
|
|
771
|
+
e.expanded = e.expanded === void 0 || !e.expanded, e.children && e.children.length && (e.expanded ? q.emit(`expand-${o}`, { id: o, model: e }) : q.emit(`collapse-${o}`, { id: o, model: e }));
|
|
765
772
|
},
|
|
766
|
-
isTreeExpanded(
|
|
767
|
-
return v.state.trees[
|
|
773
|
+
isTreeExpanded(o) {
|
|
774
|
+
return v.state.trees[o].expanded;
|
|
768
775
|
},
|
|
769
|
-
isChildOfParent(
|
|
770
|
-
const s = v.actions.deepSearch(e,
|
|
776
|
+
isChildOfParent(o, e, t, n) {
|
|
777
|
+
const s = v.actions.deepSearch(e, t);
|
|
771
778
|
if (s && s.children) {
|
|
772
779
|
for (let a = 0; a < s.children.length; a++)
|
|
773
780
|
if (s.children[a].id === n)
|
|
@@ -776,17 +783,17 @@ const q = Lo(), v = {
|
|
|
776
783
|
return !1;
|
|
777
784
|
},
|
|
778
785
|
// Является ли нода родителем указанного потомка
|
|
779
|
-
isParentOfChild(
|
|
780
|
-
const s = v.actions.deepSearch(e,
|
|
786
|
+
isParentOfChild(o, e, t, n) {
|
|
787
|
+
const s = v.actions.deepSearch(e, t);
|
|
781
788
|
return !!(s && s.children && v.actions.deepSearch(s.children, n));
|
|
782
789
|
},
|
|
783
|
-
deepSearch(
|
|
784
|
-
return e &&
|
|
790
|
+
deepSearch(o, e, t = "id", n = "children", s = {}) {
|
|
791
|
+
return e && o && (o.find((a) => a[t] === e ? (s.found = a, a) : v.actions.deepSearch(a[n], e, t, n, s)), s.found) ? s.found : !1;
|
|
785
792
|
},
|
|
786
|
-
deepSearchByTitle(
|
|
787
|
-
if (e &&
|
|
793
|
+
deepSearchByTitle(o, e, t = "title", n = "children", s = []) {
|
|
794
|
+
if (e && o && (o.find((a) => {
|
|
788
795
|
const l = new RegExp(e, "gi");
|
|
789
|
-
a[
|
|
796
|
+
a[t].toString().toLowerCase().match(l) !== null && s.push(a), v.actions.deepSearchByTitle(a[n], e, t, n, s);
|
|
790
797
|
}), s)) {
|
|
791
798
|
for (let a = 0; a < s.length; a++)
|
|
792
799
|
;
|
|
@@ -794,52 +801,52 @@ const q = Lo(), v = {
|
|
|
794
801
|
}
|
|
795
802
|
return s;
|
|
796
803
|
},
|
|
797
|
-
moveTreeNode(
|
|
804
|
+
moveTreeNode(o, e, t, n, s, a, l = !0) {
|
|
798
805
|
if (l) {
|
|
799
|
-
const r = v.actions.deleteTreeNode(
|
|
800
|
-
v.actions.insertTreeNode(
|
|
806
|
+
const r = v.actions.deleteTreeNode(t, n);
|
|
807
|
+
v.actions.insertTreeNode(t, s, r, a), q.emit(`move-${e}`, { fromTreeId: o, toTreeId: e, moved: r == null ? void 0 : r.id, target: s, position: a });
|
|
801
808
|
} else
|
|
802
|
-
q.emit(`move-${e}`, { fromTreeId:
|
|
809
|
+
q.emit(`move-${e}`, { fromTreeId: o, toTreeId: e, moved: n, target: s, position: a });
|
|
803
810
|
},
|
|
804
|
-
insertTreeNode(
|
|
805
|
-
if (
|
|
806
|
-
for (let s = 0; s <
|
|
807
|
-
if (
|
|
811
|
+
insertTreeNode(o, e, t, n) {
|
|
812
|
+
if (o)
|
|
813
|
+
for (let s = 0; s < o.length; s++) {
|
|
814
|
+
if (o[s].id === e) {
|
|
808
815
|
let l = s;
|
|
809
|
-
return n === "after" ? (l++,
|
|
816
|
+
return n === "after" ? (l++, o.splice(l, 0, t)) : n === "before" ? o.splice(l, 0, t) : n === "inside" && (Object.hasOwn(o[s], "children") || (o[s].children = [], o[s].opened = !0), o[s].children.splice(0, 0, t)), o[s];
|
|
810
817
|
}
|
|
811
|
-
const a = this.insertTreeNode(
|
|
818
|
+
const a = this.insertTreeNode(o[s].children, e, t, n);
|
|
812
819
|
if (a)
|
|
813
820
|
return a;
|
|
814
821
|
}
|
|
815
822
|
},
|
|
816
|
-
deleteTreeNode(
|
|
817
|
-
if (
|
|
818
|
-
for (let
|
|
819
|
-
if (t
|
|
820
|
-
const s = t
|
|
821
|
-
return
|
|
823
|
+
deleteTreeNode(o, e) {
|
|
824
|
+
if (o)
|
|
825
|
+
for (let t = 0; t < o.length; t++) {
|
|
826
|
+
if (o[t].id === e) {
|
|
827
|
+
const s = o[t];
|
|
828
|
+
return o.splice(t, 1), s;
|
|
822
829
|
}
|
|
823
|
-
const n = v.actions.deleteTreeNode(t
|
|
830
|
+
const n = v.actions.deleteTreeNode(o[t].children, e);
|
|
824
831
|
if (n)
|
|
825
832
|
return n;
|
|
826
833
|
}
|
|
827
834
|
}
|
|
828
835
|
}
|
|
829
|
-
},
|
|
836
|
+
}, Eo = {
|
|
830
837
|
__name: "DDrop",
|
|
831
838
|
props: {
|
|
832
839
|
tag: { type: String, default: "div" }
|
|
833
840
|
},
|
|
834
841
|
emits: Object.keys(X),
|
|
835
|
-
setup(
|
|
842
|
+
setup(o, { expose: e, emit: t }) {
|
|
836
843
|
let n = Oe({});
|
|
837
|
-
const s =
|
|
838
|
-
n = Te.data,
|
|
844
|
+
const s = T("false"), a = T(null), l = /* @__PURE__ */ new Set(), r = h(() => s.value && n), i = (u, g) => {
|
|
845
|
+
n = Te.data, t(u, g, n), u === X.dragenter && (l.size || g.target === a.value) && l.add(g.target), u === X.dragleave && l.delete(g.target), u === X.drop && l.clear(), s.value = !!l.size;
|
|
839
846
|
};
|
|
840
847
|
return e({
|
|
841
848
|
elementSize: () => bt(a)
|
|
842
|
-
}), (u, g) => (d(),
|
|
849
|
+
}), (u, g) => (d(), k(U(o.tag), {
|
|
843
850
|
ref_key: "el",
|
|
844
851
|
ref: a,
|
|
845
852
|
onDragenter: g[0] || (g[0] = (_) => i(L(X).dragenter, _)),
|
|
@@ -871,9 +878,9 @@ const q = Lo(), v = {
|
|
|
871
878
|
}
|
|
872
879
|
},
|
|
873
880
|
emits: ["select"],
|
|
874
|
-
setup(
|
|
875
|
-
const n =
|
|
876
|
-
let s =
|
|
881
|
+
setup(o, { expose: e, emit: t }) {
|
|
882
|
+
const n = o;
|
|
883
|
+
let s = T(null), a = T(!1);
|
|
877
884
|
const l = () => {
|
|
878
885
|
q.emit("menu-show-request"), a.value = !0;
|
|
879
886
|
}, r = () => {
|
|
@@ -890,12 +897,12 @@ const q = Lo(), v = {
|
|
|
890
897
|
itemsCount: () => s.value.itemsCount()
|
|
891
898
|
});
|
|
892
899
|
const g = (_) => {
|
|
893
|
-
|
|
900
|
+
t("select", _), _.model.children || r();
|
|
894
901
|
};
|
|
895
|
-
return (_,
|
|
902
|
+
return (_, C) => {
|
|
896
903
|
const R = Re("click-outside");
|
|
897
|
-
return d(),
|
|
898
|
-
L(a) ? Z((d(),
|
|
904
|
+
return d(), k(ht, { to: "body" }, [
|
|
905
|
+
L(a) ? Z((d(), k(kt, {
|
|
899
906
|
key: 0,
|
|
900
907
|
ref_key: "treeRef",
|
|
901
908
|
ref: s,
|
|
@@ -908,11 +915,11 @@ const q = Lo(), v = {
|
|
|
908
915
|
"before-item": n.beforeItem
|
|
909
916
|
}, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
|
|
910
917
|
[R, () => r()]
|
|
911
|
-
]) :
|
|
918
|
+
]) : x("", !0)
|
|
912
919
|
]);
|
|
913
920
|
};
|
|
914
921
|
}
|
|
915
|
-
},
|
|
922
|
+
}, Mo = {
|
|
916
923
|
__name: "DContextMenu",
|
|
917
924
|
props: {
|
|
918
925
|
items: Array,
|
|
@@ -920,21 +927,21 @@ const q = Lo(), v = {
|
|
|
920
927
|
beforeItem: Function
|
|
921
928
|
},
|
|
922
929
|
emits: ["select"],
|
|
923
|
-
setup(
|
|
924
|
-
const n =
|
|
930
|
+
setup(o, { expose: e, emit: t }) {
|
|
931
|
+
const n = o, s = T(null), a = T(0), l = T(0), r = h(() => ({
|
|
925
932
|
left: a.value + "px",
|
|
926
933
|
top: l.value + "px"
|
|
927
934
|
})), i = (u) => {
|
|
928
935
|
s.value.show(), gt(() => {
|
|
929
|
-
const g = s.value.elementSize(), _ = window.innerWidth,
|
|
930
|
-
a.value = _ - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value =
|
|
936
|
+
const g = s.value.elementSize(), _ = window.innerWidth, C = window.innerHeight;
|
|
937
|
+
a.value = _ - u.pageX < g.width ? u.pageX - g.width : u.pageX, l.value = C - u.pageY < g.height ? u.pageY - g.height : u.pageY, s.value.itemsCount() === 0 && s.value.hide();
|
|
931
938
|
});
|
|
932
939
|
}, c = (u) => {
|
|
933
|
-
|
|
940
|
+
t("select", u);
|
|
934
941
|
};
|
|
935
942
|
return e({
|
|
936
943
|
show: i
|
|
937
|
-
}), (u, g) => (d(),
|
|
944
|
+
}), (u, g) => (d(), k(xt, {
|
|
938
945
|
ref_key: "dMenuRef",
|
|
939
946
|
ref: s,
|
|
940
947
|
onSelect: c,
|
|
@@ -993,46 +1000,46 @@ const q = Lo(), v = {
|
|
|
993
1000
|
}
|
|
994
1001
|
},
|
|
995
1002
|
emits: ["select", "collapse", "expand", "move", "over", "drop", "doubleclick", "foldericonclick"],
|
|
996
|
-
setup(
|
|
997
|
-
const n =
|
|
1003
|
+
setup(o, { expose: e, emit: t }) {
|
|
1004
|
+
const n = o, s = T(null), a = T(!1), l = T(null), r = Ve().uid;
|
|
998
1005
|
v.actions.initTreeStore(r, n.noSelect, n.multiSelect, n.expanded, n.transfer, n.renderTitle, n.beforeItem, n.dropInside);
|
|
999
|
-
const i = (
|
|
1000
|
-
console.log(
|
|
1006
|
+
const i = (f, y) => {
|
|
1007
|
+
console.log(f, y);
|
|
1001
1008
|
};
|
|
1002
|
-
q.on(`expand-${r}`, (
|
|
1003
|
-
|
|
1004
|
-
}), q.on(`collapse-${r}`, (
|
|
1005
|
-
|
|
1006
|
-
}), q.on(`move-${r}`, (
|
|
1007
|
-
|
|
1009
|
+
q.on(`expand-${r}`, (f) => {
|
|
1010
|
+
t("expand", f);
|
|
1011
|
+
}), q.on(`collapse-${r}`, (f) => {
|
|
1012
|
+
t("collapse", f);
|
|
1013
|
+
}), q.on(`move-${r}`, (f) => {
|
|
1014
|
+
t("move", f);
|
|
1008
1015
|
});
|
|
1009
|
-
const c = h(() => n.search ? v.actions.deepSearchByTitle(n.items, n.search) : n.items), u = (
|
|
1016
|
+
const c = h(() => n.search ? v.actions.deepSearchByTitle(n.items, n.search) : n.items), u = (f) => {
|
|
1010
1017
|
for (let y = 0; y < n.items.length; y++)
|
|
1011
|
-
n.items[y].id ===
|
|
1012
|
-
}, g = (
|
|
1013
|
-
v.mutations.setItemSelect(r,
|
|
1014
|
-
}, _ = (
|
|
1015
|
-
n.doubleClickExpand && v.actions.toggleItem(r,
|
|
1016
|
-
},
|
|
1017
|
-
n.doubleClickExpand && v.actions.toggleItem(r,
|
|
1018
|
-
}, R = (
|
|
1019
|
-
|
|
1020
|
-
}, $ = (
|
|
1021
|
-
|
|
1018
|
+
n.items[y].id === f && v.actions.toggleItem(r, n.items[y]), n.items[y].expanded = !0;
|
|
1019
|
+
}, g = (f = null) => {
|
|
1020
|
+
v.mutations.setItemSelect(r, f.model), n.doubleClickExpand || v.actions.toggleItem(r, f.model), t("select", f);
|
|
1021
|
+
}, _ = (f = null) => {
|
|
1022
|
+
n.doubleClickExpand && v.actions.toggleItem(r, f.model), t("doubleclick", f);
|
|
1023
|
+
}, C = (f = null) => {
|
|
1024
|
+
n.doubleClickExpand && v.actions.toggleItem(r, f.model), t("foldericonclick", f);
|
|
1025
|
+
}, R = (f = null) => {
|
|
1026
|
+
t("over", f);
|
|
1027
|
+
}, $ = (f = null) => {
|
|
1028
|
+
t("drop", f);
|
|
1022
1029
|
}, A = () => s.value.elementSize(), Y = () => {
|
|
1023
|
-
for (let
|
|
1024
|
-
n.items[
|
|
1030
|
+
for (let f = 0; f < n.items.length; f++)
|
|
1031
|
+
n.items[f].expanded = !0;
|
|
1025
1032
|
}, M = () => {
|
|
1026
|
-
for (let
|
|
1027
|
-
n.items[
|
|
1028
|
-
}, B = () => r, F = (
|
|
1029
|
-
F(
|
|
1030
|
-
}, W = (
|
|
1031
|
-
n.contextClick({ e:
|
|
1032
|
-
}, N = (
|
|
1033
|
+
for (let f = 0; f < n.items.length; f++)
|
|
1034
|
+
n.items[f].expanded = !1;
|
|
1035
|
+
}, B = () => r, F = (f) => v.actions.deepSearch(n.items, f), D = (f) => {
|
|
1036
|
+
F(f) && v.mutations.setItemSelect(r, F(f));
|
|
1037
|
+
}, W = (f) => {
|
|
1038
|
+
n.contextClick({ e: f.e, model: f.model, target: l.value });
|
|
1039
|
+
}, N = (f) => n.contextBeforeClick({ model: f, target: l.value }), w = h(() => n.context), H = (f) => (w.value && (l.value = f.model, a.value.show(f.e)), !1), P = () => m(c.value), m = (f) => {
|
|
1033
1040
|
let y = 0;
|
|
1034
|
-
for (let V = 0; V <
|
|
1035
|
-
y += v.actions.beforeItem(r,
|
|
1041
|
+
for (let V = 0; V < f.length; V++)
|
|
1042
|
+
y += v.actions.beforeItem(r, f[V]) ? 1 : 0, f[V].children && f[V].children.length > 0 && (y += m(f[V].children));
|
|
1036
1043
|
return y;
|
|
1037
1044
|
};
|
|
1038
1045
|
return e({
|
|
@@ -1041,10 +1048,10 @@ const q = Lo(), v = {
|
|
|
1041
1048
|
collapseAll: M,
|
|
1042
1049
|
getId: B,
|
|
1043
1050
|
getNode: F,
|
|
1044
|
-
selectNode:
|
|
1051
|
+
selectNode: D,
|
|
1045
1052
|
itemsCount: P,
|
|
1046
1053
|
expandNode: u
|
|
1047
|
-
}), (
|
|
1054
|
+
}), (f, y) => (d(), k(Eo, {
|
|
1048
1055
|
ref_key: "treeRef",
|
|
1049
1056
|
ref: s,
|
|
1050
1057
|
class: "tree",
|
|
@@ -1052,7 +1059,7 @@ const q = Lo(), v = {
|
|
|
1052
1059
|
onDrop: j(i, ["stop"])
|
|
1053
1060
|
}, {
|
|
1054
1061
|
default: E(() => [
|
|
1055
|
-
(d(!0),
|
|
1062
|
+
(d(!0), p(ne, null, me(c.value, (V) => (d(), k(Io, {
|
|
1056
1063
|
key: V.id,
|
|
1057
1064
|
model: V,
|
|
1058
1065
|
treeId: L(r),
|
|
@@ -1063,22 +1070,22 @@ const q = Lo(), v = {
|
|
|
1063
1070
|
onNodedragover: R,
|
|
1064
1071
|
onNodedrop: $,
|
|
1065
1072
|
onNodecontext: H,
|
|
1066
|
-
onNodefoldericonclick:
|
|
1073
|
+
onNodefoldericonclick: C
|
|
1067
1074
|
}, null, 8, ["model", "treeId", "items", "search"]))), 128)),
|
|
1068
|
-
w.value ? (d(),
|
|
1075
|
+
w.value ? (d(), k(Mo, {
|
|
1069
1076
|
key: 0,
|
|
1070
1077
|
ref_key: "contextTreeRef",
|
|
1071
1078
|
ref: a,
|
|
1072
1079
|
items: w.value,
|
|
1073
1080
|
onSelect: W,
|
|
1074
1081
|
"before-item": N
|
|
1075
|
-
}, null, 8, ["items"])) :
|
|
1082
|
+
}, null, 8, ["items"])) : x("", !0)
|
|
1076
1083
|
]),
|
|
1077
1084
|
_: 1
|
|
1078
1085
|
}, 8, ["onDrop"]));
|
|
1079
1086
|
}
|
|
1080
1087
|
};
|
|
1081
|
-
const
|
|
1088
|
+
const No = {
|
|
1082
1089
|
__name: "DAccordion",
|
|
1083
1090
|
props: {
|
|
1084
1091
|
items: Array,
|
|
@@ -1090,20 +1097,20 @@ const Eo = {
|
|
|
1090
1097
|
}
|
|
1091
1098
|
},
|
|
1092
1099
|
emits: ["move"],
|
|
1093
|
-
setup(
|
|
1094
|
-
const
|
|
1100
|
+
setup(o, { emit: e }) {
|
|
1101
|
+
const t = o, n = (s) => {
|
|
1095
1102
|
e("move", s);
|
|
1096
1103
|
};
|
|
1097
|
-
return (s, a) => (d(),
|
|
1104
|
+
return (s, a) => (d(), k(kt, {
|
|
1098
1105
|
class: "accordion",
|
|
1099
|
-
items:
|
|
1100
|
-
"no-select":
|
|
1101
|
-
"render-title":
|
|
1106
|
+
items: t.items,
|
|
1107
|
+
"no-select": t.noSelect,
|
|
1108
|
+
"render-title": t.renderTitle,
|
|
1102
1109
|
"drop-inside": !1,
|
|
1103
1110
|
onMove: n
|
|
1104
1111
|
}, null, 8, ["items", "no-select", "render-title"]));
|
|
1105
1112
|
}
|
|
1106
|
-
},
|
|
1113
|
+
}, Os = /* @__PURE__ */ se(No, [["__scopeId", "data-v-a724c500"]]), Ro = {
|
|
1107
1114
|
__name: "DLayoutHeader",
|
|
1108
1115
|
props: {
|
|
1109
1116
|
fixed: {
|
|
@@ -1136,19 +1143,19 @@ const Eo = {
|
|
|
1136
1143
|
},
|
|
1137
1144
|
useMinWidthLayout: Boolean
|
|
1138
1145
|
},
|
|
1139
|
-
setup(
|
|
1140
|
-
const e =
|
|
1146
|
+
setup(o) {
|
|
1147
|
+
const e = o, t = h(() => {
|
|
1141
1148
|
const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
|
|
1142
1149
|
return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
|
|
1143
1150
|
});
|
|
1144
|
-
return (n, s) => (d(),
|
|
1151
|
+
return (n, s) => (d(), p("header", {
|
|
1145
1152
|
class: "d-layout-header",
|
|
1146
|
-
style: z(
|
|
1153
|
+
style: z(t.value)
|
|
1147
1154
|
}, [
|
|
1148
1155
|
I(n.$slots, "default")
|
|
1149
1156
|
], 4));
|
|
1150
1157
|
}
|
|
1151
|
-
},
|
|
1158
|
+
}, Oo = {
|
|
1152
1159
|
__name: "DLayoutTab",
|
|
1153
1160
|
props: {
|
|
1154
1161
|
fixed: {
|
|
@@ -1185,19 +1192,19 @@ const Eo = {
|
|
|
1185
1192
|
},
|
|
1186
1193
|
useMinWidthLayout: Boolean
|
|
1187
1194
|
},
|
|
1188
|
-
setup(
|
|
1189
|
-
const e =
|
|
1195
|
+
setup(o) {
|
|
1196
|
+
const e = o, t = h(() => {
|
|
1190
1197
|
const { fixed: n, top: s, zIndex: a, minWidth: l, height: r, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = e, g = n ? "fixed" : "static", _ = e.useMinWidthLayout ? `min-width: ${l}px;` : "";
|
|
1191
1198
|
return `position:${g};top:${s}px;z-index:${a};${_}height:${r}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
|
|
1192
1199
|
});
|
|
1193
|
-
return (n, s) => (d(),
|
|
1200
|
+
return (n, s) => (d(), p("div", {
|
|
1194
1201
|
class: "d-layout-tab",
|
|
1195
|
-
style: z(
|
|
1202
|
+
style: z(t.value)
|
|
1196
1203
|
}, [
|
|
1197
1204
|
I(n.$slots, "default")
|
|
1198
1205
|
], 4));
|
|
1199
1206
|
}
|
|
1200
|
-
},
|
|
1207
|
+
}, Vo = {
|
|
1201
1208
|
__name: "DLayoutFooter",
|
|
1202
1209
|
props: {
|
|
1203
1210
|
fixed: {
|
|
@@ -1230,19 +1237,19 @@ const Eo = {
|
|
|
1230
1237
|
},
|
|
1231
1238
|
useMinWidthLayout: Boolean
|
|
1232
1239
|
},
|
|
1233
|
-
setup(
|
|
1234
|
-
const e =
|
|
1240
|
+
setup(o) {
|
|
1241
|
+
const e = o, t = h(() => {
|
|
1235
1242
|
const { fixed: n, zIndex: s, minWidth: a, height: l, paddingLeft: r, transitionDuration: i, transitionTimingFunction: c } = e, u = n ? "fixed" : "static", g = e.useMinWidthLayout ? `min-width:${a}px;` : "";
|
|
1236
1243
|
return `position:${u};z-index:${s};${g}height:${l}px;padding-left:${r}px;transition-duration:${i}ms;transition-timing-function:${c};`;
|
|
1237
1244
|
});
|
|
1238
|
-
return (n, s) => (d(),
|
|
1245
|
+
return (n, s) => (d(), p("footer", {
|
|
1239
1246
|
class: "d-layout-footer",
|
|
1240
|
-
style: z(
|
|
1247
|
+
style: z(t.value)
|
|
1241
1248
|
}, [
|
|
1242
1249
|
I(n.$slots, "default")
|
|
1243
1250
|
], 4));
|
|
1244
1251
|
}
|
|
1245
|
-
},
|
|
1252
|
+
}, Ao = {
|
|
1246
1253
|
__name: "DLayoutSidebar",
|
|
1247
1254
|
props: {
|
|
1248
1255
|
zIndex: {
|
|
@@ -1270,19 +1277,19 @@ const Eo = {
|
|
|
1270
1277
|
default: !1
|
|
1271
1278
|
}
|
|
1272
1279
|
},
|
|
1273
|
-
setup(
|
|
1274
|
-
const e =
|
|
1280
|
+
setup(o) {
|
|
1281
|
+
const e = o, t = h(() => {
|
|
1275
1282
|
const { zIndex: n, width: s, paddingTop: a, transitionDuration: l, transitionTimingFunction: r } = e;
|
|
1276
1283
|
return `z-index:${n};width:${s}px;padding-top:${a}px;transition-duration:${l}ms;transition-timing-function:${r};`;
|
|
1277
1284
|
});
|
|
1278
|
-
return (n, s) => (d(),
|
|
1285
|
+
return (n, s) => (d(), p("aside", {
|
|
1279
1286
|
class: "d-layout-sidebar",
|
|
1280
|
-
style: z(
|
|
1287
|
+
style: z(t.value)
|
|
1281
1288
|
}, [
|
|
1282
1289
|
I(n.$slots, "default")
|
|
1283
1290
|
], 4));
|
|
1284
1291
|
}
|
|
1285
|
-
},
|
|
1292
|
+
}, Ho = {
|
|
1286
1293
|
__name: "DLayoutContent",
|
|
1287
1294
|
props: {
|
|
1288
1295
|
paddingTop: {
|
|
@@ -1307,21 +1314,21 @@ const Eo = {
|
|
|
1307
1314
|
default: "ease-in-out"
|
|
1308
1315
|
}
|
|
1309
1316
|
},
|
|
1310
|
-
setup(
|
|
1311
|
-
const e =
|
|
1317
|
+
setup(o) {
|
|
1318
|
+
const e = o, t = h(() => {
|
|
1312
1319
|
const { paddingTop: n, paddingBottom: s, paddingLeft: a, transitionDuration: l, transitionTimingFunction: r } = e, i = `overflow:${e.overflowHidden ? "hidden" : "visible"};`;
|
|
1313
1320
|
return `padding-top:${n}px;padding-bottom:${s}px;padding-left:${a}px;${i}transition-duration:${l}ms;transition-timing-function:${r};`;
|
|
1314
1321
|
});
|
|
1315
|
-
return (n, s) => (d(),
|
|
1316
|
-
style: z(
|
|
1322
|
+
return (n, s) => (d(), p("main", {
|
|
1323
|
+
style: z(t.value),
|
|
1317
1324
|
class: "d-layout-content"
|
|
1318
1325
|
}, [
|
|
1319
1326
|
I(n.$slots, "default")
|
|
1320
1327
|
], 4));
|
|
1321
1328
|
}
|
|
1322
1329
|
};
|
|
1323
|
-
function
|
|
1324
|
-
const e =
|
|
1330
|
+
function zo(o) {
|
|
1331
|
+
const e = T(0), t = h(() => `transform: translateX(${-e.value}px);`);
|
|
1325
1332
|
let n = !1;
|
|
1326
1333
|
function s(u) {
|
|
1327
1334
|
e.value = u;
|
|
@@ -1343,13 +1350,13 @@ function Ao(t) {
|
|
|
1343
1350
|
function c() {
|
|
1344
1351
|
l(), r(), n = !0;
|
|
1345
1352
|
}
|
|
1346
|
-
return vt(
|
|
1353
|
+
return vt(o, (u) => {
|
|
1347
1354
|
u ? c() : i();
|
|
1348
1355
|
}, { immediate: !0 }), Et(() => {
|
|
1349
1356
|
i();
|
|
1350
|
-
}),
|
|
1357
|
+
}), t;
|
|
1351
1358
|
}
|
|
1352
|
-
const
|
|
1359
|
+
const Fo = 1001, Wo = 999, Po = 998, Vs = {
|
|
1353
1360
|
__name: "DLayoutAdmin",
|
|
1354
1361
|
props: {
|
|
1355
1362
|
mode: {
|
|
@@ -1439,107 +1446,107 @@ const Ho = 1001, zo = 999, Fo = 998, Rs = {
|
|
|
1439
1446
|
}
|
|
1440
1447
|
},
|
|
1441
1448
|
emits: ["update:sidebar-collapse", "sidebar-mask-click"],
|
|
1442
|
-
setup(
|
|
1443
|
-
const
|
|
1444
|
-
const { transitionDuration:
|
|
1449
|
+
setup(o, { emit: e }) {
|
|
1450
|
+
const t = o, n = h(() => t.useMinWidthLayout ? `min-width:${t.minWidth}px;` : ""), s = h(() => t.useMinWidthLayout && (t.fixedHeaderAndTab || t.fixedFooter)), a = zo(s), l = h(() => t.fixedHeaderAndTab ? a.value : ""), r = h(() => t.fixedFooter ? a.value : ""), i = h(() => {
|
|
1451
|
+
const { transitionDuration: D, transitionTimingFunction: W } = t;
|
|
1445
1452
|
return {
|
|
1446
|
-
transitionDuration:
|
|
1453
|
+
transitionDuration: D,
|
|
1447
1454
|
transitionTimingFunction: W
|
|
1448
1455
|
};
|
|
1449
|
-
}), c = h(() =>
|
|
1456
|
+
}), c = h(() => t.mode === "vertical"), u = h(() => t.isMobile || c.value ? 1003 : 1e3), g = h({
|
|
1450
1457
|
get() {
|
|
1451
|
-
return
|
|
1458
|
+
return t.sidebarCollapse;
|
|
1452
1459
|
},
|
|
1453
|
-
set(
|
|
1454
|
-
e("update:sidebar-collapse",
|
|
1460
|
+
set(D) {
|
|
1461
|
+
e("update:sidebar-collapse", D);
|
|
1455
1462
|
}
|
|
1456
1463
|
});
|
|
1457
1464
|
function _() {
|
|
1458
1465
|
e("sidebar-mask-click");
|
|
1459
1466
|
}
|
|
1460
|
-
const
|
|
1461
|
-
const { transitionDuration:
|
|
1462
|
-
return `background-color:${
|
|
1467
|
+
const C = h(() => t.isMobile && !g.value), R = h(() => {
|
|
1468
|
+
const { transitionDuration: D, transitionTimingFunction: W } = t;
|
|
1469
|
+
return `background-color:${t.maskBg};transition-duration:${D}ms;transition-timing-function:${W};`;
|
|
1463
1470
|
}), $ = h(() => {
|
|
1464
|
-
const { sidebarWidth:
|
|
1465
|
-
return
|
|
1466
|
-
}), A = h(() =>
|
|
1467
|
-
() => !
|
|
1471
|
+
const { sidebarWidth: D, sidebarCollapsedWidth: W } = t, N = t.isMobile ? 0 : W, w = g.value ? N : D;
|
|
1472
|
+
return t.sidebarVisible ? w : 0;
|
|
1473
|
+
}), A = h(() => t.isMobile ? 0 : $.value), Y = h(() => c.value ? A.value : 0), M = h(
|
|
1474
|
+
() => !t.isMobile && !c.value && t.headerVisible ? t.headerHeight : 0
|
|
1468
1475
|
), B = h(() => {
|
|
1469
|
-
let
|
|
1470
|
-
return
|
|
1471
|
-
}), F = h(() =>
|
|
1472
|
-
return (
|
|
1476
|
+
let D = 0;
|
|
1477
|
+
return t.fixedHeaderAndTab && (t.headerVisible && (D += t.headerHeight), t.tabVisible && (D += t.tabHeight)), D;
|
|
1478
|
+
}), F = h(() => t.fixedFooter && t.footerVisible ? t.footerHeight : 0);
|
|
1479
|
+
return (D, W) => (d(), p("div", {
|
|
1473
1480
|
class: "d-layout",
|
|
1474
1481
|
style: z(n.value)
|
|
1475
1482
|
}, [
|
|
1476
|
-
|
|
1477
|
-
fixed:
|
|
1478
|
-
"z-index":
|
|
1479
|
-
"min-width":
|
|
1480
|
-
height:
|
|
1483
|
+
o.headerVisible ? (d(), k(Ro, ue({ key: 0 }, i.value, {
|
|
1484
|
+
fixed: o.fixedHeaderAndTab,
|
|
1485
|
+
"z-index": Fo,
|
|
1486
|
+
"min-width": o.minWidth,
|
|
1487
|
+
height: o.headerHeight,
|
|
1481
1488
|
"padding-left": Y.value,
|
|
1482
1489
|
style: l.value
|
|
1483
1490
|
}), {
|
|
1484
1491
|
default: E(() => [
|
|
1485
|
-
I(
|
|
1492
|
+
I(D.$slots, "header")
|
|
1486
1493
|
]),
|
|
1487
1494
|
_: 3
|
|
1488
|
-
}, 16, ["fixed", "min-width", "height", "padding-left", "style"])) :
|
|
1489
|
-
|
|
1490
|
-
fixed:
|
|
1491
|
-
"z-index":
|
|
1492
|
-
"min-width":
|
|
1493
|
-
top:
|
|
1494
|
-
height:
|
|
1495
|
+
}, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : x("", !0),
|
|
1496
|
+
o.tabVisible ? (d(), k(Oo, ue({ key: 1 }, i.value, {
|
|
1497
|
+
fixed: o.fixedHeaderAndTab,
|
|
1498
|
+
"z-index": Wo,
|
|
1499
|
+
"min-width": o.minWidth,
|
|
1500
|
+
top: o.headerHeight,
|
|
1501
|
+
height: o.tabHeight,
|
|
1495
1502
|
"padding-left": A.value,
|
|
1496
1503
|
style: l.value
|
|
1497
1504
|
}), {
|
|
1498
1505
|
default: E(() => [
|
|
1499
|
-
I(
|
|
1506
|
+
I(D.$slots, "tab")
|
|
1500
1507
|
]),
|
|
1501
1508
|
_: 3
|
|
1502
|
-
}, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) :
|
|
1503
|
-
|
|
1509
|
+
}, 16, ["fixed", "min-width", "top", "height", "padding-left", "style"])) : x("", !0),
|
|
1510
|
+
o.sidebarVisible ? (d(), k(Ao, ue({ key: 2 }, i.value, {
|
|
1504
1511
|
"z-index": u.value,
|
|
1505
1512
|
width: $.value,
|
|
1506
1513
|
"padding-top": M.value
|
|
1507
1514
|
}), {
|
|
1508
1515
|
default: E(() => [
|
|
1509
|
-
I(
|
|
1516
|
+
I(D.$slots, "sidebar")
|
|
1510
1517
|
]),
|
|
1511
1518
|
_: 3
|
|
1512
|
-
}, 16, ["z-index", "width", "padding-top"])) :
|
|
1513
|
-
|
|
1519
|
+
}, 16, ["z-index", "width", "padding-top"])) : x("", !0),
|
|
1520
|
+
C.value ? (d(), p("div", {
|
|
1514
1521
|
key: 3,
|
|
1515
1522
|
class: "d-layout-sidebar-mask",
|
|
1516
1523
|
style: z(R.value),
|
|
1517
1524
|
onClick: _
|
|
1518
|
-
}, null, 4)) :
|
|
1519
|
-
Q(
|
|
1525
|
+
}, null, 4)) : x("", !0),
|
|
1526
|
+
Q(Ho, ue(i.value, {
|
|
1520
1527
|
"padding-top": B.value,
|
|
1521
1528
|
"padding-bottom": F.value,
|
|
1522
1529
|
"padding-left": A.value,
|
|
1523
|
-
"overflow-hidden":
|
|
1530
|
+
"overflow-hidden": o.addMainOverflowHidden
|
|
1524
1531
|
}), {
|
|
1525
1532
|
default: E(() => [
|
|
1526
|
-
I(
|
|
1533
|
+
I(D.$slots, "default")
|
|
1527
1534
|
]),
|
|
1528
1535
|
_: 3
|
|
1529
1536
|
}, 16, ["padding-top", "padding-bottom", "padding-left", "overflow-hidden"]),
|
|
1530
|
-
|
|
1531
|
-
fixed:
|
|
1532
|
-
"z-index":
|
|
1533
|
-
"min-width":
|
|
1534
|
-
height:
|
|
1537
|
+
o.footerVisible ? (d(), k(Vo, ue({ key: 4 }, i.value, {
|
|
1538
|
+
fixed: o.fixedFooter,
|
|
1539
|
+
"z-index": Po,
|
|
1540
|
+
"min-width": o.minWidth,
|
|
1541
|
+
height: o.footerHeight,
|
|
1535
1542
|
"padding-left": A.value,
|
|
1536
1543
|
style: r.value
|
|
1537
1544
|
}), {
|
|
1538
1545
|
default: E(() => [
|
|
1539
|
-
I(
|
|
1546
|
+
I(D.$slots, "footer")
|
|
1540
1547
|
]),
|
|
1541
1548
|
_: 3
|
|
1542
|
-
}, 16, ["fixed", "min-width", "height", "padding-left", "style"])) :
|
|
1549
|
+
}, 16, ["fixed", "min-width", "height", "padding-left", "style"])) : x("", !0)
|
|
1543
1550
|
], 4));
|
|
1544
1551
|
}
|
|
1545
1552
|
}, pe = {
|
|
@@ -1552,8 +1559,8 @@ const Ho = 1001, zo = 999, Fo = 998, Rs = {
|
|
|
1552
1559
|
}
|
|
1553
1560
|
},
|
|
1554
1561
|
mutations: {
|
|
1555
|
-
setTheme(
|
|
1556
|
-
pe.state.theme =
|
|
1562
|
+
setTheme(o) {
|
|
1563
|
+
pe.state.theme = o, document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(o);
|
|
1557
1564
|
}
|
|
1558
1565
|
},
|
|
1559
1566
|
actions: {
|
|
@@ -1561,7 +1568,7 @@ const Ho = 1001, zo = 999, Fo = 998, Rs = {
|
|
|
1561
1568
|
pe.state.theme = pe.state.theme === "dark" ? "light" : "dark", document.documentElement.classList.remove("dark"), document.documentElement.classList.remove("light"), document.documentElement.classList.add(pe.state.theme);
|
|
1562
1569
|
}
|
|
1563
1570
|
}
|
|
1564
|
-
},
|
|
1571
|
+
}, As = {
|
|
1565
1572
|
__name: "DConfigProvider",
|
|
1566
1573
|
props: {
|
|
1567
1574
|
theme: {
|
|
@@ -1569,12 +1576,12 @@ const Ho = 1001, zo = 999, Fo = 998, Rs = {
|
|
|
1569
1576
|
default: "dark"
|
|
1570
1577
|
}
|
|
1571
1578
|
},
|
|
1572
|
-
setup(
|
|
1573
|
-
const e =
|
|
1574
|
-
return pe.mutations.setTheme(e.theme), (
|
|
1579
|
+
setup(o) {
|
|
1580
|
+
const e = o;
|
|
1581
|
+
return pe.mutations.setTheme(e.theme), (t, n) => I(t.$slots, "default");
|
|
1575
1582
|
}
|
|
1576
1583
|
};
|
|
1577
|
-
const
|
|
1584
|
+
const Hs = {
|
|
1578
1585
|
__name: "DScrollProvider",
|
|
1579
1586
|
props: {
|
|
1580
1587
|
xHide: {
|
|
@@ -1586,23 +1593,23 @@ const Vs = {
|
|
|
1586
1593
|
default: !1
|
|
1587
1594
|
}
|
|
1588
1595
|
},
|
|
1589
|
-
setup(
|
|
1590
|
-
const e =
|
|
1596
|
+
setup(o) {
|
|
1597
|
+
const e = o;
|
|
1591
1598
|
Ae((a) => ({
|
|
1592
|
-
e35a6f9a:
|
|
1599
|
+
e35a6f9a: t.value,
|
|
1593
1600
|
e35a6f98: n.value
|
|
1594
1601
|
}));
|
|
1595
|
-
const
|
|
1602
|
+
const t = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible"), s = (a) => {
|
|
1596
1603
|
document.body.classList.add(a), document.documentElement.classList.add(a), document.documentElement.classList.add("d-global-scroll");
|
|
1597
1604
|
};
|
|
1598
1605
|
return he(() => {
|
|
1599
1606
|
s("colored-scroller");
|
|
1600
|
-
}), (a, l) => (d(),
|
|
1607
|
+
}), (a, l) => (d(), p("div", null, [
|
|
1601
1608
|
I(a.$slots, "default")
|
|
1602
1609
|
]));
|
|
1603
1610
|
}
|
|
1604
1611
|
};
|
|
1605
|
-
const
|
|
1612
|
+
const jo = {
|
|
1606
1613
|
__name: "DScroll",
|
|
1607
1614
|
props: {
|
|
1608
1615
|
autoHide: {
|
|
@@ -1618,72 +1625,73 @@ const Wo = {
|
|
|
1618
1625
|
default: !1
|
|
1619
1626
|
}
|
|
1620
1627
|
},
|
|
1621
|
-
setup(
|
|
1622
|
-
const e =
|
|
1628
|
+
setup(o) {
|
|
1629
|
+
const e = o;
|
|
1623
1630
|
Ae((s) => ({
|
|
1624
|
-
c07fa29a:
|
|
1631
|
+
c07fa29a: t.value,
|
|
1625
1632
|
c07fa298: n.value
|
|
1626
1633
|
}));
|
|
1627
|
-
const
|
|
1628
|
-
return (s, a) => (d(),
|
|
1634
|
+
const t = h(() => e.xHide ? "hidden" : "visible"), n = h(() => e.yHide ? "hidden" : "visible");
|
|
1635
|
+
return (s, a) => (d(), p("div", {
|
|
1629
1636
|
class: S(e.autoHide ? "d-scroll-hide" : "d-scroll")
|
|
1630
1637
|
}, [
|
|
1631
1638
|
I(s.$slots, "default", {}, void 0, !0)
|
|
1632
1639
|
], 2));
|
|
1633
1640
|
}
|
|
1634
|
-
},
|
|
1641
|
+
}, zs = /* @__PURE__ */ se(jo, [["__scopeId", "data-v-d50b3609"]]), Xo = { class: "modal-content" }, Yo = { class: "modal-header" }, Uo = { class: "modal-title" }, qo = { class: "modal-body" }, Go = { class: "modal-footer" }, $t = {
|
|
1635
1642
|
__name: "DModal",
|
|
1636
1643
|
props: {
|
|
1637
1644
|
show: Boolean,
|
|
1638
1645
|
width: String,
|
|
1639
1646
|
// ширина диалога 500px, 100% и т.п.
|
|
1640
|
-
maxWidth: String
|
|
1647
|
+
maxWidth: String,
|
|
1641
1648
|
// максимальная ширина диалога 500px, 100% и т.п.
|
|
1649
|
+
class: [String, Array]
|
|
1642
1650
|
},
|
|
1643
1651
|
emits: ["open", "close"],
|
|
1644
|
-
setup(
|
|
1645
|
-
const n =
|
|
1652
|
+
setup(o, { expose: e, emit: t }) {
|
|
1653
|
+
const n = o, s = T(null), a = T(!1);
|
|
1646
1654
|
a.value = n == null ? void 0 : n.show;
|
|
1647
1655
|
const l = () => {
|
|
1648
|
-
a.value = !0,
|
|
1656
|
+
a.value = !0, t("open", s);
|
|
1649
1657
|
}, r = () => {
|
|
1650
|
-
a.value = !1,
|
|
1658
|
+
a.value = !1, t("close", s);
|
|
1651
1659
|
};
|
|
1652
1660
|
return e({
|
|
1653
1661
|
show: l,
|
|
1654
1662
|
hide: r
|
|
1655
1663
|
}), (i, c) => {
|
|
1656
1664
|
const u = Re("keydown");
|
|
1657
|
-
return d(),
|
|
1665
|
+
return d(), k(ht, { to: "body" }, [
|
|
1658
1666
|
Q(Ne, { name: "fade" }, {
|
|
1659
1667
|
default: E(() => [
|
|
1660
|
-
a.value ? Z((d(),
|
|
1668
|
+
a.value ? Z((d(), p("div", {
|
|
1661
1669
|
key: 0,
|
|
1662
1670
|
ref_key: "modalRef",
|
|
1663
1671
|
ref: s,
|
|
1664
|
-
class: "modal"
|
|
1672
|
+
class: S(["modal", n.class])
|
|
1665
1673
|
}, [
|
|
1666
1674
|
b("div", {
|
|
1667
1675
|
class: "modal-dialog",
|
|
1668
1676
|
style: z({ width: n.width, maxWidth: n.maxWidth })
|
|
1669
1677
|
}, [
|
|
1670
|
-
b("div",
|
|
1671
|
-
b("div",
|
|
1672
|
-
b("h5",
|
|
1678
|
+
b("div", Xo, [
|
|
1679
|
+
b("div", Yo, [
|
|
1680
|
+
b("h5", Uo, [
|
|
1673
1681
|
I(i.$slots, "modal-title")
|
|
1674
1682
|
])
|
|
1675
1683
|
]),
|
|
1676
|
-
b("div",
|
|
1684
|
+
b("div", qo, [
|
|
1677
1685
|
I(i.$slots, "default")
|
|
1678
1686
|
]),
|
|
1679
|
-
b("div",
|
|
1687
|
+
b("div", Go, [
|
|
1680
1688
|
I(i.$slots, "modal-footer")
|
|
1681
1689
|
])
|
|
1682
1690
|
])
|
|
1683
1691
|
], 4)
|
|
1684
|
-
])), [
|
|
1692
|
+
], 2)), [
|
|
1685
1693
|
[u, r, "Escape"]
|
|
1686
|
-
]) :
|
|
1694
|
+
]) : x("", !0)
|
|
1687
1695
|
]),
|
|
1688
1696
|
_: 3
|
|
1689
1697
|
})
|
|
@@ -1691,26 +1699,26 @@ const Wo = {
|
|
|
1691
1699
|
};
|
|
1692
1700
|
}
|
|
1693
1701
|
}, ce = Mt();
|
|
1694
|
-
function Me(
|
|
1695
|
-
|
|
1702
|
+
function Me(o) {
|
|
1703
|
+
o === void 0 && (o = ce.value.comp.returnValue()), ce.value.resolve(o), ce.value = null;
|
|
1696
1704
|
}
|
|
1697
|
-
function wt(
|
|
1705
|
+
function wt(o, e, t = "default") {
|
|
1698
1706
|
return new Promise((n) => {
|
|
1699
1707
|
ce.value = {
|
|
1700
|
-
dialog:
|
|
1708
|
+
dialog: o,
|
|
1701
1709
|
props: e,
|
|
1702
|
-
wrapper:
|
|
1710
|
+
wrapper: t,
|
|
1703
1711
|
resolve: n
|
|
1704
1712
|
};
|
|
1705
1713
|
});
|
|
1706
1714
|
}
|
|
1707
|
-
var
|
|
1708
|
-
const
|
|
1715
|
+
var Zo = (o, e) => {
|
|
1716
|
+
const t = o.__vccOpts || o;
|
|
1709
1717
|
for (const [n, s] of e)
|
|
1710
|
-
|
|
1711
|
-
return
|
|
1718
|
+
t[n] = s;
|
|
1719
|
+
return t;
|
|
1712
1720
|
};
|
|
1713
|
-
const
|
|
1721
|
+
const Ko = Nt({
|
|
1714
1722
|
name: "DialogWrapper",
|
|
1715
1723
|
components: {},
|
|
1716
1724
|
props: {
|
|
@@ -1721,44 +1729,44 @@ const Go = Nt({
|
|
|
1721
1729
|
transitionAttrs: Object
|
|
1722
1730
|
},
|
|
1723
1731
|
setup() {
|
|
1724
|
-
const
|
|
1725
|
-
return vt(
|
|
1726
|
-
ce.value && (ce.value.comp =
|
|
1732
|
+
const o = T();
|
|
1733
|
+
return vt(o, () => {
|
|
1734
|
+
ce.value && (ce.value.comp = o.value);
|
|
1727
1735
|
}), {
|
|
1728
1736
|
dialogRef: ce,
|
|
1729
|
-
dialogInstance:
|
|
1737
|
+
dialogInstance: o
|
|
1730
1738
|
};
|
|
1731
1739
|
}
|
|
1732
1740
|
});
|
|
1733
|
-
function
|
|
1734
|
-
return d(),
|
|
1741
|
+
function Jo(o, e, t, n, s, a) {
|
|
1742
|
+
return d(), k(Ne, ft(mt(o.transitionAttrs)), {
|
|
1735
1743
|
default: E(() => [
|
|
1736
|
-
|
|
1744
|
+
o.dialogRef && o.dialogRef.wrapper === o.name ? (d(), k(U(o.dialogRef.dialog), ue({ key: 0 }, o.dialogRef.props, { ref: "dialogInstance" }), null, 16)) : x("", !0)
|
|
1737
1745
|
]),
|
|
1738
1746
|
_: 1
|
|
1739
1747
|
}, 16);
|
|
1740
1748
|
}
|
|
1741
|
-
var
|
|
1742
|
-
const
|
|
1749
|
+
var Qo = /* @__PURE__ */ Zo(Ko, [["render", Jo]]);
|
|
1750
|
+
const en = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, tn = {
|
|
1743
1751
|
__name: "DAlertDialog",
|
|
1744
1752
|
props: {
|
|
1745
1753
|
title: String,
|
|
1746
1754
|
message: String
|
|
1747
1755
|
},
|
|
1748
|
-
setup(
|
|
1749
|
-
const
|
|
1756
|
+
setup(o, { expose: e }) {
|
|
1757
|
+
const t = o;
|
|
1750
1758
|
return e({
|
|
1751
1759
|
returnValue: () => !0
|
|
1752
|
-
}), (s, a) => (d(),
|
|
1760
|
+
}), (s, a) => (d(), p("div", null, [
|
|
1753
1761
|
Q($t, { show: !0 }, {
|
|
1754
1762
|
"modal-title": E(() => [
|
|
1755
|
-
J(O(
|
|
1763
|
+
J(O(t.title), 1)
|
|
1756
1764
|
]),
|
|
1757
1765
|
default: E(() => [
|
|
1758
|
-
J(O(
|
|
1766
|
+
J(O(t.message), 1)
|
|
1759
1767
|
]),
|
|
1760
1768
|
"modal-footer": E(() => [
|
|
1761
|
-
b("div",
|
|
1769
|
+
b("div", en, [
|
|
1762
1770
|
Q(le, {
|
|
1763
1771
|
onClick: a[0] || (a[0] = (l) => L(Me)())
|
|
1764
1772
|
}, {
|
|
@@ -1773,26 +1781,26 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1773
1781
|
})
|
|
1774
1782
|
]));
|
|
1775
1783
|
}
|
|
1776
|
-
},
|
|
1784
|
+
}, on = { style: { display: "flex", "flex-direction": "row", "justify-content": "center", gap: "5px" } }, nn = {
|
|
1777
1785
|
__name: "DConfirmDialog",
|
|
1778
1786
|
props: {
|
|
1779
1787
|
title: String,
|
|
1780
1788
|
message: String
|
|
1781
1789
|
},
|
|
1782
|
-
setup(
|
|
1783
|
-
const
|
|
1790
|
+
setup(o, { expose: e }) {
|
|
1791
|
+
const t = o;
|
|
1784
1792
|
return e({
|
|
1785
1793
|
returnValue: () => !0
|
|
1786
|
-
}), (s, a) => (d(),
|
|
1794
|
+
}), (s, a) => (d(), p("div", null, [
|
|
1787
1795
|
Q($t, { show: !0 }, {
|
|
1788
1796
|
"modal-title": E(() => [
|
|
1789
|
-
J(O(
|
|
1797
|
+
J(O(t.title), 1)
|
|
1790
1798
|
]),
|
|
1791
1799
|
default: E(() => [
|
|
1792
|
-
J(O(
|
|
1800
|
+
J(O(t.message), 1)
|
|
1793
1801
|
]),
|
|
1794
1802
|
"modal-footer": E(() => [
|
|
1795
|
-
b("div",
|
|
1803
|
+
b("div", on, [
|
|
1796
1804
|
Q(le, {
|
|
1797
1805
|
onClick: a[0] || (a[0] = (l) => L(Me)())
|
|
1798
1806
|
}, {
|
|
@@ -1816,7 +1824,7 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1816
1824
|
})
|
|
1817
1825
|
]));
|
|
1818
1826
|
}
|
|
1819
|
-
},
|
|
1827
|
+
}, sn = { class: "dropdown" }, Fs = {
|
|
1820
1828
|
__name: "DDropdown",
|
|
1821
1829
|
props: {
|
|
1822
1830
|
class: String,
|
|
@@ -1835,9 +1843,9 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1835
1843
|
}
|
|
1836
1844
|
},
|
|
1837
1845
|
emits: ["select", "click"],
|
|
1838
|
-
setup(
|
|
1839
|
-
const n =
|
|
1840
|
-
if (
|
|
1846
|
+
setup(o, { expose: e, emit: t }) {
|
|
1847
|
+
const n = o, s = Ce(), a = T(null), l = T(null), r = T(0), i = T(0), c = (C) => {
|
|
1848
|
+
if (t("click", C), a.value.isShowed()) {
|
|
1841
1849
|
a.value.hide();
|
|
1842
1850
|
return;
|
|
1843
1851
|
}
|
|
@@ -1845,15 +1853,15 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1845
1853
|
const R = a.value.elementSize(), $ = l.value.elementSize(), A = window.innerWidth, Y = window.innerHeight;
|
|
1846
1854
|
r.value = A - ($.x + $.width) < R.width ? $.left - R.width + $.width : $.left, i.value = Y - ($.y + $.height) < R.height ? $.top - R.height - 5 : $.height + $.top + 5;
|
|
1847
1855
|
});
|
|
1848
|
-
}, u = (
|
|
1849
|
-
|
|
1856
|
+
}, u = (C) => {
|
|
1857
|
+
t("select", C);
|
|
1850
1858
|
}, g = h(() => ({ left: r.value + "px", top: i.value + "px", position: n.bodyAsParent ? "absolute" : "fixed", ...n.menuStyle }));
|
|
1851
1859
|
e({
|
|
1852
1860
|
show: c
|
|
1853
1861
|
});
|
|
1854
|
-
const _ = (
|
|
1855
|
-
return (
|
|
1856
|
-
_("default") ? (d(),
|
|
1862
|
+
const _ = (C) => !!s[C];
|
|
1863
|
+
return (C, R) => (d(), p("div", sn, [
|
|
1864
|
+
_("default") ? (d(), k(le, {
|
|
1857
1865
|
key: 0,
|
|
1858
1866
|
ref_key: "buttonRef",
|
|
1859
1867
|
ref: l,
|
|
@@ -1863,10 +1871,10 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1863
1871
|
type: n.type
|
|
1864
1872
|
}, {
|
|
1865
1873
|
default: E(() => [
|
|
1866
|
-
I(
|
|
1874
|
+
I(C.$slots, "default")
|
|
1867
1875
|
]),
|
|
1868
1876
|
_: 3
|
|
1869
|
-
}, 8, ["class", "icon", "onClick", "type"])) : (d(),
|
|
1877
|
+
}, 8, ["class", "icon", "onClick", "type"])) : (d(), k(le, {
|
|
1870
1878
|
key: 1,
|
|
1871
1879
|
ref_key: "buttonRef",
|
|
1872
1880
|
ref: l,
|
|
@@ -1889,40 +1897,40 @@ const Jo = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1889
1897
|
}, null, 8, ["items", "style", "render-item-title", "before-item", "body-as-parent"])
|
|
1890
1898
|
]));
|
|
1891
1899
|
}
|
|
1892
|
-
},
|
|
1893
|
-
function
|
|
1894
|
-
return d(),
|
|
1895
|
-
I(
|
|
1900
|
+
}, an = {}, ln = { class: "d-panel" };
|
|
1901
|
+
function rn(o, e) {
|
|
1902
|
+
return d(), p("div", ln, [
|
|
1903
|
+
I(o.$slots, "default")
|
|
1896
1904
|
]);
|
|
1897
1905
|
}
|
|
1898
|
-
const
|
|
1906
|
+
const dn = /* @__PURE__ */ se(an, [["render", rn]]), cn = {
|
|
1899
1907
|
key: 0,
|
|
1900
1908
|
class: "card-header"
|
|
1901
|
-
},
|
|
1909
|
+
}, un = { class: "card-body" }, pn = {
|
|
1902
1910
|
key: 1,
|
|
1903
1911
|
class: "card-footer"
|
|
1904
|
-
},
|
|
1912
|
+
}, Ws = {
|
|
1905
1913
|
__name: "DCard",
|
|
1906
|
-
setup(
|
|
1907
|
-
return (e,
|
|
1914
|
+
setup(o) {
|
|
1915
|
+
return (e, t) => (d(), k(dn, { class: "d-card" }, {
|
|
1908
1916
|
default: E(() => [
|
|
1909
|
-
e.$slots.header ? (d(),
|
|
1917
|
+
e.$slots.header ? (d(), p("div", cn, [
|
|
1910
1918
|
I(e.$slots, "header")
|
|
1911
|
-
])) :
|
|
1912
|
-
b("div",
|
|
1919
|
+
])) : x("", !0),
|
|
1920
|
+
b("div", un, [
|
|
1913
1921
|
I(e.$slots, "default")
|
|
1914
1922
|
]),
|
|
1915
|
-
e.$slots.footer ? (d(),
|
|
1923
|
+
e.$slots.footer ? (d(), p("div", pn, [
|
|
1916
1924
|
I(e.$slots, "footer")
|
|
1917
|
-
])) :
|
|
1925
|
+
])) : x("", !0)
|
|
1918
1926
|
]),
|
|
1919
1927
|
_: 3
|
|
1920
1928
|
}));
|
|
1921
1929
|
}
|
|
1922
|
-
},
|
|
1923
|
-
class
|
|
1924
|
-
constructor(e,
|
|
1925
|
-
this.remaining =
|
|
1930
|
+
}, fn = /* @__PURE__ */ new Map();
|
|
1931
|
+
class mn {
|
|
1932
|
+
constructor(e, t, n) {
|
|
1933
|
+
this.remaining = t, this.callback = e, this.notifyItem = n, this.resume();
|
|
1926
1934
|
}
|
|
1927
1935
|
pause() {
|
|
1928
1936
|
clearTimeout(this.notifyItem.timer), this.remaining -= Date.now() - this.start;
|
|
@@ -1948,48 +1956,48 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
1948
1956
|
name: "px",
|
|
1949
1957
|
regexp: new RegExp(`^${Be}$`)
|
|
1950
1958
|
}
|
|
1951
|
-
],
|
|
1952
|
-
if (
|
|
1959
|
+
], hn = (o) => {
|
|
1960
|
+
if (o === "auto")
|
|
1953
1961
|
return {
|
|
1954
|
-
type:
|
|
1962
|
+
type: o,
|
|
1955
1963
|
value: 0
|
|
1956
1964
|
};
|
|
1957
1965
|
for (let e = 0; e < lt.length; e++) {
|
|
1958
|
-
const
|
|
1959
|
-
if (
|
|
1966
|
+
const t = lt[e];
|
|
1967
|
+
if (t.regexp.test(o))
|
|
1960
1968
|
return {
|
|
1961
|
-
type:
|
|
1962
|
-
value: parseFloat(
|
|
1969
|
+
type: t.name,
|
|
1970
|
+
value: parseFloat(o)
|
|
1963
1971
|
};
|
|
1964
1972
|
}
|
|
1965
1973
|
return {
|
|
1966
1974
|
type: "",
|
|
1967
|
-
value:
|
|
1975
|
+
value: o
|
|
1968
1976
|
};
|
|
1969
|
-
},
|
|
1970
|
-
switch (typeof
|
|
1977
|
+
}, gn = (o) => {
|
|
1978
|
+
switch (typeof o) {
|
|
1971
1979
|
case "number":
|
|
1972
|
-
return { type: "px", value:
|
|
1980
|
+
return { type: "px", value: o };
|
|
1973
1981
|
case "string":
|
|
1974
|
-
return
|
|
1982
|
+
return hn(o);
|
|
1975
1983
|
default:
|
|
1976
|
-
return { type: "", value:
|
|
1984
|
+
return { type: "", value: o };
|
|
1977
1985
|
}
|
|
1978
1986
|
}, rt = {
|
|
1979
1987
|
x: /* @__PURE__ */ new Set(["left", "center", "right"]),
|
|
1980
1988
|
y: /* @__PURE__ */ new Set(["top", "bottom"])
|
|
1981
|
-
},
|
|
1982
|
-
typeof
|
|
1983
|
-
let e = null,
|
|
1984
|
-
return
|
|
1985
|
-
rt.y.has(n) && (
|
|
1986
|
-
}), { x: e, y:
|
|
1989
|
+
}, vn = ((o) => () => o++)(0), yn = (o) => typeof o != "string" ? [] : o.split(/\s+/gi).filter(Boolean), _n = (o) => {
|
|
1990
|
+
typeof o == "string" && (o = yn(o));
|
|
1991
|
+
let e = null, t = null;
|
|
1992
|
+
return o.forEach((n) => {
|
|
1993
|
+
rt.y.has(n) && (t = n), rt.x.has(n) && (e = n);
|
|
1994
|
+
}), { x: e, y: t };
|
|
1987
1995
|
}, Ee = {
|
|
1988
1996
|
position: ["top", "right"],
|
|
1989
1997
|
cssAnimation: "fade",
|
|
1990
1998
|
velocityAnimation: {
|
|
1991
|
-
enter: (
|
|
1992
|
-
height: [
|
|
1999
|
+
enter: (o) => ({
|
|
2000
|
+
height: [o.clientHeight, 0],
|
|
1993
2001
|
opacity: [1, 0]
|
|
1994
2002
|
}),
|
|
1995
2003
|
leave: {
|
|
@@ -1997,21 +2005,21 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
1997
2005
|
opacity: [0, 1]
|
|
1998
2006
|
}
|
|
1999
2007
|
}
|
|
2000
|
-
},
|
|
2008
|
+
}, bn = {
|
|
2001
2009
|
__name: "VelocityGroup",
|
|
2002
2010
|
emits: ["enter", "leave", "after-leave"],
|
|
2003
|
-
setup(
|
|
2004
|
-
const
|
|
2011
|
+
setup(o, { emit: e }) {
|
|
2012
|
+
const t = (a, l) => {
|
|
2005
2013
|
e("enter", a, l);
|
|
2006
2014
|
}, n = (a, l) => {
|
|
2007
2015
|
e("leave", a, l);
|
|
2008
2016
|
}, s = () => {
|
|
2009
2017
|
e("after-leave");
|
|
2010
2018
|
};
|
|
2011
|
-
return (a, l) => (d(),
|
|
2019
|
+
return (a, l) => (d(), k(yt, {
|
|
2012
2020
|
tag: "span",
|
|
2013
2021
|
css: !1,
|
|
2014
|
-
onEnter:
|
|
2022
|
+
onEnter: t,
|
|
2015
2023
|
onLeave: n,
|
|
2016
2024
|
onAfterLeave: s
|
|
2017
2025
|
}, {
|
|
@@ -2021,29 +2029,29 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2021
2029
|
_: 3
|
|
2022
2030
|
}));
|
|
2023
2031
|
}
|
|
2024
|
-
},
|
|
2032
|
+
}, xn = /* @__PURE__ */ Object.assign({
|
|
2025
2033
|
inheritAttrs: !1
|
|
2026
2034
|
}, {
|
|
2027
2035
|
__name: "CssGroup",
|
|
2028
2036
|
props: {
|
|
2029
2037
|
name: String
|
|
2030
2038
|
},
|
|
2031
|
-
setup(
|
|
2032
|
-
const e =
|
|
2033
|
-
return (
|
|
2039
|
+
setup(o) {
|
|
2040
|
+
const e = o;
|
|
2041
|
+
return (t, n) => (d(), k(yt, {
|
|
2034
2042
|
tag: "span",
|
|
2035
2043
|
name: e.name
|
|
2036
2044
|
}, {
|
|
2037
2045
|
default: E(() => [
|
|
2038
|
-
I(
|
|
2046
|
+
I(t.$slots, "default")
|
|
2039
2047
|
]),
|
|
2040
2048
|
_: 3
|
|
2041
2049
|
}, 8, ["name"]));
|
|
2042
2050
|
}
|
|
2043
|
-
}),
|
|
2051
|
+
}), kn = ["data-id"], $n = ["onClick"], wn = ["innerHTML"], Sn = ["innerHTML"], Dn = {
|
|
2044
2052
|
key: 0,
|
|
2045
2053
|
class: "d-notification-title"
|
|
2046
|
-
},
|
|
2054
|
+
}, Tn = { class: "notification-content" }, Ps = {
|
|
2047
2055
|
__name: "DNotificationProvider",
|
|
2048
2056
|
props: {
|
|
2049
2057
|
group: {
|
|
@@ -2112,77 +2120,77 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2112
2120
|
}
|
|
2113
2121
|
},
|
|
2114
2122
|
emits: ["click", "destroy", "start"],
|
|
2115
|
-
setup(
|
|
2116
|
-
const
|
|
2123
|
+
setup(o, { emit: e }) {
|
|
2124
|
+
const t = o, n = {
|
|
2117
2125
|
IDLE: 0,
|
|
2118
2126
|
DESTROYED: 2
|
|
2119
|
-
}, s =
|
|
2120
|
-
const { x: m, y:
|
|
2127
|
+
}, s = T([]), a = T(null), l = T(fn.get("velocity")), r = h(() => t.animationType === "velocity"), i = h(() => r.value ? bn : xn), c = h(() => s.value.filter((m) => m.state !== n.DESTROYED)), u = h(() => gn(t.width)), g = h(() => {
|
|
2128
|
+
const { x: m, y: f } = _n(t.position), y = u.value.value, V = u.value.type, ae = {
|
|
2121
2129
|
width: y + V
|
|
2122
2130
|
};
|
|
2123
|
-
return
|
|
2124
|
-
}), _ = h(() => "bottom" in g.value),
|
|
2125
|
-
e("click", m),
|
|
2131
|
+
return f && (ae[f] = "0px"), m && (m === "center" ? ae.left = `calc(50% - ${+y / 2}${V})` : ae[m] = "0px"), ae;
|
|
2132
|
+
}), _ = h(() => "bottom" in g.value), C = (m) => {
|
|
2133
|
+
e("click", m), t.closeOnClick && F(m);
|
|
2126
2134
|
}, R = () => {
|
|
2127
2135
|
var m;
|
|
2128
|
-
|
|
2136
|
+
t.pauseOnHover && ((m = a.value) == null || m.pause());
|
|
2129
2137
|
}, $ = () => {
|
|
2130
2138
|
var m;
|
|
2131
|
-
|
|
2139
|
+
t.pauseOnHover && ((m = a.value) == null || m.resume());
|
|
2132
2140
|
}, A = (m) => {
|
|
2133
|
-
if (m.group || (m.group = ""), m.data || (m.data = {}),
|
|
2141
|
+
if (m.group || (m.group = ""), m.data || (m.data = {}), t.group !== m.group)
|
|
2134
2142
|
return;
|
|
2135
2143
|
if (m.clean || m.clear) {
|
|
2136
2144
|
W();
|
|
2137
2145
|
return;
|
|
2138
2146
|
}
|
|
2139
|
-
const
|
|
2140
|
-
id: be ||
|
|
2147
|
+
const f = typeof m.duration == "number" ? m.duration : t.duration, y = typeof m.speed == "number" ? m.speed : t.speed, V = typeof m.ignoreDuplicates == "boolean" ? m.ignoreDuplicates : t.ignoreDuplicates, { title: ae, text: ve, type: ye, data: _e, id: be } = m, ee = {
|
|
2148
|
+
id: be || vn(),
|
|
2141
2149
|
title: ae,
|
|
2142
2150
|
text: ve,
|
|
2143
2151
|
type: ye,
|
|
2144
2152
|
state: n.IDLE,
|
|
2145
2153
|
speed: y,
|
|
2146
|
-
length:
|
|
2154
|
+
length: f + 2 * y,
|
|
2147
2155
|
data: _e
|
|
2148
2156
|
};
|
|
2149
|
-
|
|
2150
|
-
const xe =
|
|
2157
|
+
f >= 0 && (a.value = new mn(() => F(ee), ee.length, ee));
|
|
2158
|
+
const xe = t.reverse ? !_.value : _.value;
|
|
2151
2159
|
let de = -1;
|
|
2152
2160
|
const ke = c.value.some((ge) => ge.title === m.title && ge.text === m.text);
|
|
2153
|
-
(!V || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length >
|
|
2161
|
+
(!V || !ke) && (xe ? (s.value.push(ee), e("start", ee), c.value.length > t.max && (de = 0)) : (s.value.unshift(ee), e("start", ee), c.value.length > t.max && (de = c.value.length - 1)), de !== -1 && F(c.value[de]));
|
|
2154
2162
|
}, Y = (m) => {
|
|
2155
|
-
|
|
2163
|
+
D(m);
|
|
2156
2164
|
}, M = (m) => [
|
|
2157
2165
|
"d-notification-template",
|
|
2158
|
-
|
|
2166
|
+
t.classes,
|
|
2159
2167
|
m.type || ""
|
|
2160
2168
|
], B = (m) => r.value ? void 0 : { transition: `all ${m.speed}ms` }, F = (m) => {
|
|
2161
2169
|
clearTimeout(m.timer), m.state = n.DESTROYED, P(), e("destroy", m);
|
|
2162
|
-
},
|
|
2163
|
-
const
|
|
2164
|
-
|
|
2170
|
+
}, D = (m) => {
|
|
2171
|
+
const f = s.value.find((y) => y.id === m);
|
|
2172
|
+
f && F(f);
|
|
2165
2173
|
}, W = () => {
|
|
2166
2174
|
c.value.forEach(F);
|
|
2167
|
-
}, N = (m,
|
|
2175
|
+
}, N = (m, f) => {
|
|
2168
2176
|
var V;
|
|
2169
|
-
const y = (V =
|
|
2170
|
-
return typeof y == "function" ? y(
|
|
2171
|
-
}, w = (m,
|
|
2177
|
+
const y = (V = t.animation) == null ? void 0 : V[m];
|
|
2178
|
+
return typeof y == "function" ? y(f) : y;
|
|
2179
|
+
}, w = (m, f) => {
|
|
2172
2180
|
if (!r.value)
|
|
2173
2181
|
return;
|
|
2174
2182
|
const y = N("enter", m);
|
|
2175
2183
|
l.value(m, y, {
|
|
2176
|
-
duration:
|
|
2177
|
-
complete:
|
|
2184
|
+
duration: t.speed,
|
|
2185
|
+
complete: f
|
|
2178
2186
|
});
|
|
2179
|
-
}, H = (m,
|
|
2187
|
+
}, H = (m, f) => {
|
|
2180
2188
|
if (!r.value)
|
|
2181
2189
|
return;
|
|
2182
2190
|
const y = N("leave", m);
|
|
2183
2191
|
l.value(m, y, {
|
|
2184
|
-
duration:
|
|
2185
|
-
complete:
|
|
2192
|
+
duration: t.speed,
|
|
2193
|
+
complete: f
|
|
2186
2194
|
});
|
|
2187
2195
|
};
|
|
2188
2196
|
function P() {
|
|
@@ -2190,18 +2198,18 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2190
2198
|
}
|
|
2191
2199
|
return he(() => {
|
|
2192
2200
|
q.on("notification-add", A), q.on("notification-close", Y);
|
|
2193
|
-
}), (m,
|
|
2201
|
+
}), (m, f) => (d(), p("div", {
|
|
2194
2202
|
class: "d-notification-group",
|
|
2195
2203
|
style: z(g.value)
|
|
2196
2204
|
}, [
|
|
2197
|
-
(d(),
|
|
2198
|
-
name:
|
|
2205
|
+
(d(), k(U(i.value), {
|
|
2206
|
+
name: o.animationName,
|
|
2199
2207
|
onEnter: w,
|
|
2200
2208
|
onLeave: H,
|
|
2201
2209
|
onAfterLeave: P
|
|
2202
2210
|
}, {
|
|
2203
2211
|
default: E(() => [
|
|
2204
|
-
(d(!0),
|
|
2212
|
+
(d(!0), p(ne, null, me(c.value, (y) => (d(), p("div", {
|
|
2205
2213
|
key: y.id,
|
|
2206
2214
|
class: "d-notification-wrapper",
|
|
2207
2215
|
style: z(B(y)),
|
|
@@ -2210,37 +2218,37 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2210
2218
|
onMouseleave: $
|
|
2211
2219
|
}, [
|
|
2212
2220
|
I(m.$slots, "body", {
|
|
2213
|
-
class: S([
|
|
2221
|
+
class: S([o.classes, y.type]),
|
|
2214
2222
|
item: y,
|
|
2215
2223
|
close: () => F(y)
|
|
2216
2224
|
}, () => [
|
|
2217
2225
|
b("div", {
|
|
2218
2226
|
class: S(M(y)),
|
|
2219
|
-
onClick: (V) =>
|
|
2227
|
+
onClick: (V) => C(y)
|
|
2220
2228
|
}, [
|
|
2221
|
-
|
|
2222
|
-
y.title ? (d(),
|
|
2229
|
+
o.dangerouslySetInnerHtml ? (d(), p(ne, { key: 0 }, [
|
|
2230
|
+
y.title ? (d(), p("div", {
|
|
2223
2231
|
key: 0,
|
|
2224
2232
|
class: "d-notification-title",
|
|
2225
2233
|
innerHTML: y.timer
|
|
2226
|
-
}, null, 8,
|
|
2234
|
+
}, null, 8, wn)) : x("", !0),
|
|
2227
2235
|
b("div", {
|
|
2228
2236
|
class: "notification-content",
|
|
2229
2237
|
innerHTML: y.text
|
|
2230
|
-
}, null, 8,
|
|
2231
|
-
], 64)) : (d(),
|
|
2232
|
-
y.title ? (d(),
|
|
2233
|
-
b("div",
|
|
2238
|
+
}, null, 8, Sn)
|
|
2239
|
+
], 64)) : (d(), p(ne, { key: 1 }, [
|
|
2240
|
+
y.title ? (d(), p("div", Dn, O(y.title), 1)) : x("", !0),
|
|
2241
|
+
b("div", Tn, O(y.text), 1)
|
|
2234
2242
|
], 64))
|
|
2235
|
-
], 10,
|
|
2243
|
+
], 10, $n)
|
|
2236
2244
|
])
|
|
2237
|
-
], 44,
|
|
2245
|
+
], 44, kn))), 128))
|
|
2238
2246
|
]),
|
|
2239
2247
|
_: 3
|
|
2240
2248
|
}, 40, ["name"]))
|
|
2241
2249
|
], 4));
|
|
2242
2250
|
}
|
|
2243
|
-
},
|
|
2251
|
+
}, Cn = { class: "d-info-progress-icon-container" }, Ln = { class: "d-info-progress-icon" }, In = { class: "d-info-progress-data-container" }, Bn = ["innerHTML"], js = {
|
|
2244
2252
|
__name: "DInfoProgress",
|
|
2245
2253
|
props: {
|
|
2246
2254
|
style: [String, Object],
|
|
@@ -2250,38 +2258,38 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2250
2258
|
type: String
|
|
2251
2259
|
},
|
|
2252
2260
|
emits: ["click"],
|
|
2253
|
-
setup(
|
|
2254
|
-
const
|
|
2255
|
-
return (s, a) => (d(),
|
|
2256
|
-
class: S(["d-info-progress",
|
|
2257
|
-
style: z(
|
|
2261
|
+
setup(o, { emit: e }) {
|
|
2262
|
+
const t = o, n = h(() => t.icon ? oe.getters.getIcon(t.icon) : null);
|
|
2263
|
+
return (s, a) => (d(), p("div", {
|
|
2264
|
+
class: S(["d-info-progress", t.type ? `d-info-progress-${t.type}` : null]),
|
|
2265
|
+
style: z(t.style),
|
|
2258
2266
|
onClick: a[0] || (a[0] = (l) => {
|
|
2259
2267
|
e("click", l);
|
|
2260
2268
|
})
|
|
2261
2269
|
}, [
|
|
2262
|
-
b("div",
|
|
2263
|
-
b("div",
|
|
2264
|
-
|
|
2270
|
+
b("div", Cn, [
|
|
2271
|
+
b("div", Ln, [
|
|
2272
|
+
t.icon ? (d(), k(U(re), {
|
|
2265
2273
|
key: 0,
|
|
2266
2274
|
component: n.value,
|
|
2267
2275
|
color: "inherit",
|
|
2268
2276
|
size: 17
|
|
2269
|
-
}, null, 8, ["component"])) :
|
|
2277
|
+
}, null, 8, ["component"])) : x("", !0)
|
|
2270
2278
|
])
|
|
2271
2279
|
]),
|
|
2272
|
-
b("div",
|
|
2280
|
+
b("div", In, [
|
|
2273
2281
|
b("div", {
|
|
2274
2282
|
class: "d-info-progress-line",
|
|
2275
|
-
style: z("width: " +
|
|
2283
|
+
style: z("width: " + t.progress + "%;")
|
|
2276
2284
|
}, null, 4),
|
|
2277
2285
|
b("div", {
|
|
2278
2286
|
class: "d-info-progress-label",
|
|
2279
|
-
innerHTML:
|
|
2280
|
-
}, null, 8,
|
|
2287
|
+
innerHTML: o.label
|
|
2288
|
+
}, null, 8, Bn)
|
|
2281
2289
|
])
|
|
2282
2290
|
], 6));
|
|
2283
2291
|
}
|
|
2284
|
-
},
|
|
2292
|
+
}, En = { class: "d-checkbox" }, Mn = ["id", "checked", "disabled"], Nn = ["for"], Xs = {
|
|
2285
2293
|
__name: "DCheckbox",
|
|
2286
2294
|
props: {
|
|
2287
2295
|
label: String,
|
|
@@ -2294,45 +2302,45 @@ const Be = "[-+]?[0-9]*.?[0-9]+", lt = [
|
|
|
2294
2302
|
checked: Boolean
|
|
2295
2303
|
},
|
|
2296
2304
|
emits: ["update:modelValue"],
|
|
2297
|
-
setup(
|
|
2298
|
-
const
|
|
2299
|
-
get: () =>
|
|
2305
|
+
setup(o, { emit: e }) {
|
|
2306
|
+
const t = o, s = Ve().uid, a = h({
|
|
2307
|
+
get: () => t.modelValue,
|
|
2300
2308
|
set: (l) => {
|
|
2301
2309
|
e("update:modelValue", l);
|
|
2302
2310
|
}
|
|
2303
2311
|
});
|
|
2304
|
-
return (l, r) => (d(),
|
|
2312
|
+
return (l, r) => (d(), p("div", En, [
|
|
2305
2313
|
Z(b("input", {
|
|
2306
2314
|
"onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
|
|
2307
2315
|
id: `i-${L(s)}`,
|
|
2308
2316
|
type: "checkbox",
|
|
2309
|
-
checked:
|
|
2310
|
-
disabled:
|
|
2311
|
-
onChange: r[1] || (r[1] = (...i) =>
|
|
2312
|
-
}, null, 40,
|
|
2317
|
+
checked: t.checked,
|
|
2318
|
+
disabled: t.disabled,
|
|
2319
|
+
onChange: r[1] || (r[1] = (...i) => t.change && t.change(...i))
|
|
2320
|
+
}, null, 40, Mn), [
|
|
2313
2321
|
[_t, a.value]
|
|
2314
2322
|
]),
|
|
2315
2323
|
b("label", {
|
|
2316
2324
|
for: `i-${L(s)}`
|
|
2317
|
-
}, O(
|
|
2325
|
+
}, O(t.label), 9, Nn)
|
|
2318
2326
|
]));
|
|
2319
2327
|
}
|
|
2320
2328
|
};
|
|
2321
|
-
async function
|
|
2322
|
-
return await wt(
|
|
2329
|
+
async function Rn(o, e) {
|
|
2330
|
+
return await wt(nn, { title: o, message: e });
|
|
2323
2331
|
}
|
|
2324
|
-
async function
|
|
2325
|
-
return await wt(
|
|
2332
|
+
async function On(o, e) {
|
|
2333
|
+
return await wt(tn, { title: o, message: e });
|
|
2326
2334
|
}
|
|
2327
|
-
const
|
|
2335
|
+
const Ys = {
|
|
2328
2336
|
__name: "DDialogProvider",
|
|
2329
|
-
setup(
|
|
2330
|
-
return window.alert =
|
|
2337
|
+
setup(o) {
|
|
2338
|
+
return window.alert = On, window.confirm = Rn, (e, t) => (d(), k(L(Qo)));
|
|
2331
2339
|
}
|
|
2332
|
-
},
|
|
2340
|
+
}, Vn = { class: "d-select" }, An = {
|
|
2333
2341
|
key: 0,
|
|
2334
2342
|
class: "label"
|
|
2335
|
-
},
|
|
2343
|
+
}, Hn = ["disabled"], zn = ["value", "selected", "disabled"], Us = {
|
|
2336
2344
|
__name: "DSelect",
|
|
2337
2345
|
props: {
|
|
2338
2346
|
label: String,
|
|
@@ -2347,94 +2355,94 @@ const js = {
|
|
|
2347
2355
|
}
|
|
2348
2356
|
},
|
|
2349
2357
|
emits: ["update:modelValue"],
|
|
2350
|
-
setup(
|
|
2351
|
-
const
|
|
2352
|
-
get: () =>
|
|
2358
|
+
setup(o, { emit: e }) {
|
|
2359
|
+
const t = o, n = h(() => t.scale ? "d-select-" + t.scale : ""), s = h({
|
|
2360
|
+
get: () => t.modelValue,
|
|
2353
2361
|
set: (a) => {
|
|
2354
2362
|
e("update:modelValue", a);
|
|
2355
2363
|
}
|
|
2356
2364
|
});
|
|
2357
|
-
for (let a = 0; a <
|
|
2358
|
-
if (
|
|
2359
|
-
s.value =
|
|
2365
|
+
for (let a = 0; a < t.options.length; a++)
|
|
2366
|
+
if (t.options[a].selected) {
|
|
2367
|
+
s.value = t.options[a].value;
|
|
2360
2368
|
break;
|
|
2361
2369
|
}
|
|
2362
|
-
return (a, l) => (d(),
|
|
2363
|
-
|
|
2370
|
+
return (a, l) => (d(), p("div", Vn, [
|
|
2371
|
+
t.label ? (d(), p("div", An, O(t.label), 1)) : x("", !0),
|
|
2364
2372
|
Z(b("select", {
|
|
2365
2373
|
"onUpdate:modelValue": l[0] || (l[0] = (r) => s.value = r),
|
|
2366
2374
|
class: S(n.value),
|
|
2367
|
-
style: z(
|
|
2368
|
-
disabled:
|
|
2375
|
+
style: z(t.size === "wide" ? "width:100%" : ""),
|
|
2376
|
+
disabled: t.disabled
|
|
2369
2377
|
}, [
|
|
2370
|
-
(d(!0),
|
|
2378
|
+
(d(!0), p(ne, null, me(t.options, (r, i) => (d(), p("option", {
|
|
2371
2379
|
key: i,
|
|
2372
2380
|
value: r.value,
|
|
2373
2381
|
selected: r.selected,
|
|
2374
2382
|
disabled: r.disabled
|
|
2375
|
-
}, O(r.label), 9,
|
|
2376
|
-
], 14,
|
|
2383
|
+
}, O(r.label), 9, zn))), 128))
|
|
2384
|
+
], 14, Hn), [
|
|
2377
2385
|
[Rt, s.value]
|
|
2378
2386
|
])
|
|
2379
2387
|
]));
|
|
2380
2388
|
}
|
|
2381
2389
|
};
|
|
2382
|
-
const
|
|
2390
|
+
const Fn = ["title"], Wn = { class: "tab-icon" }, Pn = { class: "tab-label" }, jn = ["title"], Xn = ["title"], Yn = {
|
|
2383
2391
|
__name: "DTabLabel",
|
|
2384
2392
|
props: {
|
|
2385
2393
|
tab: Object
|
|
2386
2394
|
},
|
|
2387
|
-
setup(
|
|
2388
|
-
const e =
|
|
2389
|
-
return (
|
|
2395
|
+
setup(o) {
|
|
2396
|
+
const e = o;
|
|
2397
|
+
return (t, n) => e.tab.label && e.tab.icon ? (d(), p("span", {
|
|
2390
2398
|
key: 0,
|
|
2391
2399
|
title: e.tab.title ? e.tab.title : "",
|
|
2392
2400
|
style: { display: "flex", "flex-direction": "column" }
|
|
2393
2401
|
}, [
|
|
2394
|
-
b("div",
|
|
2402
|
+
b("div", Wn, [
|
|
2395
2403
|
Q(L(re), {
|
|
2396
2404
|
component: e.tab.icon
|
|
2397
2405
|
}, null, 8, ["component"])
|
|
2398
2406
|
]),
|
|
2399
|
-
b("div",
|
|
2400
|
-
], 8,
|
|
2407
|
+
b("div", Pn, O(e.tab.label), 1)
|
|
2408
|
+
], 8, Fn)) : e.tab.label ? (d(), p("span", {
|
|
2401
2409
|
key: 1,
|
|
2402
2410
|
title: e.tab.title ? e.tab.title : ""
|
|
2403
|
-
}, O(e.tab.label), 9,
|
|
2411
|
+
}, O(e.tab.label), 9, jn)) : e.tab.icon ? (d(), p("span", {
|
|
2404
2412
|
key: 2,
|
|
2405
2413
|
title: e.tab.title ? e.tab.title : ""
|
|
2406
2414
|
}, [
|
|
2407
2415
|
Q(L(re), {
|
|
2408
2416
|
component: e.tab.icon
|
|
2409
2417
|
}, null, 8, ["component"])
|
|
2410
|
-
], 8,
|
|
2418
|
+
], 8, Xn)) : x("", !0);
|
|
2411
2419
|
}
|
|
2412
|
-
},
|
|
2413
|
-
const
|
|
2420
|
+
}, Un = /* @__PURE__ */ se(Yn, [["__scopeId", "data-v-9262b225"]]);
|
|
2421
|
+
const qn = { class: "d-tabs" }, Gn = {
|
|
2414
2422
|
__name: "DTabs",
|
|
2415
2423
|
props: {
|
|
2416
2424
|
tabs: Array
|
|
2417
2425
|
},
|
|
2418
|
-
setup(
|
|
2419
|
-
const n = Ot(
|
|
2426
|
+
setup(o, { expose: e }) {
|
|
2427
|
+
const n = Ot(o, "tabs"), s = T([]), a = T(0), l = (c) => {
|
|
2420
2428
|
a.value = c;
|
|
2421
2429
|
}, r = (c) => {
|
|
2422
2430
|
c && !s.value.includes(c) && s.value.push(c);
|
|
2423
2431
|
};
|
|
2424
2432
|
return e({
|
|
2425
2433
|
refs: () => s.value
|
|
2426
|
-
}), (c, u) => (d(),
|
|
2427
|
-
b("div",
|
|
2428
|
-
(d(!0),
|
|
2434
|
+
}), (c, u) => (d(), p(ne, null, [
|
|
2435
|
+
b("div", qn, [
|
|
2436
|
+
(d(!0), p(ne, null, me(n.value, (g, _) => (d(), k(Un, {
|
|
2429
2437
|
index: _,
|
|
2430
2438
|
tab: g,
|
|
2431
2439
|
class: S(["d-tab-title", _ === a.value ? "active" : ""]),
|
|
2432
|
-
onClick: (
|
|
2440
|
+
onClick: (C) => l(_)
|
|
2433
2441
|
}, null, 8, ["index", "tab", "class", "onClick"]))), 256))
|
|
2434
2442
|
]),
|
|
2435
|
-
(d(),
|
|
2436
|
-
(d(!0),
|
|
2437
|
-
Z((d(),
|
|
2443
|
+
(d(), k(Vt, null, [
|
|
2444
|
+
(d(!0), p(ne, null, me(n.value, (g, _) => (d(), p("div", null, [
|
|
2445
|
+
Z((d(), k(U(g.component), {
|
|
2438
2446
|
ref_for: !0,
|
|
2439
2447
|
ref: r
|
|
2440
2448
|
}, null, 512)), [
|
|
@@ -2444,8 +2452,8 @@ const Yn = { class: "d-tabs" }, Un = {
|
|
|
2444
2452
|
], 1024))
|
|
2445
2453
|
], 64));
|
|
2446
2454
|
}
|
|
2447
|
-
},
|
|
2448
|
-
const
|
|
2455
|
+
}, qs = /* @__PURE__ */ se(Gn, [["__scopeId", "data-v-4b44471a"]]);
|
|
2456
|
+
const Zn = { class: "d-grid" }, Kn = {
|
|
2449
2457
|
__name: "DGrid",
|
|
2450
2458
|
props: {
|
|
2451
2459
|
gap: {
|
|
@@ -2462,8 +2470,8 @@ const qn = { class: "d-grid" }, Gn = {
|
|
|
2462
2470
|
colXl: String,
|
|
2463
2471
|
colXxl: String
|
|
2464
2472
|
},
|
|
2465
|
-
setup(
|
|
2466
|
-
const e =
|
|
2473
|
+
setup(o) {
|
|
2474
|
+
const e = o;
|
|
2467
2475
|
Ae((u) => ({
|
|
2468
2476
|
"09eba472": i[0],
|
|
2469
2477
|
"09eba434": i[1],
|
|
@@ -2473,15 +2481,15 @@ const qn = { class: "d-grid" }, Gn = {
|
|
|
2473
2481
|
"09eba33c": i[5],
|
|
2474
2482
|
"898eb2ac": e.gap
|
|
2475
2483
|
}));
|
|
2476
|
-
const { colXs:
|
|
2484
|
+
const { colXs: t, colSm: n, colMd: s, colLg: a, colXl: l, colXxl: r } = Ht(e), i = [t.value, n.value, s.value, a.value, l.value, r.value];
|
|
2477
2485
|
let c = null;
|
|
2478
2486
|
for (let u = 0; u < i.length; u++)
|
|
2479
2487
|
c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
|
|
2480
|
-
return (u, g) => (d(),
|
|
2488
|
+
return (u, g) => (d(), p("div", Zn, [
|
|
2481
2489
|
I(u.$slots, "default", {}, void 0, !0)
|
|
2482
2490
|
]));
|
|
2483
2491
|
}
|
|
2484
|
-
},
|
|
2492
|
+
}, Gs = /* @__PURE__ */ se(Kn, [["__scopeId", "data-v-b45e8130"]]), Jn = ["src", "alt", "title"], Zs = {
|
|
2485
2493
|
__name: "DImage",
|
|
2486
2494
|
props: {
|
|
2487
2495
|
src: String,
|
|
@@ -2492,27 +2500,27 @@ const qn = { class: "d-grid" }, Gn = {
|
|
|
2492
2500
|
height: String,
|
|
2493
2501
|
radius: String
|
|
2494
2502
|
},
|
|
2495
|
-
setup(
|
|
2496
|
-
const e =
|
|
2503
|
+
setup(o) {
|
|
2504
|
+
const e = o, t = T(null), n = new Image();
|
|
2497
2505
|
return n.onload = () => {
|
|
2498
|
-
|
|
2506
|
+
t.value = n.src;
|
|
2499
2507
|
}, n.onerror = () => {
|
|
2500
|
-
|
|
2508
|
+
t.value = e.srcFail;
|
|
2501
2509
|
}, he(() => {
|
|
2502
2510
|
n.src = e.src;
|
|
2503
|
-
}), (s, a) =>
|
|
2511
|
+
}), (s, a) => t.value ? (d(), p("img", {
|
|
2504
2512
|
key: 0,
|
|
2505
|
-
src:
|
|
2513
|
+
src: t.value,
|
|
2506
2514
|
alt: e.alt,
|
|
2507
2515
|
title: e.title,
|
|
2508
2516
|
style: z({ width: e.width, height: e.height, borderRadius: e.radius })
|
|
2509
|
-
}, null, 12,
|
|
2517
|
+
}, null, 12, Jn)) : x("", !0);
|
|
2510
2518
|
}
|
|
2511
2519
|
};
|
|
2512
|
-
const
|
|
2520
|
+
const Qn = { class: "d-textarea" }, es = {
|
|
2513
2521
|
key: 0,
|
|
2514
2522
|
class: "label"
|
|
2515
|
-
},
|
|
2523
|
+
}, ts = ["rows", "cols", "placeholder"], os = {
|
|
2516
2524
|
__name: "DTextarea",
|
|
2517
2525
|
props: {
|
|
2518
2526
|
label: String,
|
|
@@ -2531,11 +2539,11 @@ const Kn = { class: "d-textarea" }, Jn = {
|
|
|
2531
2539
|
focus: Boolean
|
|
2532
2540
|
},
|
|
2533
2541
|
emits: ["update:modelValue"],
|
|
2534
|
-
setup(
|
|
2535
|
-
const n =
|
|
2542
|
+
setup(o, { expose: e, emit: t }) {
|
|
2543
|
+
const n = o, s = T(null), a = h(() => n.scale === "small" ? "d-textarea-small" : n.scale === "large" ? "d-textarea-large" : ""), l = h({
|
|
2536
2544
|
get: () => n.modelValue,
|
|
2537
2545
|
set: (i) => {
|
|
2538
|
-
|
|
2546
|
+
t("update:modelValue", i);
|
|
2539
2547
|
}
|
|
2540
2548
|
});
|
|
2541
2549
|
he(() => {
|
|
@@ -2546,8 +2554,8 @@ const Kn = { class: "d-textarea" }, Jn = {
|
|
|
2546
2554
|
};
|
|
2547
2555
|
return e({
|
|
2548
2556
|
focus: r
|
|
2549
|
-
}), (i, c) => (d(),
|
|
2550
|
-
n.label ? (d(),
|
|
2557
|
+
}), (i, c) => (d(), p("div", Qn, [
|
|
2558
|
+
n.label ? (d(), p("div", es, O(n.label), 1)) : x("", !0),
|
|
2551
2559
|
Z(b("textarea", {
|
|
2552
2560
|
ref_key: "inputRef",
|
|
2553
2561
|
ref: s,
|
|
@@ -2557,12 +2565,12 @@ const Kn = { class: "d-textarea" }, Jn = {
|
|
|
2557
2565
|
placeholder: n.placeholder,
|
|
2558
2566
|
class: S(a.value),
|
|
2559
2567
|
style: { width: "100%" }
|
|
2560
|
-
}, null, 10,
|
|
2568
|
+
}, null, 10, ts), [
|
|
2561
2569
|
[zt, l.value]
|
|
2562
2570
|
])
|
|
2563
2571
|
]));
|
|
2564
2572
|
}
|
|
2565
|
-
},
|
|
2573
|
+
}, Ks = /* @__PURE__ */ se(os, [["__scopeId", "data-v-0e805d5d"]]), ns = ["id", "checked", "disabled"], ss = ["for"], Js = {
|
|
2566
2574
|
__name: "DSwitcher",
|
|
2567
2575
|
props: {
|
|
2568
2576
|
modelValue: Boolean,
|
|
@@ -2578,53 +2586,53 @@ const Kn = { class: "d-textarea" }, Jn = {
|
|
|
2578
2586
|
checked: Boolean
|
|
2579
2587
|
},
|
|
2580
2588
|
emits: ["update:modelValue", "change"],
|
|
2581
|
-
setup(
|
|
2582
|
-
const
|
|
2583
|
-
get: () =>
|
|
2589
|
+
setup(o, { emit: e }) {
|
|
2590
|
+
const t = o, s = Ve().uid, a = h({
|
|
2591
|
+
get: () => t.modelValue,
|
|
2584
2592
|
set: (l) => {
|
|
2585
2593
|
e("update:modelValue", l);
|
|
2586
2594
|
}
|
|
2587
2595
|
});
|
|
2588
|
-
return (l, r) => (d(),
|
|
2589
|
-
class: S(["d-switcher",
|
|
2596
|
+
return (l, r) => (d(), p("div", {
|
|
2597
|
+
class: S(["d-switcher", t.type])
|
|
2590
2598
|
}, [
|
|
2591
2599
|
Z(b("input", {
|
|
2592
2600
|
"onUpdate:modelValue": r[0] || (r[0] = (i) => a.value = i),
|
|
2593
2601
|
id: `i-${L(s)}`,
|
|
2594
2602
|
type: "checkbox",
|
|
2595
|
-
checked:
|
|
2596
|
-
disabled:
|
|
2603
|
+
checked: t.checked,
|
|
2604
|
+
disabled: t.disabled,
|
|
2597
2605
|
onChange: r[1] || (r[1] = (i) => e("change", i))
|
|
2598
|
-
}, null, 40,
|
|
2606
|
+
}, null, 40, ns), [
|
|
2599
2607
|
[_t, a.value]
|
|
2600
2608
|
]),
|
|
2601
2609
|
b("label", {
|
|
2602
2610
|
for: `i-${L(s)}`,
|
|
2603
|
-
class: S(
|
|
2604
|
-
}, "Toggle", 10,
|
|
2611
|
+
class: S(t.type)
|
|
2612
|
+
}, "Toggle", 10, ss)
|
|
2605
2613
|
], 2));
|
|
2606
2614
|
}
|
|
2607
2615
|
};
|
|
2608
|
-
class
|
|
2616
|
+
class Qs {
|
|
2609
2617
|
constructor(e) {
|
|
2610
2618
|
this.fields = e;
|
|
2611
2619
|
}
|
|
2612
2620
|
validate() {
|
|
2613
2621
|
let e = !1;
|
|
2614
|
-
for (let
|
|
2615
|
-
this.fields[
|
|
2622
|
+
for (let t in this.fields)
|
|
2623
|
+
this.fields[t].ref.value.validate() === !0 && (e = !0);
|
|
2616
2624
|
return !e;
|
|
2617
2625
|
}
|
|
2618
2626
|
}
|
|
2619
|
-
class
|
|
2620
|
-
validate(e,
|
|
2621
|
-
return this._isValidURL(e) || (e =
|
|
2627
|
+
class as {
|
|
2628
|
+
validate(e, t = "https") {
|
|
2629
|
+
return this._isValidURL(e) || (e = t + "://" + e), this._isValidURL(e);
|
|
2622
2630
|
}
|
|
2623
|
-
message(e,
|
|
2631
|
+
message(e, t) {
|
|
2624
2632
|
let n = "";
|
|
2625
2633
|
switch (e) {
|
|
2626
2634
|
case "url":
|
|
2627
|
-
n =
|
|
2635
|
+
n = t;
|
|
2628
2636
|
break;
|
|
2629
2637
|
}
|
|
2630
2638
|
return n;
|
|
@@ -2637,8 +2645,8 @@ class ns {
|
|
|
2637
2645
|
}
|
|
2638
2646
|
}
|
|
2639
2647
|
}
|
|
2640
|
-
const
|
|
2641
|
-
class
|
|
2648
|
+
const is = new as();
|
|
2649
|
+
class ls {
|
|
2642
2650
|
validate(e = "") {
|
|
2643
2651
|
return e !== "";
|
|
2644
2652
|
}
|
|
@@ -2646,26 +2654,26 @@ class as {
|
|
|
2646
2654
|
return e;
|
|
2647
2655
|
}
|
|
2648
2656
|
}
|
|
2649
|
-
const
|
|
2650
|
-
class
|
|
2651
|
-
validate(e = "",
|
|
2652
|
-
return e.length >=
|
|
2657
|
+
const rs = new ls();
|
|
2658
|
+
class ds {
|
|
2659
|
+
validate(e = "", t = 0) {
|
|
2660
|
+
return e.length >= t;
|
|
2653
2661
|
}
|
|
2654
2662
|
message(e) {
|
|
2655
2663
|
return e;
|
|
2656
2664
|
}
|
|
2657
2665
|
}
|
|
2658
|
-
const
|
|
2659
|
-
class
|
|
2660
|
-
validate(e = "",
|
|
2661
|
-
return e.length <=
|
|
2666
|
+
const cs = new ds();
|
|
2667
|
+
class us {
|
|
2668
|
+
validate(e = "", t = 0) {
|
|
2669
|
+
return e.length <= t;
|
|
2662
2670
|
}
|
|
2663
2671
|
message(e) {
|
|
2664
2672
|
return e;
|
|
2665
2673
|
}
|
|
2666
2674
|
}
|
|
2667
|
-
const
|
|
2668
|
-
class
|
|
2675
|
+
const ps = new us();
|
|
2676
|
+
class fs {
|
|
2669
2677
|
validate(e) {
|
|
2670
2678
|
return /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(e);
|
|
2671
2679
|
}
|
|
@@ -2673,8 +2681,8 @@ class us {
|
|
|
2673
2681
|
return e;
|
|
2674
2682
|
}
|
|
2675
2683
|
}
|
|
2676
|
-
const
|
|
2677
|
-
class
|
|
2684
|
+
const ms = new fs();
|
|
2685
|
+
class hs {
|
|
2678
2686
|
validate(e) {
|
|
2679
2687
|
return !isNaN(parseFloat(e)) && !isNaN(e - 0);
|
|
2680
2688
|
}
|
|
@@ -2682,41 +2690,41 @@ class fs {
|
|
|
2682
2690
|
return e;
|
|
2683
2691
|
}
|
|
2684
2692
|
}
|
|
2685
|
-
const
|
|
2686
|
-
RulesUrl:
|
|
2687
|
-
RulesRequired:
|
|
2688
|
-
RulesMin:
|
|
2689
|
-
RulesMax:
|
|
2690
|
-
RulesEmail:
|
|
2691
|
-
RulesNumber:
|
|
2693
|
+
const gs = new hs(), G = {
|
|
2694
|
+
RulesUrl: is,
|
|
2695
|
+
RulesRequired: rs,
|
|
2696
|
+
RulesMin: cs,
|
|
2697
|
+
RulesMax: ps,
|
|
2698
|
+
RulesEmail: ms,
|
|
2699
|
+
RulesNumber: gs
|
|
2692
2700
|
};
|
|
2693
|
-
class
|
|
2694
|
-
validate(e,
|
|
2695
|
-
var s, a, l, r, i, c, u, g, _,
|
|
2701
|
+
class vs {
|
|
2702
|
+
validate(e, t) {
|
|
2703
|
+
var s, a, l, r, i, c, u, g, _, C, R, $, A, Y;
|
|
2696
2704
|
let n = "";
|
|
2697
|
-
if (
|
|
2705
|
+
if (t) {
|
|
2698
2706
|
let M = !1;
|
|
2699
|
-
for (let B in
|
|
2707
|
+
for (let B in t)
|
|
2700
2708
|
if (!M)
|
|
2701
2709
|
switch (B) {
|
|
2702
2710
|
case "url":
|
|
2703
|
-
n = G.RulesUrl.validate(e, "https") || e.length === 0 ? "" : G.RulesUrl.message("url", (s =
|
|
2711
|
+
n = G.RulesUrl.validate(e, "https") || e.length === 0 ? "" : G.RulesUrl.message("url", (s = t[B]) != null && s.message ? (a = t[B]) == null ? void 0 : a.message : "url_incorrect"), M = n !== "";
|
|
2704
2712
|
break;
|
|
2705
2713
|
case "required":
|
|
2706
|
-
n = G.RulesRequired.validate(e) ? "" : G.RulesRequired.message((l =
|
|
2714
|
+
n = G.RulesRequired.validate(e) ? "" : G.RulesRequired.message((l = t[B]) != null && l.message ? (r = t[B]) == null ? void 0 : r.message : "required"), M = n !== "";
|
|
2707
2715
|
break;
|
|
2708
2716
|
case "min":
|
|
2709
|
-
n = G.RulesMin.validate(e, (i =
|
|
2717
|
+
n = G.RulesMin.validate(e, (i = t[B]) == null ? void 0 : i.value) ? "" : G.RulesMin.message((c = t[B]) != null && c.message ? (u = t[B]) == null ? void 0 : u.message : "very_small"), M = n !== "";
|
|
2710
2718
|
break;
|
|
2711
2719
|
case "max":
|
|
2712
|
-
n = G.RulesMax.validate(e, (g =
|
|
2720
|
+
n = G.RulesMax.validate(e, (g = t[B]) == null ? void 0 : g.value) ? "" : G.RulesMax.message((_ = t[B]) != null && _.message ? (C = t[B]) == null ? void 0 : C.message : "vary_large"), M = n !== "";
|
|
2713
2721
|
break;
|
|
2714
2722
|
case "email":
|
|
2715
|
-
n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R =
|
|
2723
|
+
n = G.RulesEmail.validate(e) ? "" : G.RulesMax.message((R = t[B]) != null && R.message ? ($ = t[B]) == null ? void 0 : $.message : "email_incorrect"), M = n !== "";
|
|
2716
2724
|
break;
|
|
2717
2725
|
case "number":
|
|
2718
2726
|
n = G.RulesNumber.validate(e) ? "" : G.RulesNumber.message(
|
|
2719
|
-
(A =
|
|
2727
|
+
(A = t[B]) != null && A.message ? (Y = t[B]) == null ? void 0 : Y.message : "number_incorrect"
|
|
2720
2728
|
), M = n !== "";
|
|
2721
2729
|
break;
|
|
2722
2730
|
}
|
|
@@ -2724,13 +2732,13 @@ class hs {
|
|
|
2724
2732
|
return n;
|
|
2725
2733
|
}
|
|
2726
2734
|
}
|
|
2727
|
-
const
|
|
2735
|
+
const ys = new vs(), _s = { style: { display: "flex", "flex-direction": "column" } }, bs = {
|
|
2728
2736
|
key: 0,
|
|
2729
2737
|
class: "d-label"
|
|
2730
|
-
},
|
|
2738
|
+
}, xs = {
|
|
2731
2739
|
key: 0,
|
|
2732
2740
|
class: "text-red"
|
|
2733
|
-
},
|
|
2741
|
+
}, ks = { style: { display: "flex", "flex-direction": "row" } }, $s = { style: { flex: "1", position: "relative" } }, ws = /* @__PURE__ */ b("svg", {
|
|
2734
2742
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2735
2743
|
viewBox: "0 0 24 24"
|
|
2736
2744
|
}, [
|
|
@@ -2738,9 +2746,9 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2738
2746
|
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
|
|
2739
2747
|
fill: "currentColor"
|
|
2740
2748
|
})
|
|
2741
|
-
], -1),
|
|
2742
|
-
|
|
2743
|
-
],
|
|
2749
|
+
], -1), Ss = [
|
|
2750
|
+
ws
|
|
2751
|
+
], Ds = ["id", "type", "placeholder", "disabled"], Ts = /* @__PURE__ */ b("svg", {
|
|
2744
2752
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2745
2753
|
viewBox: "0 0 24 24"
|
|
2746
2754
|
}, [
|
|
@@ -2748,15 +2756,15 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2748
2756
|
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41z",
|
|
2749
2757
|
fill: "currentColor"
|
|
2750
2758
|
})
|
|
2751
|
-
], -1),
|
|
2752
|
-
|
|
2753
|
-
],
|
|
2759
|
+
], -1), Cs = [
|
|
2760
|
+
Ts
|
|
2761
|
+
], Ls = {
|
|
2754
2762
|
key: 1,
|
|
2755
2763
|
class: "d-help"
|
|
2756
|
-
},
|
|
2764
|
+
}, Is = {
|
|
2757
2765
|
key: 2,
|
|
2758
2766
|
class: "d-error text-red"
|
|
2759
|
-
},
|
|
2767
|
+
}, ea = {
|
|
2760
2768
|
__name: "DInputString",
|
|
2761
2769
|
props: {
|
|
2762
2770
|
form: Object,
|
|
@@ -2779,25 +2787,25 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2779
2787
|
disabled: Boolean
|
|
2780
2788
|
},
|
|
2781
2789
|
emits: ["update:modelValue", "input", "blur"],
|
|
2782
|
-
setup(
|
|
2783
|
-
const n =
|
|
2790
|
+
setup(o, { expose: e, emit: t }) {
|
|
2791
|
+
const n = o, s = T(n.error), a = Ft(), l = T(!1), r = T(null);
|
|
2784
2792
|
//!props.form ? ref(null) : props.form.fields[props.name].ref
|
|
2785
2793
|
const i = h({
|
|
2786
2794
|
get: () => n.modelValue,
|
|
2787
2795
|
//props.form?.fields[props.name].model.value,
|
|
2788
2796
|
set: (M) => {
|
|
2789
|
-
|
|
2797
|
+
t("update:modelValue", M);
|
|
2790
2798
|
}
|
|
2791
2799
|
}), c = h(() => n.type === "password" ? "password" : "text"), u = h(() => n.scale), g = (M) => {
|
|
2792
|
-
|
|
2800
|
+
t("input", M), _();
|
|
2793
2801
|
}, _ = () => {
|
|
2794
2802
|
if (!(!n.form || !n.form.fields || !n.form.fields[n.name].rules))
|
|
2795
|
-
return s.value =
|
|
2803
|
+
return s.value = ys.validate(i.value, n.form.fields[n.name].rules), !!s.value;
|
|
2796
2804
|
};
|
|
2797
2805
|
he(() => {
|
|
2798
|
-
|
|
2806
|
+
C();
|
|
2799
2807
|
});
|
|
2800
|
-
const
|
|
2808
|
+
const C = () => {
|
|
2801
2809
|
var M;
|
|
2802
2810
|
(M = r.value) == null || M.focus();
|
|
2803
2811
|
}, R = () => {
|
|
@@ -2807,42 +2815,42 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2807
2815
|
}, A = (M) => {
|
|
2808
2816
|
s.value = M;
|
|
2809
2817
|
}, Y = (M) => {
|
|
2810
|
-
|
|
2818
|
+
t("blur", M);
|
|
2811
2819
|
};
|
|
2812
2820
|
return e({
|
|
2813
|
-
focus:
|
|
2821
|
+
focus: C,
|
|
2814
2822
|
setError: A,
|
|
2815
2823
|
validate: _
|
|
2816
2824
|
}), (M, B) => {
|
|
2817
|
-
var F,
|
|
2818
|
-
return d(),
|
|
2825
|
+
var F, D, W, N, w, H, P, m, f, y, V, ae, ve, ye, _e, be, ee, xe, de, ke, Le, ge, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot, nt, st;
|
|
2826
|
+
return d(), p("div", {
|
|
2819
2827
|
class: S(["d-input-string", u.value])
|
|
2820
2828
|
}, [
|
|
2821
|
-
b("div",
|
|
2822
|
-
n.label ? (d(),
|
|
2829
|
+
b("div", _s, [
|
|
2830
|
+
n.label ? (d(), p("div", bs, [
|
|
2823
2831
|
J(O(n.label), 1),
|
|
2824
|
-
(F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(),
|
|
2825
|
-
])) :
|
|
2826
|
-
b("div",
|
|
2827
|
-
(W = (
|
|
2832
|
+
(F = n.form) != null && F.fields[n.name].rules && n.form.fields[n.name].rules.hasOwnProperty("required") ? (d(), p("span", xs, "*")) : x("", !0)
|
|
2833
|
+
])) : x("", !0),
|
|
2834
|
+
b("div", ks, [
|
|
2835
|
+
(W = (D = n.pre) == null ? void 0 : D.outside) != null && W.component ? (d(), p("div", {
|
|
2828
2836
|
key: 0,
|
|
2829
2837
|
class: S(["d-pre", n.disabled ? "disabled" : ""])
|
|
2830
2838
|
}, [
|
|
2831
|
-
(d(),
|
|
2832
|
-
], 2)) : (P = (H = n.pre) == null ? void 0 : H.outside) != null && P.text ? (d(),
|
|
2839
|
+
(d(), k(U((w = (N = n.pre) == null ? void 0 : N.outside) == null ? void 0 : w.component)))
|
|
2840
|
+
], 2)) : (P = (H = n.pre) == null ? void 0 : H.outside) != null && P.text ? (d(), p("div", {
|
|
2833
2841
|
key: 1,
|
|
2834
2842
|
class: S(["d-pre", n.disabled ? "disabled" : ""])
|
|
2835
2843
|
}, [
|
|
2836
2844
|
b("div", {
|
|
2837
2845
|
class: S(["d-text", l.value ? "focused" : ""])
|
|
2838
|
-
}, O((
|
|
2839
|
-
], 2)) :
|
|
2840
|
-
b("div",
|
|
2841
|
-
(V = (y = n.pre) == null ? void 0 : y.inside) != null && V.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(),
|
|
2846
|
+
}, O((f = (m = n.pre) == null ? void 0 : m.outside) == null ? void 0 : f.text), 3)
|
|
2847
|
+
], 2)) : x("", !0),
|
|
2848
|
+
b("div", $s, [
|
|
2849
|
+
(V = (y = n.pre) == null ? void 0 : y.inside) != null && V.action && ((ve = (ae = n.pre) == null ? void 0 : ae.inside) == null ? void 0 : ve.action) === "clear" && ((ye = i.value) == null ? void 0 : ye.length) > 0 ? (d(), p("div", {
|
|
2842
2850
|
key: 0,
|
|
2843
2851
|
class: "d-pre-inside-button",
|
|
2844
2852
|
onClick: R
|
|
2845
|
-
},
|
|
2853
|
+
}, Ss)) : x("", !0),
|
|
2846
2854
|
Z(b("input", {
|
|
2847
2855
|
id: L(a),
|
|
2848
2856
|
ref_key: "inputRef",
|
|
@@ -2863,31 +2871,31 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2863
2871
|
l.value ? "focused" : ""
|
|
2864
2872
|
]),
|
|
2865
2873
|
disabled: n.disabled
|
|
2866
|
-
}, null, 42,
|
|
2874
|
+
}, null, 42, Ds), [
|
|
2867
2875
|
[De, i.value]
|
|
2868
2876
|
]),
|
|
2869
|
-
(Ue = (Ye = n.post) == null ? void 0 : Ye.inside) != null && Ue.action && ((Ge = (qe = n.post) == null ? void 0 : qe.inside) == null ? void 0 : Ge.action) === "clear" && ((Ze = i.value) == null ? void 0 : Ze.length) > 0 ? (d(),
|
|
2877
|
+
(Ue = (Ye = n.post) == null ? void 0 : Ye.inside) != null && Ue.action && ((Ge = (qe = n.post) == null ? void 0 : qe.inside) == null ? void 0 : Ge.action) === "clear" && ((Ze = i.value) == null ? void 0 : Ze.length) > 0 ? (d(), p("div", {
|
|
2870
2878
|
key: 1,
|
|
2871
2879
|
class: "d-post-inside-button",
|
|
2872
2880
|
onClick: R
|
|
2873
|
-
},
|
|
2881
|
+
}, Cs)) : x("", !0)
|
|
2874
2882
|
]),
|
|
2875
|
-
(Je = (Ke = n.post) == null ? void 0 : Ke.outside) != null && Je.component ? (d(),
|
|
2883
|
+
(Je = (Ke = n.post) == null ? void 0 : Ke.outside) != null && Je.component ? (d(), p("div", {
|
|
2876
2884
|
key: 2,
|
|
2877
2885
|
class: S(["d-post", n.disabled ? "disabled" : ""])
|
|
2878
2886
|
}, [
|
|
2879
|
-
(d(),
|
|
2880
|
-
], 2)) : (ot = (tt = n.post) == null ? void 0 : tt.outside) != null && ot.text ? (d(),
|
|
2887
|
+
(d(), k(U((et = (Qe = n.post) == null ? void 0 : Qe.outside) == null ? void 0 : et.component)))
|
|
2888
|
+
], 2)) : (ot = (tt = n.post) == null ? void 0 : tt.outside) != null && ot.text ? (d(), p("div", {
|
|
2881
2889
|
key: 3,
|
|
2882
2890
|
class: S(["d-post", n.disabled ? "disabled" : ""])
|
|
2883
2891
|
}, [
|
|
2884
2892
|
b("div", {
|
|
2885
2893
|
class: S(["d-text", l.value ? "focused" : ""])
|
|
2886
2894
|
}, O((st = (nt = n.post) == null ? void 0 : nt.outside) == null ? void 0 : st.text), 3)
|
|
2887
|
-
], 2)) :
|
|
2895
|
+
], 2)) : x("", !0)
|
|
2888
2896
|
]),
|
|
2889
|
-
n.help ? (d(),
|
|
2890
|
-
s.value ? (d(),
|
|
2897
|
+
n.help ? (d(), p("div", Ls, O(n.help), 1)) : x("", !0),
|
|
2898
|
+
s.value ? (d(), p("div", Is, O(s.value), 1)) : x("", !0)
|
|
2891
2899
|
])
|
|
2892
2900
|
], 2);
|
|
2893
2901
|
};
|
|
@@ -2895,70 +2903,70 @@ const gs = new hs(), vs = { style: { display: "flex", "flex-direction": "column"
|
|
|
2895
2903
|
}, fe = {
|
|
2896
2904
|
state: {},
|
|
2897
2905
|
getters: {
|
|
2898
|
-
getComponent(
|
|
2899
|
-
return fe.state[
|
|
2906
|
+
getComponent(o) {
|
|
2907
|
+
return fe.state[o];
|
|
2900
2908
|
},
|
|
2901
2909
|
getComponents() {
|
|
2902
2910
|
return fe.state;
|
|
2903
2911
|
}
|
|
2904
2912
|
},
|
|
2905
2913
|
mutations: {
|
|
2906
|
-
addComponent(
|
|
2914
|
+
addComponent(o, e) {
|
|
2907
2915
|
fe.state.name = e;
|
|
2908
2916
|
},
|
|
2909
|
-
addComponents(
|
|
2910
|
-
for (const e in
|
|
2911
|
-
|
|
2917
|
+
addComponents(o) {
|
|
2918
|
+
for (const e in o)
|
|
2919
|
+
o.hasOwnProperty(e) && (fe.state[e] = o[e]);
|
|
2912
2920
|
}
|
|
2913
2921
|
}
|
|
2914
|
-
}, St = (
|
|
2915
|
-
typeof
|
|
2922
|
+
}, St = (o) => {
|
|
2923
|
+
typeof o == "string" && (o = { title: "", text: o }), typeof o == "object" && q.emit("notification-add", o);
|
|
2916
2924
|
};
|
|
2917
|
-
St.close = (
|
|
2918
|
-
q.emit("notification-close",
|
|
2925
|
+
St.close = (o) => {
|
|
2926
|
+
q.emit("notification-close", o);
|
|
2919
2927
|
};
|
|
2920
|
-
const
|
|
2921
|
-
mounted: function(
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
}, document.addEventListener("click",
|
|
2928
|
+
const ta = () => ({ notify: St }), oa = {
|
|
2929
|
+
mounted: function(o, e) {
|
|
2930
|
+
o.clickOutsideEvent = function(t) {
|
|
2931
|
+
o === t.target || o.contains(t.target) || e.value(t, o);
|
|
2932
|
+
}, document.addEventListener("click", o.clickOutsideEvent);
|
|
2925
2933
|
},
|
|
2926
|
-
unmounted: function(
|
|
2927
|
-
document.removeEventListener("click",
|
|
2928
|
-
}
|
|
2929
|
-
},
|
|
2930
|
-
beforeMount(
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
}, document.addEventListener("keydown",
|
|
2934
|
+
unmounted: function(o) {
|
|
2935
|
+
document.removeEventListener("click", o.clickOutsideEvent);
|
|
2936
|
+
}
|
|
2937
|
+
}, na = {
|
|
2938
|
+
beforeMount(o, e) {
|
|
2939
|
+
o._keydownCallback = (t) => {
|
|
2940
|
+
t.key === e.arg && e.value();
|
|
2941
|
+
}, document.addEventListener("keydown", o._keydownCallback);
|
|
2934
2942
|
},
|
|
2935
|
-
unmounted(
|
|
2936
|
-
document.removeEventListener("keydown",
|
|
2943
|
+
unmounted(o, e) {
|
|
2944
|
+
document.removeEventListener("keydown", o._keydownCallback), delete o._keydownCallback;
|
|
2937
2945
|
}
|
|
2938
|
-
},
|
|
2939
|
-
beforeMount(
|
|
2940
|
-
|
|
2946
|
+
}, sa = {
|
|
2947
|
+
beforeMount(o) {
|
|
2948
|
+
o.focus();
|
|
2941
2949
|
}
|
|
2942
2950
|
};
|
|
2943
|
-
function Dt(
|
|
2944
|
-
return
|
|
2951
|
+
function Dt(o) {
|
|
2952
|
+
return o.type.indexOf("mouse") !== -1 ? o.clientX : o.touches[0].clientX;
|
|
2945
2953
|
}
|
|
2946
|
-
function Tt(
|
|
2947
|
-
return
|
|
2954
|
+
function Tt(o) {
|
|
2955
|
+
return o.type.indexOf("mouse") !== -1 ? o.clientY : o.touches[0].clientY;
|
|
2948
2956
|
}
|
|
2949
|
-
var
|
|
2950
|
-
var
|
|
2957
|
+
var Bs = function() {
|
|
2958
|
+
var o = !1;
|
|
2951
2959
|
try {
|
|
2952
2960
|
var e = Object.defineProperty({}, "passive", {
|
|
2953
2961
|
get: function() {
|
|
2954
|
-
|
|
2962
|
+
o = !0;
|
|
2955
2963
|
}
|
|
2956
2964
|
});
|
|
2957
2965
|
window.addEventListener("test", null, e);
|
|
2958
2966
|
} catch {
|
|
2959
2967
|
}
|
|
2960
|
-
return
|
|
2961
|
-
}(),
|
|
2968
|
+
return o;
|
|
2969
|
+
}(), Es = {
|
|
2962
2970
|
disableClick: !1,
|
|
2963
2971
|
tapTolerance: 10,
|
|
2964
2972
|
// px
|
|
@@ -2974,53 +2982,53 @@ var Ls = function() {
|
|
|
2974
2982
|
rollOverFrequency: 100
|
|
2975
2983
|
// ms
|
|
2976
2984
|
};
|
|
2977
|
-
function $e(
|
|
2978
|
-
var e = this.$$touchObj,
|
|
2979
|
-
|
|
2980
|
-
e.touchHoldTimer = null, te(
|
|
2981
|
-
}, e.options.touchHoldTolerance)), te(
|
|
2985
|
+
function $e(o) {
|
|
2986
|
+
var e = this.$$touchObj, t = o.type.indexOf("touch") >= 0, n = o.type.indexOf("mouse") >= 0, s = this;
|
|
2987
|
+
t && (e.lastTouchStartTime = o.timeStamp), !(n && e.lastTouchStartTime && o.timeStamp - e.lastTouchStartTime < 350) && (e.touchStarted || (Ct(this), e.touchStarted = !0, e.touchMoved = !1, e.swipeOutBounded = !1, e.startX = Dt(o), e.startY = Tt(o), e.currentX = 0, e.currentY = 0, e.touchStartTime = o.timeStamp, e.hasSwipe = K(this, "swipe") || K(this, "swipe.left") || K(this, "swipe.right") || K(this, "swipe.top") || K(this, "swipe.bottom"), K(this, "hold") && (e.touchHoldTimer = setTimeout(function() {
|
|
2988
|
+
e.touchHoldTimer = null, te(o, s, "hold");
|
|
2989
|
+
}, e.options.touchHoldTolerance)), te(o, this, "press")));
|
|
2982
2990
|
}
|
|
2983
|
-
function we(
|
|
2984
|
-
var e = this.$$touchObj,
|
|
2985
|
-
if (e.currentX =
|
|
2991
|
+
function we(o) {
|
|
2992
|
+
var e = this.$$touchObj, t = Dt(o), n = Tt(o), s = e.currentX !== t || e.currentY !== n;
|
|
2993
|
+
if (e.currentX = t, e.currentY = n, e.touchMoved) {
|
|
2986
2994
|
if (e.hasSwipe && !e.swipeOutBounded) {
|
|
2987
2995
|
var l = e.options.swipeTolerance;
|
|
2988
2996
|
e.swipeOutBounded = Math.abs(e.startX - e.currentX) > l && Math.abs(e.startY - e.currentY) > l;
|
|
2989
2997
|
}
|
|
2990
2998
|
} else {
|
|
2991
2999
|
var a = e.options.tapTolerance;
|
|
2992
|
-
e.touchMoved = Math.abs(e.startX - e.currentX) > a || Math.abs(e.startY - e.currentY) > a, e.touchMoved && (Fe(e), te(
|
|
3000
|
+
e.touchMoved = Math.abs(e.startX - e.currentX) > a || Math.abs(e.startY - e.currentY) > a, e.touchMoved && (Fe(e), te(o, this, "drag.once"));
|
|
2993
3001
|
}
|
|
2994
3002
|
if (K(this, "rollover") && s) {
|
|
2995
|
-
var r =
|
|
2996
|
-
(e.touchRollTime == null || r > e.touchRollTime + i) && (e.touchRollTime = r, te(
|
|
3003
|
+
var r = o.timeStamp, i = e.options.rollOverFrequency;
|
|
3004
|
+
(e.touchRollTime == null || r > e.touchRollTime + i) && (e.touchRollTime = r, te(o, this, "rollover"));
|
|
2997
3005
|
}
|
|
2998
3006
|
if (K(this, "drag") && e.touchStarted && e.touchMoved && s) {
|
|
2999
|
-
var r =
|
|
3000
|
-
(e.touchDragTime == null || r > e.touchDragTime + i) && (e.touchDragTime = r, te(
|
|
3007
|
+
var r = o.timeStamp, i = e.options.dragFrequency;
|
|
3008
|
+
(e.touchDragTime == null || r > e.touchDragTime + i) && (e.touchDragTime = r, te(o, this, "drag"));
|
|
3001
3009
|
}
|
|
3002
3010
|
}
|
|
3003
3011
|
function dt() {
|
|
3004
|
-
var
|
|
3005
|
-
Fe(
|
|
3012
|
+
var o = this.$$touchObj;
|
|
3013
|
+
Fe(o), ze(this), o.touchStarted = o.touchMoved = !1, o.startX = o.startY = 0;
|
|
3006
3014
|
}
|
|
3007
|
-
function Se(
|
|
3008
|
-
var e = this.$$touchObj,
|
|
3009
|
-
|
|
3010
|
-
var s =
|
|
3011
|
-
if (Fe(e), e.touchStarted = !1, ze(this), !(n && e.lastTouchEndTime &&
|
|
3012
|
-
if (te(
|
|
3015
|
+
function Se(o) {
|
|
3016
|
+
var e = this.$$touchObj, t = o.type.indexOf("touch") >= 0, n = o.type.indexOf("mouse") >= 0;
|
|
3017
|
+
t && (e.lastTouchEndTime = o.timeStamp);
|
|
3018
|
+
var s = t && !e.touchHoldTimer;
|
|
3019
|
+
if (Fe(e), e.touchStarted = !1, ze(this), !(n && e.lastTouchEndTime && o.timeStamp - e.lastTouchEndTime < 350))
|
|
3020
|
+
if (te(o, this, "release"), e.touchMoved) {
|
|
3013
3021
|
if (e.hasSwipe && !e.swipeOutBounded) {
|
|
3014
3022
|
var a = e.options.swipeTolerance, l, r = Math.abs(e.startY - e.currentY), i = Math.abs(e.startX - e.currentX);
|
|
3015
|
-
(r > a || i > a) && (r > a ? l = e.startY > e.currentY ? "top" : "bottom" : l = e.startX > e.currentX ? "left" : "right", K(this, "swipe." + l) ? te(
|
|
3023
|
+
(r > a || i > a) && (r > a ? l = e.startY > e.currentY ? "top" : "bottom" : l = e.startX > e.currentX ? "left" : "right", K(this, "swipe." + l) ? te(o, this, "swipe." + l, l) : te(o, this, "swipe", l));
|
|
3016
3024
|
}
|
|
3017
|
-
} else if (K(this, "longtap") &&
|
|
3018
|
-
|
|
3025
|
+
} else if (K(this, "longtap") && o.timeStamp - e.touchStartTime > e.options.longTapTimeInterval)
|
|
3026
|
+
o.cancelable && o.preventDefault(), te(o, this, "longtap");
|
|
3019
3027
|
else if (K(this, "hold") && s) {
|
|
3020
|
-
|
|
3028
|
+
o.cancelable && o.preventDefault();
|
|
3021
3029
|
return;
|
|
3022
3030
|
} else
|
|
3023
|
-
te(
|
|
3031
|
+
te(o, this, "tap");
|
|
3024
3032
|
}
|
|
3025
3033
|
function ct() {
|
|
3026
3034
|
Ct(this);
|
|
@@ -3028,46 +3036,46 @@ function ct() {
|
|
|
3028
3036
|
function ut() {
|
|
3029
3037
|
ze(this);
|
|
3030
3038
|
}
|
|
3031
|
-
function K(
|
|
3032
|
-
var
|
|
3033
|
-
return
|
|
3039
|
+
function K(o, e) {
|
|
3040
|
+
var t = o.$$touchObj.callbacks[e];
|
|
3041
|
+
return t != null && t.length > 0;
|
|
3034
3042
|
}
|
|
3035
|
-
function te(
|
|
3036
|
-
var s = e.$$touchObj, a = s.callbacks[
|
|
3043
|
+
function te(o, e, t, n) {
|
|
3044
|
+
var s = e.$$touchObj, a = s.callbacks[t];
|
|
3037
3045
|
if (a == null || a.length === 0)
|
|
3038
3046
|
return null;
|
|
3039
3047
|
for (var l = 0; l < a.length; l++) {
|
|
3040
3048
|
var r = a[l];
|
|
3041
|
-
r.modifiers.stop &&
|
|
3049
|
+
r.modifiers.stop && o.stopPropagation(), r.modifiers.prevent && o.preventDefault(), !(r.modifiers.self && o.target !== o.currentTarget) && typeof r.value == "function" && (n ? r.value(n, o) : r.value(o));
|
|
3042
3050
|
}
|
|
3043
3051
|
}
|
|
3044
|
-
function Ct(
|
|
3045
|
-
var e =
|
|
3046
|
-
e &&
|
|
3052
|
+
function Ct(o) {
|
|
3053
|
+
var e = o.$$touchObj.options.touchClass;
|
|
3054
|
+
e && o.classList.add(e);
|
|
3047
3055
|
}
|
|
3048
|
-
function ze(
|
|
3049
|
-
var e =
|
|
3050
|
-
e &&
|
|
3056
|
+
function ze(o) {
|
|
3057
|
+
var e = o.$$touchObj.options.touchClass;
|
|
3058
|
+
e && o.classList.remove(e);
|
|
3051
3059
|
}
|
|
3052
|
-
function Fe(
|
|
3053
|
-
|
|
3060
|
+
function Fe(o) {
|
|
3061
|
+
o.touchHoldTimer && (clearTimeout(o.touchHoldTimer), o.touchHoldTimer = null);
|
|
3054
3062
|
}
|
|
3055
|
-
function
|
|
3056
|
-
var
|
|
3063
|
+
function Ms(o, e) {
|
|
3064
|
+
var t = o.$$touchObj || {
|
|
3057
3065
|
// an object contains all callbacks registered,
|
|
3058
3066
|
// key is event name, value is an array
|
|
3059
3067
|
callbacks: {},
|
|
3060
3068
|
// prevent bind twice, set to true when event bound
|
|
3061
3069
|
hasBindTouchEvents: !1,
|
|
3062
3070
|
// default options, would be override by v-touch-options
|
|
3063
|
-
options:
|
|
3071
|
+
options: Es
|
|
3064
3072
|
};
|
|
3065
|
-
return e && (
|
|
3073
|
+
return e && (t.options = Object.assign({}, t.options, e)), o.$$touchObj = t, o.$$touchObj;
|
|
3066
3074
|
}
|
|
3067
|
-
const
|
|
3068
|
-
beforeMount: function(
|
|
3069
|
-
const
|
|
3070
|
-
let n =
|
|
3075
|
+
const aa = {
|
|
3076
|
+
beforeMount: function(o, e) {
|
|
3077
|
+
const t = Ms(o);
|
|
3078
|
+
let n = Bs ? { passive: !0 } : !1;
|
|
3071
3079
|
const s = e.arg || "tap";
|
|
3072
3080
|
switch (s) {
|
|
3073
3081
|
case "swipe":
|
|
@@ -3076,77 +3084,77 @@ const na = {
|
|
|
3076
3084
|
for (let l in e.modifiers)
|
|
3077
3085
|
if (["left", "right", "top", "bottom"].indexOf(l) >= 0) {
|
|
3078
3086
|
let r = "swipe." + l;
|
|
3079
|
-
|
|
3087
|
+
t.callbacks[r] = t.callbacks[r] || [], t.callbacks[r].push(e);
|
|
3080
3088
|
}
|
|
3081
3089
|
} else
|
|
3082
|
-
|
|
3090
|
+
t.callbacks.swipe = t.callbacks.swipe || [], t.callbacks.swipe.push(e);
|
|
3083
3091
|
break;
|
|
3084
3092
|
case "press":
|
|
3085
3093
|
case "drag":
|
|
3086
3094
|
e.modifiers.disablePassive && (n = !1);
|
|
3087
3095
|
default:
|
|
3088
|
-
|
|
3096
|
+
t.callbacks[s] = t.callbacks[s] || [], t.callbacks[s].push(e);
|
|
3089
3097
|
}
|
|
3090
|
-
|
|
3098
|
+
t.hasBindTouchEvents || (o.addEventListener("touchstart", $e, n), o.addEventListener("touchmove", we, n), o.addEventListener("touchcancel", dt), o.addEventListener("touchend", Se), t.options.disableClick || (o.addEventListener("mousedown", $e), o.addEventListener("mousemove", we), o.addEventListener("mouseup", Se), o.addEventListener("mouseenter", ct), o.addEventListener("mouseleave", ut)), t.hasBindTouchEvents = !0);
|
|
3091
3099
|
},
|
|
3092
|
-
unmounted: function(
|
|
3093
|
-
|
|
3100
|
+
unmounted: function(o) {
|
|
3101
|
+
o.removeEventListener("touchstart", $e), o.removeEventListener("touchmove", we), o.removeEventListener("touchcancel", dt), o.removeEventListener("touchend", Se), o.$$touchObj && !o.$$touchObj.options.disableClick && (o.removeEventListener("mousedown", $e), o.removeEventListener("mousemove", we), o.removeEventListener("mouseup", Se), o.removeEventListener("mouseenter", ct), o.removeEventListener("mouseleave", ut)), delete o.$$touchObj;
|
|
3094
3102
|
}
|
|
3095
3103
|
};
|
|
3096
3104
|
export {
|
|
3097
|
-
|
|
3098
|
-
|
|
3105
|
+
Os as DAccordion,
|
|
3106
|
+
tn as DAlertDialog,
|
|
3099
3107
|
uo as DBadge,
|
|
3100
3108
|
le as DButton,
|
|
3101
|
-
|
|
3102
|
-
|
|
3109
|
+
Ws as DCard,
|
|
3110
|
+
Xs as DCheckbox,
|
|
3103
3111
|
po as DCollapse,
|
|
3104
3112
|
fe as DComponentStore,
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3113
|
+
As as DConfigProvider,
|
|
3114
|
+
nn as DConfirmDialog,
|
|
3115
|
+
Mo as DContextMenu,
|
|
3116
|
+
Ys as DDialogProvider,
|
|
3109
3117
|
it as DDrag,
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3118
|
+
Eo as DDrop,
|
|
3119
|
+
Fs as DDropdown,
|
|
3120
|
+
Qs as DForm,
|
|
3113
3121
|
pe as DGlobalStore,
|
|
3114
|
-
|
|
3122
|
+
Gs as DGrid,
|
|
3115
3123
|
re as DIcon,
|
|
3116
3124
|
oe as DIconStore,
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3125
|
+
Zs as DImage,
|
|
3126
|
+
js as DInfoProgress,
|
|
3127
|
+
Rs as DInput,
|
|
3128
|
+
ea as DInputString,
|
|
3129
|
+
Vs as DLayoutAdmin,
|
|
3130
|
+
Ho as DLayoutContent,
|
|
3131
|
+
Vo as DLayoutFooter,
|
|
3132
|
+
Ro as DLayoutHeader,
|
|
3133
|
+
Ao as DLayoutSidebar,
|
|
3134
|
+
Oo as DLayoutTab,
|
|
3127
3135
|
xt as DMenu,
|
|
3128
3136
|
$t as DModal,
|
|
3129
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3132
|
-
|
|
3133
|
-
|
|
3134
|
-
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
+
Ps as DNotificationProvider,
|
|
3138
|
+
dn as DPanel,
|
|
3139
|
+
zs as DScroll,
|
|
3140
|
+
Hs as DScrollProvider,
|
|
3141
|
+
Us as DSelect,
|
|
3142
|
+
Js as DSwitcher,
|
|
3143
|
+
qs as DTabs,
|
|
3144
|
+
Ks as DTextarea,
|
|
3137
3145
|
Te as DTransferStore,
|
|
3138
3146
|
kt as DTree,
|
|
3139
|
-
|
|
3147
|
+
Io as DTreeItem,
|
|
3140
3148
|
v as DTreeStore,
|
|
3141
3149
|
G as Rules,
|
|
3142
|
-
|
|
3143
|
-
|
|
3144
|
-
|
|
3150
|
+
On as alert,
|
|
3151
|
+
oa as clickOutside,
|
|
3152
|
+
Rn as confirm,
|
|
3145
3153
|
q as emitter,
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3154
|
+
Bo as eventsBus,
|
|
3155
|
+
sa as focus,
|
|
3156
|
+
na as keydown,
|
|
3149
3157
|
St as notify,
|
|
3150
|
-
|
|
3151
|
-
|
|
3158
|
+
aa as touch,
|
|
3159
|
+
ta as useNotification
|
|
3152
3160
|
};
|