@jc-times/business-ui 0.4.0 → 0.4.1

package/dist/TreeSelect.js

@@ -1,205 +1,275 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
 import { FormField as t } from "./FormField.js";
-import { memo as n, useCallback as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Check as ee, ChevronDown as te, ChevronRight as d, LoaderCircle as ne, X as re } from "lucide-react";
-import * as f from "@radix-ui/react-popover";
+import { usePhoneWheel as n } from "./usePhoneWheel.js";
+import { MobilePickerPanel as r } from "./MobilePickerPanel.js";
+import { memo as i, useCallback as a, useEffect as o, useId as ee, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Check as te, ChevronDown as ne, ChevronRight as f, LoaderCircle as re, X as ie } from "lucide-react";
+import * as p from "@radix-ui/react-popover";
 //#region src/TreeSelect.tsx
-var p = "\0tree-select-all";
-function ie({ items: n, value: d, defaultValue: ie = null, onValueChange: h, open: g, defaultOpen: _ = !1, onOpenChange: y, selectionMode: fe = "single", values: b, defaultValues: pe = [], onValuesChange: me, query: x, defaultQuery: he = "", onQueryChange: S, expandedIds: C, defaultExpandedIds: ge, onExpandedIdsChange: _e, label: w, placeholder: ve = "请选择", searchPlaceholder: ye = "输入关键词搜索", clearLabel: T = "清除选择", allLabel: be = "全部", emptyText: xe = "没有匹配项", loading: E = !1, loadingText: Se = "正在加载…", loadError: Ce, disabled: D = !1, required: O = !1, helpText: we, error: k, id: Te, name: Ee, formValueMode: De = "id", className: Oe = "", popoverClassName: ke = "", inputRef: A, inputProps: j }) {
-	let Ae = e(), M = s(!1), je = a().replaceAll(":", ""), N = Te ?? `ui-tree-select-${je}`, Me = `${N}-tree`, P = s(null), Ne = s(null), F = o(() => oe(n), [n]), I = o(() => new Map(se(F).map((e) => [e.id, e])), [F]), [Pe, Fe] = c(ie), [Ie, Le] = c(pe), L = fe === "multiple", R = b ?? Ie, Re = o(() => new Set(R), [R]), [ze, Be] = c(_), [Ve, He] = c(he), [Ue, We] = c(() => new Set(ge ?? ce(F))), [z, B] = c(null), V = d === void 0 ? Pe : d, H = !D && (g === void 0 ? ze : g), U = x === void 0 ? Ve : x, W = C ?? Ue, G = o(() => U.trim() ? m(F, U) : F, [F, U]), K = !!U.trim(), q = o(() => le(G, W, K), [
+var m = "\0tree-select-all";
+function ae({ items: i, value: f, defaultValue: ae = null, onValueChange: g, open: _, defaultOpen: v = !1, onOpenChange: pe, selectionMode: me = "single", values: he, defaultValues: ge = [], onValuesChange: _e, query: b, defaultQuery: ve = "", onQueryChange: x, expandedIds: S, defaultExpandedIds: ye, onExpandedIdsChange: be, label: C, placeholder: xe = "请选择", searchPlaceholder: Se = "输入关键词搜索", clearLabel: w = "清除选择", allLabel: Ce = "全部", emptyText: we = "没有匹配项", loading: T = !1, loadingText: Te = "正在加载…", loadError: Ee, disabled: E = !1, required: D = !1, helpText: De, error: O, id: Oe, name: ke, formValueMode: Ae = "id", className: je = "", popoverClassName: Me = "", inputRef: k, inputProps: A, mobileMode: Ne = "dropdown" }) {
+	let j = n(Ne === "bottom-sheet"), Pe = c(null), Fe = e(), M = c(!1), Ie = ee().replaceAll(":", ""), N = Oe ?? `ui-tree-select-${Ie}`, P = `${N}-tree`, F = c(null), Le = c(null), I = s(() => se(i), [i]), L = s(() => new Map(y(I).map((e) => [e.id, e])), [I]), [Re, ze] = l(ae), [Be, Ve] = l(ge), R = me === "multiple", z = he ?? Be, He = s(() => new Set(z), [z]), [Ue, We] = l(v), [Ge, Ke] = l(ve), [qe, Je] = l(() => new Set(ye ?? ce(I))), [B, V] = l(null), H = f === void 0 ? Re : f, U = !E && (_ === void 0 ? Ue : _), W = b === void 0 ? Ge : b, G = S ?? qe, K = s(() => W.trim() ? h(I, W) : I, [I, W]), q = !!W.trim(), Ye = s(() => le(K, G, q), [
+		K,
 		G,
-		W,
-		K
-	]), J = o(() => [{
-		key: p,
+		q
+	]), J = s(() => [{
+		key: m,
 		disabled: !1
-	}, ...q.map(({ node: e }) => ({
+	}, ...Ye.map(({ node: e }) => ({
 		key: e.id,
 		disabled: !!e.disabled
-	}))], [q]), Ge = V === null ? void 0 : I.get(V), Y = z === null ? void 0 : v(N, z), Ke = H ? U : L ? R.map((e) => I.get(e)?.label ?? e).join("、") : Ge?.label ?? "", qe = de(j?.["aria-describedby"], we === void 0 ? void 0 : `${N}-help`, k === void 0 || k === "" ? void 0 : `${N}-error`);
-	i(() => {
-		H && (z !== null && J.some((e) => e.key === z && !e.disabled) || B(V && J.some((e) => e.key === V && !e.disabled) ? V : J.find((e) => !e.disabled)?.key ?? null));
+	}))], [Ye]), Xe = H === null ? void 0 : L.get(H), Y = B === null ? void 0 : ue(N, B), Ze = U ? W : R ? z.map((e) => L.get(e)?.label ?? e).join("、") : Xe?.label ?? "", Qe = fe(A?.["aria-describedby"], De === void 0 ? void 0 : `${N}-help`, O === void 0 || O === "" ? void 0 : `${N}-error`);
+	o(() => {
+		U && (B !== null && J.some((e) => e.key === B && !e.disabled) || V(H && J.some((e) => e.key === H && !e.disabled) ? H : J.find((e) => !e.disabled)?.key ?? null));
 	}, [
-		z,
-		H,
+		B,
+		U,
 		J,
-		V
-	]), i(() => {
-		H && Y !== void 0 && document.getElementById(Y)?.scrollIntoView?.({ block: "nearest" });
-	}, [Y, H]), i(() => {
-		P.current?.setCustomValidity(O && !(L ? R.length : V) ? "请选择选项" : "");
+		H
+	]), o(() => {
+		U && Y !== void 0 && document.getElementById(Y)?.scrollIntoView?.({ block: "nearest" });
+	}, [Y, U]), o(() => {
+		F.current?.setCustomValidity(D && !(R ? z.length : H) ? "请选择选项" : "");
 	}, [
-		O,
-		V,
-		L,
-		R
+		D,
+		H,
+		R,
+		z
 	]);
 	function X(e) {
-		g === void 0 && Be(e), y?.(e), e || (Z(""), B(null));
+		_ === void 0 && We(e), pe?.(e), e || (Z(""), V(null));
 	}
 	function Z(e) {
-		x === void 0 && He(e), S?.(e);
+		b === void 0 && Ke(e), x?.(e);
 	}
-	function Je(e) {
-		d === void 0 && Fe(e), h?.(e);
+	function $e(e) {
+		f === void 0 && ze(e), g?.(e);
 	}
 	function Q() {
-		D || H || (Z(""), X(!0));
+		E || U || (Z(""), X(!0));
 	}
-	let $ = r((e) => {
-		if (L) {
-			let t = e === null ? [] : R.includes(e) ? R.filter((t) => t !== e) : [...R, e];
-			b === void 0 && Le(t), me?.(t);
+	let $ = a((e) => {
+		if (R) {
+			let t = e === null ? [] : z.includes(e) ? z.filter((t) => t !== e) : [...z, e];
+			he === void 0 && Ve(t), _e?.(t);
 			return;
 		}
-		d === void 0 && Fe(e), h?.(e), g === void 0 && Be(!1), y?.(!1), x === void 0 && He(""), S?.(""), B(null);
+		f === void 0 && ze(e), g?.(e), _ === void 0 && We(!1), pe?.(!1), b === void 0 && Ke(""), x?.(""), V(null);
 	}, [
-		d,
-		h,
+		f,
 		g,
-		y,
+		_,
+		pe,
+		b,
 		x,
-		S,
-		L,
 		R,
-		b,
-		me
-	]), Ye = r((e) => {
-		let t = new Set(W);
-		t.has(e) ? t.delete(e) : t.add(e), C === void 0 && We(t), _e?.(t);
-	}, [
-		W,
-		C,
+		z,
+		he,
 		_e
+	]), et = a((e) => {
+		let t = new Set(G);
+		t.has(e) ? t.delete(e) : t.add(e), S === void 0 && Je(t), be?.(t);
+	}, [
+		G,
+		S,
+		be
 	]);
-	function Xe(e, t) {
+	function tt(e, t) {
 		let n = J.filter((e) => !e.disabled);
 		if (!n.length) return;
 		if (t) {
-			B(n[t === "start" ? 0 : n.length - 1].key);
+			V(n[t === "start" ? 0 : n.length - 1].key);
 			return;
 		}
-		let r = n.findIndex((e) => e.key === z);
-		B(n[((r < 0 ? e > 0 ? -1 : 0 : r) + e + n.length) % n.length].key);
+		let r = n.findIndex((e) => e.key === B);
+		V(n[((r < 0 ? e > 0 ? -1 : 0 : r) + e + n.length) % n.length].key);
 	}
-	function Ze(e) {
-		if (j?.onKeyDown?.(e), e.defaultPrevented || M.current || e.nativeEvent.isComposing || e.keyCode === 229) return;
+	function nt(e) {
+		if (A?.onKeyDown?.(e), e.defaultPrevented || M.current || e.nativeEvent.isComposing || e.keyCode === 229) return;
+		if (j && !U && (e.key === "Enter" || e.key === " " || e.key === "ArrowDown")) {
+			e.preventDefault(), Q();
+			return;
+		}
 		if (e.key === "Tab") {
-			H && X(!1);
+			U && !j && X(!1);
 			return;
 		}
-		if (e.key === "Escape" && H) {
+		if (e.key === "Escape" && U) {
 			e.preventDefault(), e.stopPropagation(), X(!1);
 			return;
 		}
-		if (e.key === "Backspace" && !H && !L && V !== null) {
-			e.preventDefault(), Je(null), Q();
+		if (e.key === "Backspace" && !U && !R && H !== null) {
+			e.preventDefault(), $e(null), Q();
 			return;
 		}
 		if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") {
-			e.preventDefault(), Q(), e.key === "Home" ? Xe(0, "start") : e.key === "End" ? Xe(0, "end") : Xe(e.key === "ArrowDown" ? 1 : -1);
+			e.preventDefault(), Q(), e.key === "Home" ? tt(0, "start") : e.key === "End" ? tt(0, "end") : tt(e.key === "ArrowDown" ? 1 : -1);
 			return;
 		}
-		let t = q.find(({ node: e }) => e.id === z);
+		let t = Ye.find(({ node: e }) => e.id === B);
 		if (e.key === "ArrowRight" && t) {
-			e.preventDefault(), Q(), t.node.children.length && !W.has(t.node.id) && !K ? Ye(t.node.id) : t.node.children.length && B(t.node.children[0].id);
+			e.preventDefault(), Q(), t.node.children.length && !G.has(t.node.id) && !q ? et(t.node.id) : t.node.children.length && V(t.node.children[0].id);
 			return;
 		}
 		if (e.key === "ArrowLeft" && t) {
-			e.preventDefault(), t.node.children.length && W.has(t.node.id) && !K ? Ye(t.node.id) : t.parentId && B(t.parentId);
+			e.preventDefault(), t.node.children.length && G.has(t.node.id) && !q ? et(t.node.id) : t.parentId && V(t.parentId);
 			return;
 		}
-		e.key === "Enter" && H && z !== null && (e.preventDefault(), z === p ? $(null) : t && !t.node.disabled && $(z));
+		e.key === "Enter" && U && B !== null && (e.preventDefault(), B === m ? $(null) : t && !t.node.disabled && $(B));
 	}
-	function Qe(e) {
-		P.current = e, typeof A == "function" ? A(e) : A && (A.current = e);
+	function rt(e) {
+		F.current = e, typeof k == "function" ? k(e) : k && (k.current = e);
 	}
-	return /* @__PURE__ */ u(t, {
+	let it = /* @__PURE__ */ d("div", {
+		id: P,
+		className: "ui-tree-select-tree",
+		role: "tree",
+		"aria-label": typeof C == "string" ? C : "树形选项",
+		"aria-busy": T || void 0,
+		"aria-multiselectable": R || void 0,
+		children: [/* @__PURE__ */ d("div", {
+			id: ue(N, m),
+			role: "treeitem",
+			"aria-level": 1,
+			"aria-posinset": 1,
+			"aria-setsize": K.length + 1,
+			"aria-selected": R ? !z.length : H === null,
+			className: de(B === m, R ? !z.length : H === null, !1),
+			onMouseDown: (e) => e.preventDefault(),
+			onClick: () => $(null),
+			children: [
+				/* @__PURE__ */ u("span", { className: "ui-tree-select-spacer" }),
+				/* @__PURE__ */ u("span", {
+					className: "ui-tree-select-label",
+					children: R ? w : Ce
+				}),
+				(R ? !z.length : H === null) && /* @__PURE__ */ u(te, {
+					size: 15,
+					"aria-hidden": "true"
+				})
+			]
+		}), T ? /* @__PURE__ */ u("div", {
+			className: "ui-tree-select-status",
+			role: "status",
+			children: Te
+		}) : Ee === void 0 ? K.length ? ot(K, 1) : /* @__PURE__ */ u("div", {
+			className: "ui-tree-select-status",
+			children: we
+		}) : /* @__PURE__ */ u("div", {
+			className: "ui-tree-select-status ui-tree-select-error",
+			role: "alert",
+			children: Ee
+		})]
+	}), at = R && z.length > 0 && /* @__PURE__ */ d("div", {
+		className: "ui-multi-selection",
+		"aria-label": "已选节点",
+		children: [z.map((e) => /* @__PURE__ */ d("span", {
+			className: "ui-selection-tag",
+			children: [/* @__PURE__ */ u("span", {
+				className: "ui-selection-tag-label",
+				children: L.get(e)?.label ?? e
+			}), /* @__PURE__ */ u("button", {
+				type: "button",
+				disabled: E,
+				"aria-label": `移除 ${L.get(e)?.label ?? e}`,
+				onClick: () => $(e),
+				children: "×"
+			})]
+		}, e)), /* @__PURE__ */ u("button", {
+			type: "button",
+			className: "ui-selection-clear",
+			disabled: E,
+			onClick: () => $(null),
+			children: w
+		})]
+	});
+	return /* @__PURE__ */ d(t, {
 		controlId: N,
-		label: w,
-		required: O,
-		helpText: we,
-		error: k,
-		containerClassName: `ui-tree-select ${Oe}`.trim(),
-		children: [/* @__PURE__ */ l(f.Root, {
-			open: H,
+		label: C,
+		required: D,
+		helpText: De,
+		error: O,
+		containerClassName: `ui-tree-select ${je}`.trim(),
+		children: [/* @__PURE__ */ u(p.Root, {
+			open: !j && U,
 			onOpenChange: X,
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "ui-tree-select-root",
-				ref: Ne,
+				ref: Le,
 				children: [
-					Ee && (L ? R : [V ?? ""]).map((e) => /* @__PURE__ */ l("input", {
+					ke && (R ? z : [H ?? ""]).map((e) => /* @__PURE__ */ u("input", {
 						type: "hidden",
-						name: Ee,
-						value: De === "label" ? I.get(e)?.label ?? "" : e,
-						disabled: D,
-						form: j?.form
+						name: ke,
+						value: Ae === "label" ? L.get(e)?.label ?? "" : e,
+						disabled: E,
+						form: A?.form
 					}, e)),
-					/* @__PURE__ */ l(f.Anchor, {
+					/* @__PURE__ */ u(p.Anchor, {
 						asChild: !0,
-						children: /* @__PURE__ */ u("div", {
+						children: /* @__PURE__ */ d("div", {
 							className: "ui-tree-select-control",
 							children: [
-								/* @__PURE__ */ l("input", {
-									...j,
-									ref: Qe,
+								/* @__PURE__ */ u("input", {
+									...A,
+									ref: rt,
 									id: N,
 									className: "ui-input ui-tree-select-input",
 									role: "combobox",
 									"aria-autocomplete": "list",
-									"aria-haspopup": "tree",
-									"aria-expanded": H,
-									"aria-controls": H ? Me : void 0,
-									"aria-activedescendant": H ? Y : void 0,
-									"aria-describedby": qe,
-									"aria-invalid": k ? !0 : j?.["aria-invalid"],
-									"aria-required": O,
-									disabled: D,
-									placeholder: H ? ye : ve,
-									value: Ke,
+									"aria-haspopup": j ? "dialog" : "tree",
+									"aria-expanded": U,
+									"aria-controls": !j && U ? P : void 0,
+									"aria-activedescendant": !j && U ? Y : void 0,
+									"aria-describedby": Qe,
+									"aria-invalid": O ? !0 : A?.["aria-invalid"],
+									"aria-required": D,
+									disabled: E,
+									inputMode: j ? "none" : A?.inputMode,
+									placeholder: !j && U ? Se : xe,
+									value: j ? R ? z.map((e) => L.get(e)?.label ?? e).join("、") : Xe?.label ?? "" : Ze,
 									onCompositionStart: (e) => {
-										M.current = !0, j?.onCompositionStart?.(e);
+										M.current = !0, A?.onCompositionStart?.(e);
 									},
 									onCompositionEnd: (e) => {
-										M.current = !1, j?.onCompositionEnd?.(e);
+										M.current = !1, A?.onCompositionEnd?.(e);
 									},
 									onFocus: (e) => {
-										j?.onFocus?.(e), e.defaultPrevented || Q();
+										A?.onFocus?.(e), !e.defaultPrevented && !j && Q();
 									},
 									onClick: Q,
 									onChange: (e) => {
-										H || X(!0), Z(e.target.value), B(null);
+										U || X(!0), Z(e.target.value), V(null);
 									},
-									onKeyDown: Ze
+									onKeyDown: nt
 								}),
-								Ge && !L && !D && /* @__PURE__ */ l("button", {
+								Xe && !R && !E && /* @__PURE__ */ u("button", {
 									type: "button",
 									tabIndex: -1,
 									className: "ui-tree-select-clear",
-									"aria-label": T,
+									"aria-label": w,
 									onMouseDown: (e) => e.preventDefault(),
 									onClick: () => {
-										Je(null), Z(""), P.current?.focus();
+										$e(null), Z(""), F.current?.focus();
 									},
-									children: /* @__PURE__ */ l(re, {
+									children: /* @__PURE__ */ u(ie, {
 										size: 15,
 										"aria-hidden": "true"
 									})
 								}),
-								/* @__PURE__ */ l("button", {
+								/* @__PURE__ */ u("button", {
 									type: "button",
 									tabIndex: -1,
 									className: "ui-tree-select-trigger",
-									"aria-label": H ? "收起选项" : "展开选项",
-									disabled: D,
+									"aria-label": U ? "收起选项" : "展开选项",
+									disabled: E,
 									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => H ? X(!1) : Q(),
-									children: E ? /* @__PURE__ */ l(ne, {
+									onClick: () => U ? X(!1) : Q(),
+									children: T ? /* @__PURE__ */ u(re, {
 										className: "spin",
 										size: 16,
 										"aria-hidden": "true"
-									}) : /* @__PURE__ */ l(te, {
+									}) : /* @__PURE__ */ u(ne, {
 										size: 16,
 										"aria-hidden": "true"
 									})
@@ -207,92 +277,67 @@ function ie({ items: n, value: d, defaultValue: ie = null, onValueChange: h, ope
 							]
 						})
 					}),
-					/* @__PURE__ */ l(f.Portal, {
-						container: Ae,
-						children: /* @__PURE__ */ l(f.Content, {
-							className: `ui-tree-select-popover ${ke}`.trim(),
+					/* @__PURE__ */ u(p.Portal, {
+						container: Fe,
+						children: /* @__PURE__ */ u(p.Content, {
+							className: `ui-tree-select-popover ${Me}`.trim(),
 							sideOffset: 6,
 							collisionPadding: 12,
 							onOpenAutoFocus: (e) => e.preventDefault(),
 							onCloseAutoFocus: (e) => e.preventDefault(),
 							onInteractOutside: (e) => {
-								Ne.current?.contains(e.target) && e.preventDefault();
+								Le.current?.contains(e.target) && e.preventDefault();
 							},
-							children: /* @__PURE__ */ u("div", {
-								id: Me,
-								className: "ui-tree-select-tree",
-								role: "tree",
-								"aria-label": typeof w == "string" ? w : "树形选项",
-								"aria-busy": E || void 0,
-								"aria-multiselectable": L || void 0,
-								children: [/* @__PURE__ */ u("div", {
-									id: v(N, p),
-									role: "treeitem",
-									"aria-level": 1,
-									"aria-posinset": 1,
-									"aria-setsize": G.length + 1,
-									"aria-selected": L ? !R.length : V === null,
-									className: ue(z === p, L ? !R.length : V === null, !1),
-									onMouseDown: (e) => e.preventDefault(),
-									onClick: () => $(null),
-									children: [
-										/* @__PURE__ */ l("span", { className: "ui-tree-select-spacer" }),
-										/* @__PURE__ */ l("span", {
-											className: "ui-tree-select-label",
-											children: L ? T : be
-										}),
-										(L ? !R.length : V === null) && /* @__PURE__ */ l(ee, {
-											size: 15,
-											"aria-hidden": "true"
-										})
-									]
-								}), E ? /* @__PURE__ */ l("div", {
-									className: "ui-tree-select-status",
-									role: "status",
-									children: Se
-								}) : Ce === void 0 ? G.length ? $e(G, 1) : /* @__PURE__ */ l("div", {
-									className: "ui-tree-select-status",
-									children: xe
-								}) : /* @__PURE__ */ l("div", {
-									className: "ui-tree-select-status ui-tree-select-error",
-									role: "alert",
-									children: Ce
-								})]
-							})
+							children: it
 						})
 					})
 				]
 			})
-		}), L && R.length > 0 && /* @__PURE__ */ u("div", {
-			className: "ui-multi-selection",
-			"aria-label": "已选节点",
-			children: [R.map((e) => /* @__PURE__ */ u("span", {
-				className: "ui-selection-tag",
-				children: [/* @__PURE__ */ l("span", {
-					className: "ui-selection-tag-label",
-					children: I.get(e)?.label ?? e
-				}), /* @__PURE__ */ l("button", {
-					type: "button",
-					disabled: D,
-					"aria-label": `移除 ${I.get(e)?.label ?? e}`,
-					onClick: () => $(e),
-					children: "×"
-				})]
-			}, e)), /* @__PURE__ */ l("button", {
-				type: "button",
-				className: "ui-selection-clear",
-				disabled: D,
-				onClick: () => $(null),
-				children: T
-			})]
-		})]
+		}), j && U ? /* @__PURE__ */ d(r, {
+			title: C ?? "选择节点",
+			returnFocus: F,
+			initialFocus: Pe,
+			onClose: () => X(!1),
+			summary: R ? `已选 ${z.length} 项，即时生效` : void 0,
+			children: [
+				/* @__PURE__ */ u("input", {
+					ref: Pe,
+					className: "ui-input",
+					type: "search",
+					"aria-label": "搜索节点",
+					placeholder: Se,
+					value: W,
+					onChange: (e) => {
+						Z(e.target.value), V(null);
+					},
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-haspopup": "tree",
+					"aria-expanded": "true",
+					"aria-controls": P,
+					"aria-activedescendant": Y,
+					onKeyDown: nt,
+					onCompositionStart: (e) => {
+						M.current = !0, A?.onCompositionStart?.(e);
+					},
+					onCompositionEnd: (e) => {
+						M.current = !1, A?.onCompositionEnd?.(e);
+					}
+				}),
+				it,
+				/* @__PURE__ */ u("div", {
+					className: "ui-picker-sheet-selected",
+					children: at
+				})
+			]
+		}) : at]
 	});
-	function $e(e, t) {
+	function ot(e, t) {
 		return e.map((n, r) => {
-			let i = K || W.has(n.id), a = n.children.length > 0, o = L ? Re.has(n.id) : V === n.id;
-			return /* @__PURE__ */ u("div", {
+			let i = q || G.has(n.id), a = n.children.length > 0, o = R ? He.has(n.id) : H === n.id;
+			return /* @__PURE__ */ d("div", {
 				className: "ui-tree-select-branch",
-				children: [/* @__PURE__ */ l(ae, {
+				children: [/* @__PURE__ */ u(oe, {
 					node: n,
 					controlId: N,
 					level: t,
@@ -300,21 +345,21 @@ function ie({ items: n, value: d, defaultValue: ie = null, onValueChange: h, ope
 					size: e.length + +(t === 1),
 					expanded: i,
 					selected: o,
-					active: z === n.id,
-					activate: B,
+					active: B === n.id,
+					activate: V,
 					commit: $,
-					toggle: Ye
-				}), i && a && /* @__PURE__ */ l("div", {
+					toggle: et
+				}), i && a && /* @__PURE__ */ u("div", {
 					role: "group",
-					children: $e(n.children, t + 1)
+					children: ot(n.children, t + 1)
 				})]
 			}, n.id);
 		});
 	}
 }
-var ae = n(function({ node: e, controlId: t, level: n, position: r, size: i, expanded: a, selected: o, active: s, activate: c, commit: ne, toggle: re }) {
-	return /* @__PURE__ */ u("div", {
-		id: v(t, e.id),
+var oe = i(function({ node: e, controlId: t, level: n, position: r, size: i, expanded: a, selected: o, active: ee, activate: s, commit: c, toggle: l }) {
+	return /* @__PURE__ */ d("div", {
+		id: ue(t, e.id),
 		role: "treeitem",
 		"aria-level": n,
 		"aria-posinset": r,
@@ -322,36 +367,36 @@ var ae = n(function({ node: e, controlId: t, level: n, position: r, size: i, exp
 		"aria-expanded": e.children.length ? a : void 0,
 		"aria-selected": o,
 		"aria-disabled": e.disabled || void 0,
-		className: ue(s, o, !!e.disabled),
+		className: de(ee, o, !!e.disabled),
 		onMouseDown: (e) => e.preventDefault(),
-		onMouseEnter: () => !e.disabled && c(e.id),
-		onClick: () => !e.disabled && ne(e.id),
+		onMouseEnter: () => !e.disabled && s(e.id),
+		onClick: () => !e.disabled && c(e.id),
 		children: [
-			e.children.length ? /* @__PURE__ */ l("button", {
+			e.children.length ? /* @__PURE__ */ u("button", {
 				type: "button",
 				tabIndex: -1,
 				className: "ui-tree-select-toggle",
 				"aria-label": `${a ? "收起" : "展开"}${e.label}`,
 				onClick: (t) => {
-					t.stopPropagation(), re(e.id);
+					t.stopPropagation(), l(e.id);
 				},
-				children: l(a ? te : d, {
+				children: u(a ? ne : f, {
 					size: 15,
 					"aria-hidden": "true"
 				})
-			}) : /* @__PURE__ */ l("span", { className: "ui-tree-select-spacer" }),
-			/* @__PURE__ */ l("span", {
+			}) : /* @__PURE__ */ u("span", { className: "ui-tree-select-spacer" }),
+			/* @__PURE__ */ u("span", {
 				className: "ui-tree-select-label",
 				children: e.label
 			}),
-			o && /* @__PURE__ */ l(ee, {
+			o && /* @__PURE__ */ u(te, {
 				size: 15,
 				"aria-hidden": "true"
 			})
 		]
 	});
 });
-function oe(e) {
+function se(e) {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		let e = n.id.trim();
@@ -366,7 +411,7 @@ function oe(e) {
 		let r = e.parentId && t.has(e.parentId) && e.parentId !== e.id ? e.parentId : null;
 		n.set(e.id, r);
 	}
-	let r = h(n), i = new Map([...t].map(([e, t]) => [e, {
+	let r = g(n), i = new Map([...t].map(([e, t]) => [e, {
 		...t,
 		children: []
 	}])), a = [];
@@ -374,20 +419,20 @@ function oe(e) {
 		let t = r.has(e.id) ? null : n.get(e.id), o = t ? i.get(t) : void 0;
 		o ? o.children.push(e) : a.push(e);
 	}
-	return g(a), a;
+	return _(a), a;
 }
-function m(e, t) {
+function h(e, t) {
 	let n = t.trim().toLocaleLowerCase("zh-CN");
 	return n ? e.flatMap((e) => {
-		if (e.label.toLocaleLowerCase("zh-CN").includes(n)) return [_(e)];
-		let t = m(e.children, n);
+		if (e.label.toLocaleLowerCase("zh-CN").includes(n)) return [v(e)];
+		let t = h(e.children, n);
 		return t.length ? [{
 			...e,
 			children: t
 		}] : [];
-	}) : e.map(_);
+	}) : e.map(v);
 }
-function h(e) {
+function g(e) {
 	let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
 	for (let r of e.keys()) {
 		if (t.has(r)) continue;
@@ -404,21 +449,21 @@ function h(e) {
 	}
 	return n;
 }
-function g(e) {
+function _(e) {
 	e.sort((e, t) => (e.order ?? 0) - (t.order ?? 0) || e.label.localeCompare(t.label, "zh-CN") || e.id.localeCompare(t.id));
-	for (let t of e) g(t.children);
+	for (let t of e) _(t.children);
 }
-function _(e) {
+function v(e) {
 	return {
 		...e,
-		children: e.children.map(_)
+		children: e.children.map(v)
 	};
 }
-function se(e) {
-	return e.flatMap((e) => [e, ...se(e.children)]);
+function y(e) {
+	return e.flatMap((e) => [e, ...y(e.children)]);
 }
 function ce(e) {
-	return se(e).filter((e) => e.children.length).map((e) => e.id);
+	return y(e).filter((e) => e.children.length).map((e) => e.id);
 }
 function le(e, t, n, r = 1, i = null) {
 	return e.flatMap((a, o) => [{
@@ -429,10 +474,10 @@ function le(e, t, n, r = 1, i = null) {
 		setSize: e.length
 	}, ...a.children.length && (n || t.has(a.id)) ? le(a.children, t, n, r + 1, a.id) : []]);
 }
-function v(e, t) {
+function ue(e, t) {
 	return `${e}-item-${encodeURIComponent(t).replaceAll("%", "_")}`;
 }
-function ue(e, t, n) {
+function de(e, t, n) {
 	return [
 		"ui-tree-select-item",
 		e ? "active" : "",
@@ -440,8 +485,8 @@ function ue(e, t, n) {
 		n ? "disabled" : ""
 	].filter(Boolean).join(" ");
 }
-function de(...e) {
+function fe(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
-export { ie as TreeSelect, oe as buildTreeSelectTree, m as filterTreeSelectTree };
+export { ae as TreeSelect, se as buildTreeSelectTree, h as filterTreeSelectTree };