asterui 0.12.0 → 0.12.2

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.
Files changed (299) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Calendar.d.ts +23 -0
  3. package/dist/components/Checkbox.d.ts +10 -0
  4. package/dist/components/Dock.d.ts +38 -0
  5. package/dist/components/Form.d.ts +27 -2
  6. package/dist/components/Mask.d.ts +14 -0
  7. package/dist/components/Radio.d.ts +7 -1
  8. package/dist/components/Status.d.ts +18 -0
  9. package/dist/index.css +1 -0
  10. package/dist/index.d.ts +12 -3
  11. package/dist/index.js +203 -192
  12. package/dist/index.js.map +1 -1
  13. package/dist/index10.js +85 -59
  14. package/dist/index10.js.map +1 -1
  15. package/dist/index100.js +44 -11
  16. package/dist/index100.js.map +1 -1
  17. package/dist/index101.js +11 -29
  18. package/dist/index101.js.map +1 -1
  19. package/dist/index102.js +13 -16
  20. package/dist/index102.js.map +1 -1
  21. package/dist/index103.js +7 -10792
  22. package/dist/index103.js.map +1 -1
  23. package/dist/index104.js +13 -5
  24. package/dist/index104.js.map +1 -1
  25. package/dist/index105.js +30 -41
  26. package/dist/index105.js.map +1 -1
  27. package/dist/index106.js +18 -2
  28. package/dist/index106.js.map +1 -1
  29. package/dist/index107.js +174 -7
  30. package/dist/index107.js.map +1 -1
  31. package/dist/index109.js +10788 -25
  32. package/dist/index109.js.map +1 -1
  33. package/dist/index110.js +5 -30
  34. package/dist/index110.js.map +1 -1
  35. package/dist/index111.js +42 -2
  36. package/dist/index111.js.map +1 -1
  37. package/dist/index112.js +2 -72
  38. package/dist/index112.js.map +1 -1
  39. package/dist/index113.js +6 -38
  40. package/dist/index113.js.map +1 -1
  41. package/dist/index114.js +150 -24
  42. package/dist/index114.js.map +1 -1
  43. package/dist/index115.js +29 -20
  44. package/dist/index115.js.map +1 -1
  45. package/dist/index116.js +29 -23
  46. package/dist/index116.js.map +1 -1
  47. package/dist/index117.js +2 -20
  48. package/dist/index117.js.map +1 -1
  49. package/dist/index118.js +71 -99
  50. package/dist/index118.js.map +1 -1
  51. package/dist/index119.js +37 -358
  52. package/dist/index119.js.map +1 -1
  53. package/dist/index120.js +23 -22
  54. package/dist/index120.js.map +1 -1
  55. package/dist/index121.js +20 -72
  56. package/dist/index121.js.map +1 -1
  57. package/dist/index122.js +23 -15
  58. package/dist/index122.js.map +1 -1
  59. package/dist/index123.js +19 -65
  60. package/dist/index123.js.map +1 -1
  61. package/dist/index124.js +92 -136
  62. package/dist/index124.js.map +1 -1
  63. package/dist/index125.js +360 -2
  64. package/dist/index125.js.map +1 -1
  65. package/dist/index126.js +23 -54
  66. package/dist/index126.js.map +1 -1
  67. package/dist/index127.js +73 -2
  68. package/dist/index127.js.map +1 -1
  69. package/dist/index128.js +16 -2
  70. package/dist/index128.js.map +1 -1
  71. package/dist/index129.js +66 -2
  72. package/dist/index129.js.map +1 -1
  73. package/dist/index13.js +35 -95
  74. package/dist/index13.js.map +1 -1
  75. package/dist/index130.js +144 -2
  76. package/dist/index130.js.map +1 -1
  77. package/dist/index131.js +2 -2
  78. package/dist/index132.js +56 -2
  79. package/dist/index132.js.map +1 -1
  80. package/dist/index135.js +2 -32
  81. package/dist/index135.js.map +1 -1
  82. package/dist/index137.js +2 -8
  83. package/dist/index137.js.map +1 -1
  84. package/dist/index138.js +2 -2
  85. package/dist/index139.js +2 -2
  86. package/dist/index14.js +90 -153
  87. package/dist/index14.js.map +1 -1
  88. package/dist/index140.js +2 -21
  89. package/dist/index140.js.map +1 -1
  90. package/dist/index141.js +32 -2
  91. package/dist/index141.js.map +1 -1
  92. package/dist/index142.js +2 -24
  93. package/dist/index142.js.map +1 -1
  94. package/dist/index143.js +7 -70
  95. package/dist/index143.js.map +1 -1
  96. package/dist/index144.js +2 -21
  97. package/dist/index144.js.map +1 -1
  98. package/dist/index145.js +2 -34
  99. package/dist/index145.js.map +1 -1
  100. package/dist/index146.js +20 -69
  101. package/dist/index146.js.map +1 -1
  102. package/dist/index147.js +2 -2
  103. package/dist/index148.js +23 -21
  104. package/dist/index148.js.map +1 -1
  105. package/dist/index149.js +71 -2
  106. package/dist/index149.js.map +1 -1
  107. package/dist/index15.js +154 -146
  108. package/dist/index15.js.map +1 -1
  109. package/dist/index150.js +21 -2
  110. package/dist/index150.js.map +1 -1
  111. package/dist/index151.js +34 -2
  112. package/dist/index151.js.map +1 -1
  113. package/dist/index152.js +70 -2
  114. package/dist/index152.js.map +1 -1
  115. package/dist/index153.js +2 -4
  116. package/dist/index153.js.map +1 -1
  117. package/dist/index154.js +25 -0
  118. package/dist/index154.js.map +1 -0
  119. package/dist/index155.js +5 -0
  120. package/dist/index155.js.map +1 -0
  121. package/dist/index156.js +5 -0
  122. package/dist/index156.js.map +1 -0
  123. package/dist/index157.js +5 -0
  124. package/dist/index157.js.map +1 -0
  125. package/dist/index158.js +5 -0
  126. package/dist/index158.js.map +1 -0
  127. package/dist/index159.js +7 -0
  128. package/dist/index159.js.map +1 -0
  129. package/dist/index16.js +150 -5
  130. package/dist/index16.js.map +1 -1
  131. package/dist/index17.js +5 -71
  132. package/dist/index17.js.map +1 -1
  133. package/dist/index18.js +71 -17
  134. package/dist/index18.js.map +1 -1
  135. package/dist/index19.js +15 -96
  136. package/dist/index19.js.map +1 -1
  137. package/dist/index20.js +89 -105
  138. package/dist/index20.js.map +1 -1
  139. package/dist/index21.js +107 -177
  140. package/dist/index21.js.map +1 -1
  141. package/dist/index22.js +181 -107
  142. package/dist/index22.js.map +1 -1
  143. package/dist/index23.js +110 -19
  144. package/dist/index23.js.map +1 -1
  145. package/dist/index24.js +19 -32
  146. package/dist/index24.js.map +1 -1
  147. package/dist/index25.js +42 -40
  148. package/dist/index25.js.map +1 -1
  149. package/dist/index26.js +31 -11
  150. package/dist/index26.js.map +1 -1
  151. package/dist/index27.js +41 -33
  152. package/dist/index27.js.map +1 -1
  153. package/dist/index28.js +12 -63
  154. package/dist/index28.js.map +1 -1
  155. package/dist/index29.js +33 -80
  156. package/dist/index29.js.map +1 -1
  157. package/dist/index30.js +63 -18
  158. package/dist/index30.js.map +1 -1
  159. package/dist/index31.js +78 -159
  160. package/dist/index31.js.map +1 -1
  161. package/dist/index32.js +16 -1080
  162. package/dist/index32.js.map +1 -1
  163. package/dist/index33.js +218 -16
  164. package/dist/index33.js.map +1 -1
  165. package/dist/index34.js +1081 -121
  166. package/dist/index34.js.map +1 -1
  167. package/dist/index35.js +17 -39
  168. package/dist/index35.js.map +1 -1
  169. package/dist/index36.js +121 -190
  170. package/dist/index36.js.map +1 -1
  171. package/dist/index37.js +37 -94
  172. package/dist/index37.js.map +1 -1
  173. package/dist/index38.js +186 -157
  174. package/dist/index38.js.map +1 -1
  175. package/dist/index39.js +89 -138
  176. package/dist/index39.js.map +1 -1
  177. package/dist/index40.js +161 -14
  178. package/dist/index40.js.map +1 -1
  179. package/dist/index41.js +146 -18
  180. package/dist/index41.js.map +1 -1
  181. package/dist/index42.js +14 -20
  182. package/dist/index42.js.map +1 -1
  183. package/dist/index43.js +15 -116
  184. package/dist/index43.js.map +1 -1
  185. package/dist/index44.js +18 -10
  186. package/dist/index44.js.map +1 -1
  187. package/dist/index45.js +119 -35
  188. package/dist/index45.js.map +1 -1
  189. package/dist/index46.js +12 -115
  190. package/dist/index46.js.map +1 -1
  191. package/dist/index47.js +33 -174
  192. package/dist/index47.js.map +1 -1
  193. package/dist/index48.js +10 -147
  194. package/dist/index48.js.map +1 -1
  195. package/dist/index49.js +116 -12
  196. package/dist/index49.js.map +1 -1
  197. package/dist/index50.js +176 -22
  198. package/dist/index50.js.map +1 -1
  199. package/dist/index51.js +147 -14
  200. package/dist/index51.js.map +1 -1
  201. package/dist/index52.js +10 -5
  202. package/dist/index52.js.map +1 -1
  203. package/dist/index53.js +21 -265
  204. package/dist/index53.js.map +1 -1
  205. package/dist/index54.js +10 -13
  206. package/dist/index54.js.map +1 -1
  207. package/dist/index55.js +7 -122
  208. package/dist/index55.js.map +1 -1
  209. package/dist/index56.js +262 -106
  210. package/dist/index56.js.map +1 -1
  211. package/dist/index57.js +14 -167
  212. package/dist/index57.js.map +1 -1
  213. package/dist/index58.js +121 -31
  214. package/dist/index58.js.map +1 -1
  215. package/dist/index59.js +107 -119
  216. package/dist/index59.js.map +1 -1
  217. package/dist/index60.js +161 -77
  218. package/dist/index60.js.map +1 -1
  219. package/dist/index61.js +31 -19
  220. package/dist/index61.js.map +1 -1
  221. package/dist/index62.js +117 -69
  222. package/dist/index62.js.map +1 -1
  223. package/dist/index63.js +82 -53
  224. package/dist/index63.js.map +1 -1
  225. package/dist/index64.js +19 -44
  226. package/dist/index64.js.map +1 -1
  227. package/dist/index65.js +70 -48
  228. package/dist/index65.js.map +1 -1
  229. package/dist/index66.js +55 -60
  230. package/dist/index66.js.map +1 -1
  231. package/dist/index67.js +39 -101
  232. package/dist/index67.js.map +1 -1
  233. package/dist/index68.js +52 -41
  234. package/dist/index68.js.map +1 -1
  235. package/dist/index69.js +58 -64
  236. package/dist/index69.js.map +1 -1
  237. package/dist/index70.js +105 -19
  238. package/dist/index70.js.map +1 -1
  239. package/dist/index71.js +41 -46
  240. package/dist/index71.js.map +1 -1
  241. package/dist/index72.js +63 -129
  242. package/dist/index72.js.map +1 -1
  243. package/dist/index73.js +19 -50
  244. package/dist/index73.js.map +1 -1
  245. package/dist/index74.js +46 -22
  246. package/dist/index74.js.map +1 -1
  247. package/dist/index75.js +134 -22
  248. package/dist/index75.js.map +1 -1
  249. package/dist/index76.js +51 -328
  250. package/dist/index76.js.map +1 -1
  251. package/dist/index77.js +19 -53
  252. package/dist/index77.js.map +1 -1
  253. package/dist/index78.js +31 -40
  254. package/dist/index78.js.map +1 -1
  255. package/dist/index79.js +22 -23
  256. package/dist/index79.js.map +1 -1
  257. package/dist/index80.js +319 -85
  258. package/dist/index80.js.map +1 -1
  259. package/dist/index81.js +52 -126
  260. package/dist/index81.js.map +1 -1
  261. package/dist/index82.js +39 -160
  262. package/dist/index82.js.map +1 -1
  263. package/dist/index83.js +23 -65
  264. package/dist/index83.js.map +1 -1
  265. package/dist/index84.js +95 -35
  266. package/dist/index84.js.map +1 -1
  267. package/dist/index85.js +126 -230
  268. package/dist/index85.js.map +1 -1
  269. package/dist/index86.js +159 -32
  270. package/dist/index86.js.map +1 -1
  271. package/dist/index87.js +60 -205
  272. package/dist/index87.js.map +1 -1
  273. package/dist/index88.js +34 -212
  274. package/dist/index88.js.map +1 -1
  275. package/dist/index89.js +229 -290
  276. package/dist/index89.js.map +1 -1
  277. package/dist/index90.js +32 -176
  278. package/dist/index90.js.map +1 -1
  279. package/dist/index91.js +199 -247
  280. package/dist/index91.js.map +1 -1
  281. package/dist/index92.js +211 -12
  282. package/dist/index92.js.map +1 -1
  283. package/dist/index93.js +290 -28
  284. package/dist/index93.js.map +1 -1
  285. package/dist/index94.js +177 -5
  286. package/dist/index94.js.map +1 -1
  287. package/dist/index95.js +257 -13
  288. package/dist/index95.js.map +1 -1
  289. package/dist/index96.js +13 -45
  290. package/dist/index96.js.map +1 -1
  291. package/dist/index97.js +32 -12
  292. package/dist/index97.js.map +1 -1
  293. package/dist/index98.js +5 -14
  294. package/dist/index98.js.map +1 -1
  295. package/dist/index99.js +13 -7
  296. package/dist/index99.js.map +1 -1
  297. package/package.json +2 -1
  298. package/dist/index108.js +0 -155
  299. package/dist/index108.js.map +0 -1
