@pantograph/vue 0.27.5 → 0.27.7
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/Alert/index.js +1 -1
- package/dist/Alert/index.umd.cjs +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-Cimlr_5H.js → Alert.vue_vue_type_style_index_0_lang-BAOHfQJ2.js} +1 -1
- package/dist/{Alert.vue_vue_type_style_index_0_lang-Co_PbSBJ.js → Alert.vue_vue_type_style_index_0_lang-Drpe229t.js} +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/Avatar/index.umd.cjs +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-DOGITXBz.js → Avatar.vue_vue_type_style_index_0_lang-CWObVQTV.js} +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-No-wnVXp.js → Avatar.vue_vue_type_style_index_0_lang-sRuIAJc9.js} +2 -2
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup/index.umd.cjs +1 -1
- package/dist/Chip/index.js +1 -1
- package/dist/Chip/index.umd.cjs +1 -1
- package/dist/{Chip.vue_vue_type_style_index_0_lang-Duq9O1Pn.js → Chip.vue_vue_type_style_index_0_lang-Ddebarn3.js} +2 -2
- package/dist/{Chip.vue_vue_type_style_index_0_lang-DHg4Cw0Y.js → Chip.vue_vue_type_style_index_0_lang-DsOuKYAw.js} +1 -1
- package/dist/ChipGroup/index.js +1 -1
- package/dist/ChipGroup/index.umd.cjs +1 -1
- package/dist/ColorPicker/index.js +1 -1
- package/dist/ColorPicker/index.umd.cjs +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-BdRXoxLG.js → ColorPicker.vue_vue_type_style_index_0_lang-CyER8GOv.js} +1 -1
- package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-CIb0P6YZ.js → ColorPicker.vue_vue_type_style_index_0_lang-M_Tlbw68.js} +1 -1
- package/dist/ColorSwatch/index.js +1 -1
- package/dist/ColorSwatch/index.umd.cjs +1 -1
- package/dist/{ColorSwatch-BlUCcGaO.js → ColorSwatch-C78FvSId.js} +1 -1
- package/dist/{ColorSwatch-ukjwhJJk.js → ColorSwatch-CIE6Omwr.js} +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-C08jdCS4.js → ColorSwatch.vue_vue_type_style_index_0_lang-BlhGwucn.js} +1 -1
- package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-4qF1KSmE.js → ColorSwatch.vue_vue_type_style_index_0_lang-BuiXPjL9.js} +1 -1
- package/dist/ColorSwatchGroup/index.js +1 -1
- package/dist/ColorSwatchGroup/index.umd.cjs +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-DQwc2Fax.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-Ba9LhQWl.js} +1 -1
- package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-CDc9ejV1.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-BlraIbBp.js} +3 -3
- package/dist/ColorTrigger/index.js +1 -1
- package/dist/ColorTrigger/index.umd.cjs +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-C7JX2jzz.js → ColorTrigger.vue_vue_type_style_index_0_lang-BMMDPe7y.js} +1 -1
- package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-C0N1EyqL.js → ColorTrigger.vue_vue_type_style_index_0_lang-tLIbnaNq.js} +1 -1
- package/dist/Combobox/Combobox.d.ts +1 -1
- package/dist/Combobox/context.d.ts +1 -0
- package/dist/Combobox/index.js +1 -1
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/Combobox/types.d.ts +1 -1
- package/dist/Combobox.vue_vue_type_style_index_0_lang-DRMbT72Y.js +1139 -0
- package/dist/Combobox.vue_vue_type_style_index_0_lang-YQ4Sk4jz.js +1 -0
- package/dist/Comment/index.js +8 -8
- package/dist/Comment/index.umd.cjs +1 -1
- package/dist/DataTable/index.js +1 -1
- package/dist/DataTable/index.umd.cjs +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-D95CpMGo.js → DataTable.vue_vue_type_style_index_0_lang-CkgL-lAr.js} +1 -1
- package/dist/{DataTable.vue_vue_type_style_index_0_lang-BzdZ7aX8.js → DataTable.vue_vue_type_style_index_0_lang-DpLNsX2Z.js} +2 -2
- package/dist/GOPicker/index.js +1 -1
- package/dist/GOPicker/index.umd.cjs +1 -1
- package/dist/{GOPicker.vue_vue_type_style_index_0_lang-CtmZNPfp.js → GOPicker.vue_vue_type_style_index_0_lang-Coc2r8FZ.js} +1 -1
- package/dist/{GOPicker.vue_vue_type_style_index_0_lang-BdQkCY3A.js → GOPicker.vue_vue_type_style_index_0_lang-CsxKAG7z.js} +4 -4
- package/dist/GraphicalObject/index.js +1 -1
- package/dist/GraphicalObject/index.umd.cjs +1 -1
- package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-kOA-XIMt.js → GraphicalObject.vue_vue_type_script_setup_true_lang-B0QyiUKw.js} +1 -1
- package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-8m8KVfwQ.js → GraphicalObject.vue_vue_type_script_setup_true_lang-CxrU_AN6.js} +1 -1
- package/dist/GraphicalObjectGroup/index.js +1 -1
- package/dist/GraphicalObjectGroup/index.umd.cjs +1 -1
- package/dist/{GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DdKo1y9b.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BR6gx5A6.js} +1 -1
- package/dist/{GraphicalObjectGroup.vue_vue_type_style_index_0_lang-B0gIroF1.js → GraphicalObjectGroup.vue_vue_type_style_index_0_lang-BgNRt-Av.js} +2 -2
- package/dist/HoverCard/index.js +2 -2
- package/dist/HoverCard/index.umd.cjs +1 -1
- package/dist/{HoverCard.vue_vue_type_style_index_0_lang-Btu3REIl.js → HoverCard.vue_vue_type_style_index_0_lang-CtSwm0oH.js} +1 -1
- package/dist/{HoverCard.vue_vue_type_style_index_0_lang-hVdE6mvJ.js → HoverCard.vue_vue_type_style_index_0_lang-GZ6S9Pud.js} +1 -1
- package/dist/IndentLevel/index.js +1 -1
- package/dist/IndentLevel/index.umd.cjs +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-D9CXKwfM.js → IndentLevel.vue_vue_type_style_index_0_lang-BUK5LxWK.js} +1 -1
- package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-DupzYtBR.js → IndentLevel.vue_vue_type_style_index_0_lang-D22BSj0l.js} +1 -1
- package/dist/Menu/index.js +1 -1
- package/dist/Menu/index.umd.cjs +1 -1
- package/dist/MenuItem/index.js +1 -1
- package/dist/MenuItem/index.umd.cjs +1 -1
- package/dist/{MenuItem.vue_vue_type_style_index_0_lang-DRaDzSf5.js → MenuItem.vue_vue_type_style_index_0_lang-DWhISIbu.js} +1 -1
- package/dist/{MenuItem.vue_vue_type_style_index_0_lang-CzNgZ7CJ.js → MenuItem.vue_vue_type_style_index_0_lang-DiVJUHjS.js} +2 -2
- package/dist/Popover/index.js +1 -1
- package/dist/Popover/index.umd.cjs +1 -1
- package/dist/{Popover.vue_vue_type_style_index_0_lang-J68ZockB.js → Popover.vue_vue_type_style_index_0_lang-CBbRhcN9.js} +92 -92
- package/dist/Popover.vue_vue_type_style_index_0_lang-DSoOzWTR.js +1 -0
- package/dist/Select/Select.d.ts +1 -1
- package/dist/Select/index.js +1 -1
- package/dist/Select/index.umd.cjs +1 -1
- package/dist/Select/types.d.ts +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-DIlypQRE.js → Select.vue_vue_type_style_index_0_lang-CiU2FQYW.js} +1 -1
- package/dist/{Select.vue_vue_type_style_index_0_lang-f__hXx_6.js → Select.vue_vue_type_style_index_0_lang-Dh-a0ASP.js} +3 -3
- package/dist/SubMenu/index.js +1 -1
- package/dist/SubMenu/index.umd.cjs +1 -1
- package/dist/Tree/index.js +1 -1
- package/dist/Tree/index.umd.cjs +1 -1
- package/dist/{Tree.vue_vue_type_style_index_0_lang-Du30UiYr.js → Tree.vue_vue_type_style_index_0_lang-Biod_hK-.js} +1 -1
- package/dist/{Tree.vue_vue_type_style_index_0_lang-BHRZ_p39.js → Tree.vue_vue_type_style_index_0_lang-Dl43zrWj.js} +1 -1
- package/dist/Upload/index.js +1 -1
- package/dist/Upload/index.umd.cjs +1 -1
- package/dist/{Upload.vue_vue_type_style_index_0_lang-Bs66TQtw.js → Upload.vue_vue_type_style_index_0_lang-DJqvk1PP.js} +1 -1
- package/dist/{Upload.vue_vue_type_style_index_0_lang-DreAGPIr.js → Upload.vue_vue_type_style_index_0_lang-cN55f5aO.js} +1 -1
- package/dist/index.js +19 -19
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
- package/dist/Combobox.vue_vue_type_style_index_0_lang-BhI9R538.js +0 -1120
- package/dist/Combobox.vue_vue_type_style_index_0_lang-DBXy4T6d.js +0 -1
- package/dist/Popover.vue_vue_type_style_index_0_lang-C6ZZEJzh.js +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { shallowRef as
|
|
2
|
-
import { getBemElement as
|
|
3
|
-
import {
|
|
4
|
-
import { pick as E, omitBy as
|
|
5
|
-
import { filterEmpty as
|
|
6
|
-
import { u as
|
|
7
|
-
import { cva as
|
|
1
|
+
import { shallowRef as de, computed as L, ref as W, onMounted as pe, watch as ue, getCurrentInstance as V, unref as a, h as K, defineComponent as fe, useSlots as me, createBlock as ge, openBlock as Pe, mergeProps as R, withCtx as I, createVNode as k, normalizeProps as T, guardReactiveProps as _, withDirectives as ye, renderSlot as ve, vShow as he } from "vue";
|
|
2
|
+
import { getBemElement as j, generateVariantClassList as x, normCls as q, getBemBlock as Oe } from "@pantograph/utils";
|
|
3
|
+
import { Slot as Ce, useEmitAsProps as Se, PopoverRoot as Be, PopoverPortal as be, PopoverContent as Ne, PopoverTrigger as Fe } from "reka-ui";
|
|
4
|
+
import { pick as E, omitBy as De, isUndefined as ze, omit as Ae } from "es-toolkit";
|
|
5
|
+
import { filterEmpty as Me, isValidElement as we, isFragment as Ie, getComponentOptions as ke } from "@pantograph/utils-vue";
|
|
6
|
+
import { u as Ee } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
|
|
7
|
+
import { cva as Le } from "class-variance-authority";
|
|
8
8
|
import { g as t } from "./get-DwC3C6S0.js";
|
|
9
|
-
const
|
|
9
|
+
const Ue = ["sm", "md", "lg", "none"], Xe = [
|
|
10
10
|
"top",
|
|
11
11
|
"top-start",
|
|
12
12
|
"top-end",
|
|
@@ -19,16 +19,16 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
19
19
|
"left",
|
|
20
20
|
"left-start",
|
|
21
21
|
"left-end"
|
|
22
|
-
],
|
|
23
|
-
var
|
|
22
|
+
], $e = ["to", "disabled", "forceMount"], n = Object.fromEntries($e.map((s) => [s, s])), We = ({ triggerRef: s, props: d }, r = n) => L(() => {
|
|
23
|
+
var v, h, i, B, u;
|
|
24
24
|
const {
|
|
25
|
-
to:
|
|
26
|
-
forceMount:
|
|
25
|
+
to: P = n.to,
|
|
26
|
+
forceMount: y = n.forceMount,
|
|
27
27
|
disabled: p = n.disabled
|
|
28
|
-
} = r, l =
|
|
29
|
-
let c = ((
|
|
28
|
+
} = r, l = V(), o = d ?? (l == null ? void 0 : l.props) ?? {}, e = t(o, P), C = t(o, p), S = t(o, y);
|
|
29
|
+
let c = ((v = a(e)) == null ? void 0 : v.$el) ?? a(e);
|
|
30
30
|
if (e instanceof Function) {
|
|
31
|
-
const b = ((i = (
|
|
31
|
+
const b = ((i = (h = s.value) == null ? void 0 : h.$el) == null ? void 0 : i.nodeName) !== "#text" ? (B = s.value) == null ? void 0 : B.$el : (u = s.value) == null ? void 0 : u.$el.nextSibling;
|
|
32
32
|
c = e(b);
|
|
33
33
|
}
|
|
34
34
|
return {
|
|
@@ -36,7 +36,7 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
36
36
|
disabled: C,
|
|
37
37
|
forceMount: S
|
|
38
38
|
};
|
|
39
|
-
}),
|
|
39
|
+
}), Ke = [
|
|
40
40
|
"prioritizePosition",
|
|
41
41
|
"placement",
|
|
42
42
|
"sideOffset",
|
|
@@ -53,51 +53,51 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
53
53
|
"updatePositionStrategy",
|
|
54
54
|
"autoFocusInside",
|
|
55
55
|
"containerProps"
|
|
56
|
-
],
|
|
56
|
+
], Re = Object.fromEntries(Ke.map((s) => [s, s])), Te = ({
|
|
57
57
|
props: s,
|
|
58
58
|
flip: d,
|
|
59
59
|
_dir: r,
|
|
60
|
-
controlAutoFocus:
|
|
61
|
-
extraPropNames:
|
|
60
|
+
controlAutoFocus: P,
|
|
61
|
+
extraPropNames: y,
|
|
62
62
|
emitsAsProps: p
|
|
63
|
-
}, l =
|
|
63
|
+
}, l = Re) => L(() => {
|
|
64
64
|
var $;
|
|
65
|
-
const o =
|
|
65
|
+
const o = V(), e = s ?? (o == null ? void 0 : o.props) ?? {}, {
|
|
66
66
|
prioritizePosition: C = n.prioritizePosition,
|
|
67
67
|
placement: S = n.placement,
|
|
68
68
|
sideOffset: c = n.sideOffset,
|
|
69
|
-
alignOffset:
|
|
70
|
-
sticky:
|
|
69
|
+
alignOffset: v = n.alignOffset,
|
|
70
|
+
sticky: h = n.sticky,
|
|
71
71
|
collisionBoundary: i = n.collisionBoundary,
|
|
72
72
|
avoidCollisions: B = n.avoidCollisions,
|
|
73
73
|
collisionPadding: u = n.collisionPadding,
|
|
74
74
|
forceMount: b = n.forceMount,
|
|
75
75
|
disableUpdateOnLayoutShift: N = n.disableUpdateOnLayoutShift,
|
|
76
|
-
hideWhenDetached:
|
|
77
|
-
positionStrategy:
|
|
76
|
+
hideWhenDetached: f = n.hideWhenDetached,
|
|
77
|
+
positionStrategy: m = n.positionStrategy,
|
|
78
78
|
reference: O = n.reference,
|
|
79
79
|
updatePositionStrategy: F = n.updatePositionStrategy,
|
|
80
80
|
autoFocusInside: A = n.autoFocusInside,
|
|
81
|
-
containerProps:
|
|
82
|
-
} = l,
|
|
83
|
-
let [M,
|
|
81
|
+
containerProps: G = n.containerProps
|
|
82
|
+
} = l, H = t(e, C), D = t(e, S), J = t(e, c), Q = t(e, v), X = t(e, h), Y = t(e, i), Z = t(e, B), ee = t(e, u), oe = t(e, b), te = t(e, N), ne = t(e, f), se = t(e, m), ie = t(e, O), re = t(e, F), U = t(e, A), ae = t(e, G);
|
|
83
|
+
let [M, le] = (($ = D == null ? void 0 : D.split) == null ? void 0 : $.call(D, "-")) || ["bottom", "center"];
|
|
84
84
|
d.value && r.value && r.value === d.value && (M = {
|
|
85
85
|
right: "left",
|
|
86
86
|
left: "right"
|
|
87
87
|
}[M] ?? M);
|
|
88
88
|
const w = {};
|
|
89
|
-
|
|
89
|
+
P && (w.onCloseAutoFocus = (g) => {
|
|
90
90
|
var z;
|
|
91
|
-
U ||
|
|
92
|
-
}, w.onOpenAutoFocus = (
|
|
91
|
+
U || g.preventDefault(), (z = o == null ? void 0 : o.emit) == null || z.call(o, "closeAutoFocus", g);
|
|
92
|
+
}, w.onOpenAutoFocus = (g) => {
|
|
93
93
|
var z;
|
|
94
|
-
U ||
|
|
94
|
+
U || g.preventDefault(), (z = o == null ? void 0 : o.emit) == null || z.call(o, "openAutoFocus", g);
|
|
95
95
|
});
|
|
96
|
-
const
|
|
96
|
+
const ce = De(
|
|
97
97
|
Object.fromEntries(
|
|
98
|
-
(Array.isArray(
|
|
98
|
+
(Array.isArray(y) ? y : []).map((g) => [g, t(e, g)])
|
|
99
99
|
),
|
|
100
|
-
|
|
100
|
+
ze
|
|
101
101
|
);
|
|
102
102
|
return {
|
|
103
103
|
...E(p, [
|
|
@@ -106,84 +106,84 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
106
106
|
"onInteractOutside",
|
|
107
107
|
"onPointerDownOutside"
|
|
108
108
|
]),
|
|
109
|
-
...
|
|
110
|
-
...
|
|
111
|
-
sticky:
|
|
112
|
-
prioritizePosition:
|
|
109
|
+
...Ae(ae ?? {}, ["class"]),
|
|
110
|
+
...ce,
|
|
111
|
+
sticky: X,
|
|
112
|
+
prioritizePosition: H,
|
|
113
113
|
side: M,
|
|
114
|
-
align:
|
|
115
|
-
sideOffset:
|
|
116
|
-
alignOffset:
|
|
117
|
-
collisionBoundary:
|
|
118
|
-
avoidCollisions:
|
|
119
|
-
collisionPadding:
|
|
120
|
-
forceMount:
|
|
121
|
-
disableUpdateOnLayoutShift:
|
|
122
|
-
hideWhenDetached:
|
|
123
|
-
positionStrategy:
|
|
124
|
-
reference:
|
|
125
|
-
updatePositionStrategy:
|
|
114
|
+
align: le,
|
|
115
|
+
sideOffset: J,
|
|
116
|
+
alignOffset: Q,
|
|
117
|
+
collisionBoundary: Y,
|
|
118
|
+
avoidCollisions: Z,
|
|
119
|
+
collisionPadding: ee,
|
|
120
|
+
forceMount: oe,
|
|
121
|
+
disableUpdateOnLayoutShift: te,
|
|
122
|
+
hideWhenDetached: ne,
|
|
123
|
+
positionStrategy: se,
|
|
124
|
+
reference: ie,
|
|
125
|
+
updatePositionStrategy: re,
|
|
126
126
|
...w
|
|
127
127
|
};
|
|
128
|
-
}),
|
|
128
|
+
}), _e = ({
|
|
129
129
|
slots: s,
|
|
130
130
|
prefix: d,
|
|
131
131
|
props: r,
|
|
132
|
-
emitsAsProps:
|
|
133
|
-
TriggerCmp:
|
|
132
|
+
emitsAsProps: P,
|
|
133
|
+
TriggerCmp: y
|
|
134
134
|
}) => {
|
|
135
|
-
const p =
|
|
135
|
+
const p = j(d, "content"), l = j(d, "trigger"), o = Le(p, {
|
|
136
136
|
variants: {
|
|
137
|
-
size:
|
|
138
|
-
noPadding:
|
|
137
|
+
size: x(Ue, p),
|
|
138
|
+
noPadding: x("no-padding", p)
|
|
139
139
|
}
|
|
140
|
-
}), e =
|
|
140
|
+
}), e = de(!0), C = (f) => {
|
|
141
141
|
var A;
|
|
142
|
-
const
|
|
143
|
-
return e.value = F &&
|
|
144
|
-
|
|
142
|
+
const m = (A = s.default) == null ? void 0 : A.call(s, {}), O = Me(m) ?? null, F = O.length === 1 ? O[0] : O;
|
|
143
|
+
return e.value = !!(F && we(F) && !Ie(F)), K(
|
|
144
|
+
y,
|
|
145
145
|
{
|
|
146
146
|
as: "span",
|
|
147
147
|
dir: u.value,
|
|
148
|
-
class:
|
|
148
|
+
class: q(l, r.class),
|
|
149
149
|
asChild: e.value,
|
|
150
150
|
ref: c,
|
|
151
|
-
...
|
|
151
|
+
...f ?? {}
|
|
152
152
|
},
|
|
153
153
|
{
|
|
154
|
-
default:
|
|
154
|
+
default: () => K(Ce, f ?? {}, () => m)
|
|
155
155
|
}
|
|
156
156
|
);
|
|
157
157
|
}, S = L(() => ({
|
|
158
158
|
...E(r, ["open", "defaultOpen", "modal"]),
|
|
159
|
-
...E(
|
|
160
|
-
})), c = W(),
|
|
159
|
+
...E(P, ["onUpdate:open"])
|
|
160
|
+
})), c = W(), v = We({ triggerRef: c }), { getFlipOnDir: h, getDir: i } = Ee(), B = h("reversePlacementOnDir"), u = i(), b = Te({
|
|
161
161
|
...r.containerProps,
|
|
162
|
-
emitsAsProps:
|
|
162
|
+
emitsAsProps: P,
|
|
163
163
|
flip: B,
|
|
164
164
|
_dir: u,
|
|
165
165
|
controlAutoFocus: !0
|
|
166
166
|
}), N = W(r.reference);
|
|
167
|
-
return r.useReferenceAttribute && !r.reference ?
|
|
168
|
-
var
|
|
169
|
-
N.value = (O = (
|
|
170
|
-
}) :
|
|
167
|
+
return r.useReferenceAttribute && !r.reference ? pe(() => {
|
|
168
|
+
var f, m, O;
|
|
169
|
+
N.value = (O = (m = (f = c.value) == null ? void 0 : f.$el) == null ? void 0 : m.closest) == null ? void 0 : O.call(m, "[data-popover-reference]");
|
|
170
|
+
}) : ue(
|
|
171
171
|
() => r.reference,
|
|
172
|
-
(
|
|
173
|
-
N.value =
|
|
172
|
+
(f) => {
|
|
173
|
+
N.value = f;
|
|
174
174
|
}
|
|
175
175
|
), {
|
|
176
176
|
triggerCLs: l,
|
|
177
177
|
variantsClass: o,
|
|
178
178
|
asChild: e,
|
|
179
179
|
rootOpenProp: S,
|
|
180
|
-
portalProps:
|
|
180
|
+
portalProps: v,
|
|
181
181
|
contentProps: b,
|
|
182
182
|
reference: N,
|
|
183
183
|
Trigger: C
|
|
184
184
|
};
|
|
185
|
-
},
|
|
186
|
-
...
|
|
185
|
+
}, Ye = /* @__PURE__ */ fe({
|
|
186
|
+
...ke("Popover", !1),
|
|
187
187
|
__name: "Popover",
|
|
188
188
|
props: {
|
|
189
189
|
defaultOpen: { type: Boolean },
|
|
@@ -224,29 +224,29 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
224
224
|
},
|
|
225
225
|
emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
|
|
226
226
|
setup(s, { emit: d }) {
|
|
227
|
-
const
|
|
227
|
+
const P = Se(d), y = s, p = Oe("popover"), l = me(), { variantsClass: o, asChild: e, rootOpenProp: C, portalProps: S, contentProps: c, reference: v, Trigger: h } = _e({
|
|
228
228
|
slots: l,
|
|
229
229
|
prefix: p,
|
|
230
|
-
props:
|
|
231
|
-
emitsAsProps:
|
|
232
|
-
TriggerCmp:
|
|
230
|
+
props: y,
|
|
231
|
+
emitsAsProps: P,
|
|
232
|
+
TriggerCmp: Fe
|
|
233
233
|
});
|
|
234
|
-
return (i, B) => (Pe(), ge(a(
|
|
234
|
+
return (i, B) => (Pe(), ge(a(Be), R(a(C), {
|
|
235
235
|
key: a(e)
|
|
236
236
|
}), {
|
|
237
237
|
default: I(({ open: u }) => [
|
|
238
|
-
k(a(
|
|
239
|
-
k(a(
|
|
238
|
+
k(a(h), T(_(i.$attrs)), null, 16),
|
|
239
|
+
k(a(be), T(_(a(S))), {
|
|
240
240
|
default: I(() => [
|
|
241
|
-
ye(k(a(
|
|
241
|
+
ye(k(a(Ne), R({
|
|
242
242
|
style: { zIndex: i.zIndex, ...i.containerStyle ?? {} }
|
|
243
243
|
}, a(c), {
|
|
244
|
-
class: a(
|
|
244
|
+
class: a(q)(
|
|
245
245
|
a(o)({ size: i.size, noPadding: i.noPadding }),
|
|
246
246
|
i.containerClass,
|
|
247
247
|
i.containerCls
|
|
248
248
|
),
|
|
249
|
-
reference: a(
|
|
249
|
+
reference: a(v)
|
|
250
250
|
}), {
|
|
251
251
|
default: I(() => [
|
|
252
252
|
ve(i.$slots, "content")
|
|
@@ -264,10 +264,10 @@ const Le = ["sm", "md", "lg", "none"], Qe = [
|
|
|
264
264
|
}
|
|
265
265
|
});
|
|
266
266
|
export {
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
267
|
+
Xe as P,
|
|
268
|
+
Ye as _,
|
|
269
|
+
Ue as a,
|
|
270
|
+
Te as b,
|
|
271
|
+
We as g,
|
|
272
|
+
_e as u
|
|
273
273
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),b=require("@pantograph/utils"),N=require("reka-ui"),F=require("es-toolkit"),_=require("@pantograph/utils-vue"),re=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),ie=require("class-variance-authority"),n=require("./get-Zt0OZYlq.js"),q=["sm","md","lg","none"],ae=["top","top-start","top-end","bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end"],ce=["to","disabled","forceMount"],s=Object.fromEntries(ce.map(r=>[r,r])),V=({triggerRef:r,props:d},a=s)=>e.computed(()=>{var y,h,i,B,p;const{to:m=s.to,forceMount:v=s.forceMount,disabled:u=s.disabled}=a,c=e.getCurrentInstance(),t=d??(c==null?void 0:c.props)??{},o=n.get(t,m),O=n.get(t,u),S=n.get(t,v);let l=((y=e.unref(o))==null?void 0:y.$el)??e.unref(o);if(o instanceof Function){const z=((i=(h=r.value)==null?void 0:h.$el)==null?void 0:i.nodeName)!=="#text"?(B=r.value)==null?void 0:B.$el:(p=r.value)==null?void 0:p.$el.nextSibling;l=o(z)}return{to:l,disabled:O,forceMount:S}}),le=["prioritizePosition","placement","sideOffset","alignOffset","sticky","collisionBoundary","avoidCollisions","collisionPadding","forceMount","disableUpdateOnLayoutShift","hideWhenDetached","positionStrategy","reference","updatePositionStrategy","autoFocusInside","containerProps"],de=Object.fromEntries(le.map(r=>[r,r])),$=({props:r,flip:d,_dir:a,controlAutoFocus:m,extraPropNames:v,emitsAsProps:u},c=de)=>e.computed(()=>{var U;const t=e.getCurrentInstance(),o=r??(t==null?void 0:t.props)??{},{prioritizePosition:O=s.prioritizePosition,placement:S=s.placement,sideOffset:l=s.sideOffset,alignOffset:y=s.alignOffset,sticky:h=s.sticky,collisionBoundary:i=s.collisionBoundary,avoidCollisions:B=s.avoidCollisions,collisionPadding:p=s.collisionPadding,forceMount:z=s.forceMount,disableUpdateOnLayoutShift:D=s.disableUpdateOnLayoutShift,hideWhenDetached:f=s.hideWhenDetached,positionStrategy:g=s.positionStrategy,reference:C=s.reference,updatePositionStrategy:w=s.updatePositionStrategy,autoFocusInside:I=s.autoFocusInside,containerProps:x=s.containerProps}=c,R=n.get(o,O),A=n.get(o,S),T=n.get(o,l),K=n.get(o,y),j=n.get(o,h),G=n.get(o,i),H=n.get(o,B),J=n.get(o,p),Q=n.get(o,z),X=n.get(o,D),Y=n.get(o,f),Z=n.get(o,g),ee=n.get(o,C),oe=n.get(o,w),L=n.get(o,I),te=n.get(o,x);let[M,ne]=((U=A==null?void 0:A.split)==null?void 0:U.call(A,"-"))||["bottom","center"];d.value&&a.value&&a.value===d.value&&(M={right:"left",left:"right"}[M]??M);const E={};m&&(E.onCloseAutoFocus=P=>{var k;L||P.preventDefault(),(k=t==null?void 0:t.emit)==null||k.call(t,"closeAutoFocus",P)},E.onOpenAutoFocus=P=>{var k;L||P.preventDefault(),(k=t==null?void 0:t.emit)==null||k.call(t,"openAutoFocus",P)});const se=F.omitBy(Object.fromEntries((Array.isArray(v)?v:[]).map(P=>[P,n.get(o,P)])),F.isUndefined);return{...F.pick(u,["onEscapeKeyDown","onFocusOutside","onInteractOutside","onPointerDownOutside"]),...F.omit(te??{},["class"]),...se,sticky:j,prioritizePosition:R,side:M,align:ne,sideOffset:T,alignOffset:K,collisionBoundary:G,avoidCollisions:H,collisionPadding:J,forceMount:Q,disableUpdateOnLayoutShift:X,hideWhenDetached:Y,positionStrategy:Z,reference:ee,updatePositionStrategy:oe,...E}}),W=({slots:r,prefix:d,props:a,emitsAsProps:m,TriggerCmp:v})=>{const u=b.getBemElement(d,"content"),c=b.getBemElement(d,"trigger"),t=ie.cva(u,{variants:{size:b.generateVariantClassList(q,u),noPadding:b.generateVariantClassList("no-padding",u)}}),o=e.shallowRef(!0),O=f=>{var I;const g=(I=r.default)==null?void 0:I.call(r,{}),C=_.filterEmpty(g)??null,w=C.length===1?C[0]:C;return o.value=!!(w&&_.isValidElement(w)&&!_.isFragment(w)),e.h(v,{as:"span",dir:p.value,class:b.normCls(c,a.class),asChild:o.value,ref:l,...f??{}},{default:()=>e.h(N.Slot,f??{},()=>g)})},S=e.computed(()=>({...F.pick(a,["open","defaultOpen","modal"]),...F.pick(m,["onUpdate:open"])})),l=e.ref(),y=V({triggerRef:l}),{getFlipOnDir:h,getDir:i}=re.useConfig(),B=h("reversePlacementOnDir"),p=i(),z=$({...a.containerProps,emitsAsProps:m,flip:B,_dir:p,controlAutoFocus:!0}),D=e.ref(a.reference);return a.useReferenceAttribute&&!a.reference?e.onMounted(()=>{var f,g,C;D.value=(C=(g=(f=l.value)==null?void 0:f.$el)==null?void 0:g.closest)==null?void 0:C.call(g,"[data-popover-reference]")}):e.watch(()=>a.reference,f=>{D.value=f}),{triggerCLs:c,variantsClass:t,asChild:o,rootOpenProp:S,portalProps:y,contentProps:z,reference:D,Trigger:O}},ue=e.defineComponent({..._.getComponentOptions("Popover",!1),__name:"Popover",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(r,{emit:d}){const a=d,m=N.useEmitAsProps(a),v=r,u=b.getBemBlock("popover"),c=e.useSlots(),{variantsClass:t,asChild:o,rootOpenProp:O,portalProps:S,contentProps:l,reference:y,Trigger:h}=W({slots:c,prefix:u,props:v,emitsAsProps:m,TriggerCmp:N.PopoverTrigger});return(i,B)=>(e.openBlock(),e.createBlock(e.unref(N.PopoverRoot),e.mergeProps(e.unref(O),{key:e.unref(o)}),{default:e.withCtx(({open:p})=>[e.createVNode(e.unref(h),e.normalizeProps(e.guardReactiveProps(i.$attrs)),null,16),e.createVNode(e.unref(N.PopoverPortal),e.normalizeProps(e.guardReactiveProps(e.unref(S))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(N.PopoverContent),e.mergeProps({style:{zIndex:i.zIndex,...i.containerStyle??{}}},e.unref(l),{class:e.unref(b.normCls)(e.unref(t)({size:i.size,noPadding:i.noPadding}),i.containerClass,i.containerCls),reference:e.unref(y)}),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"content")]),_:2},1040,["style","class","reference"]),[[e.vShow,p]])]),_:2},1040)]),_:3},16))}});exports.PopoverPlacements=ae;exports.PopoverSizes=q;exports._sfc_main=ue;exports.getPopoverContentProps=$;exports.getPopoverPortalProps=V;exports.usePopoverContext=W;
|
package/dist/Select/Select.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {}, {}
|
|
|
39
39
|
open: boolean;
|
|
40
40
|
position: "item-aligned" | "popper";
|
|
41
41
|
multiple: boolean;
|
|
42
|
-
trailingIcon: string;
|
|
42
|
+
trailingIcon: string | boolean;
|
|
43
43
|
selectedItemIconAsTrailingIcon: boolean;
|
|
44
44
|
indicatorIcon: string;
|
|
45
45
|
loadingRowCount: number;
|
package/dist/Select/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as a, a as s, S, b as c, c as l, i as o, p as i } from "../Select.vue_vue_type_style_index_0_lang-Dh-a0ASP.js";
|
|
2
2
|
export {
|
|
3
3
|
a as Select,
|
|
4
4
|
s as SelectLabel,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select.vue_vue_type_style_index_0_lang-CiU2FQYW.js");exports.Select=e._sfc_main;exports.SelectLabel=e._sfc_main$1;exports.SelectOption=e.SelectOption;exports.SelectSizes=e.SelectSizes;exports.SelectStatuses=e.SelectStatuses;exports.injectSelectContext=e.injectSelectContext;exports.provideSelectContext=e.provideSelectContext;
|
package/dist/Select/types.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ export interface SelectProps extends SelectRootProps, Omit<SelectTriggerProps, '
|
|
|
29
29
|
noTrailing?: boolean;
|
|
30
30
|
leadingIcon?: string;
|
|
31
31
|
zIndex?: number | string;
|
|
32
|
-
trailingIcon?: string;
|
|
32
|
+
trailingIcon?: string | boolean;
|
|
33
33
|
selectedItemIconAsTrailingIcon?: boolean;
|
|
34
34
|
maxCount?: number | string;
|
|
35
35
|
to?: string | HTMLElement | GetPopupContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const n=require("vue"),k=require("reka-ui"),V=require("es-toolkit"),i=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),pe=require("class-variance-authority"),ve=require("./Empty.vue_vue_type_style_index_0_lang-JL3Igq8r.js"),Ce=require("./Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js"),ce=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),ge=require("./Popover.vue_vue_type_style_index_0_lang-C6ZZEJzh.js"),he=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),_e=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),ae=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),H=require("./isArray-Bin_5of_.js"),de=require("./Chip.vue_vue_type_style_index_0_lang-DHg4Cw0Y.js"),X=require("./isObject-BDHKUJKN.js"),Se=require("./isNumber-DMOjxgl8.js"),ie=["sm","md","lg"],me=["error","warning","success"],[se,fe]=k.createContext("Select"),[Ee,Ve]=k.createContext("_Select"),D=r.getBemBlock("select"),ye=n.defineComponent({...i.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(f){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(r.getBemElement)(n.unref(D),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),oe=n.defineComponent({name:i.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(f,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),q=n.computed(()=>o.getOptionValue(f.option)),c=n.computed(()=>o.getOptionLabel(f.option)),W=n.computed(()=>o.getOptionIcon(f.option)),M=n.computed(()=>o.getOptionDisabled(f.option)),P=r.getBemElement(D,"option"),$=pe.cva(P,{variants:{size:r.generateVariantClassList(ie,P)}}),A=_=>{var L,z;const y=_.detail.value;o.emit("select",y,H.isArray(o.modelValue.value)?!((z=(L=o.modelValue.value)==null?void 0:L.includes)!=null&&z.call(L,y)):!0)};if(!f.option)throw new Error("option is required");const F=()=>{var y;const _=(y=t.indicator)==null?void 0:y.call(t,{option:f.option});return i.isEmptyElement(_)?n.h(k.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):_},T=()=>{var L,z,j;const _=(L=t.default)==null?void 0:L.call(t,{option:f.option}),y=[];if(!i.isEmptyElement(_))y.push(_);else{const U=(z=t.leading)==null?void 0:z.call(t,{option:f.option}),s=!i.isEmptyElement(U);if(W.value||s){let w;s?w=U:w=n.h(ae._sfc_main,{icon:W.value,size:e.value}),y.push(n.h("div",{class:r.normCls(r.getBemElement(P,"leading"),o.props.itemLeadingCls)},w))}let E;const B=(j=t.text)==null?void 0:j.call(t,{option:f.option});i.isEmptyElement(B)?E=c.value:E=B,y.push(n.h("div",{class:r.normCls(r.getBemElement(P,"text"),o.props.optionTextCls)},E))}return n.h("div",{class:r.normCls(r.getBemElement(P,"content"),o.props.optionContentCls)},y)};return()=>n.h(k.SelectItem,{value:q.value,textValue:c.value,disabled:M.value,class:r.normCls($({size:o.getSize.value}),o.props.optionCls),onSelect:A},()=>[T(),F()])}}),Le=n.defineComponent({name:i.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(f,{slots:t,attrs:o}){const e=se(),q=({value:s},E)=>{if(E.stopPropagation(),s&&H.isArray(e.modelValue.value)&&!e.getDisabled.value){const B=e.modelValue.value.filter(w=>w!==s);e.modelValue.value=B,e.emit("update:modelValue",B),e.emit("select",s,!1)}},c=r.getBemElement(D,"trigger"),W=pe.cva(c,{variants:{size:r.generateVariantClassList(ie,c),status:r.generateVariantClassList(me,c),bordered:r.generateVariantClassList("bordered",c),multiple:r.generateVariantClassList("multiple",c),contentFit:r.generateVariantClassList("content-fit",c),wrapped:r.generateVariantClassList("wrapped",c),filled:r.generateVariantClassList("filled",c)}}),M=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),P=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),$=n.computed(()=>{if(!e.props.multiple&&V.isString(e.modelValue.value)&&!i.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),A=(s=$.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&X.isObject(s)&&"icon"in s)return s.icon},F=n.computed(()=>A()),T=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),_=n.computed(()=>!i.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&H.isArray(e.modelValue.value)),y=n.computed(()=>({modelValue:V.cloneDeep(e.modelValue.value),open:V.cloneDeep(e.open.value)})),L=s=>({...y.value,option:e.getOptionByValue(s)}),z=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:r.normCls(W({size:e.getSize.value,status:e.getStatus.value==="success"&&i.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!i.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),j=(s,E=P.value)=>n.h(ae._sfc_main,{icon:s,size:E}),U=()=>{var B;let s;const E=(B=t.triggerTrailing)==null?void 0:B.call(t,y.value);if(i.isEmptyElement(E)?T.value&&(s=j(T.value)):s=E,s)return n.h("div",{class:r.normCls(r.getBemElement(c,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var w;const s=(w=t.trigger)==null?void 0:w.call(t,y.value),B=(()=>{if(i.isEmptyElement(s))return!1;const x=i.filterEmpty(s)??null,R=x.length===1?x[0]:x;return R?i.isValidElement(R)&&!i.isFragment(R):!0})();return n.h(k.SelectTrigger,{...z.value,asChild:B,key:String(B)},{default:()=>{var J;if(!i.isEmptyElement(s))return s;const x=(J=t.triggerLeading)==null?void 0:J.call(t,y.value),R=!i.isEmptyElement(x),Y=()=>{var N;if(!e.props.multiple&&!H.isArray(e.modelValue.value)){const K=(N=f.getOptionSlot("leading",e.modelValue.value))==null?void 0:N();if(R||K||F.value||e.props.leadingIcon){let a;return i.isEmptyElement(K)?F.value?a=j(F.value):R?a=x:e.props.leadingIcon&&(a=j(e.props.leadingIcon)):a=K,n.h("div",{class:r.normCls(r.getBemElement(c,"leading"),e.props.triggerLeadingCls)},a)}}},re=()=>{const N=[];if(i.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const K=()=>{var S;const a=(S=t.placeholder)==null?void 0:S.call(t,y.value);return i.isEmptyElement(a)?e.props.placeholder:a};N.push(K())}}else{const a=(()=>{var O,v,d;const S=(O=t.triggerValue)==null?void 0:O.call(t,y.value);if(!i.isEmptyElement(S))return S;if(e.props.multiple&&H.isArray(e.modelValue.value))return n.h(de._sfc_main$1,{maxCount:e.props.maxCount,size:M.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:r.normCls(r.getBemElement(c,"tag_list"),e.props.tagListCls),onClose:q},()=>e.modelValue.value.map(g=>{var Q;const b=l=>{var C;const p=(C=t.tagClose)==null?void 0:C.call(t,{...L(g),onClose:l});return i.isEmptyElement(p)?null:p},I=(Q=f.getOptionSlot("default",g))==null?void 0:Q(),le=()=>{var C,u;const l=(C=f.getOptionSlot("text",g))==null?void 0:C(),p=(u=t.tagText)==null?void 0:u.call(t,L(g));return i.isEmptyElement(p)?i.isEmptyElement(I)?i.isEmptyElement(l)?e.getLabelByValue(g):l:I:p},te=({size:l})=>{var h,m;if(!i.isEmptyElement(I))return null;const p=(h=f.getOptionSlot("leading",g))==null?void 0:h(),C=(m=t.tagLeading)==null?void 0:m.call(t,L(g)),u=A(e.getOptionByValue(g))??e.props.leadingIcon;return i.isEmptyElement(C)?i.isEmptyElement(p)?u?j(u,l):i.isEmptyElement(x)?null:x:p:C},ne=()=>{var p;const l=(p=t.tagTrailing)==null?void 0:p.call(t,L(g));return i.isEmptyElement(l)?null:l};return n.h(de._sfc_main,{value:g,class:r.normCls(r.getBemElement(c,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(c,"tag__close"),closeTrigger:"pointer"},{text:le,leading:te,trailing:ne,close:b})}));if(!H.isArray(e.modelValue.value)){const g=(v=f.getOptionSlot("default",e.modelValue.value))==null?void 0:v(),b=(d=f.getOptionSlot("text",e.modelValue.value))==null?void 0:d();return i.isEmptyElement(g)?i.isEmptyElement(b)?V.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:b:g}})();a&&N.push(a)}return N},G=[],Z=Y();i.isEmptyElement(Z)||G.push(Z),G.push(n.h(k.Primitive,{class:r.normCls(r.getBemElement(c,"content"),e.props.triggerContentCls,i.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(_.value),asChild:_.value},{default:re}));const ee=U();return i.isEmptyElement(ee)||G.push(ee),G}})}}}),be=n.defineComponent({name:i.getComponentName("SelectWrapper"),setup(f,{slots:t}){const o=Ee(),e=k.injectSelectRootContext(),q=n.ref();i.useLazyLoading({target:q});const c=n.ref(),W=ge.getPopoverPortalProps({triggerRef:c,props:o.props}),{getFlipOnDir:M,getDir:P}=he.useConfig(),$=M("reversePlacementOnDir"),A=P(),F=ge.getPopoverContentProps({props:o.props,flip:$,emitsAsProps:o.emitsAsProps,_dir:A,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),T=({key:a,getterKey:S,defaultValue:O,noReturnOption:v})=>d=>{const g=V.isFunction(O)?O(d):O;if(X.isObject(d)){const b=d[a]??g,I=S&&o.props[S];if(I){if(V.isString(I))return d[I]??b;if(V.isFunction(I))return I(d)??b}return b}return V.isString(d)&&!v?d??g:g},_=T({getterKey:"getValue",key:"value"}),y=T({getterKey:"getLabel",key:"label",defaultValue:_}),L=T({getterKey:"getIcon",key:"icon",noReturnOption:!0}),z=a=>{var S;if((S=o.props.options)!=null&&S.length)for(const O of o.props.options){if(_(O)===a)return O;const v=E(O);if(v!=null&&v.length){for(const d of v)if(_(d)===a)return d}}return a},j=a=>{const S=z(a);return S?y(S)??a:a},U=T({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=T({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),E=T({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:B,getStatus:w,getSize:x}=i.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});fe({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:y,getOptionDisabled:U,getOptionIcon:L,getOptionByValue:z,getLabelByValue:j,getDisabled:B,getStatus:w,getSize:x,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const R=n.computed(()=>{const a=o.props.scrollContainerProps??{};return{...a,areaCls:[r.getBemElement(D,"scroll_area"),a==null?void 0:a.class,a==null?void 0:a.areaCls]}}),Y=r.getBemElement(D,"popup"),re=pe.cva(Y,{variants:{size:r.generateVariantClassList(ie,Y)}}),G=a=>{if(Se.isNumber(a))return`${a}px`;if(typeof a=="string")return a},Z=n.computed(()=>G(o.props.popupWidth)),ee=n.computed(()=>G(o.props.popupHeight)),J=n.computed(()=>G(o.props.minWidth)),N=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...V.omit(o.props.emptyProps??{},["class"])})),K=n.computed(()=>V.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,Q;const a=l=>{var p;if((p=o.props.options)!=null&&p.length&&l>0)return!!o.props.options[l-1]},S=l=>{var p,C;if((p=o.props.options)!=null&&p.length&&l>0){const u=o.props.options[l-1];return!!(u&&((C=E(u))!=null&&C.length))}},O=(te=t.default)==null?void 0:te.call(t,{}),v=(ne=i.flattenChildrenByType(O,oe))==null?void 0:ne.filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),d=[];(o.props.options??[]).forEach((l,p)=>{const C=h=>n.h(oe,{option:h},{default:()=>{var m;return(m=t.option)==null?void 0:m.call(t,{option:h})},leading:()=>{var m;return(m=t.optionLeading)==null?void 0:m.call(t,{option:h})},indicator:()=>{var m;return(m=t.optionIndicator)==null?void 0:m.call(t,{option:h})},text:()=>{var m;return(m=t.optionText)==null?void 0:m.call(t,{option:h})}}),u=E(l);if(u!=null&&u.length){a(p)&&d.push(n.h(ce._sfc_main));const h=s(l);h&&d.push(n.h(ye,{class:o.props.labelCls},()=>h)),u.forEach(m=>{d.push(C(m))})}else S(p)?d.push(n.h(ce._sfc_main)):d.push(C(l))});const g=i.flattenChildrenByType(d,oe).filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),b=!!(g!=null&&g.length||v!=null&&v.length),I=(l,p)=>{var C;if(b&&!i.isEmptyLikeLodash(p)&&V.isString(p)){const u=v!=null&&v.length?v:g;if(u.length){const h=u.find(m=>{var ue;return X.isObject(m.props)&&_((ue=m.props)==null?void 0:ue.option)===p});return(C=h==null?void 0:h.children)==null?void 0:C[l]}}},le=()=>{var p,C;const l=[];if(b||o.props.loading){const u=[];if(b&&(v!=null&&v.length?u.push(O):u.push(...d)),o.props.loading){const h=(p=t.loading)==null?void 0:p.call(t,{});if(!i.isEmptyElement(h))u.push(h);else{const m=new Array(b?2:o.props.loadingRowCount).fill(1);u.push(...m.map(()=>n.h(Ce._sfc_main,{size:x.value,class:r.normCls(r.getBemElement(D,"skeleton"),o.props.skeletonCls),...K.value})))}}l.push(n.h("div",{class:r.normCls(r.getBemElement(D,"options"),o.props.optionsCls)},u))}else if(!b){const u=(C=t.empty)==null?void 0:C.call(t,N.value);i.isEmptyElement(u)?l.push(n.h(ve._sfc_main,{class:r.normCls(r.getBemElement(D,"empty"),o.props.emptyCls),...N.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):l.push(u)}return o.props.lazyLoading&&l.push(n.h("div",{class:r.getBemElement(D,"lazy_loading")},n.h("div",{class:r.getBemElement(D,"lazy_loading_trigger"),ref:q}))),l};return[n.h(Le,{getOptionSlot:I,ref:c,...o.attrs,style:{...((Q=o.attrs)==null?void 0:Q.style)??{},"--ptc-select-trigger-min-w":J.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(k.SelectPortal,W.value,()=>n.h(k.SelectContent,{...F.value,class:r.normCls(re(o.props),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:Z.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":J.value}},()=>n.h(_e._sfc_main,R.value,le)))]}}}),Be=n.defineComponent({...i.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{},trailingIcon:{default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(f,{emit:t}){const o=f,e=t,q=k.useEmitAsProps(e),c=n.computed(()=>V.omitBy({...V.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...V.pick(q,["onUpdate:modelValue","onUpdate:open"])},V.isUndefined)),W=n.useSlots(),M=n.useAttrs();return Ve({attrs:M,props:o,emit:e,emitsAsProps:q}),(P,$)=>(n.openBlock(),n.createBlock(n.unref(k.SelectRoot),n.normalizeProps(n.guardReactiveProps(c.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(be),null,n.createSlots({_:2},[n.renderList(Object.keys(W),A=>({name:A,fn:n.withCtx(F=>[n.renderSlot(P.$slots,A,n.normalizeProps(n.guardReactiveProps(F)))])}))]),1024)]),_:3},16))}});exports.SelectOption=oe;exports.SelectSizes=ie;exports.SelectStatuses=me;exports._sfc_main=Be;exports._sfc_main$1=ye;exports.injectSelectContext=se;exports.provideSelectContext=fe;
|
|
1
|
+
"use strict";const n=require("vue"),k=require("reka-ui"),V=require("es-toolkit"),i=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),pe=require("class-variance-authority"),ve=require("./Empty.vue_vue_type_style_index_0_lang-JL3Igq8r.js"),Ce=require("./Skeleton.vue_vue_type_style_index_0_lang-W1OLEfkY.js"),ce=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),ge=require("./Popover.vue_vue_type_style_index_0_lang-DSoOzWTR.js"),he=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),_e=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),ae=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),H=require("./isArray-Bin_5of_.js"),de=require("./Chip.vue_vue_type_style_index_0_lang-DsOuKYAw.js"),X=require("./isObject-BDHKUJKN.js"),Se=require("./isNumber-DMOjxgl8.js"),ie=["sm","md","lg"],me=["error","warning","success"],[se,fe]=k.createContext("Select"),[Ee,Ve]=k.createContext("_Select"),D=r.getBemBlock("select"),ye=n.defineComponent({...i.getComponentOptions("SelectLabel"),__name:"SelectLabel",setup(f){return(t,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(n.unref(r.getBemElement)(n.unref(D),"label"))},[n.renderSlot(t.$slots,"default")],2))}}),oe=n.defineComponent({name:i.getComponentName("SelectOption"),props:{option:{type:[Object,String],required:!0}},slots:Object,setup(f,{slots:t}){const o=se(),e=n.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),q=n.computed(()=>o.getOptionValue(f.option)),c=n.computed(()=>o.getOptionLabel(f.option)),W=n.computed(()=>o.getOptionIcon(f.option)),M=n.computed(()=>o.getOptionDisabled(f.option)),P=r.getBemElement(D,"option"),$=pe.cva(P,{variants:{size:r.generateVariantClassList(ie,P)}}),A=_=>{var L,z;const y=_.detail.value;o.emit("select",y,H.isArray(o.modelValue.value)?!((z=(L=o.modelValue.value)==null?void 0:L.includes)!=null&&z.call(L,y)):!0)};if(!f.option)throw new Error("option is required");const F=()=>{var y;const _=(y=t.indicator)==null?void 0:y.call(t,{option:f.option});return i.isEmptyElement(_)?n.h(k.SelectItemIndicator,{asChild:!0},()=>n.h(ae._sfc_main,{icon:o.props.indicatorIcon,size:e.value})):_},T=()=>{var L,z,j;const _=(L=t.default)==null?void 0:L.call(t,{option:f.option}),y=[];if(!i.isEmptyElement(_))y.push(_);else{const U=(z=t.leading)==null?void 0:z.call(t,{option:f.option}),s=!i.isEmptyElement(U);if(W.value||s){let w;s?w=U:w=n.h(ae._sfc_main,{icon:W.value,size:e.value}),y.push(n.h("div",{class:r.normCls(r.getBemElement(P,"leading"),o.props.itemLeadingCls)},w))}let E;const b=(j=t.text)==null?void 0:j.call(t,{option:f.option});i.isEmptyElement(b)?E=c.value:E=b,y.push(n.h("div",{class:r.normCls(r.getBemElement(P,"text"),o.props.optionTextCls)},E))}return n.h("div",{class:r.normCls(r.getBemElement(P,"content"),o.props.optionContentCls)},y)};return()=>n.h(k.SelectItem,{value:q.value,textValue:c.value,disabled:M.value,class:r.normCls($({size:o.getSize.value}),o.props.optionCls),onSelect:A},()=>[T(),F()])}}),Le=n.defineComponent({name:i.getComponentName("SelectTrigger"),props:{getOptionSlot:{type:Function,required:!0}},setup(f,{slots:t,attrs:o}){const e=se(),q=({value:s},E)=>{if(E.stopPropagation(),s&&H.isArray(e.modelValue.value)&&!e.getDisabled.value){const b=e.modelValue.value.filter(w=>w!==s);e.modelValue.value=b,e.emit("update:modelValue",b),e.emit("select",s,!1)}},c=r.getBemElement(D,"trigger"),W=pe.cva(c,{variants:{size:r.generateVariantClassList(ie,c),status:r.generateVariantClassList(me,c),bordered:r.generateVariantClassList("bordered",c),multiple:r.generateVariantClassList("multiple",c),contentFit:r.generateVariantClassList("content-fit",c),wrapped:r.generateVariantClassList("wrapped",c),filled:r.generateVariantClassList("filled",c)}}),M=n.computed(()=>{switch(e.getSize.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),P=n.computed(()=>{switch(e.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),$=n.computed(()=>{if(!e.props.multiple&&V.isString(e.modelValue.value)&&!i.isEmptyLikeLodash(e.modelValue.value))return e.getOptionByValue(e.modelValue.value)}),A=(s=$.value)=>{if(e.props.selectedItemIconAsTrailingIcon&&X.isObject(s)&&"icon"in s)return s.icon},F=n.computed(()=>A()),T=n.computed(()=>{if(!e.props.noTrailing)return e.props.trailingIcon}),_=n.computed(()=>!i.isEmptyLikeLodash(e.modelValue.value)&&e.props.multiple&&H.isArray(e.modelValue.value)),y=n.computed(()=>({modelValue:V.cloneDeep(e.modelValue.value),open:V.cloneDeep(e.open.value)})),L=s=>({...y.value,option:e.getOptionByValue(s)}),z=n.computed(()=>({disabled:e.getDisabled.value,reference:e.props.reference,tabindex:e.getDisabled.value?void 0:0,as:"div",class:r.normCls(W({size:e.getSize.value,status:e.getStatus.value==="success"&&i.isEmptyLikeLodash(e.modelValue.value)?void 0:e.getStatus.value,bordered:e.props.bordered,multiple:e.props.multiple,contentFit:e.props.contentFit,wrapped:e.props.wrapped,filled:!i.isEmptyLikeLodash(e.modelValue.value)}),e.props.triggerCls),...o})),j=(s,E=P.value)=>n.h(ae._sfc_main,{icon:s,size:E}),U=()=>{var b;let s;const E=(b=t.triggerTrailing)==null?void 0:b.call(t,y.value);if(i.isEmptyElement(E)?T.value&&(s=j(T.value)):s=E,s)return n.h("div",{class:r.normCls(r.getBemElement(c,"trailing"),e.props.triggerTrailingCls)},s)};return()=>{var w;const s=(w=t.trigger)==null?void 0:w.call(t,y.value),b=(()=>{if(i.isEmptyElement(s))return!1;const x=i.filterEmpty(s)??null,R=x.length===1?x[0]:x;return R?i.isValidElement(R)&&!i.isFragment(R):!0})();return n.h(k.SelectTrigger,{...z.value,asChild:b,key:String(b)},{default:()=>{var J;if(!i.isEmptyElement(s))return s;const x=(J=t.triggerLeading)==null?void 0:J.call(t,y.value),R=!i.isEmptyElement(x),Y=()=>{var N;if(!e.props.multiple&&!H.isArray(e.modelValue.value)){const K=(N=f.getOptionSlot("leading",e.modelValue.value))==null?void 0:N();if(R||K||F.value||e.props.leadingIcon){let a;return i.isEmptyElement(K)?F.value?a=j(F.value):R?a=x:e.props.leadingIcon&&(a=j(e.props.leadingIcon)):a=K,n.h("div",{class:r.normCls(r.getBemElement(c,"leading"),e.props.triggerLeadingCls)},a)}}},re=()=>{const N=[];if(i.isEmptyLikeLodash(e.modelValue.value)){if(e.props.placeholder&&!e.props.multiple){const K=()=>{var S;const a=(S=t.placeholder)==null?void 0:S.call(t,y.value);return i.isEmptyElement(a)?e.props.placeholder:a};N.push(K())}}else{const a=(()=>{var O,v,d;const S=(O=t.triggerValue)==null?void 0:O.call(t,y.value);if(!i.isEmptyElement(S))return S;if(e.props.multiple&&H.isArray(e.modelValue.value))return n.h(de._sfc_main$1,{maxCount:e.props.maxCount,size:M.value,color:"primary",closeable:!e.getDisabled.value,noPopover:!0,noWrap:!e.props.wrapped,class:r.normCls(r.getBemElement(c,"tag_list"),e.props.tagListCls),onClose:q},()=>e.modelValue.value.map(g=>{var Q;const B=l=>{var C;const p=(C=t.tagClose)==null?void 0:C.call(t,{...L(g),onClose:l});return i.isEmptyElement(p)?null:p},I=(Q=f.getOptionSlot("default",g))==null?void 0:Q(),le=()=>{var C,u;const l=(C=f.getOptionSlot("text",g))==null?void 0:C(),p=(u=t.tagText)==null?void 0:u.call(t,L(g));return i.isEmptyElement(p)?i.isEmptyElement(I)?i.isEmptyElement(l)?e.getLabelByValue(g):l:I:p},te=({size:l})=>{var h,m;if(!i.isEmptyElement(I))return null;const p=(h=f.getOptionSlot("leading",g))==null?void 0:h(),C=(m=t.tagLeading)==null?void 0:m.call(t,L(g)),u=A(e.getOptionByValue(g))??e.props.leadingIcon;return i.isEmptyElement(C)?i.isEmptyElement(p)?u?j(u,l):i.isEmptyElement(x)?null:x:p:C},ne=()=>{var p;const l=(p=t.tagTrailing)==null?void 0:p.call(t,L(g));return i.isEmptyElement(l)?null:l};return n.h(de._sfc_main,{value:g,class:r.normCls(r.getBemElement(c,"tag"),e.props.tagCls),closeIconCls:r.getBemElement(c,"tag__close"),closeTrigger:"pointer"},{text:le,leading:te,trailing:ne,close:B})}));if(!H.isArray(e.modelValue.value)){const g=(v=f.getOptionSlot("default",e.modelValue.value))==null?void 0:v(),B=(d=f.getOptionSlot("text",e.modelValue.value))==null?void 0:d();return i.isEmptyElement(g)?i.isEmptyElement(B)?V.isString(e.modelValue.value)?e.getLabelByValue(e.modelValue.value):e.modelValue.value:B:g}})();a&&N.push(a)}return N},G=[],Z=Y();i.isEmptyElement(Z)||G.push(Z),G.push(n.h(k.Primitive,{class:r.normCls(r.getBemElement(c,"content"),e.props.triggerContentCls,i.isEmptyLikeLodash(e.modelValue.value)?e.props.triggerContentPlaceholderCls:e.props.triggerContentValueCls),as:"div",key:String(_.value),asChild:_.value},{default:re}));const ee=U();return i.isEmptyElement(ee)||G.push(ee),G}})}}}),Be=n.defineComponent({name:i.getComponentName("SelectWrapper"),setup(f,{slots:t}){const o=Ee(),e=k.injectSelectRootContext(),q=n.ref();i.useLazyLoading({target:q});const c=n.ref(),W=ge.getPopoverPortalProps({triggerRef:c,props:o.props}),{getFlipOnDir:M,getDir:P}=he.useConfig(),$=M("reversePlacementOnDir"),A=P(),F=ge.getPopoverContentProps({props:o.props,flip:$,emitsAsProps:o.emitsAsProps,_dir:A,controlAutoFocus:!1,extraPropNames:["bodyLock","position"]}),T=({key:a,getterKey:S,defaultValue:O,noReturnOption:v})=>d=>{const g=V.isFunction(O)?O(d):O;if(X.isObject(d)){const B=d[a]??g,I=S&&o.props[S];if(I){if(V.isString(I))return d[I]??B;if(V.isFunction(I))return I(d)??B}return B}return V.isString(d)&&!v?d??g:g},_=T({getterKey:"getValue",key:"value"}),y=T({getterKey:"getLabel",key:"label",defaultValue:_}),L=T({getterKey:"getIcon",key:"icon",noReturnOption:!0}),z=a=>{var S;if((S=o.props.options)!=null&&S.length)for(const O of o.props.options){if(_(O)===a)return O;const v=E(O);if(v!=null&&v.length){for(const d of v)if(_(d)===a)return d}}return a},j=a=>{const S=z(a);return S?y(S)??a:a},U=T({getterKey:"getDisabled",key:"disabled",defaultValue:!1,noReturnOption:!0}),s=T({getterKey:"getGroupLabel",key:"label",noReturnOption:!0}),E=T({getterKey:"getGroupOptions",key:"options",noReturnOption:!0}),{getDisabled:b,getStatus:w,getSize:x}=i.useFormInput({getDisabled:()=>o.props.disabled,getSize:()=>o.props.size,getStatus:()=>o.props.status});fe({props:o.props,attrs:o.attrs,emit:o.emit,getOptionValue:_,getOptionLabel:y,getOptionDisabled:U,getOptionIcon:L,getOptionByValue:z,getLabelByValue:j,getDisabled:b,getStatus:w,getSize:x,...e,modelValue:e.modelValue}),n.watch(()=>[o.props.clearOnChangeMultiple,o.props.multiple],()=>{o.props.clearOnChangeMultiple&&(e.modelValue.value=void 0,o.emit("update:modelValue",void 0))});const R=n.computed(()=>{const a=o.props.scrollContainerProps??{};return{...a,areaCls:[r.getBemElement(D,"scroll_area"),a==null?void 0:a.class,a==null?void 0:a.areaCls]}}),Y=r.getBemElement(D,"popup"),re=pe.cva(Y,{variants:{size:r.generateVariantClassList(ie,Y)}}),G=a=>{if(Se.isNumber(a))return`${a}px`;if(typeof a=="string")return a},Z=n.computed(()=>G(o.props.popupWidth)),ee=n.computed(()=>G(o.props.popupHeight)),J=n.computed(()=>G(o.props.minWidth)),N=n.computed(()=>({type:x.value==="sm"?"simple":"advance",...V.omit(o.props.emptyProps??{},["class"])})),K=n.computed(()=>V.omit(o.props.skeletonProps??{},["class"]));return()=>{var te,ne,Q;const a=l=>{var p;if((p=o.props.options)!=null&&p.length&&l>0)return!!o.props.options[l-1]},S=l=>{var p,C;if((p=o.props.options)!=null&&p.length&&l>0){const u=o.props.options[l-1];return!!(u&&((C=E(u))!=null&&C.length))}},O=(te=t.default)==null?void 0:te.call(t,{}),v=(ne=i.flattenChildrenByType(O,oe))==null?void 0:ne.filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),d=[];(o.props.options??[]).forEach((l,p)=>{const C=h=>n.h(oe,{option:h},{default:()=>{var m;return(m=t.option)==null?void 0:m.call(t,{option:h})},leading:()=>{var m;return(m=t.optionLeading)==null?void 0:m.call(t,{option:h})},indicator:()=>{var m;return(m=t.optionIndicator)==null?void 0:m.call(t,{option:h})},text:()=>{var m;return(m=t.optionText)==null?void 0:m.call(t,{option:h})}}),u=E(l);if(u!=null&&u.length){a(p)&&d.push(n.h(ce._sfc_main));const h=s(l);h&&d.push(n.h(ye,{class:o.props.labelCls},()=>h)),u.forEach(m=>{d.push(C(m))})}else S(p)?d.push(n.h(ce._sfc_main)):d.push(C(l))});const g=i.flattenChildrenByType(d,oe).filter(l=>{var p;return X.isObject(l==null?void 0:l.props)&&((p=l==null?void 0:l.props)==null?void 0:p.option)}),B=!!(g!=null&&g.length||v!=null&&v.length),I=(l,p)=>{var C;if(B&&!i.isEmptyLikeLodash(p)&&V.isString(p)){const u=v!=null&&v.length?v:g;if(u.length){const h=u.find(m=>{var ue;return X.isObject(m.props)&&_((ue=m.props)==null?void 0:ue.option)===p});return(C=h==null?void 0:h.children)==null?void 0:C[l]}}},le=()=>{var p,C;const l=[];if(B||o.props.loading){const u=[];if(B&&(v!=null&&v.length?u.push(O):u.push(...d)),o.props.loading){const h=(p=t.loading)==null?void 0:p.call(t,{});if(!i.isEmptyElement(h))u.push(h);else{const m=new Array(B?2:o.props.loadingRowCount).fill(1);u.push(...m.map(()=>n.h(Ce._sfc_main,{size:x.value,class:r.normCls(r.getBemElement(D,"skeleton"),o.props.skeletonCls),...K.value})))}}l.push(n.h("div",{class:r.normCls(r.getBemElement(D,"options"),o.props.optionsCls)},u))}else if(!B){const u=(C=t.empty)==null?void 0:C.call(t,N.value);i.isEmptyElement(u)?l.push(n.h(ve._sfc_main,{class:r.normCls(r.getBemElement(D,"empty"),o.props.emptyCls),...N.value},{title:t.emptyTitle,description:t.emptyDescription,actions:t.emptyActions,image:t.emptyImage})):l.push(u)}return o.props.lazyLoading&&l.push(n.h("div",{class:r.getBemElement(D,"lazy_loading")},n.h("div",{class:r.getBemElement(D,"lazy_loading_trigger"),ref:q}))),l};return[n.h(Le,{getOptionSlot:I,ref:c,...o.attrs,style:{...((Q=o.attrs)==null?void 0:Q.style)??{},"--ptc-select-trigger-min-w":J.value}},{trigger:t.trigger,triggerLeading:t.triggerLeading,placeholder:t.placeholder,triggerValue:t.triggerValue,triggerTrailing:t.triggerTrailing,tagClose:t.tagClose,tagTrailing:t.tagTrailing,tagLeading:t.tagLeading,tagText:t.tagText}),n.h(k.SelectPortal,W.value,()=>n.h(k.SelectContent,{...F.value,class:r.normCls(re(o.props),o.props.popupCls),style:{display:e.open.value?void 0:"none",zIndex:o.props.zIndex,"--ptc-select-popup-width":o.props.samePopupWidth?void 0:Z.value,"--ptc-select-popup-height":ee.value,"--ptc-select-trigger-min-w":J.value}},()=>n.h(_e._sfc_main,R.value,le)))]}}}),be=n.defineComponent({...i.getComponentOptions("Select"),__name:"Select",props:{status:{},size:{default:"md"},multiple:{type:Boolean,default:void 0},contentFit:{type:Boolean},wrapped:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},zIndex:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getValue:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{default:"bottom"},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagListCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},defaultValue:{},modelValue:{},by:{},dir:{},autocomplete:{},disabled:{type:Boolean,default:void 0},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean,default:void 0},position:{default:"popper"},bodyLock:{type:Boolean},side:{},sideOffset:{default:4},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:void 0},collisionBoundary:{},collisionPadding:{default:4},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean,default:void 0},positionStrategy:{default:"fixed"},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean,default:void 0},prioritizePosition:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{},defer:{type:Boolean}},emits:["change","select","update:modelValue","update:open","closeAutoFocus","escapeKeyDown","pointerDownOutside"],setup(f,{emit:t}){const o=f,e=t,q=k.useEmitAsProps(e),c=n.computed(()=>V.omitBy({...V.pick(o,["open","defaultOpen","defaultValue","modelValue","by","dir","multiple","autocomplete","disabled"]),...V.pick(q,["onUpdate:modelValue","onUpdate:open"])},V.isUndefined)),W=n.useSlots(),M=n.useAttrs();return Ve({attrs:M,props:o,emit:e,emitsAsProps:q}),(P,$)=>(n.openBlock(),n.createBlock(n.unref(k.SelectRoot),n.normalizeProps(n.guardReactiveProps(c.value)),{default:n.withCtx(()=>[n.createVNode(n.unref(Be),null,n.createSlots({_:2},[n.renderList(Object.keys(W),A=>({name:A,fn:n.withCtx(F=>[n.renderSlot(P.$slots,A,n.normalizeProps(n.guardReactiveProps(F)))])}))]),1024)]),_:3},16))}});exports.SelectOption=oe;exports.SelectSizes=ie;exports.SelectStatuses=me;exports._sfc_main=be;exports._sfc_main$1=ye;exports.injectSelectContext=se;exports.provideSelectContext=fe;
|
|
@@ -7,12 +7,12 @@ import { cva as de } from "class-variance-authority";
|
|
|
7
7
|
import { _ as nt } from "./Empty.vue_vue_type_style_index_0_lang-GEhjGuWp.js";
|
|
8
8
|
import { _ as rt } from "./Skeleton.vue_vue_type_style_index_0_lang-BUizov_K.js";
|
|
9
9
|
import { _ as Be } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
|
|
10
|
-
import { g as it, b as at } from "./Popover.vue_vue_type_style_index_0_lang-
|
|
10
|
+
import { g as it, b as at } from "./Popover.vue_vue_type_style_index_0_lang-CBbRhcN9.js";
|
|
11
11
|
import { u as lt } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
|
|
12
12
|
import { _ as pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CCEG6AjN.js";
|
|
13
13
|
import { _ as ce } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
|
|
14
14
|
import { i as Q } from "./isArray-QlWcxgml.js";
|
|
15
|
-
import { b as st, _ as ut } from "./Chip.vue_vue_type_style_index_0_lang-
|
|
15
|
+
import { b as st, _ as ut } from "./Chip.vue_vue_type_style_index_0_lang-Ddebarn3.js";
|
|
16
16
|
import { i as Z } from "./isObject-vmP43YLW.js";
|
|
17
17
|
import { i as ct } from "./isNumber-BduWbB-B.js";
|
|
18
18
|
const me = ["sm", "md", "lg"], gt = ["error", "warning", "success"], [Ie, dt] = Pe("Select"), [mt, ft] = Pe("_Select"), F = ot("select"), vt = /* @__PURE__ */ te({
|
|
@@ -649,7 +649,7 @@ const me = ["sm", "md", "lg"], gt = ["error", "warning", "success"], [Ie, dt] =
|
|
|
649
649
|
noTrailing: { type: Boolean },
|
|
650
650
|
leadingIcon: {},
|
|
651
651
|
zIndex: {},
|
|
652
|
-
trailingIcon: { default: "tabler:chevron-down" },
|
|
652
|
+
trailingIcon: { type: [String, Boolean], default: "tabler:chevron-down" },
|
|
653
653
|
selectedItemIconAsTrailingIcon: { type: Boolean, default: !0 },
|
|
654
654
|
maxCount: {},
|
|
655
655
|
to: {},
|
package/dist/SubMenu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../MenuItem.vue_vue_type_style_index_0_lang-DWhISIbu.js");exports.SubMenu=e._sfc_main$2;exports.default=e._sfc_main$2;
|
package/dist/Tree/index.js
CHANGED
package/dist/Tree/index.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-Biod_hK-.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),c=require("@pantograph/utils"),Ce=require("class-variance-authority"),w=require("es-toolkit"),Le=require("@pantograph/sortable"),Re=require("reka-ui"),J=require("@pantograph/utils-vue"),Se=require("./IndentLevel.vue_vue_type_style_index_0_lang-DupzYtBR.js"),Oe=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),Fe=require("./Checkbox.vue_vue_type_style_index_0_lang-bWMji_p5.js"),Ae=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),qe=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),$e=require("./isArray-Bin_5of_.js"),Be=["sm","md","lg"],me={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[Ie,xe]=Re.createContext("Tree"),Ge=["data-key","data-level","data-draggable","tabindex"],we=e.defineComponent({...J.getComponentOptions("TreeNode"),__name:"TreeNode",props:{node:{}},setup(P){const u=P;e.useSlots();const l=Ie(),t=Ce.cva(l.prefixes.node,{variants:{disabled:c.generateVariantClassList("disabled",l.prefixes.node),active:c.generateVariantClassList("active",l.prefixes.node)}}),f=v=>l.getNodeChildren(v,!0,!1),T=e.computed(()=>f(u.node)),_=e.computed(()=>l.props.draggable?u.node._draggable??!0:!1),k=e.computed(()=>!!(l.disabled.value||u.node._disabled)),R=e.computed(()=>u.node._dragging??!1),b=e.computed(()=>!R.value&&l.expandedKeys.value.includes(u.node._key)),z=e.computed(()=>!R.value&&!l.dragging.value&&l.props.showLine?I.value?"all":"before":!1),C=e.computed(()=>l.getIsSelected(u.node)),B=e.computed(()=>l.getIsChecked(u.node)),Y=v=>l.onCheck(u.node,!!v),O=e.computed(()=>l.getLevel(u.node)),I=e.computed(()=>{var v,r;return!!((v=T.value)!=null&&v.length||(r=l.props)!=null&&r.lazyLoad&&!u.node._leaf)}),x=e.computed(()=>({...u.node,selected:C.value,checked:B.value,disabled:k.value,expanded:b.value,unFocusable:!0})),D=()=>{k.value||l.onSelect(u.node,!C.value)};return(v,r)=>{var i,d,m,h,V,y,M;return e.openBlock(),e.createElementBlock("div",{"data-key":(i=e.unref(l).props)!=null&&i.draggable?v.node._key:void 0,"data-level":(d=e.unref(l).props)!=null&&d.draggable?O.value:void 0,"data-draggable":(m=e.unref(l).props)!=null&&m.draggable?!k.value&&_.value:void 0,class:e.normalizeClass(e.unref(c.normCls)(e.unref(t)({disabled:k.value,active:C.value}),u.node.class??"")),tabindex:e.unref(l).props.focusable?0:void 0,onClick:D},[(h=e.unref(l).props)!=null&&h.draggable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).prefixes.draggable)},[e.unref(l).dragging.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Oe._sfc_main,{key:0,icon:"tabler:grip-vertical",size:e.unref(l).iconSize.value,class:e.normalizeClass(e.unref(l).prefixes.draggableIcon)},null,8,["size","class"]))],2)):e.createCommentVNode("",!0),e.createVNode(Se._sfc_main,{level:O.value,children:I.value,size:e.unref(l).indentSize.value,expanded:b.value,showLine:z.value,dir:e.unref(l).props.dir,class:e.normalizeClass(e.unref(c.getBemElement)(e.unref(l).prefixes.node,"indent")),loading:v.node._loading,"branch-icon":v.node._switcherIcon??((V=e.unref(l).props)==null?void 0:V.switcherIcon),"no-rotate-branch":v.node._noRotateSwitcherIcon??((y=e.unref(l).props)==null?void 0:y.noRotateSwitcherIcon),onToggleExpand:r[0]||(r[0]=e.withModifiers($=>e.unref(l).onExpandKey(u.node),["stop"]))},{default:e.withCtx(()=>[e.renderSlot(v.$slots,"switcherIcon",e.normalizeProps(e.guardReactiveProps(x.value)))]),_:3},8,["level","children","size","expanded","showLine","dir","class","loading","branch-icon","no-rotate-branch"]),(M=e.unref(l).props)!=null&&M.checkable?(e.openBlock(),e.createBlock(Fe._sfc_main,{key:1,size:e.unref(l).iconSize.value,onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"])),modelValue:B.value,"onUpdate:modelValue":Y,disabled:k.value},null,8,["size","modelValue","disabled"])):e.createCommentVNode("",!0),e.renderSlot(v.$slots,"default",e.normalizeProps(e.guardReactiveProps(x.value)),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c.getBemElement)(e.unref(l).prefixes.node,"title"))},e.toDisplayString(v.node._title),3)])],10,Ge)}}}),X=P=>w.isString(P);function ze({getValue:P,getDisabled:u,arr:l,getChildren:t,getExtra:f,allowNoValidKey:T}){const _=[],k=(R,b)=>{R.forEach(z=>{const C=t(z,b),B=P(z,b,C);if(X(B)||T!=null&&T(z,b,C))_.push({...typeof z=="object"?z:{_item:z},_parentKeys:b,_key:B,_disabled:!!u(z),_hasChildren:!!(C!=null&&C.length),...(f==null?void 0:f(z))??{}}),C!=null&&C.length&&k(C,[...b??[],B]);else throw"every node must provide a valid key"})};return k(l),_}const De=({getData:P,getExpandedKeys:u,getValue:l,getDisabled:t,getChildren:f,isFlatten:T,getExtra:_})=>{const k=e.computed(()=>T?e.unref(P()):ze({arr:e.unref(P()),getChildren:f,getValue:l,getDisabled:t,getExtra:_})),R=e.computed(()=>{const r=e.unref(u());return k.value.filter(i=>{var d,m;return!i._parentKeys||((m=(d=i._parentKeys)==null?void 0:d.every)==null?void 0:m.call(d,h=>r.includes(h)))})}),b=(r,i=!1,d=!0)=>{const m=r==null?void 0:r._key;return!X(m)||!r?[]:k.value.filter(h=>{var V;if(i){const y=w.last(h._parentKeys??[]);return y&&y===m}return(V=h._parentKeys)==null?void 0:V.includes(m)}).filter(h=>h&&(!d||!(h!=null&&h._disabled)))},z=()=>k.value.filter(r=>!r._parentKeys),C=r=>r?b(r,!0,!1):z(),B=r=>X(r)?k.value.find(i=>i._key===r):void 0,Y=r=>{const i=B(w.last(r._parentKeys??[]));return C(i).findIndex(d=>d._key===r._key)},O=r=>{const i=e.unref(r);return i&&$e.isArray(i)?w.cloneDeep(i):[]},I=(r,i)=>{const d=b(r);if(d!=null&&d.length)return d.some(m=>D(m,i,!1)===!0)},x=(r,i)=>{const d=b(r);return d!=null&&d.length?d.every(m=>D(m,i,!1)===!0):!1},D=(r,i,d=!1)=>{const m=O(i),h=r==null?void 0:r._key;if(!d&&!r._disabled&&!m.includes(h)){const V=b(r);if(V!=null&&V.length)return x(r,i)?!0:I(r,i)?"indeterminate":!1}return m.includes(h)};return{flattenData:k,visibleFlattenData:R,getNodeChildren:b,getNodeByValue:B,getNodeIndexInScope:Y,getChildrenOrRootNodes:C,isSomeChildrenSelected:I,isAllChildrenSelected:x,isSelected:D,getRootNodes:z,selectValue:(r,i,d,m,h,V)=>{let y=O(d);if(X(r._key)&&!r._disabled)if(h){if(i?y.push(r._key):y=y.filter(M=>r._key!==M),!m){const $=b(r).map(p=>p._key),Q=y.map(B).filter(p=>p&&p._parentKeys);i||Q.push(r);const Z=w.uniq(w.flattenDeep(Q.map(p=>p._parentKeys))).filter(p=>X(p)&&p!==r._key).filter(X).map(B).filter(Boolean),K=[],G=[];Z.forEach(p=>{const re=p==null?void 0:p._key;x(p,y)?K.push(re):G.push(re)}),i?K.push(...$):G.push(...$),y.push(...K),y=y.filter(p=>!G.includes(p))}}else V==="replace"?i&&(y=[r._key]):i?y=[r._key]:y=[];return w.uniq(y)}}},Me=e.defineComponent({__name:"TreePlaceholder",props:{level:{},size:{},indentSize:{},branchIcon:{},children:{type:Boolean}},setup(P){return(u,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(Se._sfc_main),{level:u.level,expanded:!1,branchIcon:u.branchIcon,children:u.children,size:u.indentSize},null,8,["level","branchIcon","children","size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(J.sortPlaceholderVariantsClass)({size:u.size}))},null,2)],64))}}),ie={"3xsm":14,"2xsm":16,xsm:20,sm:24,md:32,lg:40,xlg:48,"2xlg":56},je=Object.keys(ie),Ue=e.defineComponent({...J.getComponentOptions("Tree"),__name:"Tree",props:{selectionBehavior:{default:"toggle"},class:{},size:{default:"md"},gap:{},dir:{},data:{},flattenData:{type:Boolean},modelValue:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkable:{type:Boolean},selectable:{type:Boolean},defaultExpandAll:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},getLoading:{},getNoRotateSwitcherIcon:{},getTitle:{},getLeaf:{},getDraggable:{},getKey:{},getSwitcherIcon:{},getDisabled:{},getChildren:{},groupName:{},sortableProps:{},focusable:{type:Boolean,default:!0},checkStrictly:{type:Boolean,default:void 0},syncCheckboxAndSelect:{type:Boolean},virtual:{type:[Boolean,Object]},scrollContainerProps:{},outerVirtualScroll:{type:Boolean},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean,default:void 0}},emits:["update:modelValue","update:expandedKeys","update:checkedKeys","change","expand","select","check","dragStart","dragEnd","choose","unchoose"],setup(P,{expose:u,emit:l}){const t=P,f=l,T=e.useSlots(),_=c.getBemBlock("tree"),k=c.getBemElement(_,"node"),R=c.getBemElement(k,"group"),b=c.getBemElement(k,"draggable"),z=c.getBemElement(b,"icon"),C=c.getBemElement(R,"list"),B={node:k,group:R,draggable:b,draggableIcon:z,groupList:C},Y=Ce.cva(_,{variants:{size:c.generateVariantClassList(Be,_),gap:c.generateVariantClassList(me,_),selectable:c.generateVariantClassList("selectable",_),disabled:c.generateVariantClassList("disabled",_),inlineNode:c.generateVariantClassList("inline-node",_),dragging:c.generateVariantClassList("dragging",_)}}),O={getLoading:c.createOptionGetterFunc({key:"loading",getter:t.getLoading,noReturnOption:!0}),getNoRotateSwitcherIcon:c.createOptionGetterFunc({key:"noRotateSwitcherIcon",getter:t.getNoRotateSwitcherIcon,noReturnOption:!0}),getTitle:c.createOptionGetterFunc({key:"title",getter:t.getTitle,noReturnOption:!0}),getLeaf:c.createOptionGetterFunc({key:"leaf",getter:t.getLeaf,noReturnOption:!0}),getDraggable:c.createOptionGetterFunc({key:"draggable",getter:t.getDraggable,noReturnOption:!0}),getKey:c.createOptionGetterFunc({key:"key",getter:t.getKey,noReturnOption:!0}),getSwitcherIcon:c.createOptionGetterFunc({key:"switcherIcon",getter:t.getSwitcherIcon,noReturnOption:!0}),getDisabled:c.createOptionGetterFunc({key:"disabled",getter:t.getDisabled,noReturnOption:!0}),getChildren:c.createOptionGetterFunc({key:"children",getter:t.getChildren,noReturnOption:!0})},I=(n,o)=>{var F;const s=`get${o[0].toUpperCase()+o.slice(1)}`;return(F=O[s])==null?void 0:F.call(O,n)},x=e.ref(t.expandedKeys??[]),{flattenData:D,visibleFlattenData:v,getNodeByValue:r,getChildrenOrRootNodes:i,getNodeIndexInScope:d,isSelected:m,getNodeChildren:h,selectValue:V,getRootNodes:y}=De({isFlatten:t.flattenData,getData:()=>t.data,getExpandedKeys:()=>x,getValue:n=>I(n,"key"),getDisabled:n=>I(n,"disabled"),getChildren:n=>I(n,"children"),getExtra:n=>({_switcherIcon:I(n,"switcherIcon"),_title:I(n,"title"),_draggable:I(n,"draggable"),_leaf:I(n,"leaf"),_loading:I(n,"loading"),_noRotateSwitcherIcon:I(n,"noRotateSwitcherIcon")})}),M=()=>D.value.filter(n=>n==null?void 0:n._hasChildren).map(n=>n._key);let $=!1;e.watch(()=>[t.defaultExpandAll,t.expandedKeys],([n,o],s)=>{$||($=!0,o!==(s==null?void 0:s[1])?x.value=t.expandedKeys??[]:n&&!(s!=null&&s[0])&&(x.value=M()),e.nextTick(()=>$=!1))},{deep:!0,immediate:!0}),e.watch(x,n=>{!$&&n!==t.expandedKeys&&f("update:expandedKeys",n)},{deep:!0});const Q=e.ref(t.modelValue??[]);e.watch(()=>t.modelValue,()=>{Q.value=t.modelValue??[],t.syncCheckboxAndSelect&&(K.value=t.modelValue??[])},{deep:!0});const E=e.computed({get(){return Q.value},set(n){n&&(t.modelValue||(Q.value=n),f("update:modelValue",n))}}),Z=e.ref(t.checkedKeys??[]);e.watch(()=>t.checkedKeys,()=>{Z.value=t.checkedKeys??[],t.syncCheckboxAndSelect&&(E.value=t.checkedKeys??[])},{deep:!0});const K=e.computed({get(){return Z.value},set(n){t.checkedKeys||(Z.value=n),f("update:checkedKeys",n)}}),{getDisabled:G,getSize:p}=J.useFormInput(),re=n=>!!m(n,E,!0),Ve=n=>m(n,K,t.checkStrictly),he=(n,o)=>{if(t.selectable&&!G.value){const s=V(n,o,E,!!(t.syncCheckboxAndSelect?t.checkStrictly:t.checkStrictly!==!1),t.multiple,t.selectionBehavior);w.isEqual(s,E.value)||(E.value=s,f("select",n,o,s),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(K.value=s,f("check",n,o,s)))}},ye=(n,o)=>{if(t.checkable&&!G.value){const s=V(n,o,K,!!t.checkStrictly,!0);w.isEqual(s,K.value)||(K.value=s,f("check",n,o,K.value),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(E.value=s,f("select",n,o,s)))}},ae=n=>{let o=!0,s=w.cloneDeep(x.value);s.includes(n._key)?(s=s.filter(F=>F!==n._key),o=!1):(s=w.uniq([...s,n._key]),o=!0),x.value=s,f("expand",n,o)},ce=e.computed(()=>{if(t.gap){if(typeof t.gap=="number")return`${t.gap}px`;if(!Object.keys(me).includes(t.gap))return t.gap}}),le=e.ref(!1),{getDir:Ke}=Ae.useConfig(),de=Ke(),ve=e.computed(()=>{switch(p.value){case"sm":return"2xsm";case"lg":return"sm";default:return"xsm"}}),Te=e.computed(()=>p.value==="sm"?"2xsm":"xsm"),_e=n=>{var o;return(((o=n==null?void 0:n._parentKeys)==null?void 0:o.length)??0)+1};xe({iconSize:Te,disabled:G,props:t,expandedKeys:x,model:E,dir:de,checked:K,onExpandKey:ae,onSelect:he,onCheck:ye,getNodeChildren:h,getNodeField:I,getIsSelected:re,getIsChecked:Ve,getLevel:_e,dragging:le,indentSize:ve,prefixes:B});const ue=e.ref();if(t.draggable){let n,o;const s=L=>{const g=L.getAttribute("data-key");if(g)return r(g)},F=c.getBemModifier(c.getBemElement(_,"dragging_item"),p.value),ee=()=>{var L;(L=n==null?void 0:n.destroy)==null||L.call(n),n=void 0},oe=async()=>{let L,g,U,te,A;const fe=a=>({...a,node:g,oldParents:U,newParents:te,oldIndex:L,oldDraggableIndex:L,newIndex:A,newDraggableIndex:A}),be=(a,W)=>{if(a){const N=()=>{const se=_e(g),S=!!(g!=null&&g._hasChildren);return{size:p.value,level:se,children:S,indentSize:ve.value,branchIcon:(g?g._switcherIcon??(t==null?void 0:t.switcherIcon):t==null?void 0:t.switcherIcon)??"tabler:chevron-left"}},q=document.createElement("div"),H=a.getBoundingClientRect();q.style.width=H.width?`${H.width}px`:"100%",q.style.height=H.height?`${H.height}px`:"100%",q.classList.add(c.getBemElement(_,J.sortPlaceholderCls));const ne=N();return W&&(ne.level=W),e.render(e.h(Me,ne),q),q}};n?ee():ue.value&&(n=new Le(ue.value,{...w.omit(t.sortableProps||{},["onMove"]),group:w.isFunction(t.groupName)?t.groupName():t.groupName??c.usePCId(_),filter:"[data-draggable=false]",tree:!0,draggable:`.${B.node}`,handle:`.${B.node} .${B.draggable} .${B.draggableIcon}`,dataIdAttr:"data-key",dragClass:F,onChoose(a){var W;if(g=s(a==null?void 0:a.item),U=(W=g==null?void 0:g._parentKeys)==null?void 0:W.map(r).filter(Boolean),g){if(U!=null&&U.length){const N=w.last(U);N&&(L=h(N,!0,!1).findIndex(q=>q._key===g._key))}else L=y().findIndex(N=>N._key===g._key);g._dragging=!0}f("choose",a)},onUnchoose(a){g&&(g._dragging=!1),f("unchoose",a)},onStart(a){g!=null&&g._key&&x.value.includes(g._key)&&(o=g,ae(o)),le.value=!0,f("dragStart",fe(a))},onEnd(a){le.value=!1,o&&(ae(o),o=void 0),f("dragEnd",fe(a)),L=U=A=te=g=void 0},onMove(a,W){var H,ne,se;if(A=te=void 0,a.draggedTreeItemParent){const S=s(a==null?void 0:a.draggedTreeItemParent);S&&(te=[...((H=S==null?void 0:S._parentKeys)==null?void 0:H.map(r).filter(Boolean))??[],S],(ne=h(S,!0,!1))!=null&&ne.length&&!x.value.includes(S._key)&&ae(S))}const N=a.draggedTreeItemLevel??1;if(!a.draggedTreeItemBefore)A=0;else if(a.draggedTreeItemBefore){if(a.draggedTreeItemBefore.level===N){const S=s(a.draggedTreeItemBefore);S&&(A=d(S)+1)}else if(a.draggedTreeItemBefore.level<N)A=0;else if(a.draggedTreeItemBefore.level>N){if(!a.draggedTreeItemAfter||a.draggedTreeItemAfter.level<N){const S=w.last(te??[]);A=i(S).length}else if(a.draggedTreeItemAfter.level===N){const S=s(a.draggedTreeItemAfter);S&&(A=d(S))}}}const q=fe(a);w.isFunction((se=t.sortableProps)==null?void 0:se.onMove)&&t.sortableProps.onMove(q,W)},getPlaceholder(a){return be(a==null?void 0:a.item)},getPlaceholderOnMove(a){return be(a==null?void 0:a.dragged,a.draggedTreeItemLevel||1)}}))};e.onMounted(oe),e.onBeforeUnmount(ee)}const ge=e.ref(),Ne={none:0,sm:4,md:6,lg:8},Pe=e.computed(()=>({get count(){return v.value.length??0},getScrollElement:()=>{var n;return(n=ge.value)==null?void 0:n.container.viewportElement},estimateSize:()=>ie[t.size]??ie.md,overscan:5,get gap(){return Ne[ce.value??p.value]??ce.value??p.value??0}}));let pe,j;if(t.virtual)if(typeof t.virtual=="object")pe=t.virtual;else{const{virtualizer:n,...o}=J.useVirtualScroll(Pe);pe=n,j=o}const ke=e.computed(()=>{var n;return t.virtual?(((n=e.unref(pe))==null?void 0:n.getVirtualItems())??[]).map(o=>v.value[o.index]):v.value}),Ee=()=>{var o;const n=()=>{const s=()=>{var ee;const F=(ee=T.default)==null?void 0:ee.call(T,{items:ke.value});return J.isEmptyElement(F)?ke.value.map(oe=>e.h(we,{key:oe._key,node:oe},{default:T.node,switcherIcon:T.switcherIcon})):F};return e.h("div",{dir:de.value,role:"tree",class:c.normCls(Y({size:p.value,gap:t.gap??p.value,selectable:t.selectable,disabled:G.value,inlineNode:t.inlineNode,dragging:le.value}),t.class),style:{"--ptc-tree-gap":ce.value,...t.virtual?(j==null?void 0:j.containerStyles.value)??{}:{}},ref:ue},s())};return t.virtual&&!t.outerVirtualScroll?e.h(qe._sfc_main,{...t.scrollContainerProps,ref:ge,dir:de.value,wrapProps:{...((o=t.scrollContainerProps)==null?void 0:o.wrapProps)??{},style:(j==null?void 0:j.scrollWrapperStyles.value)??{}}},n):n()};return u({scrollContainerRef:ge,onSelect:he,onCheck:ye}),(n,o)=>(e.openBlock(),e.createBlock(Ee))}});exports.TreeGaps=me;exports.TreeSizes=Be;exports._sfc_main=Ue;exports._sfc_main$1=we;exports.flattenBy_parentKeys=ze;exports.injectTreeContext=Ie;exports.provideTreeContext=xe;exports.systemSizes=je;exports.systemSizesMap=ie;
|
|
1
|
+
"use strict";const e=require("vue"),c=require("@pantograph/utils"),Ce=require("class-variance-authority"),w=require("es-toolkit"),Le=require("@pantograph/sortable"),Re=require("reka-ui"),J=require("@pantograph/utils-vue"),Se=require("./IndentLevel.vue_vue_type_style_index_0_lang-D22BSj0l.js"),Oe=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),Fe=require("./Checkbox.vue_vue_type_style_index_0_lang-bWMji_p5.js"),Ae=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-Dn5qxQ1y.js"),qe=require("./ScrollContainer.vue_vue_type_style_index_0_lang-Dti6qFXk.js"),$e=require("./isArray-Bin_5of_.js"),Be=["sm","md","lg"],me={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[Ie,xe]=Re.createContext("Tree"),Ge=["data-key","data-level","data-draggable","tabindex"],we=e.defineComponent({...J.getComponentOptions("TreeNode"),__name:"TreeNode",props:{node:{}},setup(P){const u=P;e.useSlots();const l=Ie(),t=Ce.cva(l.prefixes.node,{variants:{disabled:c.generateVariantClassList("disabled",l.prefixes.node),active:c.generateVariantClassList("active",l.prefixes.node)}}),f=v=>l.getNodeChildren(v,!0,!1),T=e.computed(()=>f(u.node)),_=e.computed(()=>l.props.draggable?u.node._draggable??!0:!1),k=e.computed(()=>!!(l.disabled.value||u.node._disabled)),R=e.computed(()=>u.node._dragging??!1),b=e.computed(()=>!R.value&&l.expandedKeys.value.includes(u.node._key)),z=e.computed(()=>!R.value&&!l.dragging.value&&l.props.showLine?I.value?"all":"before":!1),C=e.computed(()=>l.getIsSelected(u.node)),B=e.computed(()=>l.getIsChecked(u.node)),Y=v=>l.onCheck(u.node,!!v),O=e.computed(()=>l.getLevel(u.node)),I=e.computed(()=>{var v,r;return!!((v=T.value)!=null&&v.length||(r=l.props)!=null&&r.lazyLoad&&!u.node._leaf)}),x=e.computed(()=>({...u.node,selected:C.value,checked:B.value,disabled:k.value,expanded:b.value,unFocusable:!0})),D=()=>{k.value||l.onSelect(u.node,!C.value)};return(v,r)=>{var i,d,m,h,V,y,M;return e.openBlock(),e.createElementBlock("div",{"data-key":(i=e.unref(l).props)!=null&&i.draggable?v.node._key:void 0,"data-level":(d=e.unref(l).props)!=null&&d.draggable?O.value:void 0,"data-draggable":(m=e.unref(l).props)!=null&&m.draggable?!k.value&&_.value:void 0,class:e.normalizeClass(e.unref(c.normCls)(e.unref(t)({disabled:k.value,active:C.value}),u.node.class??"")),tabindex:e.unref(l).props.focusable?0:void 0,onClick:D},[(h=e.unref(l).props)!=null&&h.draggable?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).prefixes.draggable)},[e.unref(l).dragging.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Oe._sfc_main,{key:0,icon:"tabler:grip-vertical",size:e.unref(l).iconSize.value,class:e.normalizeClass(e.unref(l).prefixes.draggableIcon)},null,8,["size","class"]))],2)):e.createCommentVNode("",!0),e.createVNode(Se._sfc_main,{level:O.value,children:I.value,size:e.unref(l).indentSize.value,expanded:b.value,showLine:z.value,dir:e.unref(l).props.dir,class:e.normalizeClass(e.unref(c.getBemElement)(e.unref(l).prefixes.node,"indent")),loading:v.node._loading,"branch-icon":v.node._switcherIcon??((V=e.unref(l).props)==null?void 0:V.switcherIcon),"no-rotate-branch":v.node._noRotateSwitcherIcon??((y=e.unref(l).props)==null?void 0:y.noRotateSwitcherIcon),onToggleExpand:r[0]||(r[0]=e.withModifiers($=>e.unref(l).onExpandKey(u.node),["stop"]))},{default:e.withCtx(()=>[e.renderSlot(v.$slots,"switcherIcon",e.normalizeProps(e.guardReactiveProps(x.value)))]),_:3},8,["level","children","size","expanded","showLine","dir","class","loading","branch-icon","no-rotate-branch"]),(M=e.unref(l).props)!=null&&M.checkable?(e.openBlock(),e.createBlock(Fe._sfc_main,{key:1,size:e.unref(l).iconSize.value,onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"])),modelValue:B.value,"onUpdate:modelValue":Y,disabled:k.value},null,8,["size","modelValue","disabled"])):e.createCommentVNode("",!0),e.renderSlot(v.$slots,"default",e.normalizeProps(e.guardReactiveProps(x.value)),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(c.getBemElement)(e.unref(l).prefixes.node,"title"))},e.toDisplayString(v.node._title),3)])],10,Ge)}}}),X=P=>w.isString(P);function ze({getValue:P,getDisabled:u,arr:l,getChildren:t,getExtra:f,allowNoValidKey:T}){const _=[],k=(R,b)=>{R.forEach(z=>{const C=t(z,b),B=P(z,b,C);if(X(B)||T!=null&&T(z,b,C))_.push({...typeof z=="object"?z:{_item:z},_parentKeys:b,_key:B,_disabled:!!u(z),_hasChildren:!!(C!=null&&C.length),...(f==null?void 0:f(z))??{}}),C!=null&&C.length&&k(C,[...b??[],B]);else throw"every node must provide a valid key"})};return k(l),_}const De=({getData:P,getExpandedKeys:u,getValue:l,getDisabled:t,getChildren:f,isFlatten:T,getExtra:_})=>{const k=e.computed(()=>T?e.unref(P()):ze({arr:e.unref(P()),getChildren:f,getValue:l,getDisabled:t,getExtra:_})),R=e.computed(()=>{const r=e.unref(u());return k.value.filter(i=>{var d,m;return!i._parentKeys||((m=(d=i._parentKeys)==null?void 0:d.every)==null?void 0:m.call(d,h=>r.includes(h)))})}),b=(r,i=!1,d=!0)=>{const m=r==null?void 0:r._key;return!X(m)||!r?[]:k.value.filter(h=>{var V;if(i){const y=w.last(h._parentKeys??[]);return y&&y===m}return(V=h._parentKeys)==null?void 0:V.includes(m)}).filter(h=>h&&(!d||!(h!=null&&h._disabled)))},z=()=>k.value.filter(r=>!r._parentKeys),C=r=>r?b(r,!0,!1):z(),B=r=>X(r)?k.value.find(i=>i._key===r):void 0,Y=r=>{const i=B(w.last(r._parentKeys??[]));return C(i).findIndex(d=>d._key===r._key)},O=r=>{const i=e.unref(r);return i&&$e.isArray(i)?w.cloneDeep(i):[]},I=(r,i)=>{const d=b(r);if(d!=null&&d.length)return d.some(m=>D(m,i,!1)===!0)},x=(r,i)=>{const d=b(r);return d!=null&&d.length?d.every(m=>D(m,i,!1)===!0):!1},D=(r,i,d=!1)=>{const m=O(i),h=r==null?void 0:r._key;if(!d&&!r._disabled&&!m.includes(h)){const V=b(r);if(V!=null&&V.length)return x(r,i)?!0:I(r,i)?"indeterminate":!1}return m.includes(h)};return{flattenData:k,visibleFlattenData:R,getNodeChildren:b,getNodeByValue:B,getNodeIndexInScope:Y,getChildrenOrRootNodes:C,isSomeChildrenSelected:I,isAllChildrenSelected:x,isSelected:D,getRootNodes:z,selectValue:(r,i,d,m,h,V)=>{let y=O(d);if(X(r._key)&&!r._disabled)if(h){if(i?y.push(r._key):y=y.filter(M=>r._key!==M),!m){const $=b(r).map(p=>p._key),Q=y.map(B).filter(p=>p&&p._parentKeys);i||Q.push(r);const Z=w.uniq(w.flattenDeep(Q.map(p=>p._parentKeys))).filter(p=>X(p)&&p!==r._key).filter(X).map(B).filter(Boolean),K=[],G=[];Z.forEach(p=>{const re=p==null?void 0:p._key;x(p,y)?K.push(re):G.push(re)}),i?K.push(...$):G.push(...$),y.push(...K),y=y.filter(p=>!G.includes(p))}}else V==="replace"?i&&(y=[r._key]):i?y=[r._key]:y=[];return w.uniq(y)}}},Me=e.defineComponent({__name:"TreePlaceholder",props:{level:{},size:{},indentSize:{},branchIcon:{},children:{type:Boolean}},setup(P){return(u,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(Se._sfc_main),{level:u.level,expanded:!1,branchIcon:u.branchIcon,children:u.children,size:u.indentSize},null,8,["level","branchIcon","children","size"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(J.sortPlaceholderVariantsClass)({size:u.size}))},null,2)],64))}}),ie={"3xsm":14,"2xsm":16,xsm:20,sm:24,md:32,lg:40,xlg:48,"2xlg":56},je=Object.keys(ie),Ue=e.defineComponent({...J.getComponentOptions("Tree"),__name:"Tree",props:{selectionBehavior:{default:"toggle"},class:{},size:{default:"md"},gap:{},dir:{},data:{},flattenData:{type:Boolean},modelValue:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkable:{type:Boolean},selectable:{type:Boolean},defaultExpandAll:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},getLoading:{},getNoRotateSwitcherIcon:{},getTitle:{},getLeaf:{},getDraggable:{},getKey:{},getSwitcherIcon:{},getDisabled:{},getChildren:{},groupName:{},sortableProps:{},focusable:{type:Boolean,default:!0},checkStrictly:{type:Boolean,default:void 0},syncCheckboxAndSelect:{type:Boolean},virtual:{type:[Boolean,Object]},scrollContainerProps:{},outerVirtualScroll:{type:Boolean},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean,default:void 0}},emits:["update:modelValue","update:expandedKeys","update:checkedKeys","change","expand","select","check","dragStart","dragEnd","choose","unchoose"],setup(P,{expose:u,emit:l}){const t=P,f=l,T=e.useSlots(),_=c.getBemBlock("tree"),k=c.getBemElement(_,"node"),R=c.getBemElement(k,"group"),b=c.getBemElement(k,"draggable"),z=c.getBemElement(b,"icon"),C=c.getBemElement(R,"list"),B={node:k,group:R,draggable:b,draggableIcon:z,groupList:C},Y=Ce.cva(_,{variants:{size:c.generateVariantClassList(Be,_),gap:c.generateVariantClassList(me,_),selectable:c.generateVariantClassList("selectable",_),disabled:c.generateVariantClassList("disabled",_),inlineNode:c.generateVariantClassList("inline-node",_),dragging:c.generateVariantClassList("dragging",_)}}),O={getLoading:c.createOptionGetterFunc({key:"loading",getter:t.getLoading,noReturnOption:!0}),getNoRotateSwitcherIcon:c.createOptionGetterFunc({key:"noRotateSwitcherIcon",getter:t.getNoRotateSwitcherIcon,noReturnOption:!0}),getTitle:c.createOptionGetterFunc({key:"title",getter:t.getTitle,noReturnOption:!0}),getLeaf:c.createOptionGetterFunc({key:"leaf",getter:t.getLeaf,noReturnOption:!0}),getDraggable:c.createOptionGetterFunc({key:"draggable",getter:t.getDraggable,noReturnOption:!0}),getKey:c.createOptionGetterFunc({key:"key",getter:t.getKey,noReturnOption:!0}),getSwitcherIcon:c.createOptionGetterFunc({key:"switcherIcon",getter:t.getSwitcherIcon,noReturnOption:!0}),getDisabled:c.createOptionGetterFunc({key:"disabled",getter:t.getDisabled,noReturnOption:!0}),getChildren:c.createOptionGetterFunc({key:"children",getter:t.getChildren,noReturnOption:!0})},I=(n,o)=>{var F;const s=`get${o[0].toUpperCase()+o.slice(1)}`;return(F=O[s])==null?void 0:F.call(O,n)},x=e.ref(t.expandedKeys??[]),{flattenData:D,visibleFlattenData:v,getNodeByValue:r,getChildrenOrRootNodes:i,getNodeIndexInScope:d,isSelected:m,getNodeChildren:h,selectValue:V,getRootNodes:y}=De({isFlatten:t.flattenData,getData:()=>t.data,getExpandedKeys:()=>x,getValue:n=>I(n,"key"),getDisabled:n=>I(n,"disabled"),getChildren:n=>I(n,"children"),getExtra:n=>({_switcherIcon:I(n,"switcherIcon"),_title:I(n,"title"),_draggable:I(n,"draggable"),_leaf:I(n,"leaf"),_loading:I(n,"loading"),_noRotateSwitcherIcon:I(n,"noRotateSwitcherIcon")})}),M=()=>D.value.filter(n=>n==null?void 0:n._hasChildren).map(n=>n._key);let $=!1;e.watch(()=>[t.defaultExpandAll,t.expandedKeys],([n,o],s)=>{$||($=!0,o!==(s==null?void 0:s[1])?x.value=t.expandedKeys??[]:n&&!(s!=null&&s[0])&&(x.value=M()),e.nextTick(()=>$=!1))},{deep:!0,immediate:!0}),e.watch(x,n=>{!$&&n!==t.expandedKeys&&f("update:expandedKeys",n)},{deep:!0});const Q=e.ref(t.modelValue??[]);e.watch(()=>t.modelValue,()=>{Q.value=t.modelValue??[],t.syncCheckboxAndSelect&&(K.value=t.modelValue??[])},{deep:!0});const E=e.computed({get(){return Q.value},set(n){n&&(t.modelValue||(Q.value=n),f("update:modelValue",n))}}),Z=e.ref(t.checkedKeys??[]);e.watch(()=>t.checkedKeys,()=>{Z.value=t.checkedKeys??[],t.syncCheckboxAndSelect&&(E.value=t.checkedKeys??[])},{deep:!0});const K=e.computed({get(){return Z.value},set(n){t.checkedKeys||(Z.value=n),f("update:checkedKeys",n)}}),{getDisabled:G,getSize:p}=J.useFormInput(),re=n=>!!m(n,E,!0),Ve=n=>m(n,K,t.checkStrictly),he=(n,o)=>{if(t.selectable&&!G.value){const s=V(n,o,E,!!(t.syncCheckboxAndSelect?t.checkStrictly:t.checkStrictly!==!1),t.multiple,t.selectionBehavior);w.isEqual(s,E.value)||(E.value=s,f("select",n,o,s),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(K.value=s,f("check",n,o,s)))}},ye=(n,o)=>{if(t.checkable&&!G.value){const s=V(n,o,K,!!t.checkStrictly,!0);w.isEqual(s,K.value)||(K.value=s,f("check",n,o,K.value),f("change",{modelValue:E.value,checkedKeys:K.value}),t.syncCheckboxAndSelect&&(E.value=s,f("select",n,o,s)))}},ae=n=>{let o=!0,s=w.cloneDeep(x.value);s.includes(n._key)?(s=s.filter(F=>F!==n._key),o=!1):(s=w.uniq([...s,n._key]),o=!0),x.value=s,f("expand",n,o)},ce=e.computed(()=>{if(t.gap){if(typeof t.gap=="number")return`${t.gap}px`;if(!Object.keys(me).includes(t.gap))return t.gap}}),le=e.ref(!1),{getDir:Ke}=Ae.useConfig(),de=Ke(),ve=e.computed(()=>{switch(p.value){case"sm":return"2xsm";case"lg":return"sm";default:return"xsm"}}),Te=e.computed(()=>p.value==="sm"?"2xsm":"xsm"),_e=n=>{var o;return(((o=n==null?void 0:n._parentKeys)==null?void 0:o.length)??0)+1};xe({iconSize:Te,disabled:G,props:t,expandedKeys:x,model:E,dir:de,checked:K,onExpandKey:ae,onSelect:he,onCheck:ye,getNodeChildren:h,getNodeField:I,getIsSelected:re,getIsChecked:Ve,getLevel:_e,dragging:le,indentSize:ve,prefixes:B});const ue=e.ref();if(t.draggable){let n,o;const s=L=>{const g=L.getAttribute("data-key");if(g)return r(g)},F=c.getBemModifier(c.getBemElement(_,"dragging_item"),p.value),ee=()=>{var L;(L=n==null?void 0:n.destroy)==null||L.call(n),n=void 0},oe=async()=>{let L,g,U,te,A;const fe=a=>({...a,node:g,oldParents:U,newParents:te,oldIndex:L,oldDraggableIndex:L,newIndex:A,newDraggableIndex:A}),be=(a,W)=>{if(a){const N=()=>{const se=_e(g),S=!!(g!=null&&g._hasChildren);return{size:p.value,level:se,children:S,indentSize:ve.value,branchIcon:(g?g._switcherIcon??(t==null?void 0:t.switcherIcon):t==null?void 0:t.switcherIcon)??"tabler:chevron-left"}},q=document.createElement("div"),H=a.getBoundingClientRect();q.style.width=H.width?`${H.width}px`:"100%",q.style.height=H.height?`${H.height}px`:"100%",q.classList.add(c.getBemElement(_,J.sortPlaceholderCls));const ne=N();return W&&(ne.level=W),e.render(e.h(Me,ne),q),q}};n?ee():ue.value&&(n=new Le(ue.value,{...w.omit(t.sortableProps||{},["onMove"]),group:w.isFunction(t.groupName)?t.groupName():t.groupName??c.usePCId(_),filter:"[data-draggable=false]",tree:!0,draggable:`.${B.node}`,handle:`.${B.node} .${B.draggable} .${B.draggableIcon}`,dataIdAttr:"data-key",dragClass:F,onChoose(a){var W;if(g=s(a==null?void 0:a.item),U=(W=g==null?void 0:g._parentKeys)==null?void 0:W.map(r).filter(Boolean),g){if(U!=null&&U.length){const N=w.last(U);N&&(L=h(N,!0,!1).findIndex(q=>q._key===g._key))}else L=y().findIndex(N=>N._key===g._key);g._dragging=!0}f("choose",a)},onUnchoose(a){g&&(g._dragging=!1),f("unchoose",a)},onStart(a){g!=null&&g._key&&x.value.includes(g._key)&&(o=g,ae(o)),le.value=!0,f("dragStart",fe(a))},onEnd(a){le.value=!1,o&&(ae(o),o=void 0),f("dragEnd",fe(a)),L=U=A=te=g=void 0},onMove(a,W){var H,ne,se;if(A=te=void 0,a.draggedTreeItemParent){const S=s(a==null?void 0:a.draggedTreeItemParent);S&&(te=[...((H=S==null?void 0:S._parentKeys)==null?void 0:H.map(r).filter(Boolean))??[],S],(ne=h(S,!0,!1))!=null&&ne.length&&!x.value.includes(S._key)&&ae(S))}const N=a.draggedTreeItemLevel??1;if(!a.draggedTreeItemBefore)A=0;else if(a.draggedTreeItemBefore){if(a.draggedTreeItemBefore.level===N){const S=s(a.draggedTreeItemBefore);S&&(A=d(S)+1)}else if(a.draggedTreeItemBefore.level<N)A=0;else if(a.draggedTreeItemBefore.level>N){if(!a.draggedTreeItemAfter||a.draggedTreeItemAfter.level<N){const S=w.last(te??[]);A=i(S).length}else if(a.draggedTreeItemAfter.level===N){const S=s(a.draggedTreeItemAfter);S&&(A=d(S))}}}const q=fe(a);w.isFunction((se=t.sortableProps)==null?void 0:se.onMove)&&t.sortableProps.onMove(q,W)},getPlaceholder(a){return be(a==null?void 0:a.item)},getPlaceholderOnMove(a){return be(a==null?void 0:a.dragged,a.draggedTreeItemLevel||1)}}))};e.onMounted(oe),e.onBeforeUnmount(ee)}const ge=e.ref(),Ne={none:0,sm:4,md:6,lg:8},Pe=e.computed(()=>({get count(){return v.value.length??0},getScrollElement:()=>{var n;return(n=ge.value)==null?void 0:n.container.viewportElement},estimateSize:()=>ie[t.size]??ie.md,overscan:5,get gap(){return Ne[ce.value??p.value]??ce.value??p.value??0}}));let pe,j;if(t.virtual)if(typeof t.virtual=="object")pe=t.virtual;else{const{virtualizer:n,...o}=J.useVirtualScroll(Pe);pe=n,j=o}const ke=e.computed(()=>{var n;return t.virtual?(((n=e.unref(pe))==null?void 0:n.getVirtualItems())??[]).map(o=>v.value[o.index]):v.value}),Ee=()=>{var o;const n=()=>{const s=()=>{var ee;const F=(ee=T.default)==null?void 0:ee.call(T,{items:ke.value});return J.isEmptyElement(F)?ke.value.map(oe=>e.h(we,{key:oe._key,node:oe},{default:T.node,switcherIcon:T.switcherIcon})):F};return e.h("div",{dir:de.value,role:"tree",class:c.normCls(Y({size:p.value,gap:t.gap??p.value,selectable:t.selectable,disabled:G.value,inlineNode:t.inlineNode,dragging:le.value}),t.class),style:{"--ptc-tree-gap":ce.value,...t.virtual?(j==null?void 0:j.containerStyles.value)??{}:{}},ref:ue},s())};return t.virtual&&!t.outerVirtualScroll?e.h(qe._sfc_main,{...t.scrollContainerProps,ref:ge,dir:de.value,wrapProps:{...((o=t.scrollContainerProps)==null?void 0:o.wrapProps)??{},style:(j==null?void 0:j.scrollWrapperStyles.value)??{}}},n):n()};return u({scrollContainerRef:ge,onSelect:he,onCheck:ye}),(n,o)=>(e.openBlock(),e.createBlock(Ee))}});exports.TreeGaps=me;exports.TreeSizes=Be;exports._sfc_main=Ue;exports._sfc_main$1=we;exports.flattenBy_parentKeys=ze;exports.injectTreeContext=Ie;exports.provideTreeContext=xe;exports.systemSizes=je;exports.systemSizesMap=ie;
|
|
@@ -5,7 +5,7 @@ import { isString as dt, uniq as xe, flattenDeep as ut, last as pe, cloneDeep as
|
|
|
5
5
|
import pt from "@pantograph/sortable";
|
|
6
6
|
import { createContext as ft } from "reka-ui";
|
|
7
7
|
import { getComponentOptions as qe, sortPlaceholderVariantsClass as ht, useFormInput as mt, useVirtualScroll as yt, sortPlaceholderCls as vt, isEmptyElement as bt } from "@pantograph/utils-vue";
|
|
8
|
-
import { _ as We } from "./IndentLevel.vue_vue_type_style_index_0_lang-
|
|
8
|
+
import { _ as We } from "./IndentLevel.vue_vue_type_style_index_0_lang-BUK5LxWK.js";
|
|
9
9
|
import { _ as kt } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
|
|
10
10
|
import { _ as _t } from "./Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
|
|
11
11
|
import { u as St } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
|
package/dist/Upload/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as o, e as p, d as e, U as d, a as t, f as i, i as l, p as U, c as r, b as x, u as f } from "../Upload.vue_vue_type_style_index_0_lang-DJqvk1PP.js";
|
|
2
2
|
export {
|
|
3
3
|
o as Upload,
|
|
4
4
|
p as UploadListTypes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-cN55f5aO.js");exports.Upload=e._sfc_main;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$1;exports.UploadTypes=e.UploadTypes;exports.injectUploadContext=e.injectUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
|