@pantograph/vue 0.8.2 → 0.8.3
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/Menu/index.js.js +1 -1
- package/dist/Menu/index.umd.cjs.js +1 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js +1 -0
- package/dist/Menu.vue_vue_type_style_index_0_lang-oedL61ps.js +521 -0
- package/dist/MenuItem/index.js.js +1 -1
- package/dist/MenuItem/index.umd.cjs.js +1 -1
- package/dist/Tree/TreeNode.d.ts +6 -0
- package/dist/Tree/index.js.js +1 -1
- package/dist/Tree/index.umd.cjs.js +1 -1
- package/dist/Tree.vue_vue_type_style_index_0_lang-D2iXdFbM.js +1 -0
- package/dist/{Tree.vue_vue_type_style_index_0_lang-DNKIlWsV.js → Tree.vue_vue_type_style_index_0_lang-D9EB0NE_.js} +82 -80
- package/dist/index.js.js +2 -2
- package/dist/index.umd.cjs.js +1 -1
- package/dist/style/index.css +1 -1
- package/package.json +1 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-BJqJJOUC.js +0 -1
- package/dist/Menu.vue_vue_type_style_index_0_lang-CfK6q5lj.js +0 -510
- package/dist/Tree.vue_vue_type_style_index_0_lang-W_3wHAN3.js +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as xe, useSlots as Ce, computed as u, inject as Be, ref as b, watch as Y, provide as Ee, resolveComponent as Fe, createBlock as Q, openBlock as N, unref as c, normalizeClass as P, withCtx as W, createElementVNode as me, withDirectives as Le, createCommentVNode as ne, createElementBlock as G, createVNode as Te, renderSlot as X, normalizeProps as ue, guardReactiveProps as ve, withModifiers as ye, Fragment as fe, toDisplayString as $e, renderList as ae, createSlots as Ne, mergeProps as Se, vShow as Ae, normalizeStyle as Re, onMounted as Pe, onBeforeUnmount as Me } from "vue";
|
|
2
2
|
import { a as M, b as O, g as Oe, c as Ue } from "./class-DziTeW9B.js";
|
|
3
3
|
import { cva as we } from "class-variance-authority";
|
|
4
|
-
import { c as
|
|
4
|
+
import { c as L } from "./cloneDeep-DIRSbAoF.js";
|
|
5
5
|
import { createContext as Ge, Primitive as He, useId as Ve } from "radix-vue";
|
|
6
6
|
import { M as je, S as ge, e as qe, q as Ye } from "./omit-wqhC12f_.js";
|
|
7
7
|
import Ze from "sortablejs";
|
|
@@ -24,7 +24,7 @@ function se(s) {
|
|
|
24
24
|
se.prototype.add = se.prototype.push = De;
|
|
25
25
|
se.prototype.has = et;
|
|
26
26
|
function tt(s, l, t, e) {
|
|
27
|
-
for (var
|
|
27
|
+
for (var w = s.length, v = t + -1; ++v < w; )
|
|
28
28
|
if (l(s[v], v, s))
|
|
29
29
|
return v;
|
|
30
30
|
return -1;
|
|
@@ -33,7 +33,7 @@ function nt(s) {
|
|
|
33
33
|
return s !== s;
|
|
34
34
|
}
|
|
35
35
|
function at(s, l, t) {
|
|
36
|
-
for (var e = t - 1,
|
|
36
|
+
for (var e = t - 1, w = s.length; ++e < w; )
|
|
37
37
|
if (s[e] === l)
|
|
38
38
|
return e;
|
|
39
39
|
return -1;
|
|
@@ -60,23 +60,23 @@ var it = 1 / 0, dt = ge && 1 / _e(new ge([, -0]))[1] == it ? function(s) {
|
|
|
60
60
|
return new ge(s);
|
|
61
61
|
} : rt, ct = 200;
|
|
62
62
|
function ut(s, l, t) {
|
|
63
|
-
var e = -1,
|
|
63
|
+
var e = -1, w = lt, v = s.length, T = !0, p = [], h = p;
|
|
64
64
|
if (v >= ct) {
|
|
65
|
-
var
|
|
66
|
-
if (
|
|
67
|
-
return _e(
|
|
68
|
-
|
|
65
|
+
var K = dt(s);
|
|
66
|
+
if (K)
|
|
67
|
+
return _e(K);
|
|
68
|
+
T = !1, w = ot, h = new se();
|
|
69
69
|
} else
|
|
70
70
|
h = p;
|
|
71
71
|
e:
|
|
72
72
|
for (; ++e < v; ) {
|
|
73
|
-
var
|
|
74
|
-
if (
|
|
73
|
+
var _ = s[e], x = _;
|
|
74
|
+
if (_ = _ !== 0 ? _ : 0, T && x === x) {
|
|
75
75
|
for (var C = h.length; C--; )
|
|
76
76
|
if (h[C] === x)
|
|
77
77
|
continue e;
|
|
78
|
-
p.push(
|
|
79
|
-
} else
|
|
78
|
+
p.push(_);
|
|
79
|
+
} else w(h, x, t) || (h !== p && h.push(x), p.push(_));
|
|
80
80
|
}
|
|
81
81
|
return p;
|
|
82
82
|
}
|
|
@@ -97,7 +97,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
97
97
|
parentKeys: {}
|
|
98
98
|
},
|
|
99
99
|
setup(s) {
|
|
100
|
-
const l = s, t = Ce(), e = ft(),
|
|
100
|
+
const l = s, t = Ce(), e = ft(), w = we(e.prefixes.node, {
|
|
101
101
|
variants: {
|
|
102
102
|
disabled: M("disabled", e.prefixes.node),
|
|
103
103
|
active: M("active", e.prefixes.node)
|
|
@@ -110,47 +110,49 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
110
110
|
case "lg":
|
|
111
111
|
return "xsm";
|
|
112
112
|
}
|
|
113
|
-
}),
|
|
113
|
+
}), T = u(() => {
|
|
114
114
|
switch (e.size.value) {
|
|
115
115
|
case "sm":
|
|
116
116
|
return "2xsm";
|
|
117
117
|
default:
|
|
118
118
|
return "xsm";
|
|
119
119
|
}
|
|
120
|
-
}), p = (o) => e.getNodeField(o, "children"), h = (o) => e.getNodeField(o, "key"),
|
|
120
|
+
}), p = (o) => e.getNodeField(o, "children"), h = (o) => e.getNodeField(o, "key"), K = u(() => p(l.item)), _ = u(() => e.getNodeField(l.item, "leaf")), x = u(() => e.draggable.value ? e.getNodeField(l.item, "draggable") ?? !0 : !1), C = u(() => h(l.item)), S = u(
|
|
121
|
+
() => !!(e.disabled.value || e.getNodeField(l.item, "disabled"))
|
|
122
|
+
), $ = u(
|
|
121
123
|
() => {
|
|
122
124
|
var o;
|
|
123
|
-
return !!((o =
|
|
125
|
+
return !!((o = K.value) != null && o.some((a) => e.expandedKeys.value.includes(h(a))));
|
|
124
126
|
}
|
|
125
127
|
), m = Be("tree-node-context", {
|
|
126
128
|
hovered: b(l.hovered ?? !1),
|
|
127
129
|
expanded: b(!1),
|
|
128
130
|
childExpanded: $
|
|
129
|
-
}),
|
|
131
|
+
}), B = u(
|
|
130
132
|
() => !(l.item.dragging ?? !1) && e.expandedKeys.value.includes(C.value)
|
|
131
|
-
),
|
|
132
|
-
|
|
133
|
+
), z = b(!1), A = (o) => {
|
|
134
|
+
z.value = o;
|
|
133
135
|
};
|
|
134
|
-
Y(
|
|
136
|
+
Y(z, (o) => {
|
|
135
137
|
e.showLine.value && m.hovered && (m.hovered.value = o);
|
|
136
138
|
}), Ee("tree-node-context", {
|
|
137
|
-
expanded:
|
|
139
|
+
expanded: B,
|
|
138
140
|
childExpanded: $,
|
|
139
|
-
hovered:
|
|
141
|
+
hovered: z
|
|
140
142
|
});
|
|
141
143
|
const Z = u(() => {
|
|
142
144
|
var o, a, n;
|
|
143
145
|
if (e.dragging.value) return !1;
|
|
144
146
|
if (e.showLine.value) {
|
|
145
|
-
if (l.hovered || (o = m.hovered) != null && o.value ||
|
|
146
|
-
if (
|
|
147
|
+
if (l.hovered || (o = m.hovered) != null && o.value || z.value) return "all";
|
|
148
|
+
if (B.value && !$.value) return "self";
|
|
147
149
|
if ((a = m.expanded) != null && a.value && !((n = m.childExpanded) != null && n.value)) return "last";
|
|
148
150
|
}
|
|
149
|
-
}),
|
|
151
|
+
}), I = u(() => {
|
|
150
152
|
var o;
|
|
151
|
-
return !((o =
|
|
153
|
+
return !((o = K.value) != null && o.length);
|
|
152
154
|
}), le = () => {
|
|
153
|
-
|
|
155
|
+
S.value || e.onSelect(l.item);
|
|
154
156
|
}, R = u(() => !!e.model.value.includes(C.value)), k = u(() => {
|
|
155
157
|
const o = (i = l.item) => {
|
|
156
158
|
const d = p(i);
|
|
@@ -164,12 +166,12 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
164
166
|
return o() ? (n || e.onCheck(l.item), !0) : a() ? (n && e.onCheck(l.item), "indeterminate") : !!n;
|
|
165
167
|
}), oe = () => {
|
|
166
168
|
var n;
|
|
167
|
-
if (!((n =
|
|
169
|
+
if (!((n = K.value) != null && n.length)) return e.onCheck(l.item);
|
|
168
170
|
const o = (r = l.item) => {
|
|
169
171
|
const i = p(r);
|
|
170
172
|
return i != null && i.length ? i.reduce((d, g) => {
|
|
171
|
-
const
|
|
172
|
-
return
|
|
173
|
+
const E = p(g), j = h(g);
|
|
174
|
+
return E != null && E.length ? [...d, j, ...o(g)] : [...d, j];
|
|
173
175
|
}, []) : [];
|
|
174
176
|
}, a = o();
|
|
175
177
|
return e.onCheck(l.item, {
|
|
@@ -197,21 +199,21 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
197
199
|
return (o, a) => {
|
|
198
200
|
const n = Fe("TreeNode", !0);
|
|
199
201
|
return N(), Q(c(He), {
|
|
200
|
-
asChild:
|
|
201
|
-
key:
|
|
202
|
+
asChild: I.value,
|
|
203
|
+
key: I.value,
|
|
202
204
|
"data-parents": c(e).draggable.value ? o.parentKeys : void 0,
|
|
203
205
|
"data-key": c(e).draggable.value ? C.value : void 0,
|
|
204
|
-
"data-draggable": c(e).draggable.value ? !
|
|
205
|
-
class: P([{ [c(e).prefixes.group]: !
|
|
206
|
+
"data-draggable": c(e).draggable.value ? !S.value && x.value : void 0,
|
|
207
|
+
class: P([{ [c(e).prefixes.group]: !I.value }, c(e).getNodeField(o.item, "class")])
|
|
206
208
|
}, {
|
|
207
209
|
default: W(() => {
|
|
208
210
|
var r, i;
|
|
209
211
|
return [
|
|
210
212
|
me("div", {
|
|
211
|
-
tabindex:
|
|
213
|
+
tabindex: S.value ? void 0 : 0,
|
|
212
214
|
class: P([
|
|
213
|
-
c(
|
|
214
|
-
disabled:
|
|
215
|
+
c(w)({
|
|
216
|
+
disabled: S.value,
|
|
215
217
|
active: R.value
|
|
216
218
|
}),
|
|
217
219
|
c(e).getNodeField(o.item, "class")
|
|
@@ -227,20 +229,20 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
227
229
|
!o.item.dragging && !c(e).dragging.value ? (N(), Q(Qe, {
|
|
228
230
|
key: 0,
|
|
229
231
|
icon: "tabler:grip-vertical",
|
|
230
|
-
size:
|
|
232
|
+
size: T.value,
|
|
231
233
|
class: P(c(e).prefixes.draggableIcon)
|
|
232
234
|
}, {
|
|
233
235
|
default: W(() => [
|
|
234
|
-
X(o.$slots, "dragTrigger", ue(ve({ ...o.item, selected: R.value, checked: k.value })))
|
|
236
|
+
X(o.$slots, "dragTrigger", ue(ve({ ...o.item, selected: R.value, checked: k.value, disabled: S.value, unFocusable: !0 })))
|
|
235
237
|
]),
|
|
236
238
|
_: 3
|
|
237
239
|
}, 8, ["size", "class"])) : ne("", !0)
|
|
238
240
|
], 2)) : ne("", !0),
|
|
239
241
|
Te(Je, {
|
|
240
242
|
level: H.value,
|
|
241
|
-
children: !!((r =
|
|
243
|
+
children: !!((r = K.value) != null && r.length || c(e).lazyLoad.value && !_.value),
|
|
242
244
|
size: ie.value,
|
|
243
|
-
expanded:
|
|
245
|
+
expanded: B.value,
|
|
244
246
|
showLine: Z.value,
|
|
245
247
|
loading: c(e).getNodeField(o.item, "loading"),
|
|
246
248
|
"branch-icon": c(e).getNodeField(o.item, "switcherIcon") ?? c(e).switcherIcon.value,
|
|
@@ -248,7 +250,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
248
250
|
onToggleExpand: ye(re, ["stop"])
|
|
249
251
|
}, {
|
|
250
252
|
default: W(() => [
|
|
251
|
-
X(o.$slots, "switcherIcon", ue(ve({ ...o.item, selected: R.value, checked: k.value, expanded:
|
|
253
|
+
X(o.$slots, "switcherIcon", ue(ve({ ...o.item, selected: R.value, checked: k.value, expanded: B.value, disabled: S.value, unFocusable: !0 })))
|
|
252
254
|
]),
|
|
253
255
|
_: 3
|
|
254
256
|
}, 8, ["level", "children", "size", "expanded", "showLine", "loading", "branch-icon", "no-rotate-branch"]),
|
|
@@ -260,9 +262,9 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
260
262
|
}, ["stop"])),
|
|
261
263
|
checked: k.value,
|
|
262
264
|
"onUpdate:checked": oe,
|
|
263
|
-
disabled:
|
|
265
|
+
disabled: S.value
|
|
264
266
|
}, null, 8, ["size", "checked", "disabled"])) : ne("", !0),
|
|
265
|
-
X(o.$slots, "title", ue(ve({ ...o.item, selected: R.value, checked: k.value })), () => [
|
|
267
|
+
X(o.$slots, "title", ue(ve({ ...o.item, selected: R.value, checked: k.value, disabled: S.value, unFocusable: !0 })), () => [
|
|
266
268
|
me("div", {
|
|
267
269
|
class: P(c(O)(c(e).prefixes.node, "title"))
|
|
268
270
|
}, $e(c(e).getNodeField(o.item, "title")), 3)
|
|
@@ -272,7 +274,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
272
274
|
class: P(c(O)(c(e).prefixes.node, "slot"))
|
|
273
275
|
}, null, 2))
|
|
274
276
|
], 42, ht),
|
|
275
|
-
(i =
|
|
277
|
+
(i = K.value) != null && i.length ? Le((N(), G("div", {
|
|
276
278
|
key: 0,
|
|
277
279
|
class: P(c(e).prefixes.groupList),
|
|
278
280
|
ref_key: "root",
|
|
@@ -287,18 +289,18 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
287
289
|
parentKeys: D.value,
|
|
288
290
|
item: d,
|
|
289
291
|
level: V.value,
|
|
290
|
-
hovered: l.hovered ||
|
|
292
|
+
hovered: l.hovered || z.value || ((g = c(m).hovered) == null ? void 0 : g.value)
|
|
291
293
|
}, Ne({ _: 2 }, [
|
|
292
|
-
ae(Object.keys(t), (
|
|
293
|
-
name:
|
|
294
|
+
ae(Object.keys(t), (E) => ({
|
|
295
|
+
name: E,
|
|
294
296
|
fn: W((j) => [
|
|
295
|
-
X(o.$slots,
|
|
297
|
+
X(o.$slots, E, Se({ ref_for: !0 }, j))
|
|
296
298
|
])
|
|
297
299
|
}))
|
|
298
300
|
]), 1032, ["parentKeys", "item", "level", "hovered"]);
|
|
299
301
|
}), 128))
|
|
300
302
|
], 10, mt)), [
|
|
301
|
-
[Ae,
|
|
303
|
+
[Ae, B.value]
|
|
302
304
|
]) : ne("", !0)
|
|
303
305
|
];
|
|
304
306
|
}),
|
|
@@ -333,12 +335,12 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
333
335
|
},
|
|
334
336
|
emits: ["update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd"],
|
|
335
337
|
setup(s, { emit: l }) {
|
|
336
|
-
const t = s, e = l,
|
|
337
|
-
node:
|
|
338
|
+
const t = s, e = l, w = Ce(), v = Oe("tree"), T = O(v, "node"), p = O(T, "group"), h = O(T, "draggable"), K = O(h, "icon"), _ = O(p, "list"), x = {
|
|
339
|
+
node: T,
|
|
338
340
|
group: p,
|
|
339
341
|
draggable: h,
|
|
340
|
-
draggableIcon:
|
|
341
|
-
groupList:
|
|
342
|
+
draggableIcon: K,
|
|
343
|
+
groupList: _
|
|
342
344
|
}, C = we(v, {
|
|
343
345
|
variants: {
|
|
344
346
|
size: M(gt, v),
|
|
@@ -348,11 +350,11 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
348
350
|
inlineNode: M("inline-node", v),
|
|
349
351
|
dragging: M("dragging", v)
|
|
350
352
|
}
|
|
351
|
-
}),
|
|
353
|
+
}), S = u(() => L(t.data)), $ = b(S.value), m = (a, n) => {
|
|
352
354
|
var i;
|
|
353
355
|
const r = ke(a, n);
|
|
354
356
|
return (i = t.fieldNames) != null && i[n] ? ke(a, t.fieldNames[n], r) : r;
|
|
355
|
-
},
|
|
357
|
+
}, B = () => {
|
|
356
358
|
if (!t.lazyLoad) {
|
|
357
359
|
const a = [], n = (r) => {
|
|
358
360
|
for (const i of r) {
|
|
@@ -363,28 +365,28 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
363
365
|
return n($.value), a;
|
|
364
366
|
}
|
|
365
367
|
return [];
|
|
366
|
-
},
|
|
367
|
-
t.expandedKeys ?? (t.defaultExpandAll ?
|
|
368
|
+
}, z = b(
|
|
369
|
+
t.expandedKeys ?? (t.defaultExpandAll ? B() : [])
|
|
368
370
|
);
|
|
369
371
|
Y(
|
|
370
372
|
() => [t.defaultExpandAll, t.expandedKeys],
|
|
371
373
|
([a, n], [r, i]) => {
|
|
372
|
-
n !== i ?
|
|
374
|
+
n !== i ? z.value = t.expandedKeys ?? [] : a && !r && (z.value = B());
|
|
373
375
|
}
|
|
374
376
|
);
|
|
375
377
|
const A = u({
|
|
376
378
|
get() {
|
|
377
|
-
return t.expandedKeys ? t.expandedKeys :
|
|
379
|
+
return t.expandedKeys ? t.expandedKeys : z.value;
|
|
378
380
|
},
|
|
379
381
|
set(a) {
|
|
380
|
-
t.expandedKeys || (
|
|
382
|
+
t.expandedKeys || (z.value = a), e("update:expandedKeys", a);
|
|
381
383
|
}
|
|
382
384
|
});
|
|
383
385
|
Y(
|
|
384
|
-
|
|
386
|
+
S,
|
|
385
387
|
(a) => {
|
|
386
388
|
$.value = a;
|
|
387
|
-
const n =
|
|
389
|
+
const n = B();
|
|
388
390
|
A.value = A.value.filter((r) => n.includes(r)), V.value++;
|
|
389
391
|
},
|
|
390
392
|
{ deep: !0 }
|
|
@@ -396,7 +398,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
396
398
|
Z.value = t.value ?? [];
|
|
397
399
|
}
|
|
398
400
|
);
|
|
399
|
-
const
|
|
401
|
+
const I = u({
|
|
400
402
|
get() {
|
|
401
403
|
return t.value ? t.value : Z.value;
|
|
402
404
|
},
|
|
@@ -405,9 +407,9 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
405
407
|
}
|
|
406
408
|
}), le = (a) => {
|
|
407
409
|
if (t.selectable && !t.disabled) {
|
|
408
|
-
let n =
|
|
410
|
+
let n = L(I.value);
|
|
409
411
|
const r = m(a, "key");
|
|
410
|
-
t.multiple ?
|
|
412
|
+
t.multiple ? I.value.includes(r) ? n = L(I.value.filter((i) => i !== r)) : n = L([...I.value, r]) : n.includes(r) ? n = [] : n = [r], I.value = n, e("select", a, n.includes(r));
|
|
411
413
|
}
|
|
412
414
|
}, R = b(t.checkedKeys ?? []);
|
|
413
415
|
Y(
|
|
@@ -425,16 +427,16 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
425
427
|
}
|
|
426
428
|
}), oe = (a, n) => {
|
|
427
429
|
if (t.checkbox && !t.disabled) {
|
|
428
|
-
let r =
|
|
430
|
+
let r = L(k.value);
|
|
429
431
|
const i = m(a, "key");
|
|
430
|
-
n != null && n.keys.length ? n.value ? r = vt([...n.keys, ...r]) : r =
|
|
432
|
+
n != null && n.keys.length ? n.value ? r = vt([...n.keys, ...r]) : r = L(k.value.filter((g) => !n.keys.includes(g))) : k.value.includes(i) ? r = L(k.value.filter((g) => g !== i)) : r = L([...k.value, i]), k.value = r;
|
|
431
433
|
const d = (n == null ? void 0 : n.value) ?? k.value.includes(i);
|
|
432
434
|
e("check", a, d, (n == null ? void 0 : n.keys) ?? i);
|
|
433
435
|
}
|
|
434
436
|
}, D = (a) => {
|
|
435
437
|
let n = !0;
|
|
436
438
|
const r = m(a, "key");
|
|
437
|
-
let i =
|
|
439
|
+
let i = L(A.value);
|
|
438
440
|
i.includes(r) ? (i = i.filter((d) => d !== r), n = !1) : i = [...i, r], A.value = i, e("expand", a, n);
|
|
439
441
|
}, re = u(() => {
|
|
440
442
|
if (t.gap) {
|
|
@@ -442,10 +444,10 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
442
444
|
if (!Object.keys(be).includes(t.gap)) return t.gap;
|
|
443
445
|
}
|
|
444
446
|
}), H = t.groupName ?? Ve(void 0, v), V = b(1), U = b(!1), ee = b(), ie = b(), o = (a) => {
|
|
445
|
-
const { root: n, instance: r, node: i } = a, d = (
|
|
447
|
+
const { root: n, instance: r, node: i } = a, d = (F) => {
|
|
446
448
|
var f;
|
|
447
|
-
return (f =
|
|
448
|
-
}, g = (
|
|
449
|
+
return (f = F.getAttribute("data-parents")) == null ? void 0 : f.split(",");
|
|
450
|
+
}, g = (F) => {
|
|
449
451
|
const f = (J, ze = $.value) => {
|
|
450
452
|
const { parents: de, self: Ie } = J;
|
|
451
453
|
for (let ce of ze) {
|
|
@@ -454,9 +456,9 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
454
456
|
const te = m(ce, "children");
|
|
455
457
|
if (de != null && de.includes(he) && (te != null && te.length)) return f(J, te);
|
|
456
458
|
}
|
|
457
|
-
}, y = d(
|
|
459
|
+
}, y = d(F), q = F.getAttribute("data-key") ?? "";
|
|
458
460
|
return f({ parents: y, self: q });
|
|
459
|
-
},
|
|
461
|
+
}, E = Ue(O(v, "dragging_item"), t.size), j = (F = n.value) => new Ze(F, {
|
|
460
462
|
group: Ye(H) ? H(i) : H,
|
|
461
463
|
animation: 150,
|
|
462
464
|
forceFallback: !0,
|
|
@@ -465,14 +467,14 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
465
467
|
handle: `.${x.node} .${x.draggable} .${x.draggableIcon}`,
|
|
466
468
|
// swapThreshold: 0.65,
|
|
467
469
|
dataIdAttr: "data-key",
|
|
468
|
-
dragClass:
|
|
470
|
+
dragClass: E,
|
|
469
471
|
onChoose(f) {
|
|
470
472
|
const y = g(f.item);
|
|
471
473
|
y && (y.dragging = !0);
|
|
472
474
|
},
|
|
473
475
|
onStart(f) {
|
|
474
476
|
var J;
|
|
475
|
-
const y = document.querySelector(`.${
|
|
477
|
+
const y = document.querySelector(`.${E}`), q = (J = getComputedStyle(n.value)) == null ? void 0 : J.direction;
|
|
476
478
|
y != null && y.style && (y.style.direction = q), U.value = !0, e("dragStart", f);
|
|
477
479
|
},
|
|
478
480
|
onUnchoose(f) {
|
|
@@ -492,8 +494,8 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
492
494
|
q && (q.dragging_level = y);
|
|
493
495
|
}
|
|
494
496
|
}), pe = () => {
|
|
495
|
-
var
|
|
496
|
-
(
|
|
497
|
+
var F;
|
|
498
|
+
(F = r.value) == null || F.destroy(), r.value = void 0;
|
|
497
499
|
};
|
|
498
500
|
Pe(() => {
|
|
499
501
|
Y(
|
|
@@ -520,7 +522,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
520
522
|
switcherIcon: u(() => t.switcherIcon),
|
|
521
523
|
noRotateSwitcherIcon: u(() => t.noRotateSwitcherIcon),
|
|
522
524
|
expandedKeys: A,
|
|
523
|
-
model:
|
|
525
|
+
model: I,
|
|
524
526
|
checked: k,
|
|
525
527
|
onExpandKey: D,
|
|
526
528
|
onSelect: le,
|
|
@@ -552,7 +554,7 @@ const gt = ["sm", "md", "lg"], be = { none: "gap-none", sm: "gap-sm", md: "gap-m
|
|
|
552
554
|
key: m(r, "key"),
|
|
553
555
|
item: r
|
|
554
556
|
}, Ne({ _: 2 }, [
|
|
555
|
-
ae(Object.keys(
|
|
557
|
+
ae(Object.keys(w), (i) => ({
|
|
556
558
|
name: i,
|
|
557
559
|
fn: W((d) => [
|
|
558
560
|
X(a.$slots, i, Se({ ref_for: !0 }, d))
|
package/dist/index.js.js
CHANGED
|
@@ -15,14 +15,14 @@ import { _ as ee, a as oe, I as ae, b as te } from "./Image.vue_vue_type_style_i
|
|
|
15
15
|
import { _ as re, a as ne, I as pe } from "./IndentLevel.vue_vue_type_style_index_0_lang-Bs9k7yZP.js";
|
|
16
16
|
import { _ as xe } from "./Indicator.vue_vue_type_script_setup_true_lang-CHuo9sYF.js";
|
|
17
17
|
import { _ as ce } from "./Kbd.vue_vue_type_style_index_0_lang-DbtLbpq-.js";
|
|
18
|
-
import { M as ue, a as Ce, b as Se, i as de, p as le } from "./Menu.vue_vue_type_style_index_0_lang-
|
|
18
|
+
import { M as ue, a as Ce, b as Se, i as de, p as le } from "./Menu.vue_vue_type_style_index_0_lang-oedL61ps.js";
|
|
19
19
|
import { _ as _e, a as ge, P as Ie } from "./Popover.vue_vue_type_style_index_0_lang-MJjv8Cvt.js";
|
|
20
20
|
import { _ as Be, a as he } from "./RadioGroup.vue_vue_type_script_setup_true_lang-DWC7_LXA.js";
|
|
21
21
|
import { _ as ze } from "./Shortcut.vue_vue_type_style_index_0_lang-BQb7DjFe.js";
|
|
22
22
|
import { _ as ke, a as Te, S as Pe } from "./Skeleton.vue_vue_type_style_index_0_lang-B6bCkLlD.js";
|
|
23
23
|
import { _ as ye, S as Me } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
|
|
24
24
|
import { _ as Ee, S as Re } from "./Switch.vue_vue_type_style_index_0_lang-B4DpjGcF.js";
|
|
25
|
-
import { _ as De, a as Oe, T as Fe, i as Ve, p as Ke } from "./Tree.vue_vue_type_style_index_0_lang-
|
|
25
|
+
import { _ as De, a as Oe, T as Fe, i as Ve, p as Ke } from "./Tree.vue_vue_type_style_index_0_lang-D9EB0NE_.js";
|
|
26
26
|
import { f as He, i as Je, a as Ne, b as Qe } from "./element-CddU1vUY.js";
|
|
27
27
|
import { c as We, g as Xe } from "./options-JBqnVZUl.js";
|
|
28
28
|
import { _ as Ze, I as $e } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
|
package/dist/index.umd.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./ActionButton.vue_vue_type_script_setup_true_lang-2X340gYi.js"),e=require("./Avatar.vue_vue_type_style_index_0_lang-BiEWBKYn.js"),S=require("./Badge.vue_vue_type_script_setup_true_lang-D7hKm2YM.js"),i=require("./BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js"),t=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),f=require("./Button.vue_vue_type_script_setup_true_lang-687jBefr.js"),n=require("./Checkbox.vue_vue_type_style_index_0_lang-Bvk3KN2L.js"),u=require("./index-JUGW3BX8.js"),v=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),B=require("./FloatButton.vue_vue_type_script_setup_true_lang-CQIk1UgJ.js"),h=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-8ZXdETpQ.js"),l=require("./Icon/index.umd.cjs.js"),I=require("./IconButton.vue_vue_type_script_setup_true_lang-BMbK9bu3.js"),r=require("./Image.vue_vue_type_style_index_0_lang-DbqKKOAs.js"),a=require("./IndentLevel.vue_vue_type_style_index_0_lang-C0p5Alem.js"),q=require("./Indicator.vue_vue_type_script_setup_true_lang-DzKJMO-h.js"),G=require("./Kbd.vue_vue_type_style_index_0_lang-BqEaW_kJ.js"),o=require("./Menu.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./ActionButton.vue_vue_type_script_setup_true_lang-2X340gYi.js"),e=require("./Avatar.vue_vue_type_style_index_0_lang-BiEWBKYn.js"),S=require("./Badge.vue_vue_type_script_setup_true_lang-D7hKm2YM.js"),i=require("./BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js"),t=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),f=require("./Button.vue_vue_type_script_setup_true_lang-687jBefr.js"),n=require("./Checkbox.vue_vue_type_style_index_0_lang-Bvk3KN2L.js"),u=require("./index-JUGW3BX8.js"),v=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),B=require("./FloatButton.vue_vue_type_script_setup_true_lang-CQIk1UgJ.js"),h=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-8ZXdETpQ.js"),l=require("./Icon/index.umd.cjs.js"),I=require("./IconButton.vue_vue_type_script_setup_true_lang-BMbK9bu3.js"),r=require("./Image.vue_vue_type_style_index_0_lang-DbqKKOAs.js"),a=require("./IndentLevel.vue_vue_type_style_index_0_lang-C0p5Alem.js"),q=require("./Indicator.vue_vue_type_script_setup_true_lang-DzKJMO-h.js"),G=require("./Kbd.vue_vue_type_style_index_0_lang-BqEaW_kJ.js"),o=require("./Menu.vue_vue_type_style_index_0_lang-C_lbO09l.js"),c=require("./Popover.vue_vue_type_style_index_0_lang-TwQPMDMD.js"),d=require("./RadioGroup.vue_vue_type_script_setup_true_lang-c3UZIDsE.js"),z=require("./Shortcut.vue_vue_type_style_index_0_lang-C49ZdQFd.js"),p=require("./Skeleton.vue_vue_type_style_index_0_lang-PNNUgKOq.js"),g=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),C=require("./Switch.vue_vue_type_style_index_0_lang-LcwRXYSm.js"),_=require("./Tree.vue_vue_type_style_index_0_lang-D2iXdFbM.js"),s=require("./element-uBbpeYVo.js"),m=require("./options-B4iSAKol.js"),y=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js");exports.ActionButton=x._sfc_main;exports.Avatar=e._sfc_main;exports.AvatarGroup=e._sfc_main$1;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.injectAvatarGroupContext=e.injectAvatarGroupContext;exports.provideAvatarGroupContext=e.provideAvatarGroupContext;exports.Badge=S._sfc_main;exports.BadgeColors=i.BadgeColors;exports.BadgeColorsSubtle=i.BadgeColorsSubtle;exports.BadgeSizes=i.BadgeSizes;exports.BadgeTypes=i.BadgeTypes;exports.ButtonColors=t.ButtonColors;exports.ButtonGroup=t._sfc_main;exports.ButtonSizes=t.ButtonSizes;exports.ButtonTypes=t.ButtonTypes;exports.ButtonVariants=t.ButtonVariants;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;exports.Button=f._sfc_main;exports.Checkbox=n._sfc_main;exports.CheckboxGroup=n._sfc_main$1;exports.CheckboxSizes=n.CheckboxSizes;exports.injectCheckboxGroupContext=n.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=n.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=n.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=n.useColoredPantographCheckboxGroup;exports.ConfigProvider=u.ConfigProvider;exports.injectConfigContext=u.injectConfigContext;exports.provideConfigContext=u.provideConfigContext;exports.Divider=v._sfc_main;exports.DividerTypes=v.DividerTypes;exports.FloatButton=B._sfc_main;exports.GraphicalObject=h._sfc_main;exports.defineLocaleIconCollection=l.defineLocaleIconCollection;exports.disableIconCache=l.disableIconCache;exports.IconButton=I._sfc_main;exports.Image=r._sfc_main;exports.ImageAspectRatios=r.ImageAspectRatios;exports.ImageSizeRanges=r.ImageSizeRanges;exports.ImageTypes=r.ImageTypes;exports.IndentLevel=a._sfc_main;exports.IndentLevelShowLines=a.IndentLevelShowLines;exports.IndentLevelSizes=a.IndentLevelSizes;exports.Indicator=q._sfc_main;exports.Kbd=G._sfc_main;exports.MenuGaps=o.MenuGaps;exports.MenuItem=o._sfc_main$1;exports.MenuItemSizes=o.MenuItemSizes;exports.injectMenuContext=o.injectMenuContext;exports.provideMenuContext=o.provideMenuContext;exports.Popover=c._sfc_main;exports.PopoverPlacements=c.PopoverPlacements;exports.PopoverSizes=c.PopoverSizes;exports.RadioGroup=d._sfc_main;exports.RadioGroupItem=d._sfc_main$1;exports.Shortcut=z._sfc_main;exports.Skeleton=p._sfc_main;exports.SkeletonSizes=p.SkeletonSizes;exports.SkeletonTypes=p.SkeletonTypes;exports.Spinner=g._sfc_main;exports.SpinnerSizes=g.SpinnerSizes;exports.Switch=C._sfc_main;exports.SwitchSizes=C.SwitchSizes;exports.Tree=_._sfc_main;exports.TreeGaps=_.TreeGaps;exports.TreeSizes=_.TreeSizes;exports.injectTreeContext=_.injectTreeContext;exports.provideTreeContext=_.provideTreeContext;exports.filterEmpty=s.filterEmpty;exports.isEmptyElement=s.isEmptyElement;exports.isFragment=s.isFragment;exports.isValidElement=s.isValidElement;exports.componentPrefix=m.componentPrefix;exports.getComponentOptions=m.getComponentOptions;exports.Icon=y._sfc_main;exports.IconSizes=y.IconSizes;
|