package/dist/index92.js CHANGED
@@ -1,17 +1,216 @@
1
- import { jsx as v, Fragment as A } from "react/jsx-runtime";
2
- import { useBreakpoint as m } from "./index93.js";
3
- function h({ children: f, above: o, below: r, at: s, between: e }) {
4
- const { isAbove: d, isBelow: n, isAt: l, isBetween: u } = m();
5
- let i = !1;
6
- return o !== void 0 ? i = d(o) : r !== void 0 ? i = n(r) : s !== void 0 ? Array.isArray(s) ? i = s.some((t) => l(t)) : i = l(s) : e !== void 0 ? i = u(e[0], e[1]) : i = !0, i ? /* @__PURE__ */ v(A, { children: f }) : null;
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;
7
10
  }
8
- function p({ children: f, above: o, below: r, at: s, between: e }) {
9
- const { isAbove: d, isBelow: n, isAt: l, isBetween: u } = m();
10
- let i = !1;
11
- return o !== void 0 ? i = d(o) : r !== void 0 ? i = n(r) : s !== void 0 ? Array.isArray(s) ? i = s.some((t) => l(t)) : i = l(s) : e !== void 0 && (i = u(e[0], e[1])), i ? null : /* @__PURE__ */ v(A, { children: f });
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;
18
+ }
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);
23
+ });
24
+ };
25
+ return i(e, null), t;
26
+ }
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;
33
+ }
34
+ }
35
+ return null;
36
+ }
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
52
+ }) {
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);
59
+ };
60
+ return /* @__PURE__ */ H("div", { className: "tree-node", children: [
61
+ /* @__PURE__ */ H(
62
+ "div",
63
+ {
64
+ className: [
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"
68
+ ].filter(Boolean).join(" "),
69
+ style: { paddingLeft: `${t * 20}px` },
70
+ onClick: L,
71
+ children: [
72
+ /* @__PURE__ */ d(
73
+ "span",
74
+ {
75
+ className: [
76
+ "w-5 h-5 flex items-center justify-center flex-shrink-0",
77
+ !m && "cursor-pointer hover:bg-base-300 rounded"
78
+ ].filter(Boolean).join(" "),
79
+ onClick: T,
80
+ children: !m && /* @__PURE__ */ d(
81
+ "svg",
82
+ {
83
+ className: `w-3 h-3 transition-transform ${i ? "rotate-90" : ""}`,
84
+ fill: "none",
85
+ viewBox: "0 0 24 24",
86
+ stroke: "currentColor",
87
+ children: /* @__PURE__ */ d("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
88
+ }
89
+ )
90
+ }
91
+ ),
92
+ x && e.checkable !== !1 && /* @__PURE__ */ d("span", { className: "mr-1 flex-shrink-0", onClick: B, children: /* @__PURE__ */ d(
93
+ "input",
94
+ {
95
+ type: "checkbox",
96
+ className: "checkbox checkbox-sm checkbox-primary",
97
+ checked: l,
98
+ ref: (f) => {
99
+ f && (f.indeterminate = o);
100
+ },
101
+ disabled: e.disabled || e.disableCheckbox,
102
+ onChange: () => {
103
+ }
104
+ }
105
+ ) }),
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 })
108
+ ]
109
+ }
110
+ ),
111
+ v && i && /* @__PURE__ */ d("div", { className: b ? "border-l border-base-300 ml-2.5" : "", children: j(e.children, t + 1) })
112
+ ] });
113
+ }
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
133
+ }) {
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 };
140
+ },
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 });
146
+ },
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) });
152
+ },
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 });
172
+ },
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
+ _,
179
+ {
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,
192
+ onCheck: F,
193
+ renderChildren: G
194
+ },
195
+ c.key
196
+ );
197
+ }),
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) });
12
212
  }
