doph-js 0.2.56 → 0.2.58
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 +252 -254
- package/dist/dophJs.umd.cjs +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/dophJs.js
CHANGED
|
@@ -9,16 +9,16 @@ const de = {
|
|
|
9
9
|
},
|
|
10
10
|
setup(e) {
|
|
11
11
|
const t = e, o = Le(), s = m(() => {
|
|
12
|
-
const { className:
|
|
13
|
-
return
|
|
12
|
+
const { className: l } = t;
|
|
13
|
+
return l === void 0 ? "icon" : ["icon", l].join(" ");
|
|
14
14
|
}), n = m(() => {
|
|
15
|
-
const { color:
|
|
16
|
-
return
|
|
15
|
+
const { color: l } = t;
|
|
16
|
+
return l === void 0 ? null : l;
|
|
17
17
|
}), a = m(() => {
|
|
18
|
-
const
|
|
19
|
-
if (
|
|
20
|
-
return typeof
|
|
21
|
-
}),
|
|
18
|
+
const l = t.size ?? null;
|
|
19
|
+
if (l !== void 0)
|
|
20
|
+
return typeof l == "number" || /^\d+$/.test(l) ? `${l}px` : l;
|
|
21
|
+
}), r = m(() => st(
|
|
22
22
|
"i",
|
|
23
23
|
{
|
|
24
24
|
class: s.value,
|
|
@@ -29,7 +29,7 @@ const de = {
|
|
|
29
29
|
},
|
|
30
30
|
t.component ? st(t.component) : o
|
|
31
31
|
));
|
|
32
|
-
return (
|
|
32
|
+
return (l, i) => (d(), x(E(r)));
|
|
33
33
|
}
|
|
34
34
|
}, ee = {
|
|
35
35
|
state: {},
|
|
@@ -67,7 +67,7 @@ function Ht() {
|
|
|
67
67
|
}
|
|
68
68
|
function o(n) {
|
|
69
69
|
let a = "";
|
|
70
|
-
for (let
|
|
70
|
+
for (let r = 0; r < n; ++r)
|
|
71
71
|
a += t();
|
|
72
72
|
return a;
|
|
73
73
|
}
|
|
@@ -76,7 +76,7 @@ function Ht() {
|
|
|
76
76
|
}
|
|
77
77
|
return o(8) + "-" + o(4) + "-4" + o(3) + "-" + s() + o(3) + "-" + o(12);
|
|
78
78
|
}
|
|
79
|
-
const
|
|
79
|
+
const re = (e, t) => {
|
|
80
80
|
const o = e.__vccOpts || e;
|
|
81
81
|
for (const [s, n] of t)
|
|
82
82
|
o[s] = n;
|
|
@@ -120,7 +120,7 @@ const le = (e, t) => {
|
|
|
120
120
|
},
|
|
121
121
|
emits: ["click", "contextmenu"],
|
|
122
122
|
setup(e, { expose: t, emit: o }) {
|
|
123
|
-
const s = e, n = Le(), a = w(null),
|
|
123
|
+
const s = e, n = Le(), a = w(null), r = m(() => s.icon ? ee.getters.getIcon(s.icon) : null), l = (k) => {
|
|
124
124
|
o("click", k);
|
|
125
125
|
}, i = (k) => {
|
|
126
126
|
o("contextmenu", k);
|
|
@@ -131,29 +131,29 @@ const le = (e, t) => {
|
|
|
131
131
|
return t({
|
|
132
132
|
elementSize: () => ht(a)
|
|
133
133
|
}), (k, F) => (d(), f(ie, null, [
|
|
134
|
-
|
|
134
|
+
r.value ? $("", !0) : (d(), f("div", {
|
|
135
135
|
key: 0,
|
|
136
136
|
ref_key: "el",
|
|
137
137
|
ref: a,
|
|
138
|
-
onClick:
|
|
138
|
+
onClick: l,
|
|
139
139
|
onContextmenu: i,
|
|
140
140
|
class: D(["button", [s.class, c.value, S.value, u.value].join(" ")])
|
|
141
141
|
}, [
|
|
142
142
|
L(k.$slots, "default", {}, void 0, !0),
|
|
143
143
|
s.loading ? (d(), f("svg", Vt, Ft)) : $("", !0)
|
|
144
144
|
], 34)),
|
|
145
|
-
|
|
145
|
+
r.value ? (d(), f("div", {
|
|
146
146
|
key: 1,
|
|
147
147
|
ref_key: "el",
|
|
148
148
|
ref: a,
|
|
149
|
-
onClick:
|
|
149
|
+
onClick: l,
|
|
150
150
|
onContextmenu: i,
|
|
151
151
|
class: D(["button button-ext", [s.class, c.value, b.value, S.value, u.value].join(" ")]),
|
|
152
152
|
style: H(s.style)
|
|
153
153
|
}, [
|
|
154
154
|
s.icon ? (d(), x(X(de), {
|
|
155
155
|
key: 0,
|
|
156
|
-
component:
|
|
156
|
+
component: r.value,
|
|
157
157
|
color: "inherit"
|
|
158
158
|
}, null, 8, ["component"])) : $("", !0),
|
|
159
159
|
E(n).default ? (d(), f("div", Wt, [
|
|
@@ -163,7 +163,7 @@ const le = (e, t) => {
|
|
|
163
163
|
], 38)) : $("", !0)
|
|
164
164
|
], 64));
|
|
165
165
|
}
|
|
166
|
-
}, ae = /* @__PURE__ */
|
|
166
|
+
}, ae = /* @__PURE__ */ re(Yt, [["__scopeId", "data-v-e5cd6ccd"]]);
|
|
167
167
|
const Ut = {
|
|
168
168
|
key: 0,
|
|
169
169
|
class: "d-input"
|
|
@@ -199,32 +199,32 @@ const Ut = {
|
|
|
199
199
|
},
|
|
200
200
|
emits: ["update:modelValue"],
|
|
201
201
|
setup(e, { expose: t, emit: o }) {
|
|
202
|
-
const s = e, n = w(null), a = m(() => s.scale === "small" ? "d-input-small" : s.scale === "large" ? "d-input-large" : ""),
|
|
202
|
+
const s = e, n = w(null), a = m(() => s.scale === "small" ? "d-input-small" : s.scale === "large" ? "d-input-large" : ""), r = m({
|
|
203
203
|
get: () => s.modelValue,
|
|
204
204
|
set: (i) => {
|
|
205
205
|
o("update:modelValue", i);
|
|
206
206
|
}
|
|
207
207
|
});
|
|
208
208
|
fe(() => {
|
|
209
|
-
s.focus &&
|
|
209
|
+
s.focus && l();
|
|
210
210
|
});
|
|
211
|
-
const
|
|
211
|
+
const l = () => {
|
|
212
212
|
n.value.focus();
|
|
213
213
|
};
|
|
214
214
|
return t({
|
|
215
|
-
focus:
|
|
215
|
+
focus: l
|
|
216
216
|
}), (i, c) => !s.post && !s.pre ? (d(), f("div", Ut, [
|
|
217
217
|
s.label ? (d(), f("div", qt, A(s.label), 1)) : $("", !0),
|
|
218
218
|
te(_("input", {
|
|
219
219
|
ref_key: "inputRef",
|
|
220
220
|
ref: n,
|
|
221
|
-
"onUpdate:modelValue": c[0] || (c[0] = (u) =>
|
|
221
|
+
"onUpdate:modelValue": c[0] || (c[0] = (u) => r.value = u),
|
|
222
222
|
type: s.password ? "password" : "text",
|
|
223
223
|
class: D(a.value),
|
|
224
224
|
placeholder: s.placeholder,
|
|
225
225
|
style: { width: "100%" }
|
|
226
226
|
}, null, 10, Gt), [
|
|
227
|
-
[Te,
|
|
227
|
+
[Te, r.value]
|
|
228
228
|
])
|
|
229
229
|
])) : s.post && s.post.click && !s.pre ? (d(), f("div", Zt, [
|
|
230
230
|
s.label ? (d(), f("div", Kt, A(s.label), 1)) : $("", !0),
|
|
@@ -234,12 +234,12 @@ const Ut = {
|
|
|
234
234
|
ref_key: "inputRef",
|
|
235
235
|
ref: n,
|
|
236
236
|
class: D(["d-input-post-field", a.value]),
|
|
237
|
-
"onUpdate:modelValue": c[1] || (c[1] = (u) =>
|
|
237
|
+
"onUpdate:modelValue": c[1] || (c[1] = (u) => r.value = u),
|
|
238
238
|
type: s.password ? "password" : "text",
|
|
239
239
|
placeholder: s.placeholder,
|
|
240
240
|
style: { width: "100%" }
|
|
241
241
|
}, null, 10, eo), [
|
|
242
|
-
[Te,
|
|
242
|
+
[Te, r.value]
|
|
243
243
|
])
|
|
244
244
|
]),
|
|
245
245
|
s.post.label ? (d(), x(ae, {
|
|
@@ -287,18 +287,18 @@ const Ut = {
|
|
|
287
287
|
ref_key: "inputRef",
|
|
288
288
|
ref: n,
|
|
289
289
|
class: D(["d-input-pre-field", a.value]),
|
|
290
|
-
"onUpdate:modelValue": c[2] || (c[2] = (u) =>
|
|
290
|
+
"onUpdate:modelValue": c[2] || (c[2] = (u) => r.value = u),
|
|
291
291
|
type: s.password ? "password" : "text",
|
|
292
292
|
placeholder: s.placeholder,
|
|
293
293
|
style: { width: "100%" }
|
|
294
294
|
}, null, 10, ao), [
|
|
295
|
-
[Te,
|
|
295
|
+
[Te, r.value]
|
|
296
296
|
])
|
|
297
297
|
])
|
|
298
298
|
])
|
|
299
299
|
])) : $("", !0);
|
|
300
300
|
}
|
|
301
|
-
}, Tn = /* @__PURE__ */
|
|
301
|
+
}, Tn = /* @__PURE__ */ re(io, [["__scopeId", "data-v-a972038a"]]), ro = {
|
|
302
302
|
__name: "DBadge",
|
|
303
303
|
props: {
|
|
304
304
|
scale: String,
|
|
@@ -320,7 +320,7 @@ const Ut = {
|
|
|
320
320
|
L(n.$slots, "default")
|
|
321
321
|
], 2));
|
|
322
322
|
}
|
|
323
|
-
}, ne = "0px",
|
|
323
|
+
}, ne = "0px", lo = {
|
|
324
324
|
__name: "DCollapse",
|
|
325
325
|
props: {
|
|
326
326
|
duration: {
|
|
@@ -388,10 +388,10 @@ const Ut = {
|
|
|
388
388
|
marginTop: c.marginTop,
|
|
389
389
|
marginBottom: c.marginBottom
|
|
390
390
|
}
|
|
391
|
-
],
|
|
391
|
+
], r = (i, c) => {
|
|
392
392
|
const u = i, h = o(u), b = s(u, h), S = a(b, h), N = { duration: t.duration, easing: t.easingEnter };
|
|
393
393
|
n(u, h, c, S, N);
|
|
394
|
-
},
|
|
394
|
+
}, l = (i, c) => {
|
|
395
395
|
const u = i, h = o(u), { height: b } = getComputedStyle(u);
|
|
396
396
|
u.style.height = b, u.style.overflow = "hidden";
|
|
397
397
|
const S = a(b, h).reverse(), N = { duration: t.duration, easing: t.easingLeave };
|
|
@@ -399,8 +399,8 @@ const Ut = {
|
|
|
399
399
|
};
|
|
400
400
|
return (i, c) => (d(), x(Ne, {
|
|
401
401
|
css: !1,
|
|
402
|
-
onEnter:
|
|
403
|
-
onLeave:
|
|
402
|
+
onEnter: r,
|
|
403
|
+
onLeave: l
|
|
404
404
|
}, {
|
|
405
405
|
default: I(() => [
|
|
406
406
|
L(i.$slots, "default")
|
|
@@ -442,9 +442,9 @@ const Ut = {
|
|
|
442
442
|
tag: { type: String, default: "div" }
|
|
443
443
|
},
|
|
444
444
|
setup(e) {
|
|
445
|
-
const t = e, o = Le(), s = w(!1), n = m(() => s && t.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })),
|
|
445
|
+
const t = e, o = Le(), s = w(!1), n = m(() => s && t.transferData), a = m(() => ({ position: "fixed", top: "-1000px" })), r = (l, i) => {
|
|
446
446
|
const c = i.dataTransfer;
|
|
447
|
-
if ([j.dragenter, j.dragover].includes(
|
|
447
|
+
if ([j.dragenter, j.dragover].includes(l) && t.dropEffect && (c.dropEffect = t.dropEffect), l === j.dragstart) {
|
|
448
448
|
if (t.effectAllowed && (c.effectAllowed = t.effectAllowed), t.image || o.image) {
|
|
449
449
|
let u;
|
|
450
450
|
t.image ? (u = new Image(), u.src = t.image) : o.image && (u = o.image[0].elm), c.setDragImage && c.setDragImage(u, t.imageXOffset, t.imageYOffset);
|
|
@@ -452,22 +452,22 @@ const Ut = {
|
|
|
452
452
|
t.transferData !== void 0 && (De.data = t.transferData, i.dataTransfer.setData("text", "")), s.value = !0;
|
|
453
453
|
}
|
|
454
454
|
};
|
|
455
|
-
return (
|
|
455
|
+
return (l, i) => (d(), x(X(e.tag), {
|
|
456
456
|
draggable: t.draggable,
|
|
457
|
-
onDrag: i[0] || (i[0] = (c) =>
|
|
458
|
-
onDragstart: i[1] || (i[1] = Z((c) =>
|
|
459
|
-
onDragenter: i[2] || (i[2] = (c) =>
|
|
460
|
-
onDragleave: i[3] || (i[3] = (c) =>
|
|
461
|
-
onDragend: i[4] || (i[4] = (c) =>
|
|
457
|
+
onDrag: i[0] || (i[0] = (c) => r(E(j).drag, c)),
|
|
458
|
+
onDragstart: i[1] || (i[1] = Z((c) => r(E(j).dragstart, c), ["stop"])),
|
|
459
|
+
onDragenter: i[2] || (i[2] = (c) => r(E(j).dragenter, c)),
|
|
460
|
+
onDragleave: i[3] || (i[3] = (c) => r(E(j).dragleave, c)),
|
|
461
|
+
onDragend: i[4] || (i[4] = (c) => r(E(j).dragend, c))
|
|
462
462
|
}, {
|
|
463
463
|
default: I(() => [
|
|
464
|
-
L(
|
|
464
|
+
L(l.$slots, "default", { transferData: n.value }),
|
|
465
465
|
e.hideImageHtml ? (d(), f("div", {
|
|
466
466
|
key: 0,
|
|
467
467
|
style: H(a.value)
|
|
468
468
|
}, [
|
|
469
|
-
L(
|
|
470
|
-
], 4)) : L(
|
|
469
|
+
L(l.$slots, "image", { transferData: n.value })
|
|
470
|
+
], 4)) : L(l.$slots, "image", {
|
|
471
471
|
key: 1,
|
|
472
472
|
transferData: n.value
|
|
473
473
|
})
|
|
@@ -476,7 +476,7 @@ const Ut = {
|
|
|
476
476
|
}, 40, ["draggable"]));
|
|
477
477
|
}
|
|
478
478
|
};
|
|
479
|
-
const fo = (e) => (St("data-v-
|
|
479
|
+
const fo = (e) => (St("data-v-b1932fbe"), e = e(), Tt(), e), mo = {
|
|
480
480
|
key: 0,
|
|
481
481
|
style: { display: "none" }
|
|
482
482
|
}, ho = { key: 1 }, go = /* @__PURE__ */ fo(() => /* @__PURE__ */ _("div", { class: "tree-divider" }, null, -1)), vo = [
|
|
@@ -498,7 +498,7 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
498
498
|
},
|
|
499
499
|
emits: ["nodedrop", "nodedragover", "nodedragleave", "nodeclick", "nodecontext"],
|
|
500
500
|
setup(e, { emit: t }) {
|
|
501
|
-
const o = e, s = w(null), n = w(!1), a = w(!1),
|
|
501
|
+
const o = e, s = w(null), n = w(!1), a = w(!1), r = w(!1), l = m(() => o.model.children && o.model.children.length), i = m(() => (g.actions.isTreeExpanded(o.treeId) && (o.model.expanded = o.model.expanded === void 0 ? !0 : o.model.expanded), o.model.expanded)), c = (M) => {
|
|
502
502
|
t("nodeclick", { event: M, model: o.model });
|
|
503
503
|
}, u = (M) => {
|
|
504
504
|
t("nodeclick", M);
|
|
@@ -506,30 +506,28 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
506
506
|
t("nodedrop", M);
|
|
507
507
|
}, b = (M) => {
|
|
508
508
|
t("nodecontext", M);
|
|
509
|
-
}, S = m(() => (
|
|
509
|
+
}, S = m(() => (g.actions.isItemSelected(o.treeId, o.model.id) ? "selected" : "") + (n.value ? "node-over " : "") + (a.value ? "node-top " : "") + (r.value ? "node-bottom " : "")), N = m(() => o.search ? !1 : o.model.draggable === !0), k = (M) => {
|
|
510
510
|
t("nodedrop", { e: M, model: o.model });
|
|
511
511
|
let y = De.data;
|
|
512
512
|
if (y === void 0 || y.model === void 0)
|
|
513
513
|
return n.value = !1, !1;
|
|
514
|
-
if (y.model.id === o.model.id ||
|
|
515
|
-
return n.value = !1, a.value = !1,
|
|
516
|
-
if (!
|
|
514
|
+
if (y.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || g.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
|
|
515
|
+
return n.value = !1, a.value = !1, r.value = !1, !1;
|
|
516
|
+
if (!g.state.trees[o.treeId].transfer && y.id !== o.treeId || !g.state.trees[o.treeId].dropInside && !r.value && !a.value)
|
|
517
517
|
return !1;
|
|
518
|
-
if (!v.state.trees[o.treeId].dropInside && n.value)
|
|
519
|
-
return n.value = !1, a.value = !1, l.value = !1, !1;
|
|
520
518
|
let O = "";
|
|
521
|
-
a.value ? O = "before" :
|
|
519
|
+
a.value ? O = "before" : r.value ? O = "after" : O = "inside", g.actions.moveTreeNode(y.id, o.treeId, o.items, y.model.id, o.model.id, O), n.value = !1, a.value = !1, r.value = !1;
|
|
522
520
|
}, F = (M) => {
|
|
523
521
|
t("nodedragover", { e: M, model: o.model });
|
|
524
522
|
let y = De.data;
|
|
525
523
|
if (y === void 0 || y.model === void 0)
|
|
526
524
|
return n.value = !0, !1;
|
|
527
|
-
if (y.model.id === o.model.id ||
|
|
525
|
+
if (y.model.id === o.model.id || g.actions.isChildOfParent(o.treeId, o.items, o.model.id, y.model.id) || g.actions.isParentOfChild(o.treeId, o.items, y.model.id, o.model.id))
|
|
528
526
|
return !1;
|
|
529
|
-
const O = M.y, W = s.value.getBoundingClientRect().top, P = s.value.getBoundingClientRect().height,
|
|
530
|
-
O > W && O <= W +
|
|
527
|
+
const O = M.y, W = s.value.getBoundingClientRect().top, P = s.value.getBoundingClientRect().height, v = P / 3;
|
|
528
|
+
O > W && O <= W + v ? (n.value = !1, a.value = !0, r.value = !1) : O < W + P && O >= W + P - v ? (n.value = !1, a.value = !1, r.value = !0) : (n.value = g.state.trees[o.treeId].dropInside, a.value = !1, r.value = !1);
|
|
531
529
|
}, R = () => {
|
|
532
|
-
n.value = !1, a.value = !1,
|
|
530
|
+
n.value = !1, a.value = !1, r.value = !1;
|
|
533
531
|
}, C = m(() => o.model.title.startsWith("-")), B = m(() => {
|
|
534
532
|
if (o.model.title.startsWith("-")) {
|
|
535
533
|
let [M, ...y] = o.model.title.split(" ");
|
|
@@ -539,8 +537,8 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
539
537
|
});
|
|
540
538
|
return (M, y) => {
|
|
541
539
|
const O = wt("d-tree-item", !0), W = Re("touch");
|
|
542
|
-
return E(
|
|
543
|
-
_("div", _o, A(E(
|
|
540
|
+
return E(g).actions.beforeItem(o.treeId, e.model) ? C.value && !B.value ? (d(), f("li", ho, vo)) : C.value && B.value ? (d(), f("li", yo, [
|
|
541
|
+
_("div", _o, A(E(g).actions.renderTitle(o.treeId, B.value)), 1)
|
|
544
542
|
])) : o.model.component ? (d(), f("li", bo, [
|
|
545
543
|
(d(), x(X(E(he).getters.getComponent(o.model.component))))
|
|
546
544
|
])) : (d(), x(po, {
|
|
@@ -556,7 +554,7 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
556
554
|
onDragleave: Z(R, ["prevent"])
|
|
557
555
|
}, {
|
|
558
556
|
default: I(() => {
|
|
559
|
-
var P,
|
|
557
|
+
var P, v;
|
|
560
558
|
return [
|
|
561
559
|
te((d(), f("div", {
|
|
562
560
|
ref_key: "node",
|
|
@@ -565,14 +563,14 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
565
563
|
onContextmenu: y[0] || (y[0] = Z((V) => t("nodecontext", { e: V, model: o.model }), ["prevent"]))
|
|
566
564
|
}, [
|
|
567
565
|
_("div", null, [
|
|
568
|
-
o.model.icons && o.model.icons.pre &&
|
|
566
|
+
o.model.icons && o.model.icons.pre && l.value && !o.search && !C.value ? (d(), x(X(de), {
|
|
569
567
|
key: 0,
|
|
570
568
|
component: E(ee).getters.getIcon(o.model.icons.pre.component),
|
|
571
569
|
size: 18,
|
|
572
570
|
color: o.model.icons.pre.color ? o.model.icons.pre.color : "inherit",
|
|
573
571
|
class: D(i.value ? "tree-open-pre" : "")
|
|
574
572
|
}, null, 8, ["component", "color", "class"])) : $("", !0),
|
|
575
|
-
o.model.icons && o.model.icons.pre && !
|
|
573
|
+
o.model.icons && o.model.icons.pre && !l.value && !o.search && !C.value ? (d(), x(X(de), {
|
|
576
574
|
key: 1,
|
|
577
575
|
component: E(ee).getters.getIcon(o.model.icons.pre.component),
|
|
578
576
|
size: 18,
|
|
@@ -588,20 +586,20 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
588
586
|
}, null, 8, ["component", "color", "size", "className"])) : $("", !0),
|
|
589
587
|
_("div", xo, [
|
|
590
588
|
C.value ? (d(), f("div", $o)) : $("", !0),
|
|
591
|
-
C.value ? $("", !0) : (d(), f("div", ko, A(E(
|
|
589
|
+
C.value ? $("", !0) : (d(), f("div", ko, A(E(g).actions.renderTitle(o.treeId, o.model.title)), 1))
|
|
592
590
|
])
|
|
593
591
|
]),
|
|
594
592
|
_("div", wo, [
|
|
595
|
-
((P = o.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(
|
|
593
|
+
((P = o.model.badge) == null ? void 0 : P.value) !== void 0 && !C.value ? (d(), x(X(ro), {
|
|
596
594
|
key: 0,
|
|
597
|
-
class: D([(
|
|
595
|
+
class: D([(v = o.model.badge) == null ? void 0 : v.class, "badge-sm"])
|
|
598
596
|
}, {
|
|
599
597
|
default: I(() => [
|
|
600
598
|
K(A(o.model.badge.value), 1)
|
|
601
599
|
]),
|
|
602
600
|
_: 1
|
|
603
601
|
}, 8, ["class"])) : $("", !0),
|
|
604
|
-
o.model.icons && o.model.icons.post &&
|
|
602
|
+
o.model.icons && o.model.icons.post && l.value && !o.search && !C.value ? (d(), x(X(de), {
|
|
605
603
|
key: 1,
|
|
606
604
|
component: E(ee).getters.getIcon(o.model.icons.post.component),
|
|
607
605
|
size: 20,
|
|
@@ -612,9 +610,9 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
612
610
|
], 34)), [
|
|
613
611
|
[W, c]
|
|
614
612
|
]),
|
|
615
|
-
oe(
|
|
613
|
+
oe(lo, null, {
|
|
616
614
|
default: I(() => [
|
|
617
|
-
|
|
615
|
+
l.value && i.value && !o.search ? (d(), f("ul", So, [
|
|
618
616
|
(d(!0), f(ie, null, ge(e.model.children, (V) => (d(), x(O, {
|
|
619
617
|
class: "tree-item",
|
|
620
618
|
key: V.id,
|
|
@@ -636,7 +634,7 @@ const fo = (e) => (St("data-v-f3796e28"), e = e(), Tt(), e), mo = {
|
|
|
636
634
|
}, 8, ["transfer-data", "draggable", "onDrop", "onDragover", "onDragleave"])) : (d(), f("li", mo));
|
|
637
635
|
};
|
|
638
636
|
}
|
|
639
|
-
}, Do = /* @__PURE__ */
|
|
637
|
+
}, Do = /* @__PURE__ */ re(To, [["__scopeId", "data-v-b1932fbe"]]);
|
|
640
638
|
function Lo(e) {
|
|
641
639
|
return e = e || /* @__PURE__ */ new Map(), {
|
|
642
640
|
/**
|
|
@@ -684,53 +682,53 @@ function Lo(e) {
|
|
|
684
682
|
}
|
|
685
683
|
};
|
|
686
684
|
}
|
|
687
|
-
const U = Lo(),
|
|
685
|
+
const U = Lo(), g = {
|
|
688
686
|
state: Oe({
|
|
689
687
|
trees: {}
|
|
690
688
|
}),
|
|
691
689
|
getters: {
|
|
692
690
|
getItems(e) {
|
|
693
|
-
return
|
|
691
|
+
return g.state.trees[e].items;
|
|
694
692
|
},
|
|
695
693
|
getItemsSelect(e) {
|
|
696
|
-
return
|
|
694
|
+
return g.state.trees[e].selected;
|
|
697
695
|
},
|
|
698
696
|
// data - ноды, dataId - ID ноды родителя data
|
|
699
697
|
getParentId(e, t, o, s = "id", n = "children", a = {}) {
|
|
700
|
-
return o && e && (e.find((
|
|
698
|
+
return o && e && (e.find((r) => r[s] === o ? (a.found = t, r) : g.getters.getParentId(r[n], r.id, o, s, n, a)), a.found) ? a.found : !1;
|
|
701
699
|
}
|
|
702
700
|
},
|
|
703
701
|
mutations: {
|
|
704
702
|
setTreeItems(e, t) {
|
|
705
|
-
|
|
703
|
+
g.state.trees[e].items = t;
|
|
706
704
|
},
|
|
707
705
|
setItemSelect(e, t) {
|
|
708
|
-
|
|
706
|
+
g.state.trees[e].noSelect || (g.state.trees[e].multiSelect ? g.state.trees[e].selected.includes(t.id) ? g.state.trees[e].selected = g.state.trees[e].selected.filter(function(o) {
|
|
709
707
|
return o !== t.id;
|
|
710
|
-
}) :
|
|
708
|
+
}) : g.state.trees[e].selected = [...g.state.trees[e].selected, t.id] : g.state.trees[e].selected = [t.id]);
|
|
711
709
|
}
|
|
712
710
|
},
|
|
713
711
|
actions: {
|
|
714
|
-
initTreeStore(e, t, o, s, n, a, l) {
|
|
715
|
-
|
|
712
|
+
initTreeStore(e, t, o, s, n, a, r, l = !0) {
|
|
713
|
+
g.state.trees[e] = [], g.state.trees[e].selected = [], g.state.trees[e].noSelect = t, g.state.trees[e].multiSelect = o, g.state.trees[e].expanded = s, g.state.trees[e].transfer = n, g.state.trees[e].renderTitle = a, g.state.trees[e].beforeItem = r, g.state.trees[e].dropInside = l;
|
|
716
714
|
},
|
|
717
715
|
renderTitle(e, t) {
|
|
718
|
-
return
|
|
716
|
+
return g.state.trees[e].renderTitle ? g.state.trees[e].renderTitle(t) : t;
|
|
719
717
|
},
|
|
720
718
|
beforeItem(e, t) {
|
|
721
|
-
return
|
|
719
|
+
return g.state.trees[e].beforeItem ? g.state.trees[e].beforeItem(t) : !0;
|
|
722
720
|
},
|
|
723
721
|
isItemSelected(e, t) {
|
|
724
|
-
return
|
|
722
|
+
return g.state.trees[e].selected.includes(t);
|
|
725
723
|
},
|
|
726
724
|
toggleItem(e, t) {
|
|
727
725
|
t.expanded = t.expanded === void 0 || !t.expanded, t.children && t.children.length && (t.expanded ? U.emit(`expand-${e}`, { id: e, model: t }) : U.emit(`collapse-${e}`, { id: e, model: t }));
|
|
728
726
|
},
|
|
729
727
|
isTreeExpanded(e) {
|
|
730
|
-
return
|
|
728
|
+
return g.state.trees[e].expanded;
|
|
731
729
|
},
|
|
732
730
|
isChildOfParent(e, t, o, s) {
|
|
733
|
-
const n =
|
|
731
|
+
const n = g.actions.deepSearch(t, o);
|
|
734
732
|
if (n && n.children) {
|
|
735
733
|
for (let a = 0; a < n.children.length; a++)
|
|
736
734
|
if (n.children[a].id === s)
|
|
@@ -740,16 +738,16 @@ const U = Lo(), v = {
|
|
|
740
738
|
},
|
|
741
739
|
// Является ли нода родителем указанного потомка
|
|
742
740
|
isParentOfChild(e, t, o, s) {
|
|
743
|
-
const n =
|
|
744
|
-
return !!(n && n.children &&
|
|
741
|
+
const n = g.actions.deepSearch(t, o);
|
|
742
|
+
return !!(n && n.children && g.actions.deepSearch(n.children, s));
|
|
745
743
|
},
|
|
746
744
|
deepSearch(e, t, o = "id", s = "children", n = {}) {
|
|
747
|
-
return t && e && (e.find((a) => a[o] === t ? (n.found = a, a) :
|
|
745
|
+
return t && e && (e.find((a) => a[o] === t ? (n.found = a, a) : g.actions.deepSearch(a[s], t, o, s, n)), n.found) ? n.found : !1;
|
|
748
746
|
},
|
|
749
747
|
deepSearchByTitle(e, t, o = "title", s = "children", n = []) {
|
|
750
748
|
if (t && e && (e.find((a) => {
|
|
751
|
-
const
|
|
752
|
-
a[o].toString().toLowerCase().match(
|
|
749
|
+
const r = new RegExp(t, "gi");
|
|
750
|
+
a[o].toString().toLowerCase().match(r) !== null && n.push(a), g.actions.deepSearchByTitle(a[s], t, o, s, n);
|
|
753
751
|
}), n)) {
|
|
754
752
|
for (let a = 0; a < n.length; a++)
|
|
755
753
|
;
|
|
@@ -758,15 +756,15 @@ const U = Lo(), v = {
|
|
|
758
756
|
return n;
|
|
759
757
|
},
|
|
760
758
|
moveTreeNode(e, t, o, s, n, a) {
|
|
761
|
-
const
|
|
762
|
-
|
|
759
|
+
const r = g.actions.deleteTreeNode(o, s);
|
|
760
|
+
g.actions.insertTreeNode(o, n, r, a), U.emit(`move-${t}`, { fromTreeId: e, toTreeId: t, moved: r.id, target: n, position: a });
|
|
763
761
|
},
|
|
764
762
|
insertTreeNode(e, t, o, s) {
|
|
765
763
|
if (e)
|
|
766
764
|
for (let n = 0; n < e.length; n++) {
|
|
767
765
|
if (e[n].id === t) {
|
|
768
|
-
let
|
|
769
|
-
return s === "after" ? (
|
|
766
|
+
let r = n;
|
|
767
|
+
return s === "after" ? (r++, e.splice(r, 0, o)) : s === "before" ? e.splice(r, 0, o) : s === "inside" && (Object.hasOwn(e[n], "children") || (e[n].children = [], e[n].opened = !0), e[n].children.splice(0, 0, o)), e[n];
|
|
770
768
|
}
|
|
771
769
|
const a = this.insertTreeNode(e[n].children, t, o, s);
|
|
772
770
|
if (a)
|
|
@@ -780,7 +778,7 @@ const U = Lo(), v = {
|
|
|
780
778
|
const n = e[o];
|
|
781
779
|
return e.splice(o, 1), n;
|
|
782
780
|
}
|
|
783
|
-
const s =
|
|
781
|
+
const s = g.actions.deleteTreeNode(e[o].children, t);
|
|
784
782
|
if (s)
|
|
785
783
|
return s;
|
|
786
784
|
}
|
|
@@ -794,8 +792,8 @@ const U = Lo(), v = {
|
|
|
794
792
|
emits: Object.keys(j),
|
|
795
793
|
setup(e, { expose: t, emit: o }) {
|
|
796
794
|
let s = Oe({});
|
|
797
|
-
const n = w("false"), a = w(null),
|
|
798
|
-
s = De.data, o(u, h, s), u === j.dragenter && (
|
|
795
|
+
const n = w("false"), a = w(null), r = /* @__PURE__ */ new Set(), l = m(() => n.value && s), i = (u, h) => {
|
|
796
|
+
s = De.data, o(u, h, s), u === j.dragenter && (r.size || h.target === a.value) && r.add(h.target), u === j.dragleave && r.delete(h.target), u === j.drop && r.clear(), n.value = !!r.size;
|
|
799
797
|
};
|
|
800
798
|
return t({
|
|
801
799
|
elementSize: () => ht(a)
|
|
@@ -808,7 +806,7 @@ const U = Lo(), v = {
|
|
|
808
806
|
onDrop: h[3] || (h[3] = Z((b) => i(E(j).drop, b), ["prevent"]))
|
|
809
807
|
}, {
|
|
810
808
|
default: I(() => [
|
|
811
|
-
L(u.$slots, "default", { transferData:
|
|
809
|
+
L(u.$slots, "default", { transferData: l.value })
|
|
812
810
|
]),
|
|
813
811
|
_: 3
|
|
814
812
|
}, 544));
|
|
@@ -834,23 +832,23 @@ const U = Lo(), v = {
|
|
|
834
832
|
setup(e, { expose: t, emit: o }) {
|
|
835
833
|
const s = e;
|
|
836
834
|
let n = w(null), a = w(!1);
|
|
837
|
-
const
|
|
835
|
+
const r = () => {
|
|
838
836
|
U.emit("menu-show-request"), a.value = !0;
|
|
839
|
-
},
|
|
837
|
+
}, l = () => {
|
|
840
838
|
var b;
|
|
841
839
|
(b = n.value) == null || b.collapseAll(), a.value = !1;
|
|
842
840
|
}, i = () => a.value;
|
|
843
841
|
U.on("menu-show-request", () => {
|
|
844
|
-
|
|
842
|
+
l();
|
|
845
843
|
}), t({
|
|
846
|
-
show:
|
|
847
|
-
hide:
|
|
844
|
+
show: r,
|
|
845
|
+
hide: l,
|
|
848
846
|
elementSize: () => n.value.elementSize(),
|
|
849
847
|
isShowed: i,
|
|
850
848
|
itemsCount: () => n.value.itemsCount()
|
|
851
849
|
});
|
|
852
850
|
const h = (b) => {
|
|
853
|
-
o("select", b), b.model.children ||
|
|
851
|
+
o("select", b), b.model.children || l();
|
|
854
852
|
};
|
|
855
853
|
return (b, S) => {
|
|
856
854
|
const N = Re("click-outside");
|
|
@@ -867,7 +865,7 @@ const U = Lo(), v = {
|
|
|
867
865
|
"render-title": s.renderItemTitle,
|
|
868
866
|
"before-item": s.beforeItem
|
|
869
867
|
}, null, 8, ["items", "no-select", "class", "style", "render-title", "before-item"])), [
|
|
870
|
-
[N, () =>
|
|
868
|
+
[N, () => l()]
|
|
871
869
|
]) : $("", !0)
|
|
872
870
|
]);
|
|
873
871
|
};
|
|
@@ -881,13 +879,13 @@ const U = Lo(), v = {
|
|
|
881
879
|
},
|
|
882
880
|
emits: ["select"],
|
|
883
881
|
setup(e, { expose: t, emit: o }) {
|
|
884
|
-
const s = e, n = w(null), a = w(0),
|
|
882
|
+
const s = e, n = w(null), a = w(0), r = w(0), l = m(() => ({
|
|
885
883
|
left: a.value + "px",
|
|
886
|
-
top:
|
|
884
|
+
top: r.value + "px"
|
|
887
885
|
})), i = (u) => {
|
|
888
886
|
n.value.show(), ut(() => {
|
|
889
887
|
const h = n.value.elementSize(), b = window.innerWidth, S = window.innerHeight;
|
|
890
|
-
a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX,
|
|
888
|
+
a.value = b - u.pageX < h.width ? u.pageX - h.width : u.pageX, r.value = S - u.pageY < h.height ? u.pageY - h.height : u.pageY, n.value.itemsCount() === 0 && n.value.hide();
|
|
891
889
|
});
|
|
892
890
|
}, c = (u) => {
|
|
893
891
|
o("select", u);
|
|
@@ -899,7 +897,7 @@ const U = Lo(), v = {
|
|
|
899
897
|
ref: n,
|
|
900
898
|
onSelect: c,
|
|
901
899
|
items: s.items,
|
|
902
|
-
style: H(
|
|
900
|
+
style: H(l.value),
|
|
903
901
|
class: "context-menu",
|
|
904
902
|
"no-select": !0,
|
|
905
903
|
"render-item-title": s.renderItemTitle,
|
|
@@ -946,38 +944,38 @@ const U = Lo(), v = {
|
|
|
946
944
|
},
|
|
947
945
|
emits: ["select", "collapse", "expand", "move", "over", "drop"],
|
|
948
946
|
setup(e, { expose: t, emit: o }) {
|
|
949
|
-
const s = e, n = w(null), a = w(!1),
|
|
950
|
-
|
|
951
|
-
const i = (
|
|
952
|
-
console.log(
|
|
947
|
+
const s = e, n = w(null), a = w(!1), r = w(null), l = pt().uid;
|
|
948
|
+
g.actions.initTreeStore(l, s.noSelect, s.multiSelect, s.expanded, s.transfer, s.renderTitle, s.beforeItem, s.dropInside);
|
|
949
|
+
const i = (v, V) => {
|
|
950
|
+
console.log(v, V);
|
|
953
951
|
};
|
|
954
|
-
U.on(`expand-${
|
|
955
|
-
o("expand",
|
|
956
|
-
}), U.on(`collapse-${
|
|
957
|
-
o("collapse",
|
|
958
|
-
}), U.on(`move-${
|
|
959
|
-
o("move",
|
|
952
|
+
U.on(`expand-${l}`, (v) => {
|
|
953
|
+
o("expand", v);
|
|
954
|
+
}), U.on(`collapse-${l}`, (v) => {
|
|
955
|
+
o("collapse", v);
|
|
956
|
+
}), U.on(`move-${l}`, (v) => {
|
|
957
|
+
o("move", v);
|
|
960
958
|
});
|
|
961
|
-
const c = m(() => s.search ?
|
|
962
|
-
|
|
963
|
-
}, h = (
|
|
964
|
-
o("over",
|
|
965
|
-
}, b = (
|
|
966
|
-
o("drop",
|
|
959
|
+
const c = m(() => s.search ? g.actions.deepSearchByTitle(s.items, s.search) : s.items), u = (v = null) => {
|
|
960
|
+
g.mutations.setItemSelect(l, v.model), g.actions.toggleItem(l, v.model), o("select", v);
|
|
961
|
+
}, h = (v = null) => {
|
|
962
|
+
o("over", v);
|
|
963
|
+
}, b = (v = null) => {
|
|
964
|
+
o("drop", v);
|
|
967
965
|
}, S = () => n.value.elementSize(), N = () => {
|
|
968
|
-
for (let
|
|
969
|
-
s.items[
|
|
966
|
+
for (let v = 0; v < s.items.length; v++)
|
|
967
|
+
s.items[v].expanded = !0;
|
|
970
968
|
}, k = () => {
|
|
971
|
-
for (let
|
|
972
|
-
s.items[
|
|
973
|
-
}, F = () =>
|
|
974
|
-
R(
|
|
975
|
-
}, B = (
|
|
976
|
-
s.contextClick({ e:
|
|
977
|
-
}, M = (
|
|
969
|
+
for (let v = 0; v < s.items.length; v++)
|
|
970
|
+
s.items[v].expanded = !1;
|
|
971
|
+
}, F = () => l, R = (v) => g.actions.deepSearch(s.items, v), C = (v) => {
|
|
972
|
+
R(v) && g.mutations.setItemSelect(l, R(v));
|
|
973
|
+
}, B = (v) => {
|
|
974
|
+
s.contextClick({ e: v.e, model: v.model, target: r.value });
|
|
975
|
+
}, M = (v) => s.contextBeforeClick({ model: v, target: r.value }), y = m(() => s.context), O = (v) => (y.value && (r.value = v.model, a.value.show(v.e)), !1), W = () => P(c.value), P = (v) => {
|
|
978
976
|
let V = 0;
|
|
979
|
-
for (let p = 0; p <
|
|
980
|
-
V +=
|
|
977
|
+
for (let p = 0; p < v.length; p++)
|
|
978
|
+
V += g.actions.beforeItem(l, v[p]) ? 1 : 0, v[p].children && v[p].children.length > 0 && (V += P(v[p].children));
|
|
981
979
|
return V;
|
|
982
980
|
};
|
|
983
981
|
return t({
|
|
@@ -988,7 +986,7 @@ const U = Lo(), v = {
|
|
|
988
986
|
getNode: R,
|
|
989
987
|
selectNode: C,
|
|
990
988
|
itemsCount: W
|
|
991
|
-
}), (
|
|
989
|
+
}), (v, V) => (d(), x(Co, {
|
|
992
990
|
ref_key: "treeRef",
|
|
993
991
|
ref: n,
|
|
994
992
|
class: "tree",
|
|
@@ -999,7 +997,7 @@ const U = Lo(), v = {
|
|
|
999
997
|
(d(!0), f(ie, null, ge(c.value, (p) => (d(), x(Do, {
|
|
1000
998
|
key: p.id,
|
|
1001
999
|
model: p,
|
|
1002
|
-
treeId: E(
|
|
1000
|
+
treeId: E(l),
|
|
1003
1001
|
items: s.items,
|
|
1004
1002
|
search: s.search,
|
|
1005
1003
|
onNodeclick: u,
|
|
@@ -1040,7 +1038,7 @@ const Eo = {
|
|
|
1040
1038
|
"render-title": t.renderTitle
|
|
1041
1039
|
}, null, 8, ["items", "no-select", "render-title"]));
|
|
1042
1040
|
}
|
|
1043
|
-
}, Dn = /* @__PURE__ */
|
|
1041
|
+
}, Dn = /* @__PURE__ */ re(Eo, [["__scopeId", "data-v-642edace"]]), Bo = {
|
|
1044
1042
|
__name: "DLayoutHeader",
|
|
1045
1043
|
props: {
|
|
1046
1044
|
fixed: {
|
|
@@ -1075,8 +1073,8 @@ const Eo = {
|
|
|
1075
1073
|
},
|
|
1076
1074
|
setup(e) {
|
|
1077
1075
|
const t = e, o = m(() => {
|
|
1078
|
-
const { fixed: s, zIndex: n, minWidth: a, height:
|
|
1079
|
-
return `position:${u};z-index:${n};${h}height:${
|
|
1076
|
+
const { fixed: s, zIndex: n, minWidth: a, height: r, paddingLeft: l, transitionDuration: i, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${a}px;` : "";
|
|
1077
|
+
return `position:${u};z-index:${n};${h}height:${r}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${c};`;
|
|
1080
1078
|
});
|
|
1081
1079
|
return (s, n) => (d(), f("header", {
|
|
1082
1080
|
class: "d-layout-header",
|
|
@@ -1124,8 +1122,8 @@ const Eo = {
|
|
|
1124
1122
|
},
|
|
1125
1123
|
setup(e) {
|
|
1126
1124
|
const t = e, o = m(() => {
|
|
1127
|
-
const { fixed: s, top: n, zIndex: a, minWidth:
|
|
1128
|
-
return `position:${h};top:${n}px;z-index:${a};${b}height:${
|
|
1125
|
+
const { fixed: s, top: n, zIndex: a, minWidth: r, height: l, paddingLeft: i, transitionDuration: c, transitionTimingFunction: u } = t, h = s ? "fixed" : "static", b = t.useMinWidthLayout ? `min-width: ${r}px;` : "";
|
|
1126
|
+
return `position:${h};top:${n}px;z-index:${a};${b}height:${l}px;padding-left:${i}px;transition-duration:${c}ms;transition-timing-function:${u};`;
|
|
1129
1127
|
});
|
|
1130
1128
|
return (s, n) => (d(), f("div", {
|
|
1131
1129
|
class: "d-layout-tab",
|
|
@@ -1169,8 +1167,8 @@ const Eo = {
|
|
|
1169
1167
|
},
|
|
1170
1168
|
setup(e) {
|
|
1171
1169
|
const t = e, o = m(() => {
|
|
1172
|
-
const { fixed: s, zIndex: n, minWidth: a, height:
|
|
1173
|
-
return `position:${u};z-index:${n};${h}height:${
|
|
1170
|
+
const { fixed: s, zIndex: n, minWidth: a, height: r, paddingLeft: l, transitionDuration: i, transitionTimingFunction: c } = t, u = s ? "fixed" : "static", h = t.useMinWidthLayout ? `min-width:${a}px;` : "";
|
|
1171
|
+
return `position:${u};z-index:${n};${h}height:${r}px;padding-left:${l}px;transition-duration:${i}ms;transition-timing-function:${c};`;
|
|
1174
1172
|
});
|
|
1175
1173
|
return (s, n) => (d(), f("footer", {
|
|
1176
1174
|
class: "d-layout-footer",
|
|
@@ -1209,8 +1207,8 @@ const Eo = {
|
|
|
1209
1207
|
},
|
|
1210
1208
|
setup(e) {
|
|
1211
1209
|
const t = e, o = m(() => {
|
|
1212
|
-
const { zIndex: s, width: n, paddingTop: a, transitionDuration:
|
|
1213
|
-
return `z-index:${s};width:${n}px;padding-top:${a}px;transition-duration:${
|
|
1210
|
+
const { zIndex: s, width: n, paddingTop: a, transitionDuration: r, transitionTimingFunction: l } = t;
|
|
1211
|
+
return `z-index:${s};width:${n}px;padding-top:${a}px;transition-duration:${r}ms;transition-timing-function:${l};`;
|
|
1214
1212
|
});
|
|
1215
1213
|
return (s, n) => (d(), f("aside", {
|
|
1216
1214
|
class: "d-layout-sidebar",
|
|
@@ -1246,8 +1244,8 @@ const Eo = {
|
|
|
1246
1244
|
},
|
|
1247
1245
|
setup(e) {
|
|
1248
1246
|
const t = e, o = m(() => {
|
|
1249
|
-
const { paddingTop: s, paddingBottom: n, paddingLeft: a, transitionDuration:
|
|
1250
|
-
return `padding-top:${s}px;padding-bottom:${n}px;padding-left:${a}px;${i}transition-duration:${
|
|
1247
|
+
const { paddingTop: s, paddingBottom: n, paddingLeft: a, transitionDuration: r, transitionTimingFunction: l } = t, i = `overflow:${t.overflowHidden ? "hidden" : "visible"};`;
|
|
1248
|
+
return `padding-top:${s}px;padding-bottom:${n}px;padding-left:${a}px;${i}transition-duration:${r}ms;transition-timing-function:${l};`;
|
|
1251
1249
|
});
|
|
1252
1250
|
return (s, n) => (d(), f("main", {
|
|
1253
1251
|
style: H(o.value),
|
|
@@ -1268,17 +1266,17 @@ function Ao(e) {
|
|
|
1268
1266
|
const h = ((u = document.scrollingElement) === null || u === void 0 ? void 0 : u.scrollLeft) || 0;
|
|
1269
1267
|
n(h);
|
|
1270
1268
|
}
|
|
1271
|
-
function
|
|
1269
|
+
function r() {
|
|
1272
1270
|
a();
|
|
1273
1271
|
}
|
|
1274
|
-
function
|
|
1272
|
+
function l() {
|
|
1275
1273
|
document.addEventListener("scroll", a);
|
|
1276
1274
|
}
|
|
1277
1275
|
function i() {
|
|
1278
1276
|
s && document.removeEventListener("scroll", a);
|
|
1279
1277
|
}
|
|
1280
1278
|
function c() {
|
|
1281
|
-
|
|
1279
|
+
r(), l(), s = !0;
|
|
1282
1280
|
}
|
|
1283
1281
|
return ft(e, (u) => {
|
|
1284
1282
|
u ? c() : i();
|
|
@@ -1377,7 +1375,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
|
|
|
1377
1375
|
},
|
|
1378
1376
|
emits: ["update:sidebar-collapse", "sidebar-mask-click"],
|
|
1379
1377
|
setup(e, { emit: t }) {
|
|
1380
|
-
const o = e, s = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(n),
|
|
1378
|
+
const o = e, s = m(() => o.useMinWidthLayout ? `min-width:${o.minWidth}px;` : ""), n = m(() => o.useMinWidthLayout && (o.fixedHeaderAndTab || o.fixedFooter)), a = Ao(n), r = m(() => o.fixedHeaderAndTab ? a.value : ""), l = m(() => o.fixedFooter ? a.value : ""), i = m(() => {
|
|
1381
1379
|
const { transitionDuration: y, transitionTimingFunction: O } = o;
|
|
1382
1380
|
return {
|
|
1383
1381
|
transitionDuration: y,
|
|
@@ -1416,7 +1414,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
|
|
|
1416
1414
|
"min-width": e.minWidth,
|
|
1417
1415
|
height: e.headerHeight,
|
|
1418
1416
|
"padding-left": R.value,
|
|
1419
|
-
style:
|
|
1417
|
+
style: r.value
|
|
1420
1418
|
}), {
|
|
1421
1419
|
default: I(() => [
|
|
1422
1420
|
L(y.$slots, "header")
|
|
@@ -1430,7 +1428,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
|
|
|
1430
1428
|
top: e.headerHeight,
|
|
1431
1429
|
height: e.tabHeight,
|
|
1432
1430
|
"padding-left": F.value,
|
|
1433
|
-
style:
|
|
1431
|
+
style: r.value
|
|
1434
1432
|
}), {
|
|
1435
1433
|
default: I(() => [
|
|
1436
1434
|
L(y.$slots, "tab")
|
|
@@ -1470,7 +1468,7 @@ const Ho = 1001, Vo = 999, zo = 998, Ln = {
|
|
|
1470
1468
|
"min-width": e.minWidth,
|
|
1471
1469
|
height: e.footerHeight,
|
|
1472
1470
|
"padding-left": F.value,
|
|
1473
|
-
style:
|
|
1471
|
+
style: l.value
|
|
1474
1472
|
}), {
|
|
1475
1473
|
default: I(() => [
|
|
1476
1474
|
L(y.$slots, "footer")
|
|
@@ -1534,7 +1532,7 @@ const In = {
|
|
|
1534
1532
|
};
|
|
1535
1533
|
return fe(() => {
|
|
1536
1534
|
n("colored-scroller");
|
|
1537
|
-
}), (a,
|
|
1535
|
+
}), (a, r) => (d(), f("div", null, [
|
|
1538
1536
|
L(a.$slots, "default")
|
|
1539
1537
|
]));
|
|
1540
1538
|
}
|
|
@@ -1568,7 +1566,7 @@ const Fo = {
|
|
|
1568
1566
|
L(n.$slots, "default", {}, void 0, !0)
|
|
1569
1567
|
], 2));
|
|
1570
1568
|
}
|
|
1571
|
-
}, En = /* @__PURE__ */
|
|
1569
|
+
}, En = /* @__PURE__ */ re(Fo, [["__scopeId", "data-v-d50b3609"]]), Wo = { class: "modal-content" }, Po = { class: "modal-header" }, jo = { class: "modal-title" }, Xo = { class: "modal-body" }, Yo = { class: "modal-footer" }, yt = {
|
|
1572
1570
|
__name: "DModal",
|
|
1573
1571
|
props: {
|
|
1574
1572
|
show: Boolean,
|
|
@@ -1581,14 +1579,14 @@ const Fo = {
|
|
|
1581
1579
|
setup(e, { expose: t, emit: o }) {
|
|
1582
1580
|
const s = e, n = w(null), a = w(!1);
|
|
1583
1581
|
a.value = s == null ? void 0 : s.show;
|
|
1584
|
-
const
|
|
1582
|
+
const r = () => {
|
|
1585
1583
|
a.value = !0, o("open", n);
|
|
1586
|
-
},
|
|
1584
|
+
}, l = () => {
|
|
1587
1585
|
a.value = !1, o("close", n);
|
|
1588
1586
|
};
|
|
1589
1587
|
return t({
|
|
1590
|
-
show:
|
|
1591
|
-
hide:
|
|
1588
|
+
show: r,
|
|
1589
|
+
hide: l
|
|
1592
1590
|
}), (i, c) => {
|
|
1593
1591
|
const u = Re("keydown");
|
|
1594
1592
|
return d(), x(ct, { to: "body" }, [
|
|
@@ -1619,7 +1617,7 @@ const Fo = {
|
|
|
1619
1617
|
])
|
|
1620
1618
|
], 4)
|
|
1621
1619
|
])), [
|
|
1622
|
-
[u,
|
|
1620
|
+
[u, l, "Escape"]
|
|
1623
1621
|
]) : $("", !0)
|
|
1624
1622
|
]),
|
|
1625
1623
|
_: 3
|
|
@@ -1697,7 +1695,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1697
1695
|
"modal-footer": I(() => [
|
|
1698
1696
|
_("div", Ko, [
|
|
1699
1697
|
oe(ae, {
|
|
1700
|
-
onClick: a[0] || (a[0] = (
|
|
1698
|
+
onClick: a[0] || (a[0] = (r) => E(Me)())
|
|
1701
1699
|
}, {
|
|
1702
1700
|
default: I(() => [
|
|
1703
1701
|
K("Закрыть")
|
|
@@ -1731,7 +1729,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1731
1729
|
"modal-footer": I(() => [
|
|
1732
1730
|
_("div", Qo, [
|
|
1733
1731
|
oe(ae, {
|
|
1734
|
-
onClick: a[0] || (a[0] = (
|
|
1732
|
+
onClick: a[0] || (a[0] = (r) => E(Me)())
|
|
1735
1733
|
}, {
|
|
1736
1734
|
default: I(() => [
|
|
1737
1735
|
K("Да")
|
|
@@ -1740,7 +1738,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1740
1738
|
}),
|
|
1741
1739
|
oe(ae, {
|
|
1742
1740
|
class: "button-red",
|
|
1743
|
-
onClick: a[1] || (a[1] = (
|
|
1741
|
+
onClick: a[1] || (a[1] = (r) => E(Me)(!1))
|
|
1744
1742
|
}, {
|
|
1745
1743
|
default: I(() => [
|
|
1746
1744
|
K("Нет")
|
|
@@ -1773,18 +1771,18 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1773
1771
|
},
|
|
1774
1772
|
emits: ["select", "click"],
|
|
1775
1773
|
setup(e, { expose: t, emit: o }) {
|
|
1776
|
-
const s = e, n = Le(), a = w(null),
|
|
1774
|
+
const s = e, n = Le(), a = w(null), r = w(null), l = w(0), i = w(0), c = (S) => {
|
|
1777
1775
|
if (o("click", S), a.value.isShowed()) {
|
|
1778
1776
|
a.value.hide();
|
|
1779
1777
|
return;
|
|
1780
1778
|
}
|
|
1781
1779
|
a.value.show(), ut(() => {
|
|
1782
|
-
const N = a.value.elementSize(), k =
|
|
1783
|
-
|
|
1780
|
+
const N = a.value.elementSize(), k = r.value.elementSize(), F = window.innerWidth, R = window.innerHeight;
|
|
1781
|
+
l.value = F - (k.x + k.width) < N.width ? k.left - N.width + k.width : k.left, i.value = R - (k.y + k.height) < N.height ? k.top - N.height - 5 : k.height + k.top + 5;
|
|
1784
1782
|
});
|
|
1785
1783
|
}, u = (S) => {
|
|
1786
1784
|
o("select", S);
|
|
1787
|
-
}, h = m(() => ({ left:
|
|
1785
|
+
}, h = m(() => ({ left: l.value + "px", top: i.value + "px", position: s.bodyAsParent ? "absolute" : "fixed", ...s.menuStyle }));
|
|
1788
1786
|
t({
|
|
1789
1787
|
show: c
|
|
1790
1788
|
});
|
|
@@ -1793,7 +1791,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1793
1791
|
b("default") ? (d(), x(ae, {
|
|
1794
1792
|
key: 0,
|
|
1795
1793
|
ref_key: "buttonRef",
|
|
1796
|
-
ref:
|
|
1794
|
+
ref: r,
|
|
1797
1795
|
class: D(s.class),
|
|
1798
1796
|
icon: s.icon,
|
|
1799
1797
|
onClick: Z(c, ["stop", "prevent"]),
|
|
@@ -1806,7 +1804,7 @@ const Ko = { style: { display: "flex", "flex-direction": "row", "justify-content
|
|
|
1806
1804
|
}, 8, ["class", "icon", "onClick", "type"])) : (d(), x(ae, {
|
|
1807
1805
|
key: 1,
|
|
1808
1806
|
ref_key: "buttonRef",
|
|
1809
|
-
ref:
|
|
1807
|
+
ref: r,
|
|
1810
1808
|
class: D(s.class),
|
|
1811
1809
|
icon: s.icon,
|
|
1812
1810
|
onClick: Z(c, ["stop", "prevent"]),
|
|
@@ -1832,17 +1830,17 @@ function ns(e, t) {
|
|
|
1832
1830
|
L(e.$slots, "default")
|
|
1833
1831
|
]);
|
|
1834
1832
|
}
|
|
1835
|
-
const as = /* @__PURE__ */
|
|
1833
|
+
const as = /* @__PURE__ */ re(os, [["render", ns]]), is = { class: "card-header" }, rs = { class: "modal-title" }, ls = { class: "card-body" }, ds = { class: "card-footer" }, Mn = {
|
|
1836
1834
|
__name: "DCard",
|
|
1837
1835
|
setup(e) {
|
|
1838
1836
|
return (t, o) => (d(), x(as, { class: "d-card" }, {
|
|
1839
1837
|
default: I(() => [
|
|
1840
1838
|
_("div", is, [
|
|
1841
|
-
_("h5",
|
|
1839
|
+
_("h5", rs, [
|
|
1842
1840
|
L(t.$slots, "title")
|
|
1843
1841
|
])
|
|
1844
1842
|
]),
|
|
1845
|
-
_("div",
|
|
1843
|
+
_("div", ls, [
|
|
1846
1844
|
L(t.$slots, "default")
|
|
1847
1845
|
]),
|
|
1848
1846
|
_("div", ds, [
|
|
@@ -1934,14 +1932,14 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
1934
1932
|
__name: "VelocityGroup",
|
|
1935
1933
|
emits: ["enter", "leave", "after-leave"],
|
|
1936
1934
|
setup(e, { emit: t }) {
|
|
1937
|
-
const o = (a,
|
|
1938
|
-
t("enter", a,
|
|
1939
|
-
}, s = (a,
|
|
1940
|
-
t("leave", a,
|
|
1935
|
+
const o = (a, r) => {
|
|
1936
|
+
t("enter", a, r);
|
|
1937
|
+
}, s = (a, r) => {
|
|
1938
|
+
t("leave", a, r);
|
|
1941
1939
|
}, n = () => {
|
|
1942
1940
|
t("after-leave");
|
|
1943
1941
|
};
|
|
1944
|
-
return (a,
|
|
1942
|
+
return (a, r) => (d(), x(mt, {
|
|
1945
1943
|
tag: "span",
|
|
1946
1944
|
css: !1,
|
|
1947
1945
|
onEnter: o,
|
|
@@ -2049,7 +2047,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2049
2047
|
const o = e, s = {
|
|
2050
2048
|
IDLE: 0,
|
|
2051
2049
|
DESTROYED: 2
|
|
2052
|
-
}, n = w([]), a = w(null),
|
|
2050
|
+
}, n = w([]), a = w(null), r = w(cs.get("velocity")), l = m(() => o.animationType === "velocity"), i = m(() => l.value ? vs : ys), c = m(() => n.value.filter((p) => p.state !== s.DESTROYED)), u = m(() => fs(o.width)), h = m(() => {
|
|
2053
2051
|
const { x: p, y: z } = gs(o.position), T = u.value.value, q = u.value.type, se = {
|
|
2054
2052
|
width: T + q
|
|
2055
2053
|
};
|
|
@@ -2081,16 +2079,16 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2081
2079
|
};
|
|
2082
2080
|
z >= 0 && (a.value = new us(() => M(J), J.length, J));
|
|
2083
2081
|
const xe = o.reverse ? !b.value : b.value;
|
|
2084
|
-
let
|
|
2082
|
+
let le = -1;
|
|
2085
2083
|
const $e = c.value.some((me) => me.title === p.title && me.text === p.text);
|
|
2086
|
-
(!q || !$e) && (xe ? (n.value.push(J), t("start", J), c.value.length > o.max && (
|
|
2084
|
+
(!q || !$e) && (xe ? (n.value.push(J), t("start", J), c.value.length > o.max && (le = 0)) : (n.value.unshift(J), t("start", J), c.value.length > o.max && (le = c.value.length - 1)), le !== -1 && M(c.value[le]));
|
|
2087
2085
|
}, R = (p) => {
|
|
2088
2086
|
y(p);
|
|
2089
2087
|
}, C = (p) => [
|
|
2090
2088
|
"d-notification-template",
|
|
2091
2089
|
o.classes,
|
|
2092
2090
|
p.type || ""
|
|
2093
|
-
], B = (p) =>
|
|
2091
|
+
], B = (p) => l.value ? void 0 : { transition: `all ${p.speed}ms` }, M = (p) => {
|
|
2094
2092
|
clearTimeout(p.timer), p.state = s.DESTROYED, V(), t("destroy", p);
|
|
2095
2093
|
}, y = (p) => {
|
|
2096
2094
|
const z = n.value.find((T) => T.id === p);
|
|
@@ -2102,18 +2100,18 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2102
2100
|
const T = (q = o.animation) == null ? void 0 : q[p];
|
|
2103
2101
|
return typeof T == "function" ? T(z) : T;
|
|
2104
2102
|
}, P = (p, z) => {
|
|
2105
|
-
if (!
|
|
2103
|
+
if (!l.value)
|
|
2106
2104
|
return;
|
|
2107
2105
|
const T = W("enter", p);
|
|
2108
|
-
|
|
2106
|
+
r.value(p, T, {
|
|
2109
2107
|
duration: o.speed,
|
|
2110
2108
|
complete: z
|
|
2111
2109
|
});
|
|
2112
|
-
},
|
|
2113
|
-
if (!
|
|
2110
|
+
}, v = (p, z) => {
|
|
2111
|
+
if (!l.value)
|
|
2114
2112
|
return;
|
|
2115
2113
|
const T = W("leave", p);
|
|
2116
|
-
|
|
2114
|
+
r.value(p, T, {
|
|
2117
2115
|
duration: o.speed,
|
|
2118
2116
|
complete: z
|
|
2119
2117
|
});
|
|
@@ -2130,7 +2128,7 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2130
2128
|
(d(), x(X(i.value), {
|
|
2131
2129
|
name: e.animationName,
|
|
2132
2130
|
onEnter: P,
|
|
2133
|
-
onLeave:
|
|
2131
|
+
onLeave: v,
|
|
2134
2132
|
onAfterLeave: V
|
|
2135
2133
|
}, {
|
|
2136
2134
|
default: I(() => [
|
|
@@ -2188,8 +2186,8 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2188
2186
|
return (n, a) => (d(), f("div", {
|
|
2189
2187
|
class: D(["d-info-progress", o.type ? `d-info-progress-${o.type}` : null]),
|
|
2190
2188
|
style: H(o.style),
|
|
2191
|
-
onClick: a[0] || (a[0] = (
|
|
2192
|
-
t("click",
|
|
2189
|
+
onClick: a[0] || (a[0] = (r) => {
|
|
2190
|
+
t("click", r);
|
|
2193
2191
|
})
|
|
2194
2192
|
}, [
|
|
2195
2193
|
_("div", Ss, [
|
|
@@ -2230,18 +2228,18 @@ const Ee = "[-+]?[0-9]*.?[0-9]+", nt = [
|
|
|
2230
2228
|
setup(e, { emit: t }) {
|
|
2231
2229
|
const o = e, n = pt().uid, a = m({
|
|
2232
2230
|
get: () => o.modelValue,
|
|
2233
|
-
set: (
|
|
2234
|
-
t("update:modelValue",
|
|
2231
|
+
set: (r) => {
|
|
2232
|
+
t("update:modelValue", r);
|
|
2235
2233
|
}
|
|
2236
2234
|
});
|
|
2237
|
-
return (
|
|
2235
|
+
return (r, l) => (d(), f("div", Cs, [
|
|
2238
2236
|
te(_("input", {
|
|
2239
|
-
"onUpdate:modelValue":
|
|
2237
|
+
"onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
|
|
2240
2238
|
id: `i-${E(n)}`,
|
|
2241
2239
|
type: "checkbox",
|
|
2242
2240
|
checked: o.checked,
|
|
2243
2241
|
disabled: o.disabled,
|
|
2244
|
-
onChange:
|
|
2242
|
+
onChange: l[1] || (l[1] = (...i) => o.change && o.change(...i))
|
|
2245
2243
|
}, null, 40, Is), [
|
|
2246
2244
|
[Bt, a.value]
|
|
2247
2245
|
]),
|
|
@@ -2288,19 +2286,19 @@ const An = {
|
|
|
2288
2286
|
n.value = o.options[a].value;
|
|
2289
2287
|
break;
|
|
2290
2288
|
}
|
|
2291
|
-
return (a,
|
|
2289
|
+
return (a, r) => (d(), f("div", Ns, [
|
|
2292
2290
|
o.label ? (d(), f("div", Rs, A(o.label), 1)) : $("", !0),
|
|
2293
2291
|
te(_("select", {
|
|
2294
|
-
"onUpdate:modelValue":
|
|
2292
|
+
"onUpdate:modelValue": r[0] || (r[0] = (l) => n.value = l),
|
|
2295
2293
|
class: D(s.value),
|
|
2296
2294
|
style: H(o.size === "wide" ? "width:100%" : "")
|
|
2297
2295
|
}, [
|
|
2298
|
-
(d(!0), f(ie, null, ge(o.options, (
|
|
2296
|
+
(d(!0), f(ie, null, ge(o.options, (l, i) => (d(), f("option", {
|
|
2299
2297
|
key: i,
|
|
2300
|
-
value:
|
|
2301
|
-
selected:
|
|
2302
|
-
disabled:
|
|
2303
|
-
}, A(
|
|
2298
|
+
value: l.value,
|
|
2299
|
+
selected: l.selected,
|
|
2300
|
+
disabled: l.disabled
|
|
2301
|
+
}, A(l.label), 9, Os))), 128))
|
|
2304
2302
|
], 6), [
|
|
2305
2303
|
[Mt, n.value]
|
|
2306
2304
|
])
|
|
@@ -2335,11 +2333,11 @@ const zs = { class: "d-tabs" }, Fs = {
|
|
|
2335
2333
|
const o = Nt(e, "tabs"), s = w(0), n = (a) => {
|
|
2336
2334
|
s.value = a;
|
|
2337
2335
|
};
|
|
2338
|
-
return (a,
|
|
2336
|
+
return (a, r) => (d(), f(ie, null, [
|
|
2339
2337
|
_("div", zs, [
|
|
2340
|
-
(d(!0), f(ie, null, ge(o.value, (
|
|
2338
|
+
(d(!0), f(ie, null, ge(o.value, (l, i) => (d(), x(Vs, {
|
|
2341
2339
|
index: i,
|
|
2342
|
-
tab:
|
|
2340
|
+
tab: l,
|
|
2343
2341
|
class: D(["d-tab-title", i === s.value ? "active" : ""]),
|
|
2344
2342
|
onClick: (c) => n(i)
|
|
2345
2343
|
}, null, 8, ["index", "tab", "class", "onClick"]))), 256))
|
|
@@ -2349,7 +2347,7 @@ const zs = { class: "d-tabs" }, Fs = {
|
|
|
2349
2347
|
], 1024))
|
|
2350
2348
|
], 64));
|
|
2351
2349
|
}
|
|
2352
|
-
}, Vn = /* @__PURE__ */
|
|
2350
|
+
}, Vn = /* @__PURE__ */ re(Fs, [["__scopeId", "data-v-c98761cd"]]);
|
|
2353
2351
|
const Ws = { class: "d-grid" }, Ps = {
|
|
2354
2352
|
__name: "DGrid",
|
|
2355
2353
|
props: {
|
|
@@ -2378,7 +2376,7 @@ const Ws = { class: "d-grid" }, Ps = {
|
|
|
2378
2376
|
"09eba33c": i[5],
|
|
2379
2377
|
"898eb2ac": t.gap
|
|
2380
2378
|
}));
|
|
2381
|
-
const { colXs: o, colSm: s, colMd: n, colLg: a, colXl:
|
|
2379
|
+
const { colXs: o, colSm: s, colMd: n, colLg: a, colXl: r, colXxl: l } = Ot(t), i = [o.value, s.value, n.value, a.value, r.value, l.value];
|
|
2382
2380
|
let c = null;
|
|
2383
2381
|
for (let u = 0; u < i.length; u++)
|
|
2384
2382
|
c || (c = i[0]), u > 0 && (i[u] ? c = i[u] : i[u] = c);
|
|
@@ -2386,7 +2384,7 @@ const Ws = { class: "d-grid" }, Ps = {
|
|
|
2386
2384
|
L(u.$slots, "default", {}, void 0, !0)
|
|
2387
2385
|
]));
|
|
2388
2386
|
}
|
|
2389
|
-
}, zn = /* @__PURE__ */
|
|
2387
|
+
}, zn = /* @__PURE__ */ re(Ps, [["__scopeId", "data-v-b45e8130"]]), js = ["src", "alt", "title"], Fn = {
|
|
2390
2388
|
__name: "DImage",
|
|
2391
2389
|
props: {
|
|
2392
2390
|
src: String,
|
|
@@ -2437,37 +2435,37 @@ const Xs = { class: "d-textarea" }, Ys = {
|
|
|
2437
2435
|
},
|
|
2438
2436
|
emits: ["update:modelValue"],
|
|
2439
2437
|
setup(e, { expose: t, emit: o }) {
|
|
2440
|
-
const s = e, n = w(null), a = m(() => s.scale === "small" ? "d-textarea-small" : s.scale === "large" ? "d-textarea-large" : ""),
|
|
2438
|
+
const s = e, n = w(null), a = m(() => s.scale === "small" ? "d-textarea-small" : s.scale === "large" ? "d-textarea-large" : ""), r = m({
|
|
2441
2439
|
get: () => s.modelValue,
|
|
2442
2440
|
set: (i) => {
|
|
2443
2441
|
o("update:modelValue", i);
|
|
2444
2442
|
}
|
|
2445
2443
|
});
|
|
2446
2444
|
fe(() => {
|
|
2447
|
-
s.focus &&
|
|
2445
|
+
s.focus && l();
|
|
2448
2446
|
});
|
|
2449
|
-
const
|
|
2447
|
+
const l = () => {
|
|
2450
2448
|
n.value.focus();
|
|
2451
2449
|
};
|
|
2452
2450
|
return t({
|
|
2453
|
-
focus:
|
|
2451
|
+
focus: l
|
|
2454
2452
|
}), (i, c) => (d(), f("div", Xs, [
|
|
2455
2453
|
s.label ? (d(), f("div", Ys, A(s.label), 1)) : $("", !0),
|
|
2456
2454
|
te(_("textarea", {
|
|
2457
2455
|
ref_key: "inputRef",
|
|
2458
2456
|
ref: n,
|
|
2459
|
-
"onUpdate:modelValue": c[0] || (c[0] = (u) =>
|
|
2457
|
+
"onUpdate:modelValue": c[0] || (c[0] = (u) => r.value = u),
|
|
2460
2458
|
rows: s.rows,
|
|
2461
2459
|
cols: s.cols,
|
|
2462
2460
|
placeholder: s.placeholder,
|
|
2463
2461
|
class: D(a.value),
|
|
2464
2462
|
style: { width: "100%" }
|
|
2465
2463
|
}, null, 10, Us), [
|
|
2466
|
-
[At,
|
|
2464
|
+
[At, r.value]
|
|
2467
2465
|
])
|
|
2468
2466
|
]));
|
|
2469
2467
|
}
|
|
2470
|
-
}, Wn = /* @__PURE__ */
|
|
2468
|
+
}, Wn = /* @__PURE__ */ re(qs, [["__scopeId", "data-v-0e805d5d"]]);
|
|
2471
2469
|
class Pn {
|
|
2472
2470
|
constructor(t) {
|
|
2473
2471
|
this.fields = t;
|
|
@@ -2545,17 +2543,17 @@ class an {
|
|
|
2545
2543
|
return t;
|
|
2546
2544
|
}
|
|
2547
2545
|
}
|
|
2548
|
-
const
|
|
2546
|
+
const rn = new an(), Y = {
|
|
2549
2547
|
RulesUrl: Zs,
|
|
2550
2548
|
RulesRequired: Js,
|
|
2551
2549
|
RulesMin: en,
|
|
2552
2550
|
RulesMax: on,
|
|
2553
2551
|
RulesEmail: nn,
|
|
2554
|
-
RulesNumber:
|
|
2552
|
+
RulesNumber: rn
|
|
2555
2553
|
};
|
|
2556
|
-
class
|
|
2554
|
+
class ln {
|
|
2557
2555
|
validate(t, o) {
|
|
2558
|
-
var n, a,
|
|
2556
|
+
var n, a, r, l, i, c, u, h, b, S, N, k, F, R;
|
|
2559
2557
|
let s = "";
|
|
2560
2558
|
if (o) {
|
|
2561
2559
|
let C = !1;
|
|
@@ -2566,7 +2564,7 @@ class rn {
|
|
|
2566
2564
|
s = Y.RulesUrl.validate(t, "https") || t.length === 0 ? "" : Y.RulesUrl.message("url", (n = o[B]) != null && n.message ? (a = o[B]) == null ? void 0 : a.message : "url_incorrect"), C = s !== "";
|
|
2567
2565
|
break;
|
|
2568
2566
|
case "required":
|
|
2569
|
-
s = Y.RulesRequired.validate(t) ? "" : Y.RulesRequired.message((
|
|
2567
|
+
s = Y.RulesRequired.validate(t) ? "" : Y.RulesRequired.message((r = o[B]) != null && r.message ? (l = o[B]) == null ? void 0 : l.message : "required"), C = s !== "";
|
|
2570
2568
|
break;
|
|
2571
2569
|
case "min":
|
|
2572
2570
|
s = Y.RulesMin.validate(t, (i = o[B]) == null ? void 0 : i.value) ? "" : Y.RulesMin.message((c = o[B]) != null && c.message ? (u = o[B]) == null ? void 0 : u.message : "very_small"), C = s !== "";
|
|
@@ -2587,7 +2585,7 @@ class rn {
|
|
|
2587
2585
|
return s;
|
|
2588
2586
|
}
|
|
2589
2587
|
}
|
|
2590
|
-
const dn = new
|
|
2588
|
+
const dn = new ln(), cn = { style: { display: "flex", "flex-direction": "column" } }, un = {
|
|
2591
2589
|
key: 0,
|
|
2592
2590
|
class: "d-label"
|
|
2593
2591
|
}, pn = {
|
|
@@ -2643,7 +2641,7 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2643
2641
|
},
|
|
2644
2642
|
emits: ["update:modelValue", "input"],
|
|
2645
2643
|
setup(e, { expose: t, emit: o }) {
|
|
2646
|
-
const s = e, n = w(s.error), a = Ht(),
|
|
2644
|
+
const s = e, n = w(s.error), a = Ht(), r = w(!1), l = w(null);
|
|
2647
2645
|
//!props.form ? ref(null) : props.form.fields[props.name].ref
|
|
2648
2646
|
const i = m({
|
|
2649
2647
|
get: () => s.modelValue,
|
|
@@ -2659,11 +2657,11 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2659
2657
|
});
|
|
2660
2658
|
const S = () => {
|
|
2661
2659
|
var R;
|
|
2662
|
-
(R =
|
|
2660
|
+
(R = l.value) == null || R.focus();
|
|
2663
2661
|
}, N = () => {
|
|
2664
2662
|
i.value = "";
|
|
2665
2663
|
}, k = (R) => {
|
|
2666
|
-
|
|
2664
|
+
r.value = R;
|
|
2667
2665
|
};
|
|
2668
2666
|
return t({
|
|
2669
2667
|
focus: S,
|
|
@@ -2672,7 +2670,7 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2672
2670
|
},
|
|
2673
2671
|
validate: b
|
|
2674
2672
|
}), (R, C) => {
|
|
2675
|
-
var B, M, y, O, W, P,
|
|
2673
|
+
var B, M, y, O, W, P, v, V, p, z, T, q, se, ve, ye, _e, be, J, xe, le, $e, Ce, me, Fe, We, Pe, je, Xe, Ye, Ue, qe, Ge, Ze, Ke, Je, Qe, et, tt, ot;
|
|
2676
2674
|
return d(), f("div", {
|
|
2677
2675
|
class: D(["d-input-string", u.value])
|
|
2678
2676
|
}, [
|
|
@@ -2687,12 +2685,12 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2687
2685
|
class: D(["d-pre", s.disabled ? "disabled" : ""])
|
|
2688
2686
|
}, [
|
|
2689
2687
|
(d(), x(X((W = (O = s.pre) == null ? void 0 : O.outside) == null ? void 0 : W.component)))
|
|
2690
|
-
], 2)) : (
|
|
2688
|
+
], 2)) : (v = (P = s.pre) == null ? void 0 : P.outside) != null && v.text ? (d(), f("div", {
|
|
2691
2689
|
key: 1,
|
|
2692
2690
|
class: D(["d-pre", s.disabled ? "disabled" : ""])
|
|
2693
2691
|
}, [
|
|
2694
2692
|
_("div", {
|
|
2695
|
-
class: D(["d-text",
|
|
2693
|
+
class: D(["d-text", r.value ? "focused" : ""])
|
|
2696
2694
|
}, A((p = (V = s.pre) == null ? void 0 : V.outside) == null ? void 0 : p.text), 3)
|
|
2697
2695
|
], 2)) : $("", !0),
|
|
2698
2696
|
_("div", mn, [
|
|
@@ -2704,7 +2702,7 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2704
2702
|
te(_("input", {
|
|
2705
2703
|
id: E(a),
|
|
2706
2704
|
ref_key: "inputRef",
|
|
2707
|
-
ref:
|
|
2705
|
+
ref: l,
|
|
2708
2706
|
"onUpdate:modelValue": C[0] || (C[0] = (Ie) => i.value = Ie),
|
|
2709
2707
|
style: { width: "100%" },
|
|
2710
2708
|
type: c.value,
|
|
@@ -2714,10 +2712,10 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2714
2712
|
onFocusout: C[2] || (C[2] = (Ie) => k(!1)),
|
|
2715
2713
|
class: D([
|
|
2716
2714
|
(_e = (ye = s.pre) == null ? void 0 : ye.outside) != null && _e.component || (J = (be = s.pre) == null ? void 0 : be.outside) != null && J.text ? "has-pre" : "",
|
|
2717
|
-
(
|
|
2715
|
+
(le = (xe = s.post) == null ? void 0 : xe.outside) != null && le.component || (Ce = ($e = s.post) == null ? void 0 : $e.outside) != null && Ce.text ? "has-post" : "",
|
|
2718
2716
|
(Fe = (me = s.pre) == null ? void 0 : me.inside) != null && Fe.action ? "has-pre-inside-button" : "",
|
|
2719
2717
|
(Pe = (We = s.post) == null ? void 0 : We.inside) != null && Pe.action ? "has-post-inside-button" : "",
|
|
2720
|
-
|
|
2718
|
+
r.value ? "focused" : ""
|
|
2721
2719
|
]),
|
|
2722
2720
|
disabled: s.disabled
|
|
2723
2721
|
}, null, 42, vn), [
|
|
@@ -2739,7 +2737,7 @@ const dn = new rn(), cn = { style: { display: "flex", "flex-direction": "column"
|
|
|
2739
2737
|
class: D(["d-post", s.disabled ? "disabled" : ""])
|
|
2740
2738
|
}, [
|
|
2741
2739
|
_("div", {
|
|
2742
|
-
class: D(["d-text",
|
|
2740
|
+
class: D(["d-text", r.value ? "focused" : ""])
|
|
2743
2741
|
}, A((ot = (tt = s.post) == null ? void 0 : tt.outside) == null ? void 0 : ot.text), 3)
|
|
2744
2742
|
], 2)) : $("", !0)
|
|
2745
2743
|
]),
|
|
@@ -2841,20 +2839,20 @@ function we(e) {
|
|
|
2841
2839
|
var t = this.$$touchObj, o = xt(e), s = $t(e), n = t.currentX != o || t.currentY != s;
|
|
2842
2840
|
if (t.currentX = o, t.currentY = s, t.touchMoved) {
|
|
2843
2841
|
if (t.hasSwipe && !t.swipeOutBounded) {
|
|
2844
|
-
var
|
|
2845
|
-
t.swipeOutBounded = Math.abs(t.startX - t.currentX) >
|
|
2842
|
+
var r = t.options.swipeTolerance;
|
|
2843
|
+
t.swipeOutBounded = Math.abs(t.startX - t.currentX) > r && Math.abs(t.startY - t.currentY) > r;
|
|
2846
2844
|
}
|
|
2847
2845
|
} else {
|
|
2848
2846
|
var a = t.options.tapTolerance;
|
|
2849
2847
|
t.touchMoved = Math.abs(t.startX - t.currentX) > a || Math.abs(t.startY - t.currentY) > a, t.touchMoved && (ze(t), Q(e, this, "drag.once"));
|
|
2850
2848
|
}
|
|
2851
2849
|
if (G(this, "rollover") && n) {
|
|
2852
|
-
var
|
|
2853
|
-
(t.touchRollTime == null ||
|
|
2850
|
+
var l = e.timeStamp, i = t.options.rollOverFrequency;
|
|
2851
|
+
(t.touchRollTime == null || l > t.touchRollTime + i) && (t.touchRollTime = l, Q(e, this, "rollover"));
|
|
2854
2852
|
}
|
|
2855
2853
|
if (G(this, "drag") && t.touchStarted && t.touchMoved && n) {
|
|
2856
|
-
var
|
|
2857
|
-
(t.touchDragTime == null ||
|
|
2854
|
+
var l = e.timeStamp, i = t.options.dragFrequency;
|
|
2855
|
+
(t.touchDragTime == null || l > t.touchDragTime + i) && (t.touchDragTime = l, Q(e, this, "drag"));
|
|
2858
2856
|
}
|
|
2859
2857
|
}
|
|
2860
2858
|
function it() {
|
|
@@ -2868,8 +2866,8 @@ function Se(e) {
|
|
|
2868
2866
|
if (ze(t), t.touchStarted = !1, Ve(this), !(s && t.lastTouchEndTime && e.timeStamp - t.lastTouchEndTime < 350))
|
|
2869
2867
|
if (Q(e, this, "release"), t.touchMoved) {
|
|
2870
2868
|
if (t.hasSwipe && !t.swipeOutBounded) {
|
|
2871
|
-
var a = t.options.swipeTolerance,
|
|
2872
|
-
(
|
|
2869
|
+
var a = t.options.swipeTolerance, r, l = Math.abs(t.startY - t.currentY), i = Math.abs(t.startX - t.currentX);
|
|
2870
|
+
(l > a || i > a) && (l > a ? r = t.startY > t.currentY ? "top" : "bottom" : r = t.startX > t.currentX ? "left" : "right", G(this, "swipe." + r) ? Q(e, this, "swipe." + r, r) : Q(e, this, "swipe", r));
|
|
2873
2871
|
}
|
|
2874
2872
|
} else if (G(this, "longtap") && e.timeStamp - t.touchStartTime > t.options.longTapTimeInterval)
|
|
2875
2873
|
e.cancelable && e.preventDefault(), Q(e, this, "longtap");
|
|
@@ -2879,10 +2877,10 @@ function Se(e) {
|
|
|
2879
2877
|
} else
|
|
2880
2878
|
Q(e, this, "tap");
|
|
2881
2879
|
}
|
|
2882
|
-
function
|
|
2880
|
+
function rt() {
|
|
2883
2881
|
kt(this);
|
|
2884
2882
|
}
|
|
2885
|
-
function
|
|
2883
|
+
function lt() {
|
|
2886
2884
|
Ve(this);
|
|
2887
2885
|
}
|
|
2888
2886
|
function G(e, t) {
|
|
@@ -2893,9 +2891,9 @@ function Q(e, t, o, s) {
|
|
|
2893
2891
|
var n = t.$$touchObj, a = n.callbacks[o];
|
|
2894
2892
|
if (a == null || a.length === 0)
|
|
2895
2893
|
return null;
|
|
2896
|
-
for (var
|
|
2897
|
-
var
|
|
2898
|
-
|
|
2894
|
+
for (var r = 0; r < a.length; r++) {
|
|
2895
|
+
var l = a[r];
|
|
2896
|
+
l.modifiers.stop && e.stopPropagation(), l.modifiers.prevent && e.preventDefault(), !(l.modifiers.self && e.target !== e.currentTarget) && typeof l.value == "function" && (s ? l.value(s, e) : l.value(e));
|
|
2899
2897
|
}
|
|
2900
2898
|
}
|
|
2901
2899
|
function kt(e) {
|
|
@@ -2930,10 +2928,10 @@ const Gn = {
|
|
|
2930
2928
|
case "swipe":
|
|
2931
2929
|
let a = t.modifiers;
|
|
2932
2930
|
if (a.left || a.right || a.top || a.bottom) {
|
|
2933
|
-
for (let
|
|
2934
|
-
if (["left", "right", "top", "bottom"].indexOf(
|
|
2935
|
-
let
|
|
2936
|
-
o.callbacks[
|
|
2931
|
+
for (let r in t.modifiers)
|
|
2932
|
+
if (["left", "right", "top", "bottom"].indexOf(r) >= 0) {
|
|
2933
|
+
let l = "swipe." + r;
|
|
2934
|
+
o.callbacks[l] = o.callbacks[l] || [], o.callbacks[l].push(t);
|
|
2937
2935
|
}
|
|
2938
2936
|
} else
|
|
2939
2937
|
o.callbacks.swipe = o.callbacks.swipe || [], o.callbacks.swipe.push(t);
|
|
@@ -2944,20 +2942,20 @@ const Gn = {
|
|
|
2944
2942
|
default:
|
|
2945
2943
|
o.callbacks[n] = o.callbacks[n] || [], o.callbacks[n].push(t);
|
|
2946
2944
|
}
|
|
2947
|
-
o.hasBindTouchEvents || (e.addEventListener("touchstart", ke, s), e.addEventListener("touchmove", we, s), e.addEventListener("touchcancel", it), e.addEventListener("touchend", Se), o.options.disableClick || (e.addEventListener("mousedown", ke), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Se), e.addEventListener("mouseenter",
|
|
2945
|
+
o.hasBindTouchEvents || (e.addEventListener("touchstart", ke, s), e.addEventListener("touchmove", we, s), e.addEventListener("touchcancel", it), e.addEventListener("touchend", Se), o.options.disableClick || (e.addEventListener("mousedown", ke), e.addEventListener("mousemove", we), e.addEventListener("mouseup", Se), e.addEventListener("mouseenter", rt), e.addEventListener("mouseleave", lt)), o.hasBindTouchEvents = !0);
|
|
2948
2946
|
},
|
|
2949
2947
|
unmounted: function(e) {
|
|
2950
|
-
e.removeEventListener("touchstart", ke), e.removeEventListener("touchmove", we), e.removeEventListener("touchcancel", it), e.removeEventListener("touchend", Se), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", ke), e.removeEventListener("mousemove", we), e.removeEventListener("mouseup", Se), e.removeEventListener("mouseenter",
|
|
2948
|
+
e.removeEventListener("touchstart", ke), e.removeEventListener("touchmove", we), e.removeEventListener("touchcancel", it), e.removeEventListener("touchend", Se), e.$$touchObj && !e.$$touchObj.options.disableClick && (e.removeEventListener("mousedown", ke), e.removeEventListener("mousemove", we), e.removeEventListener("mouseup", Se), e.removeEventListener("mouseenter", rt), e.removeEventListener("mouseleave", lt)), delete e.$$touchObj;
|
|
2951
2949
|
}
|
|
2952
2950
|
};
|
|
2953
2951
|
export {
|
|
2954
2952
|
Dn as DAccordion,
|
|
2955
2953
|
Jo as DAlertDialog,
|
|
2956
|
-
|
|
2954
|
+
ro as DBadge,
|
|
2957
2955
|
ae as DButton,
|
|
2958
2956
|
Mn as DCard,
|
|
2959
2957
|
On as DCheckbox,
|
|
2960
|
-
|
|
2958
|
+
lo as DCollapse,
|
|
2961
2959
|
he as DComponentStore,
|
|
2962
2960
|
Cn as DConfigProvider,
|
|
2963
2961
|
es as DConfirmDialog,
|
|
@@ -2993,7 +2991,7 @@ export {
|
|
|
2993
2991
|
De as DTransferStore,
|
|
2994
2992
|
vt as DTree,
|
|
2995
2993
|
Do as DTreeItem,
|
|
2996
|
-
|
|
2994
|
+
g as DTreeStore,
|
|
2997
2995
|
Y as Rules,
|
|
2998
2996
|
Ms as alert,
|
|
2999
2997
|
Yn as clickOutside,
|