asterui 0.12.0 → 0.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/components/Form.d.ts +27 -2
- package/dist/components/Radio.d.ts +7 -1
- package/dist/components/Status.d.ts +18 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.js +61 -59
- package/dist/index.js.map +1 -1
- package/dist/index100.js +7 -12
- package/dist/index100.js.map +1 -1
- package/dist/index101.js +11 -29
- package/dist/index101.js.map +1 -1
- package/dist/index102.js +29 -16
- package/dist/index102.js.map +1 -1
- package/dist/index103.js +17 -10792
- package/dist/index103.js.map +1 -1
- package/dist/index104.js +10793 -5
- package/dist/index104.js.map +1 -1
- package/dist/index105.js +5 -42
- package/dist/index105.js.map +1 -1
- package/dist/index106.js +42 -2
- package/dist/index106.js.map +1 -1
- package/dist/index107.js +2 -7
- package/dist/index107.js.map +1 -1
- package/dist/index108.js +6 -151
- package/dist/index108.js.map +1 -1
- package/dist/index109.js +147 -25
- package/dist/index109.js.map +1 -1
- package/dist/index110.js +28 -28
- package/dist/index110.js.map +1 -1
- package/dist/index111.js +30 -2
- package/dist/index111.js.map +1 -1
- package/dist/index112.js +2 -72
- package/dist/index112.js.map +1 -1
- package/dist/index113.js +71 -38
- package/dist/index113.js.map +1 -1
- package/dist/index114.js +37 -24
- package/dist/index114.js.map +1 -1
- package/dist/index115.js +24 -19
- package/dist/index115.js.map +1 -1
- package/dist/index116.js +20 -23
- package/dist/index116.js.map +1 -1
- package/dist/index117.js +23 -19
- package/dist/index117.js.map +1 -1
- package/dist/index118.js +19 -99
- package/dist/index118.js.map +1 -1
- package/dist/index119.js +98 -358
- package/dist/index119.js.map +1 -1
- package/dist/index120.js +358 -23
- package/dist/index120.js.map +1 -1
- package/dist/index121.js +23 -71
- package/dist/index121.js.map +1 -1
- package/dist/index122.js +72 -15
- package/dist/index122.js.map +1 -1
- package/dist/index123.js +15 -65
- package/dist/index123.js.map +1 -1
- package/dist/index124.js +61 -139
- package/dist/index124.js.map +1 -1
- package/dist/index125.js +144 -2
- package/dist/index125.js.map +1 -1
- package/dist/index126.js +2 -56
- package/dist/index126.js.map +1 -1
- package/dist/index127.js +56 -2
- package/dist/index127.js.map +1 -1
- package/dist/index128.js +2 -2
- package/dist/index131.js +2 -2
- package/dist/index132.js +2 -2
- package/dist/index133.js +2 -2
- package/dist/index134.js +2 -2
- package/dist/index135.js +2 -32
- package/dist/index135.js.map +1 -1
- package/dist/index136.js +32 -2
- package/dist/index136.js.map +1 -1
- package/dist/index137.js +2 -8
- package/dist/index137.js.map +1 -1
- package/dist/index138.js +8 -2
- package/dist/index138.js.map +1 -1
- package/dist/index139.js +2 -2
- package/dist/index140.js +2 -21
- package/dist/index140.js.map +1 -1
- package/dist/index141.js +21 -2
- package/dist/index141.js.map +1 -1
- package/dist/index142.js +2 -24
- package/dist/index142.js.map +1 -1
- package/dist/index143.js +17 -64
- package/dist/index143.js.map +1 -1
- package/dist/index144.js +68 -18
- package/dist/index144.js.map +1 -1
- package/dist/index145.js +18 -31
- package/dist/index145.js.map +1 -1
- package/dist/index146.js +32 -68
- package/dist/index146.js.map +1 -1
- package/dist/index147.js +70 -2
- package/dist/index147.js.map +1 -1
- package/dist/index148.js +2 -22
- package/dist/index148.js.map +1 -1
- package/dist/index149.js +22 -2
- package/dist/index149.js.map +1 -1
- package/dist/index15.js +1 -1
- package/dist/index151.js +2 -2
- package/dist/index152.js +2 -2
- package/dist/index153.js +2 -4
- package/dist/index153.js.map +1 -1
- package/dist/index154.js +7 -0
- package/dist/index154.js.map +1 -0
- package/dist/index31.js +175 -116
- package/dist/index31.js.map +1 -1
- package/dist/index62.js +1 -1
- package/dist/index63.js +24 -24
- package/dist/index63.js.map +1 -1
- package/dist/index75.js +31 -22
- package/dist/index75.js.map +1 -1
- package/dist/index76.js +20 -327
- package/dist/index76.js.map +1 -1
- package/dist/index77.js +323 -50
- package/dist/index77.js.map +1 -1
- package/dist/index78.js +56 -40
- package/dist/index78.js.map +1 -1
- package/dist/index79.js +40 -23
- package/dist/index79.js.map +1 -1
- package/dist/index80.js +21 -93
- package/dist/index80.js.map +1 -1
- package/dist/index81.js +88 -123
- package/dist/index81.js.map +1 -1
- package/dist/index82.js +123 -154
- package/dist/index82.js.map +1 -1
- package/dist/index83.js +159 -63
- package/dist/index83.js.map +1 -1
- package/dist/index84.js +65 -35
- package/dist/index84.js.map +1 -1
- package/dist/index85.js +35 -234
- package/dist/index85.js.map +1 -1
- package/dist/index86.js +231 -31
- package/dist/index86.js.map +1 -1
- package/dist/index87.js +34 -210
- package/dist/index87.js.map +1 -1
- package/dist/index88.js +195 -198
- package/dist/index88.js.map +1 -1
- package/dist/index89.js +159 -241
- package/dist/index89.js.map +1 -1
- package/dist/index90.js +283 -166
- package/dist/index90.js.map +1 -1
- package/dist/index91.js +173 -253
- package/dist/index91.js.map +1 -1
- package/dist/index92.js +258 -14
- package/dist/index92.js.map +1 -1
- package/dist/index93.js +12 -31
- package/dist/index93.js.map +1 -1
- package/dist/index94.js +32 -5
- package/dist/index94.js.map +1 -1
- package/dist/index95.js +5 -13
- package/dist/index95.js.map +1 -1
- package/dist/index96.js +11 -43
- package/dist/index96.js.map +1 -1
- package/dist/index97.js +44 -11
- package/dist/index97.js.map +1 -1
- package/dist/index98.js +10 -12
- package/dist/index98.js.map +1 -1
- package/dist/index99.js +14 -7
- package/dist/index99.js.map +1 -1
- package/package.json +1 -1
package/dist/index89.js
CHANGED
|
@@ -1,298 +1,216 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
function
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
1
|
+
import { jsx as d, jsxs as H } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as J, useState as $, useCallback as K } from "react";
|
|
3
|
+
function Y(e) {
|
|
4
|
+
const t = [], i = (r) => {
|
|
5
|
+
r.forEach((l) => {
|
|
6
|
+
t.push(l.key), l.children && i(l.children);
|
|
7
|
+
});
|
|
8
|
+
};
|
|
9
|
+
return i(e), t;
|
|
10
|
+
}
|
|
11
|
+
function I(e) {
|
|
12
|
+
const t = [], i = (r) => {
|
|
13
|
+
r.children && r.children.forEach((l) => {
|
|
14
|
+
t.push(l.key), i(l);
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
return i(e), t;
|
|
9
18
|
}
|
|
10
|
-
function
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
function Z(e) {
|
|
20
|
+
const t = /* @__PURE__ */ new Map(), i = (r, l) => {
|
|
21
|
+
r.forEach((o) => {
|
|
22
|
+
t.set(o.key, l), o.children && i(o.children, o.key);
|
|
14
23
|
});
|
|
15
24
|
};
|
|
16
|
-
return
|
|
25
|
+
return i(e, null), t;
|
|
17
26
|
}
|
|
18
|
-
function
|
|
19
|
-
for (const
|
|
20
|
-
if (
|
|
21
|
-
if (
|
|
22
|
-
const
|
|
23
|
-
if (
|
|
27
|
+
function A(e, t) {
|
|
28
|
+
for (const i of e) {
|
|
29
|
+
if (i.key === t) return i;
|
|
30
|
+
if (i.children) {
|
|
31
|
+
const r = A(i.children, t);
|
|
32
|
+
if (r) return r;
|
|
24
33
|
}
|
|
25
34
|
}
|
|
26
35
|
return null;
|
|
27
36
|
}
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
treeCheckable: w,
|
|
44
|
-
onToggle: M,
|
|
45
|
-
onSelect: E,
|
|
46
|
-
onCheck: x,
|
|
47
|
-
renderChildren: K
|
|
37
|
+
function _({
|
|
38
|
+
node: e,
|
|
39
|
+
level: t,
|
|
40
|
+
expanded: i,
|
|
41
|
+
selected: r,
|
|
42
|
+
checked: l,
|
|
43
|
+
indeterminate: o,
|
|
44
|
+
checkable: x,
|
|
45
|
+
selectable: M,
|
|
46
|
+
showLine: b,
|
|
47
|
+
showIcon: S,
|
|
48
|
+
onToggle: C,
|
|
49
|
+
onSelect: N,
|
|
50
|
+
onCheck: w,
|
|
51
|
+
renderChildren: j
|
|
48
52
|
}) {
|
|
49
|
-
const
|
|
50
|
-
f.stopPropagation(),
|
|
51
|
-
},
|
|
52
|
-
|
|
53
|
-
},
|
|
54
|
-
f.stopPropagation(),
|
|
53
|
+
const v = e.children && e.children.length > 0, m = e.isLeaf ?? !v, T = (f) => {
|
|
54
|
+
f.stopPropagation(), m || C(e.key);
|
|
55
|
+
}, L = () => {
|
|
56
|
+
M && e.selectable !== !1 && !e.disabled && N(e.key, e);
|
|
57
|
+
}, B = (f) => {
|
|
58
|
+
f.stopPropagation(), !e.disabled && !e.disableCheckbox && w(e.key, e);
|
|
55
59
|
};
|
|
56
|
-
return /* @__PURE__ */
|
|
57
|
-
/* @__PURE__ */
|
|
60
|
+
return /* @__PURE__ */ H("div", { className: "tree-node", children: [
|
|
61
|
+
/* @__PURE__ */ H(
|
|
58
62
|
"div",
|
|
59
63
|
{
|
|
60
64
|
className: [
|
|
61
|
-
"flex items-center py-1
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
"flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors",
|
|
66
|
+
r && "bg-primary/10 text-primary",
|
|
67
|
+
e.disabled && "opacity-50 cursor-not-allowed"
|
|
64
68
|
].filter(Boolean).join(" "),
|
|
65
|
-
style: { paddingLeft: `${
|
|
66
|
-
onClick:
|
|
69
|
+
style: { paddingLeft: `${t * 20}px` },
|
|
70
|
+
onClick: L,
|
|
67
71
|
children: [
|
|
68
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ d(
|
|
69
73
|
"span",
|
|
70
74
|
{
|
|
71
75
|
className: [
|
|
72
|
-
"w-
|
|
73
|
-
!
|
|
76
|
+
"w-5 h-5 flex items-center justify-center flex-shrink-0",
|
|
77
|
+
!m && "cursor-pointer hover:bg-base-300 rounded"
|
|
74
78
|
].filter(Boolean).join(" "),
|
|
75
|
-
onClick:
|
|
76
|
-
children: !
|
|
79
|
+
onClick: T,
|
|
80
|
+
children: !m && /* @__PURE__ */ d(
|
|
77
81
|
"svg",
|
|
78
82
|
{
|
|
79
|
-
className: `w-3 h-3 transition-transform ${
|
|
83
|
+
className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
|
|
80
84
|
fill: "none",
|
|
81
85
|
viewBox: "0 0 24 24",
|
|
82
86
|
stroke: "currentColor",
|
|
83
|
-
children: /* @__PURE__ */
|
|
87
|
+
children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
|
|
84
88
|
}
|
|
85
89
|
)
|
|
86
90
|
}
|
|
87
91
|
),
|
|
88
|
-
|
|
92
|
+
x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
|
|
89
93
|
"input",
|
|
90
94
|
{
|
|
91
95
|
type: "checkbox",
|
|
92
96
|
className: "checkbox checkbox-sm checkbox-primary",
|
|
93
|
-
checked:
|
|
97
|
+
checked: l,
|
|
94
98
|
ref: (f) => {
|
|
95
|
-
f && (f.indeterminate =
|
|
99
|
+
f && (f.indeterminate = o);
|
|
96
100
|
},
|
|
97
|
-
disabled:
|
|
101
|
+
disabled: e.disabled || e.disableCheckbox,
|
|
98
102
|
onChange: () => {
|
|
99
103
|
}
|
|
100
104
|
}
|
|
101
105
|
) }),
|
|
102
|
-
/* @__PURE__ */
|
|
106
|
+
S && e.icon && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", children: e.icon }),
|
|
107
|
+
/* @__PURE__ */ d("span", { className: "flex-1 truncate select-none", children: e.title })
|
|
103
108
|
]
|
|
104
109
|
}
|
|
105
110
|
),
|
|
106
|
-
|
|
111
|
+
v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
|
|
107
112
|
] });
|
|
108
113
|
}
|
|
109
|
-
function
|
|
110
|
-
treeData:
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
114
|
+
function se({
|
|
115
|
+
treeData: e,
|
|
116
|
+
checkable: t = !1,
|
|
117
|
+
selectable: i = !0,
|
|
118
|
+
multiple: r = !1,
|
|
119
|
+
defaultExpandAll: l = !1,
|
|
120
|
+
defaultExpandedKeys: o = [],
|
|
121
|
+
expandedKeys: x,
|
|
122
|
+
defaultSelectedKeys: M = [],
|
|
123
|
+
selectedKeys: b,
|
|
124
|
+
defaultCheckedKeys: S = [],
|
|
125
|
+
checkedKeys: C,
|
|
126
|
+
onExpand: N,
|
|
127
|
+
onSelect: w,
|
|
128
|
+
onCheck: j,
|
|
129
|
+
showLine: v = !1,
|
|
130
|
+
showIcon: m = !1,
|
|
131
|
+
className: T = "",
|
|
132
|
+
...L
|
|
127
133
|
}) {
|
|
128
|
-
const
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
}, []);
|
|
135
|
-
const I = z(() => {
|
|
136
|
-
if (!L) return t;
|
|
137
|
-
const e = J(t), s = /* @__PURE__ */ new Set();
|
|
138
|
-
e.forEach(({ node: r }) => {
|
|
139
|
-
(typeof r.title == "string" ? r.title : String(r.title)).toLowerCase().includes(L.toLowerCase()) && s.add(r.key);
|
|
140
|
-
});
|
|
141
|
-
const n = (r) => r.map((l) => {
|
|
142
|
-
const $ = l.children && n(l.children).length > 0;
|
|
143
|
-
return s.has(l.key) || $ ? {
|
|
144
|
-
...l,
|
|
145
|
-
children: l.children ? n(l.children) : void 0
|
|
146
|
-
} : null;
|
|
147
|
-
}).filter(Boolean);
|
|
148
|
-
return n(t);
|
|
149
|
-
}, [t, L]), O = b(
|
|
150
|
-
(e) => {
|
|
151
|
-
const s = g.includes(e) ? g.filter((n) => n !== e) : [...g, e];
|
|
152
|
-
p === void 0 && D(s), C?.(s);
|
|
134
|
+
const B = J(() => l ? Y(e) : o, []), [f, O] = $(B), [Q, R] = $(M), [U, V] = $(S), y = x ?? f, u = b ?? Q, p = C ?? U, P = J(() => Z(e), [e]), W = K(
|
|
135
|
+
(n) => {
|
|
136
|
+
if (!n.children || n.children.length === 0)
|
|
137
|
+
return { checked: p.includes(n.key), indeterminate: !1 };
|
|
138
|
+
const a = I(n), c = a.filter((s) => p.includes(s));
|
|
139
|
+
return c.length === 0 ? { checked: p.includes(n.key), indeterminate: !1 } : c.length === a.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
|
|
153
140
|
},
|
|
154
|
-
[
|
|
155
|
-
),
|
|
156
|
-
(
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
const r = n.map((l) => k(t, l)?.title || l);
|
|
160
|
-
c?.(a ? n : n[0] || "", r);
|
|
141
|
+
[p]
|
|
142
|
+
), q = K(
|
|
143
|
+
(n) => {
|
|
144
|
+
const a = A(e, n), c = y.includes(n), s = c ? y.filter((g) => g !== n) : [...y, n];
|
|
145
|
+
x === void 0 && O(s), N?.(s, { node: a, expanded: !c });
|
|
161
146
|
},
|
|
162
|
-
[
|
|
163
|
-
),
|
|
164
|
-
(
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
const l = H(s);
|
|
168
|
-
n ? r = r.filter((h) => h !== e && !l.includes(h)) : (r.push(e), l.forEach((h) => {
|
|
169
|
-
r.includes(h) || r.push(h);
|
|
170
|
-
})), i === void 0 && S(r);
|
|
171
|
-
const $ = r.map((h) => k(t, h)?.title || h);
|
|
172
|
-
c?.(r, $);
|
|
147
|
+
[y, x, N, e]
|
|
148
|
+
), z = K(
|
|
149
|
+
(n, a) => {
|
|
150
|
+
let c;
|
|
151
|
+
r ? u.includes(n) ? c = u.filter((s) => s !== n) : c = [...u, n] : c = u.includes(n) ? [] : [n], b === void 0 && R(c), w?.(c, { node: a, selected: c.includes(n) });
|
|
173
152
|
},
|
|
174
|
-
[
|
|
175
|
-
),
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
153
|
+
[u, r, b, w]
|
|
154
|
+
), F = K(
|
|
155
|
+
(n, a) => {
|
|
156
|
+
const c = p.includes(n);
|
|
157
|
+
let s = [...p];
|
|
158
|
+
const g = I(a);
|
|
159
|
+
c ? s = s.filter(
|
|
160
|
+
(h) => h !== n && !g.includes(h)
|
|
161
|
+
) : (s.push(n), g.forEach((h) => {
|
|
162
|
+
s.includes(h) || s.push(h);
|
|
163
|
+
}));
|
|
164
|
+
let k = P.get(n) ?? null;
|
|
165
|
+
for (; k; ) {
|
|
166
|
+
const h = A(e, k);
|
|
167
|
+
h && h.children && (h.children.every(
|
|
168
|
+
(E) => s.includes(E.key) || I(E).every((X) => s.includes(X))
|
|
169
|
+
) ? s.includes(k) || s.push(k) : s = s.filter((E) => E !== k)), k = P.get(k) ?? null;
|
|
170
|
+
}
|
|
171
|
+
C === void 0 && V(s), j?.(s, { node: a, checked: !c });
|
|
191
172
|
},
|
|
192
|
-
[
|
|
193
|
-
),
|
|
194
|
-
(
|
|
195
|
-
const { checked:
|
|
196
|
-
return /* @__PURE__ */
|
|
197
|
-
|
|
173
|
+
[p, C, j, P, e]
|
|
174
|
+
), G = K(
|
|
175
|
+
(n, a) => n.map((c) => {
|
|
176
|
+
const { checked: s, indeterminate: g } = W(c);
|
|
177
|
+
return /* @__PURE__ */ d(
|
|
178
|
+
_,
|
|
198
179
|
{
|
|
199
|
-
node:
|
|
200
|
-
level:
|
|
201
|
-
expanded:
|
|
202
|
-
selected:
|
|
203
|
-
checked:
|
|
204
|
-
indeterminate:
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
180
|
+
node: c,
|
|
181
|
+
level: a,
|
|
182
|
+
expanded: y.includes(c.key),
|
|
183
|
+
selected: u.includes(c.key),
|
|
184
|
+
checked: s,
|
|
185
|
+
indeterminate: g,
|
|
186
|
+
checkable: t,
|
|
187
|
+
selectable: i,
|
|
188
|
+
showLine: v,
|
|
189
|
+
showIcon: m,
|
|
190
|
+
onToggle: q,
|
|
191
|
+
onSelect: z,
|
|
208
192
|
onCheck: F,
|
|
209
|
-
renderChildren:
|
|
193
|
+
renderChildren: G
|
|
210
194
|
},
|
|
211
|
-
|
|
195
|
+
c.key
|
|
212
196
|
);
|
|
213
197
|
}),
|
|
214
|
-
[
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
onClick: (r) => te(s, r),
|
|
229
|
-
children: /* @__PURE__ */ o("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
|
|
230
|
-
}
|
|
231
|
-
)
|
|
232
|
-
]
|
|
233
|
-
},
|
|
234
|
-
s
|
|
235
|
-
);
|
|
236
|
-
}) : k(t, d[0])?.title || d[0], [d, t, a, m]), se = {
|
|
237
|
-
xs: "min-h-6 text-xs",
|
|
238
|
-
sm: "min-h-8 text-sm",
|
|
239
|
-
md: "min-h-10 text-base",
|
|
240
|
-
lg: "min-h-12 text-lg"
|
|
241
|
-
};
|
|
242
|
-
return /* @__PURE__ */ v("div", { ref: W, className: `relative ${P}`, "data-state": y ? "open" : "closed", ...f, children: [
|
|
243
|
-
/* @__PURE__ */ v(
|
|
244
|
-
"div",
|
|
245
|
-
{
|
|
246
|
-
className: [
|
|
247
|
-
"input input-bordered flex items-center gap-2 cursor-pointer flex-wrap",
|
|
248
|
-
se[B],
|
|
249
|
-
x && "input-disabled opacity-50 cursor-not-allowed",
|
|
250
|
-
y && "input-primary"
|
|
251
|
-
].filter(Boolean).join(" "),
|
|
252
|
-
onClick: () => !x && T(!y),
|
|
253
|
-
children: [
|
|
254
|
-
/* @__PURE__ */ o("div", { className: "flex-1 flex flex-wrap items-center gap-1 min-w-0", children: ne || /* @__PURE__ */ o("span", { className: "text-base-content/50", children: M }) }),
|
|
255
|
-
E && d.length > 0 && !x && /* @__PURE__ */ o(
|
|
256
|
-
"button",
|
|
257
|
-
{
|
|
258
|
-
type: "button",
|
|
259
|
-
className: "hover:text-error flex-shrink-0",
|
|
260
|
-
onClick: ee,
|
|
261
|
-
children: /* @__PURE__ */ o("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
|
|
262
|
-
}
|
|
263
|
-
),
|
|
264
|
-
/* @__PURE__ */ o(
|
|
265
|
-
"svg",
|
|
266
|
-
{
|
|
267
|
-
className: `w-4 h-4 flex-shrink-0 transition-transform ${y ? "rotate-180" : ""}`,
|
|
268
|
-
fill: "none",
|
|
269
|
-
viewBox: "0 0 24 24",
|
|
270
|
-
stroke: "currentColor",
|
|
271
|
-
children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
|
|
272
|
-
}
|
|
273
|
-
)
|
|
274
|
-
]
|
|
275
|
-
}
|
|
276
|
-
),
|
|
277
|
-
y && /* @__PURE__ */ v("div", { className: "absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto", children: [
|
|
278
|
-
w && /* @__PURE__ */ o("div", { className: "p-2 border-b border-base-300", children: /* @__PURE__ */ o(
|
|
279
|
-
"input",
|
|
280
|
-
{
|
|
281
|
-
ref: Q,
|
|
282
|
-
type: "text",
|
|
283
|
-
className: "input input-bordered input-sm w-full",
|
|
284
|
-
placeholder: "Search...",
|
|
285
|
-
value: L,
|
|
286
|
-
onChange: (e) => V(e.target.value),
|
|
287
|
-
onClick: (e) => e.stopPropagation(),
|
|
288
|
-
autoFocus: !0
|
|
289
|
-
}
|
|
290
|
-
) }),
|
|
291
|
-
/* @__PURE__ */ o("div", { className: "py-1", children: I.length > 0 ? q(I, 0) : /* @__PURE__ */ o("div", { className: "px-4 py-2 text-base-content/50 text-sm text-center", children: "No results found" }) })
|
|
292
|
-
] })
|
|
293
|
-
] });
|
|
198
|
+
[
|
|
199
|
+
y,
|
|
200
|
+
u,
|
|
201
|
+
t,
|
|
202
|
+
i,
|
|
203
|
+
v,
|
|
204
|
+
m,
|
|
205
|
+
q,
|
|
206
|
+
z,
|
|
207
|
+
F,
|
|
208
|
+
W
|
|
209
|
+
]
|
|
210
|
+
);
|
|
211
|
+
return /* @__PURE__ */ d("div", { className: `tree ${T}`, ...L, children: G(e, 0) });
|
|
294
212
|
}
|
|
295
213
|
export {
|
|
296
|
-
|
|
214
|
+
se as Tree
|
|
297
215
|
};
|
|
298
216
|
//# sourceMappingURL=index89.js.map
|
package/dist/index89.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index89.js","sources":["../src/components/TreeSelect.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react'\nimport type { TreeDataNode } from './Tree'\n\nexport interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n treeData: TreeDataNode[]\n value?: string | string[]\n defaultValue?: string | string[]\n onChange?: (value: string | string[], labels: React.ReactNode[]) => void\n multiple?: boolean\n treeCheckable?: boolean\n showSearch?: boolean\n placeholder?: string\n allowClear?: boolean\n disabled?: boolean\n treeDefaultExpandAll?: boolean\n treeDefaultExpandedKeys?: string[]\n treeExpandedKeys?: string[]\n onTreeExpand?: (expandedKeys: string[]) => void\n size?: 'xs' | 'sm' | 'md' | 'lg'\n}\n\n// Helper to flatten tree data for search\nfunction flattenTree(\n data: TreeDataNode[],\n parentPath: React.ReactNode[] = []\n): Array<{ node: TreeDataNode; path: React.ReactNode[] }> {\n const result: Array<{ node: TreeDataNode; path: React.ReactNode[] }> = []\n\n data.forEach((node) => {\n const currentPath = [...parentPath, node.title]\n result.push({ node, path: currentPath })\n if (node.children) {\n result.push(...flattenTree(node.children, currentPath))\n }\n })\n\n return result\n}\n\n// Helper to get all keys\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n const keys: string[] = []\n const traverse = (nodes: TreeDataNode[]) => {\n nodes.forEach((node) => {\n keys.push(node.key)\n if (node.children) traverse(node.children)\n })\n }\n traverse(data)\n return keys\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n for (const node of data) {\n if (node.key === key) return node\n if (node.children) {\n const found = findNode(node.children, key)\n if (found) return found\n }\n }\n return null\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n const keys: string[] = []\n const traverse = (n: TreeDataNode) => {\n if (n.children) {\n n.children.forEach((child) => {\n keys.push(child.key)\n traverse(child)\n })\n }\n }\n traverse(node)\n return keys\n}\n\ninterface TreeSelectNodeProps {\n node: TreeDataNode\n level: number\n expanded: boolean\n selected: boolean\n checked: boolean\n indeterminate: boolean\n treeCheckable: boolean\n onToggle: (key: string) => void\n onSelect: (key: string, node: TreeDataNode) => void\n onCheck: (key: string, node: TreeDataNode) => void\n renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeSelectNode({\n node,\n level,\n expanded,\n selected,\n checked,\n indeterminate,\n treeCheckable,\n onToggle,\n onSelect,\n onCheck,\n renderChildren,\n}: TreeSelectNodeProps) {\n const hasChildren = node.children && node.children.length > 0\n const isLeaf = node.isLeaf ?? !hasChildren\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!isLeaf) {\n onToggle(node.key)\n }\n }\n\n const handleSelect = () => {\n if (!node.disabled) {\n if (treeCheckable) {\n onCheck(node.key, node)\n } else {\n onSelect(node.key, node)\n }\n }\n }\n\n const handleCheck = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!node.disabled) {\n onCheck(node.key, node)\n }\n }\n\n return (\n <div className=\"tree-select-node\">\n <div\n className={[\n 'flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors',\n (selected || checked) && 'bg-primary/10 text-primary',\n node.disabled && 'opacity-50 cursor-not-allowed',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{ paddingLeft: `${level * 16 + 8}px` }}\n onClick={handleSelect}\n >\n {/* Expand/Collapse icon */}\n <span\n className={[\n 'w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1',\n !isLeaf && 'cursor-pointer',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={handleToggle}\n >\n {!isLeaf && (\n <svg\n className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n </svg>\n )}\n </span>\n\n {/* Checkbox for treeCheckable mode */}\n {treeCheckable && (\n <span className=\"mr-2 flex-shrink-0\" onClick={handleCheck}>\n <input\n type=\"checkbox\"\n className=\"checkbox checkbox-sm checkbox-primary\"\n checked={checked}\n ref={(el) => {\n if (el) el.indeterminate = indeterminate\n }}\n disabled={node.disabled}\n onChange={() => {}}\n />\n </span>\n )}\n\n {/* Title */}\n <span className=\"flex-1 truncate select-none text-sm\">{node.title}</span>\n </div>\n\n {/* Children */}\n {hasChildren && expanded && renderChildren(node.children!, level + 1)}\n </div>\n )\n}\n\nexport function TreeSelect({\n treeData,\n value: controlledValue,\n defaultValue = [],\n onChange,\n multiple = false,\n treeCheckable = false,\n showSearch = false,\n placeholder = 'Please select',\n allowClear = true,\n disabled = false,\n treeDefaultExpandAll = false,\n treeDefaultExpandedKeys = [],\n treeExpandedKeys: controlledExpandedKeys,\n onTreeExpand,\n size = 'md',\n className = '',\n ...rest\n}: TreeSelectProps) {\n const [isOpen, setIsOpen] = useState(false)\n const [searchValue, setSearchValue] = useState('')\n const containerRef = useRef<HTMLDivElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n\n // Normalize value to array\n const normalizeValue = (val: string | string[] | undefined): string[] => {\n if (val === undefined) return []\n return Array.isArray(val) ? val : [val]\n }\n\n const initialValue = normalizeValue(defaultValue)\n const [internalValue, setInternalValue] = useState<string[]>(initialValue)\n\n const value = controlledValue !== undefined ? normalizeValue(controlledValue) : internalValue\n\n // Expanded keys\n const initialExpandedKeys = useMemo(() => {\n if (treeDefaultExpandAll) return getAllKeys(treeData)\n return treeDefaultExpandedKeys\n }, [])\n\n const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n\n // Close on click outside\n useEffect(() => {\n const handleClickOutside = (e: MouseEvent) => {\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n setIsOpen(false)\n setSearchValue('')\n }\n }\n\n document.addEventListener('mousedown', handleClickOutside)\n return () => document.removeEventListener('mousedown', handleClickOutside)\n }, [])\n\n // Filter tree data based on search\n const filteredData = useMemo(() => {\n if (!searchValue) return treeData\n\n const flatNodes = flattenTree(treeData)\n const matchingKeys = new Set<string>()\n\n flatNodes.forEach(({ node }) => {\n const titleStr =\n typeof node.title === 'string' ? node.title : String(node.title)\n if (titleStr.toLowerCase().includes(searchValue.toLowerCase())) {\n matchingKeys.add(node.key)\n }\n })\n\n // Include parent keys of matching nodes\n const filterTree = (nodes: TreeDataNode[]): TreeDataNode[] => {\n return nodes\n .map((node) => {\n const hasMatchingChildren =\n node.children && filterTree(node.children).length > 0\n const isMatch = matchingKeys.has(node.key)\n\n if (isMatch || hasMatchingChildren) {\n return {\n ...node,\n children: node.children ? filterTree(node.children) : undefined,\n }\n }\n return null\n })\n .filter(Boolean) as TreeDataNode[]\n }\n\n return filterTree(treeData)\n }, [treeData, searchValue])\n\n const handleToggle = useCallback(\n (key: string) => {\n const newKeys = expandedKeys.includes(key)\n ? expandedKeys.filter((k) => k !== key)\n : [...expandedKeys, key]\n\n if (controlledExpandedKeys === undefined) {\n setInternalExpandedKeys(newKeys)\n }\n onTreeExpand?.(newKeys)\n },\n [expandedKeys, controlledExpandedKeys, onTreeExpand]\n )\n\n const handleSelect = useCallback(\n (key: string, _node: TreeDataNode) => {\n let newValue: string[]\n\n if (multiple) {\n if (value.includes(key)) {\n newValue = value.filter((k) => k !== key)\n } else {\n newValue = [...value, key]\n }\n } else {\n newValue = [key]\n setIsOpen(false)\n setSearchValue('')\n }\n\n if (controlledValue === undefined) {\n setInternalValue(newValue)\n }\n\n const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n onChange?.(multiple ? newValue : newValue[0] || '', labels)\n },\n [value, multiple, controlledValue, onChange, treeData]\n )\n\n const handleCheck = useCallback(\n (key: string, node: TreeDataNode) => {\n const isChecked = value.includes(key)\n let newValue = [...value]\n const descendantKeys = getDescendantKeys(node)\n\n if (isChecked) {\n newValue = newValue.filter((k) => k !== key && !descendantKeys.includes(k))\n } else {\n newValue.push(key)\n descendantKeys.forEach((dk) => {\n if (!newValue.includes(dk)) newValue.push(dk)\n })\n }\n\n if (controlledValue === undefined) {\n setInternalValue(newValue)\n }\n\n const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n onChange?.(newValue, labels)\n },\n [value, controlledValue, onChange, treeData]\n )\n\n const handleClear = (e: React.MouseEvent) => {\n e.stopPropagation()\n const newValue: string[] = []\n\n if (controlledValue === undefined) {\n setInternalValue(newValue)\n }\n\n onChange?.(multiple ? newValue : '', [])\n }\n\n const removeTag = (key: string, e: React.MouseEvent) => {\n e.stopPropagation()\n const newValue = value.filter((k) => k !== key)\n\n if (controlledValue === undefined) {\n setInternalValue(newValue)\n }\n\n const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n onChange?.(multiple ? newValue : newValue[0] || '', labels)\n }\n\n const getCheckedState = useCallback(\n (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n if (!node.children || node.children.length === 0) {\n return { checked: value.includes(node.key), indeterminate: false }\n }\n\n const descendantKeys = getDescendantKeys(node)\n const checkedDescendants = descendantKeys.filter((k) => value.includes(k))\n\n if (checkedDescendants.length === 0) {\n return { checked: value.includes(node.key), indeterminate: false }\n }\n\n if (checkedDescendants.length === descendantKeys.length) {\n return { checked: true, indeterminate: false }\n }\n\n return { checked: false, indeterminate: true }\n },\n [value]\n )\n\n const renderNodes = useCallback(\n (nodes: TreeDataNode[], level: number): React.ReactNode => {\n return nodes.map((node) => {\n const { checked, indeterminate } = getCheckedState(node)\n\n return (\n <TreeSelectNode\n key={node.key}\n node={node}\n level={level}\n expanded={expandedKeys.includes(node.key)}\n selected={value.includes(node.key)}\n checked={checked}\n indeterminate={indeterminate}\n treeCheckable={treeCheckable}\n onToggle={handleToggle}\n onSelect={handleSelect}\n onCheck={handleCheck}\n renderChildren={renderNodes}\n />\n )\n })\n },\n [expandedKeys, value, treeCheckable, handleToggle, handleSelect, handleCheck, getCheckedState]\n )\n\n // Display value\n const displayValue = useMemo(() => {\n if (value.length === 0) return null\n\n if (multiple || treeCheckable) {\n return value.map((key) => {\n const node = findNode(treeData, key)\n return (\n <span\n key={key}\n className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1\"\n >\n {node?.title || key}\n <button\n type=\"button\"\n className=\"hover:text-error\"\n onClick={(e) => removeTag(key, e)}\n >\n <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n </span>\n )\n })\n }\n\n const node = findNode(treeData, value[0])\n return node?.title || value[0]\n }, [value, treeData, multiple, treeCheckable])\n\n const sizeClasses = {\n xs: 'min-h-6 text-xs',\n sm: 'min-h-8 text-sm',\n md: 'min-h-10 text-base',\n lg: 'min-h-12 text-lg',\n }\n\n return (\n <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n {/* Trigger */}\n <div\n className={[\n 'input input-bordered flex items-center gap-2 cursor-pointer flex-wrap',\n sizeClasses[size],\n disabled && 'input-disabled opacity-50 cursor-not-allowed',\n isOpen && 'input-primary',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={() => !disabled && setIsOpen(!isOpen)}\n >\n <div className=\"flex-1 flex flex-wrap items-center gap-1 min-w-0\">\n {displayValue || (\n <span className=\"text-base-content/50\">{placeholder}</span>\n )}\n </div>\n\n {/* Clear button */}\n {allowClear && value.length > 0 && !disabled && (\n <button\n type=\"button\"\n className=\"hover:text-error flex-shrink-0\"\n onClick={handleClear}\n >\n <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n </svg>\n </button>\n )}\n\n {/* Dropdown arrow */}\n <svg\n className={`w-4 h-4 flex-shrink-0 transition-transform ${isOpen ? 'rotate-180' : ''}`}\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n </svg>\n </div>\n\n {/* Dropdown */}\n {isOpen && (\n <div className=\"absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto\">\n {/* Search input */}\n {showSearch && (\n <div className=\"p-2 border-b border-base-300\">\n <input\n ref={inputRef}\n type=\"text\"\n className=\"input input-bordered input-sm w-full\"\n placeholder=\"Search...\"\n value={searchValue}\n onChange={(e) => setSearchValue(e.target.value)}\n onClick={(e) => e.stopPropagation()}\n autoFocus\n />\n </div>\n )}\n\n {/* Tree */}\n <div className=\"py-1\">\n {filteredData.length > 0 ? (\n renderNodes(filteredData, 0)\n ) : (\n <div className=\"px-4 py-2 text-base-content/50 text-sm text-center\">\n No results found\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n )\n}\n"],"names":["flattenTree","data","parentPath","result","node","currentPath","getAllKeys","keys","traverse","nodes","findNode","key","found","getDescendantKeys","n","child","TreeSelectNode","level","expanded","selected","checked","indeterminate","treeCheckable","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","TreeSelect","treeData","controlledValue","defaultValue","onChange","multiple","showSearch","placeholder","allowClear","disabled","treeDefaultExpandAll","treeDefaultExpandedKeys","controlledExpandedKeys","onTreeExpand","size","className","rest","isOpen","setIsOpen","useState","searchValue","setSearchValue","containerRef","useRef","inputRef","normalizeValue","val","initialValue","internalValue","setInternalValue","value","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","expandedKeys","useEffect","handleClickOutside","filteredData","flatNodes","matchingKeys","filterTree","hasMatchingChildren","useCallback","newKeys","k","_node","newValue","labels","isChecked","descendantKeys","dk","handleClear","removeTag","getCheckedState","checkedDescendants","renderNodes","displayValue","sizeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index89.js","sources":["../src/components/Tree.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\n\nexport interface TreeDataNode {\n key: string\n title: React.ReactNode\n children?: TreeDataNode[]\n disabled?: boolean\n disableCheckbox?: boolean\n selectable?: boolean\n checkable?: boolean\n icon?: React.ReactNode\n isLeaf?: boolean\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n treeData: TreeDataNode[]\n checkable?: boolean\n selectable?: boolean\n multiple?: boolean\n defaultExpandAll?: boolean\n defaultExpandedKeys?: string[]\n expandedKeys?: string[]\n defaultSelectedKeys?: string[]\n selectedKeys?: string[]\n defaultCheckedKeys?: string[]\n checkedKeys?: string[]\n onExpand?: (expandedKeys: string[], info: { node: TreeDataNode; expanded: boolean }) => void\n onSelect?: (selectedKeys: string[], info: { node: TreeDataNode; selected: boolean }) => void\n onCheck?: (checkedKeys: string[], info: { node: TreeDataNode; checked: boolean }) => void\n showLine?: boolean\n showIcon?: boolean\n}\n\n// Helper to get all keys from tree data\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n const keys: string[] = []\n const traverse = (nodes: TreeDataNode[]) => {\n nodes.forEach((node) => {\n keys.push(node.key)\n if (node.children) {\n traverse(node.children)\n }\n })\n }\n traverse(data)\n return keys\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n const keys: string[] = []\n const traverse = (n: TreeDataNode) => {\n if (n.children) {\n n.children.forEach((child) => {\n keys.push(child.key)\n traverse(child)\n })\n }\n }\n traverse(node)\n return keys\n}\n\n// Helper to get parent map\nfunction getParentMap(data: TreeDataNode[]): Map<string, string | null> {\n const map = new Map<string, string | null>()\n const traverse = (nodes: TreeDataNode[], parentKey: string | null) => {\n nodes.forEach((node) => {\n map.set(node.key, parentKey)\n if (node.children) {\n traverse(node.children, node.key)\n }\n })\n }\n traverse(data, null)\n return map\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n for (const node of data) {\n if (node.key === key) return node\n if (node.children) {\n const found = findNode(node.children, key)\n if (found) return found\n }\n }\n return null\n}\n\ninterface TreeNodeProps {\n node: TreeDataNode\n level: number\n expanded: boolean\n selected: boolean\n checked: boolean\n indeterminate: boolean\n checkable: boolean\n selectable: boolean\n showLine: boolean\n showIcon: boolean\n onToggle: (key: string) => void\n onSelect: (key: string, node: TreeDataNode) => void\n onCheck: (key: string, node: TreeDataNode) => void\n renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeNode({\n node,\n level,\n expanded,\n selected,\n checked,\n indeterminate,\n checkable,\n selectable,\n showLine,\n showIcon,\n onToggle,\n onSelect,\n onCheck,\n renderChildren,\n}: TreeNodeProps) {\n const hasChildren = node.children && node.children.length > 0\n const isLeaf = node.isLeaf ?? !hasChildren\n\n const handleToggle = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!isLeaf) {\n onToggle(node.key)\n }\n }\n\n const handleSelect = () => {\n if (selectable && node.selectable !== false && !node.disabled) {\n onSelect(node.key, node)\n }\n }\n\n const handleCheck = (e: React.MouseEvent) => {\n e.stopPropagation()\n if (!node.disabled && !node.disableCheckbox) {\n onCheck(node.key, node)\n }\n }\n\n return (\n <div className=\"tree-node\">\n <div\n className={[\n 'flex items-center py-1 px-1 rounded cursor-pointer hover:bg-base-200 transition-colors',\n selected && 'bg-primary/10 text-primary',\n node.disabled && 'opacity-50 cursor-not-allowed',\n ]\n .filter(Boolean)\n .join(' ')}\n style={{ paddingLeft: `${level * 20}px` }}\n onClick={handleSelect}\n >\n {/* Expand/Collapse icon */}\n <span\n className={[\n 'w-5 h-5 flex items-center justify-center flex-shrink-0',\n !isLeaf && 'cursor-pointer hover:bg-base-300 rounded',\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={handleToggle}\n >\n {!isLeaf && (\n <svg\n className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n stroke=\"currentColor\"\n >\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n </svg>\n )}\n </span>\n\n {/* Checkbox */}\n {checkable && node.checkable !== false && (\n <span className=\"mr-1 flex-shrink-0\" onClick={handleCheck}>\n <input\n type=\"checkbox\"\n className=\"checkbox checkbox-sm checkbox-primary\"\n checked={checked}\n ref={(el) => {\n if (el) el.indeterminate = indeterminate\n }}\n disabled={node.disabled || node.disableCheckbox}\n onChange={() => {}}\n />\n </span>\n )}\n\n {/* Custom icon */}\n {showIcon && node.icon && <span className=\"mr-1 flex-shrink-0\">{node.icon}</span>}\n\n {/* Title */}\n <span className=\"flex-1 truncate select-none\">{node.title}</span>\n </div>\n\n {/* Children */}\n {hasChildren && expanded && (\n <div className={showLine ? 'border-l border-base-300 ml-2.5' : ''}>\n {renderChildren(node.children!, level + 1)}\n </div>\n )}\n </div>\n )\n}\n\nexport function Tree({\n treeData,\n checkable = false,\n selectable = true,\n multiple = false,\n defaultExpandAll = false,\n defaultExpandedKeys = [],\n expandedKeys: controlledExpandedKeys,\n defaultSelectedKeys = [],\n selectedKeys: controlledSelectedKeys,\n defaultCheckedKeys = [],\n checkedKeys: controlledCheckedKeys,\n onExpand,\n onSelect,\n onCheck,\n showLine = false,\n showIcon = false,\n className = '',\n ...rest\n}: TreeProps) {\n // Initialize expanded keys\n const initialExpandedKeys = useMemo(() => {\n if (defaultExpandAll) {\n return getAllKeys(treeData)\n }\n return defaultExpandedKeys\n }, [])\n\n const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n const [internalCheckedKeys, setInternalCheckedKeys] = useState<string[]>(defaultCheckedKeys)\n\n const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n const checkedKeys = controlledCheckedKeys ?? internalCheckedKeys\n\n const parentMap = useMemo(() => getParentMap(treeData), [treeData])\n\n // Calculate indeterminate state for each node\n const getCheckedState = useCallback(\n (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n if (!node.children || node.children.length === 0) {\n return { checked: checkedKeys.includes(node.key), indeterminate: false }\n }\n\n const descendantKeys = getDescendantKeys(node)\n const checkedDescendants = descendantKeys.filter((k) => checkedKeys.includes(k))\n\n if (checkedDescendants.length === 0) {\n return { checked: checkedKeys.includes(node.key), indeterminate: false }\n }\n\n if (checkedDescendants.length === descendantKeys.length) {\n return { checked: true, indeterminate: false }\n }\n\n return { checked: false, indeterminate: true }\n },\n [checkedKeys]\n )\n\n const handleToggle = useCallback(\n (key: string) => {\n const node = findNode(treeData, key)\n const isExpanded = expandedKeys.includes(key)\n const newExpandedKeys = isExpanded\n ? expandedKeys.filter((k) => k !== key)\n : [...expandedKeys, key]\n\n if (controlledExpandedKeys === undefined) {\n setInternalExpandedKeys(newExpandedKeys)\n }\n\n onExpand?.(newExpandedKeys, { node: node!, expanded: !isExpanded })\n },\n [expandedKeys, controlledExpandedKeys, onExpand, treeData]\n )\n\n const handleSelect = useCallback(\n (key: string, node: TreeDataNode) => {\n let newSelectedKeys: string[]\n\n if (multiple) {\n if (selectedKeys.includes(key)) {\n newSelectedKeys = selectedKeys.filter((k) => k !== key)\n } else {\n newSelectedKeys = [...selectedKeys, key]\n }\n } else {\n newSelectedKeys = selectedKeys.includes(key) ? [] : [key]\n }\n\n if (controlledSelectedKeys === undefined) {\n setInternalSelectedKeys(newSelectedKeys)\n }\n\n onSelect?.(newSelectedKeys, { node, selected: newSelectedKeys.includes(key) })\n },\n [selectedKeys, multiple, controlledSelectedKeys, onSelect]\n )\n\n const handleCheck = useCallback(\n (key: string, node: TreeDataNode) => {\n const isChecked = checkedKeys.includes(key)\n let newCheckedKeys = [...checkedKeys]\n\n // Get all descendant keys\n const descendantKeys = getDescendantKeys(node)\n\n if (isChecked) {\n // Uncheck this node and all descendants\n newCheckedKeys = newCheckedKeys.filter(\n (k) => k !== key && !descendantKeys.includes(k)\n )\n } else {\n // Check this node and all descendants\n newCheckedKeys.push(key)\n descendantKeys.forEach((dk) => {\n if (!newCheckedKeys.includes(dk)) {\n newCheckedKeys.push(dk)\n }\n })\n }\n\n // Update parent states\n let currentKey: string | null = parentMap.get(key) ?? null\n while (currentKey) {\n const parentNode = findNode(treeData, currentKey)\n if (parentNode && parentNode.children) {\n const allChildrenChecked = parentNode.children.every(\n (child) =>\n newCheckedKeys.includes(child.key) ||\n getDescendantKeys(child).every((dk) => newCheckedKeys.includes(dk))\n )\n\n if (allChildrenChecked) {\n if (!newCheckedKeys.includes(currentKey)) {\n newCheckedKeys.push(currentKey)\n }\n } else {\n newCheckedKeys = newCheckedKeys.filter((k) => k !== currentKey)\n }\n }\n currentKey = parentMap.get(currentKey) ?? null\n }\n\n if (controlledCheckedKeys === undefined) {\n setInternalCheckedKeys(newCheckedKeys)\n }\n\n onCheck?.(newCheckedKeys, { node, checked: !isChecked })\n },\n [checkedKeys, controlledCheckedKeys, onCheck, parentMap, treeData]\n )\n\n const renderNodes = useCallback(\n (nodes: TreeDataNode[], level: number): React.ReactNode => {\n return nodes.map((node) => {\n const { checked, indeterminate } = getCheckedState(node)\n\n return (\n <TreeNode\n key={node.key}\n node={node}\n level={level}\n expanded={expandedKeys.includes(node.key)}\n selected={selectedKeys.includes(node.key)}\n checked={checked}\n indeterminate={indeterminate}\n checkable={checkable}\n selectable={selectable}\n showLine={showLine}\n showIcon={showIcon}\n onToggle={handleToggle}\n onSelect={handleSelect}\n onCheck={handleCheck}\n renderChildren={renderNodes}\n />\n )\n })\n },\n [\n expandedKeys,\n selectedKeys,\n checkable,\n selectable,\n showLine,\n showIcon,\n handleToggle,\n handleSelect,\n handleCheck,\n getCheckedState,\n ]\n )\n\n return <div className={`tree ${className}`} {...rest}>{renderNodes(treeData, 0)}</div>\n}\n"],"names":["getAllKeys","data","keys","traverse","nodes","node","getDescendantKeys","n","child","getParentMap","map","parentKey","findNode","key","found","TreeNode","level","expanded","selected","checked","indeterminate","checkable","selectable","showLine","showIcon","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","Tree","treeData","multiple","defaultExpandAll","defaultExpandedKeys","controlledExpandedKeys","defaultSelectedKeys","controlledSelectedKeys","defaultCheckedKeys","controlledCheckedKeys","onExpand","className","rest","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","useState","internalSelectedKeys","setInternalSelectedKeys","internalCheckedKeys","setInternalCheckedKeys","expandedKeys","selectedKeys","checkedKeys","parentMap","getCheckedState","useCallback","descendantKeys","checkedDescendants","k","isExpanded","newExpandedKeys","newSelectedKeys","isChecked","newCheckedKeys","dk","currentKey","parentNode","renderNodes"],"mappings":"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"}
|