13
213
  export {
14
- p as Hide,
15
- h as Show
214
+ se as Tree
16
215
  };
17
216
  //# sourceMappingURL=index92.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index92.js","sources":["../src/components/Responsive.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useBreakpoint, Breakpoint } from '../hooks/useBreakpoint'\n\nexport interface ShowProps {\n children: ReactNode\n above?: Breakpoint\n below?: Breakpoint\n at?: Breakpoint | Breakpoint[]\n between?: [Breakpoint, Breakpoint]\n}\n\nexport function Show({ children, above, below, at, between }: ShowProps): React.ReactElement | null {\n const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n let shouldShow = false\n\n if (above !== undefined) {\n shouldShow = isAbove(above)\n } else if (below !== undefined) {\n shouldShow = isBelow(below)\n } else if (at !== undefined) {\n if (Array.isArray(at)) {\n shouldShow = at.some((bp) => isAt(bp))\n } else {\n shouldShow = isAt(at)\n }\n } else if (between !== undefined) {\n shouldShow = isBetween(between[0], between[1])\n } else {\n shouldShow = true\n }\n\n return shouldShow ? <>{children}</> : null\n}\n\nexport interface HideProps {\n children: ReactNode\n above?: Breakpoint\n below?: Breakpoint\n at?: Breakpoint | Breakpoint[]\n between?: [Breakpoint, Breakpoint]\n}\n\nexport function Hide({ children, above, below, at, between }: HideProps): React.ReactElement | null {\n const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n let shouldHide = false\n\n if (above !== undefined) {\n shouldHide = isAbove(above)\n } else if (below !== undefined) {\n shouldHide = isBelow(below)\n } else if (at !== undefined) {\n if (Array.isArray(at)) {\n shouldHide = at.some((bp) => isAt(bp))\n } else {\n shouldHide = isAt(at)\n }\n } else if (between !== undefined) {\n shouldHide = isBetween(between[0], between[1])\n }\n\n return shouldHide ? null : <>{children}</>\n}\n"],"names":["Show","children","above","below","at","between","isAbove","isBelow","isAt","isBetween","useBreakpoint","shouldShow","bp","jsx","Fragment","Hide","shouldHide"],"mappings":";;AAWO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIC,IAAa;AAEjB,SAAIT,MAAU,SACZS,IAAaL,EAAQJ,CAAK,IACjBC,MAAU,SACnBQ,IAAaJ,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBO,IAAaP,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCD,IAAaH,EAAKJ,CAAE,IAEbC,MAAY,SACrBM,IAAaF,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAE7CM,IAAa,IAGRA,IAAa,gBAAAE,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS,IAAM;AACxC;AAUO,SAASc,EAAK,EAAE,UAAAd,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIM,IAAa;AAEjB,SAAId,MAAU,SACZc,IAAaV,EAAQJ,CAAK,IACjBC,MAAU,SACnBa,IAAaT,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBY,IAAaZ,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCI,IAAaR,EAAKJ,CAAE,IAEbC,MAAY,WACrBW,IAAaP,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAGxCW,IAAa,OAAO,gBAAAH,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS;AACzC;"}
1
+ {"version":3,"file":"index92.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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"}
package/dist/index93.js CHANGED
@@ -1,36 +1,298 @@
1
- import { useState as u, useEffect as f } from "react";
2
- const t = {
3
- sm: 640,
4
- md: 768,
5
- lg: 1024,
6
- xl: 1280,
7
- "2xl": 1536
8
- }, s = ["xs", "sm", "md", "lg", "xl", "2xl"];
9
- function l(e) {
10
- return e >= t["2xl"] ? "2xl" : e >= t.xl ? "xl" : e >= t.lg ? "lg" : e >= t.md ? "md" : e >= t.sm ? "sm" : "xs";
1
+ import { jsx as o, jsxs as v } from "react/jsx-runtime";
2
+ import { useState as j, useRef as G, useMemo as z, useEffect as re, useCallback as b } from "react";
3
+ function J(t, i = []) {
4
+ const u = [];
5
+ return t.forEach((c) => {
6
+ const a = [...i, c.title];
7
+ u.push({ node: c, path: a }), c.children && u.push(...J(c.children, a));
8
+ }), u;
11
9
  }
12
- function i(e, o) {
13
- return s.indexOf(e) - s.indexOf(o);
10
+ function ie(t) {
11
+ const i = [], u = (c) => {
12
+ c.forEach((a) => {
13
+ i.push(a.key), a.children && u(a.children);
14
+ });
15
+ };
16
+ return u(t), i;
17
+ }
18
+ function k(t, i) {
19
+ for (const u of t) {
20
+ if (u.key === i) return u;
21
+ if (u.children) {
22
+ const c = k(u.children, i);
23
+ if (c) return c;
24
+ }
25
+ }
26
+ return null;
27
+ }
28
+ function H(t) {
29
+ const i = [], u = (c) => {
30
+ c.children && c.children.forEach((a) => {
31
+ i.push(a.key), u(a);
32
+ });
33
+ };
34
+ return u(t), i;
35
+ }
36
+ function le({
37
+ node: t,
38
+ level: i,
39
+ expanded: u,
40
+ selected: c,
41
+ checked: a,
42
+ indeterminate: m,
43
+ treeCheckable: w,
44
+ onToggle: M,
45
+ onSelect: E,
46
+ onCheck: x,
47
+ renderChildren: K
48
+ }) {
49
+ const N = t.children && t.children.length > 0, p = t.isLeaf ?? !N, C = (f) => {
50
+ f.stopPropagation(), p || M(t.key);
51
+ }, B = () => {
52
+ t.disabled || (w ? x(t.key, t) : E(t.key, t));
53
+ }, P = (f) => {
54
+ f.stopPropagation(), t.disabled || x(t.key, t);
55
+ };
56
+ return /* @__PURE__ */ v("div", { className: "tree-select-node", children: [
57
+ /* @__PURE__ */ v(
58
+ "div",
59
+ {
60
+ className: [
61
+ "flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors",
62
+ (c || a) && "bg-primary/10 text-primary",
63
+ t.disabled && "opacity-50 cursor-not-allowed"
64
+ ].filter(Boolean).join(" "),
65
+ style: { paddingLeft: `${i * 16 + 8}px` },
66
+ onClick: B,
67
+ children: [
68
+ /* @__PURE__ */ o(
69
+ "span",
70
+ {
71
+ className: [
72
+ "w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1",
73
+ !p && "cursor-pointer"
74
+ ].filter(Boolean).join(" "),
75
+ onClick: C,
76
+ children: !p && /* @__PURE__ */ o(
77
+ "svg",
78
+ {
79
+ className: `w-3 h-3 transition-transform ${u ? "rotate-90" : ""}`,
80
+ fill: "none",
81
+ viewBox: "0 0 24 24",
82
+ stroke: "currentColor",
83
+ children: /* @__PURE__ */ o("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
84
+ }
85
+ )
86
+ }
87
+ ),
88
+ w && /* @__PURE__ */ o("span", { className: "mr-2 flex-shrink-0", onClick: P, children: /* @__PURE__ */ o(
89
+ "input",
90
+ {
91
+ type: "checkbox",
92
+ className: "checkbox checkbox-sm checkbox-primary",
93
+ checked: a,
94
+ ref: (f) => {
95
+ f && (f.indeterminate = m);
96
+ },
97
+ disabled: t.disabled,
98
+ onChange: () => {
99
+ }
100
+ }
101
+ ) }),
102
+ /* @__PURE__ */ o("span", { className: "flex-1 truncate select-none text-sm", children: t.title })
103
+ ]
104
+ }
105
+ ),
106
+ N && u && K(t.children, i + 1)
107
+ ] });
14
108
  }
15
- function m() {
16
- const [e, o] = u(
17
- () => typeof window < "u" ? window.innerWidth : 1024
18
- );
19
- f(() => {
20
- const n = () => o(window.innerWidth);
21
- return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
109
+ function ae({
110
+ treeData: t,
111
+ value: i,
112
+ defaultValue: u = [],
113
+ onChange: c,
114
+ multiple: a = !1,
115
+ treeCheckable: m = !1,
116
+ showSearch: w = !1,
117
+ placeholder: M = "Please select",
118
+ allowClear: E = !0,
119
+ disabled: x = !1,
120
+ treeDefaultExpandAll: K = !1,
121
+ treeDefaultExpandedKeys: N = [],
122
+ treeExpandedKeys: p,
123
+ onTreeExpand: C,
124
+ size: B = "md",
125
+ className: P = "",
126
+ ...f
127
+ }) {
128
+ const [y, T] = j(!1), [L, V] = j(""), W = G(null), Q = G(null), A = (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], U = A(u), [X, S] = j(U), d = i !== void 0 ? A(i) : X, Y = z(() => K ? ie(t) : N, []), [Z, D] = j(Y), g = p ?? Z;
129
+ re(() => {
130
+ const e = (s) => {
131
+ W.current && !W.current.contains(s.target) && (T(!1), V(""));
132
+ };
133
+ return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
22
134
  }, []);
23
- const r = l(e);
24
- return {
25
- breakpoint: r,
26
- width: e,
27
- isAbove: (n) => i(r, n) >= 0,
28
- isBelow: (n) => i(r, n) < 0,
29
- isAt: (n) => r === n,
30
- isBetween: (n, d) => i(r, n) >= 0 && i(r, d) <= 0
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);
153
+ },
154
+ [g, p, C]
155
+ ), R = b(
156
+ (e, s) => {
157
+ let n;
158
+ a ? d.includes(e) ? n = d.filter((l) => l !== e) : n = [...d, e] : (n = [e], T(!1), V("")), i === void 0 && S(n);
159
+ const r = n.map((l) => k(t, l)?.title || l);
160
+ c?.(a ? n : n[0] || "", r);
161
+ },
162
+ [d, a, i, c, t]
163
+ ), F = b(
164
+ (e, s) => {
165
+ const n = d.includes(e);
166
+ let r = [...d];
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, $);
173
+ },
174
+ [d, i, c, t]
175
+ ), ee = (e) => {
176
+ e.stopPropagation();
177
+ const s = [];
178
+ i === void 0 && S(s), c?.(a ? s : "", []);
179
+ }, te = (e, s) => {
180
+ s.stopPropagation();
181
+ const n = d.filter((l) => l !== e);
182
+ i === void 0 && S(n);
183
+ const r = n.map((l) => k(t, l)?.title || l);
184
+ c?.(a ? n : n[0] || "", r);
185
+ }, _ = b(
186
+ (e) => {
187
+ if (!e.children || e.children.length === 0)
188
+ return { checked: d.includes(e.key), indeterminate: !1 };
189
+ const s = H(e), n = s.filter((r) => d.includes(r));
190
+ return n.length === 0 ? { checked: d.includes(e.key), indeterminate: !1 } : n.length === s.length ? { checked: !0, indeterminate: !1 } : { checked: !1, indeterminate: !0 };
191
+ },
192
+ [d]
193
+ ), q = b(
194
+ (e, s) => e.map((n) => {
195
+ const { checked: r, indeterminate: l } = _(n);
196
+ return /* @__PURE__ */ o(
197
+ le,
198
+ {
199
+ node: n,
200
+ level: s,
201
+ expanded: g.includes(n.key),
202
+ selected: d.includes(n.key),
203
+ checked: r,
204
+ indeterminate: l,
205
+ treeCheckable: m,
206
+ onToggle: O,
207
+ onSelect: R,
208
+ onCheck: F,
209
+ renderChildren: q
210
+ },
211
+ n.key
212
+ );
213
+ }),
214
+ [g, d, m, O, R, F, _]
215
+ ), ne = z(() => d.length === 0 ? null : a || m ? d.map((s) => {
216
+ const n = k(t, s);
217
+ return /* @__PURE__ */ v(
218
+ "span",
219
+ {
220
+ className: "inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1",
221
+ children: [
222
+ n?.title || s,
223
+ /* @__PURE__ */ o(
224
+ "button",
225
+ {
226
+ type: "button",
227
+ className: "hover:text-error",
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"
31
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
+ ] });
32
294
  }
33
295
  export {
34
- m as useBreakpoint
296
+ ae as TreeSelect
35
297
  };
36
298
  //# sourceMappingURL=index93.js.map