haze-ui 1.26.0 → 1.28.0

package/dist/components/Tour/Tour.js

@@ -1,18 +1,19 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { Presence as t } from "../../utils/presence.js";
-import { computeFloatingPosition as n, resolvePadding as r } from "../../utils/collision.js";
-import { formatString as i } from "../LocaleProvider/locale.js";
-import { useStrings as a } from "../LocaleProvider/useStrings.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { formatString as n } from "../LocaleProvider/locale.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { computeFloatingPosition as i, resolvePadding as ee } from "../../utils/collision.js";
+import { Presence as a } from "../../utils/presence.js";
 /* empty css               */
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useCallback as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
 import { useControl as p } from "react-use-control";
-import { createPortal as m } from "react-dom";
+import { createPortal as te } from "react-dom";
 //#region src/lib/components/Tour/Tour.tsx
-var h = 8, g = 16;
-function _(e) {
+var m = 8, h = 16;
+function g(e) {
 	let { target: t } = e;
 	if (typeof t == "function") return t();
 	try {
@@ -21,34 +22,34 @@ function _(e) {
 		return null;
 	}
 }
-var v = "haze-Tour__overlay", y = "haze-Tour__spotlight", b = "haze-Tour__mask", ee = "haze-Tour__card", te = "haze-Tour__centeredCard", ne = "haze-Tour__titleStyle", re = "haze-Tour__bodyStyle", x = "haze-Tour__footerStyle", S = "haze-Tour__counterStyle", C = "haze-Tour__btn", w = "haze-Tour__subtleBtn", ie = "haze-Tour__primaryBtn";
-function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClosable: A = !1, className: j, ...M }) {
-	let [N, P] = p(E, !1), [F, I] = p(D, 0), L = a("tour"), R = `haze-tour-title-${u()}`, z = `haze-tour-step-${u()}`, B = T.length, V = Math.min(Math.max(F, 0), Math.max(B - 1, 0)), H = B > 0 ? T[V] : void 0, U = V >= B - 1, W = H?.placement ?? "bottom", G = i(L.stepOf, {
+var _ = "haze-Tour__overlay", v = "haze-Tour__spotlight", y = "haze-Tour__mask", b = "haze-Tour__card", x = "haze-Tour__centeredCard", S = "haze-Tour__titleStyle", ne = "haze-Tour__bodyStyle", C = "haze-Tour__footerStyle", w = "haze-Tour__counterStyle", T = "haze-Tour__btn", E = "haze-Tour__subtleBtn", D = "haze-Tour__primaryBtn";
+function O({ steps: O, open: k, current: A, onClose: j, onStepChange: M, maskClosable: re = !1, className: ie, ...ae }) {
+	let [N, P] = p(k, !1), [F, I] = p(A, 0), L = r("tour"), R = `haze-tour-title-${u()}`, z = `haze-tour-step-${u()}`, B = O.length, V = Math.min(Math.max(F, 0), Math.max(B - 1, 0)), H = B > 0 ? O[V] : void 0, U = V >= B - 1, W = H?.placement ?? "bottom", G = n(L.stepOf, {
 		current: V + 1,
 		total: B
 	}), [K, q] = f(N);
-	N !== K && (q(N), N && D === void 0 && I(0));
-	let J = d(null), Y = d(-1), [X, ae] = f(null), Z = d(null), Q = c((e) => {
-		P(!1), O?.(e);
-	}, [O, P]), $ = c((e) => {
-		I(e), k?.(e);
-	}, [k, I]);
+	N !== K && (q(N), N && A === void 0 && I(0));
+	let J = d(null), Y = d(-1), [X, oe] = f(null), Z = d(null), Q = c((e) => {
+		P(!1), j?.(e);
+	}, [j, P]), $ = c((e) => {
+		I(e), M?.(e);
+	}, [M, I]);
 	return l(() => {
 		if (!N) return;
-		let e = B > 0 ? T[V] : void 0, t = J.current;
-		if (!e || !t) return;
-		let i = _(e);
-		i?.scrollIntoView({ block: "nearest" });
+		let e = B > 0 ? O[V] : void 0, n = J.current;
+		if (!e || !n) return;
+		let r = g(e);
+		r?.scrollIntoView({ block: "nearest" });
 		let a = (e) => {
 			let t = Z.current;
-			(t === null != (e === null) || t !== null && e !== null && (t.top !== e.top || t.left !== e.left || t.width !== e.width || t.height !== e.height)) && (Z.current = e, ae(e));
+			(t === null != (e === null) || t !== null && e !== null && (t.top !== e.top || t.left !== e.left || t.width !== e.width || t.height !== e.height)) && (Z.current = e, oe(e));
 		}, o = () => {
-			let e = i?.getBoundingClientRect();
-			if (!i || !e || e.width === 0 && e.height === 0) {
-				t.style.top = "", t.style.left = "", a(null);
+			let e = r?.getBoundingClientRect();
+			if (!r || !e || e.width === 0 && e.height === 0) {
+				n.style.top = "", n.style.left = "", a(null);
 				return;
 			}
-			let o = t.getBoundingClientRect(), { top: s, left: c } = n({
+			let o = n.getBoundingClientRect(), { top: s, left: c } = i({
 				trigger: e,
 				panel: {
 					width: o.width,
@@ -60,20 +61,21 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 				},
 				placement: W,
 				gap: {
-					below: g,
-					above: g,
-					before: g,
-					after: g
+					below: h,
+					above: h,
+					before: h,
+					after: h
 				},
+				dir: t(n),
 				strategy: {
 					flip: !0,
 					shift: !0,
-					padding: r()
+					padding: ee()
 				}
 			});
-			t.style.top = `${s}px`, t.style.left = `${c}px`, a({
-				top: e.top - h,
-				left: e.left - h,
+			n.style.top = `${s}px`, n.style.left = `${c}px`, a({
+				top: e.top - m,
+				left: e.left - m,
 				width: e.width + 16,
 				height: e.height + 16
 			});
@@ -89,7 +91,7 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 		};
 	}, [
 		N,
-		T,
+		O,
 		V,
 		B,
 		W
@@ -107,8 +109,10 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 				Q("skip");
 				return;
 			}
-			let t = e.target;
-			t instanceof HTMLElement && (t.isContentEditable || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.tagName === "SELECT") || (e.key === "ArrowRight" && !U ? (e.preventDefault(), $(V + 1)) : e.key === "ArrowLeft" && V > 0 && (e.preventDefault(), $(V - 1)));
+			let n = e.target;
+			if (n instanceof HTMLElement && (n.isContentEditable || n.tagName === "INPUT" || n.tagName === "TEXTAREA" || n.tagName === "SELECT")) return;
+			let r = t(n instanceof Element ? n : J.current) === "rtl" ? "ArrowLeft" : "ArrowRight", i = r === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
+			e.key === r && !U ? (e.preventDefault(), $(V + 1)) : e.key === i && V > 0 && (e.preventDefault(), $(V - 1));
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
@@ -118,16 +122,16 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 		U,
 		Q,
 		$
-	]), !H || typeof document > "u" ? null : m(/* @__PURE__ */ o(t, {
+	]), !H || typeof document > "u" ? null : te(/* @__PURE__ */ o(a, {
 		present: N,
 		children: s("div", {
-			onClick: A ? (e) => {
+			onClick: re ? (e) => {
 				N && e.target === e.currentTarget && Q("skip");
 			} : void 0,
-			className: e([v]),
+			className: e([_]),
 			children: [X === null ? /* @__PURE__ */ o("div", {
 				"aria-hidden": "true",
-				className: e([b])
+				className: e([y])
 			}) : /* @__PURE__ */ o("div", {
 				"data-haze-tour-spotlight": "",
 				"aria-hidden": "true",
@@ -137,54 +141,54 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 					width: X.width,
 					height: X.height
 				},
-				className: e([y])
+				className: e([v])
 			}), /* @__PURE__ */ s("div", {
 				ref: J,
 				role: "dialog",
 				"aria-modal": "false",
 				"aria-labelledby": H.title === void 0 ? z : R,
 				tabIndex: -1,
-				...M,
+				...ae,
 				className: e([
-					ee,
-					X === null && te,
-					j
+					b,
+					X === null && x,
+					ie
 				]),
 				children: [
 					H.title !== void 0 && /* @__PURE__ */ o("h2", {
 						id: R,
-						className: e([ne]),
+						className: e([S]),
 						children: H.title
 					}),
 					/* @__PURE__ */ o("div", {
-						className: e([re]),
+						className: e([ne]),
 						children: H.content
 					}),
 					/* @__PURE__ */ s("div", {
-						className: e([x]),
+						className: e([C]),
 						children: [
 							/* @__PURE__ */ o("span", {
 								id: z,
-								className: e([S]),
+								className: e([w]),
 								children: G
 							}),
 							/* @__PURE__ */ o("button", {
 								type: "button",
 								onClick: () => Q("skip"),
-								className: e([C, w]),
+								className: e([T, E]),
 								children: L.skip
 							}),
 							/* @__PURE__ */ o("button", {
 								type: "button",
 								disabled: V === 0,
 								onClick: () => $(V - 1),
-								className: e([C, w]),
+								className: e([T, E]),
 								children: L.back
 							}),
 							/* @__PURE__ */ o("button", {
 								type: "button",
 								onClick: () => U ? Q("done") : $(V + 1),
-								className: e([C, ie]),
+								className: e([T, D]),
 								children: U ? L.done : L.next
 							})
 						]
@@ -195,4 +199,4 @@ function T({ steps: T, open: E, current: D, onClose: O, onStepChange: k, maskClo
 	}), document.body);
 }
 //#endregion
-export { T as default };
+export { O as default };

package/dist/components/Tree/Tree.js

@@ -1,115 +1,300 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import t from "./TreeItem.js";
-import { findNodeByKey as n, getChildKeys as r, getParentKey as i } from "./utils.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import r from "../VirtualList/VirtualList.js";
+import { filterTreeByQuery as i, findNodeByKey as a, flattenVisibleTree as o, getChildKeys as s, getParentKey as c, mergeLoadedChildren as l, pruneLoadedChildren as u } from "./utils.js";
+import d from "./TreeItem.js";
 /* empty css               */
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useMemo as s } from "react";
-import { useControl as c } from "react-use-control";
+import { jsx as f, jsxs as ee } from "react/jsx-runtime";
+import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
+import { useControl as v } from "react-use-control";
 //#region src/lib/components/Tree/Tree.tsx
-var l = "haze-Tree__base", u = "haze-Tree__group";
-function d(e, t, n) {
+var te = "haze-Tree__base", ne = "haze-Tree__virtualTree", re = 320, ie = 32, ae = "haze-Tree__group", oe = "haze-Tree__emptyBlock";
+function se(e, t) {
+	if (!(t in e)) return e;
+	let n = {};
+	for (let [r, i] of Object.entries(e)) r !== t && (n[r] = i);
+	return n;
+}
+function ce(e, t, n) {
 	if (n) return {
 		checked: e,
 		halfChecked: []
 	};
-	let i = new Set(e), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = (e) => {
+	let r = new Set(e), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = (e) => {
 		for (let n of e) if (n.children?.length) {
-			s(n.children);
-			let e = r(t, n.key), c = e.filter((e) => i.has(e));
-			c.length === 0 ? o.add(n.key) : c.length < e.length && (a.add(n.key), o.add(n.key));
+			o(n.children);
+			let e = s(t, n.key), c = e.filter((e) => r.has(e));
+			c.length === 0 ? a.add(n.key) : c.length < e.length && (i.add(n.key), a.add(n.key));
 		}
 	};
-	return s(t), {
-		checked: e.filter((e) => !o.has(e)),
-		halfChecked: Array.from(a)
+	return o(t), {
+		checked: e.filter((e) => !a.has(e)),
+		halfChecked: Array.from(i)
 	};
 }
-function f({ treeData: f, multiple: p = !1, checkable: m = !1, checkStrictly: h = !1, selectable: g = !0, disabled: _ = !1, blockNode: v = !1, showLine: y = !1, showIcon: b = !1, switcherIcon: x, loadingIcon: S, titleRender: C, iconRender: w, expandedKeys: T, selectedKeys: E, checkedKeys: D, className: O, onExpand: k, onSelect: A, onCheck: j }) {
-	let [M, N] = c(T, []), [P, F] = c(E, []), [I, L] = c(D, []), R = I, z = s(() => d(R, f, h), [
-		R,
-		f,
-		h
-	]), B = z.checked, V = z.halfChecked;
-	function H(e) {
-		let t = M.includes(e), r = t ? M.filter((t) => t !== e) : [...M, e];
-		N(r), k?.(r, {
+function y({ treeData: y, multiple: le = !1, checkable: b = !1, checkStrictly: x = !1, selectable: S = !0, disabled: C = !1, blockNode: ue = !1, showLine: de = !1, showIcon: fe = !1, switcherIcon: pe, loadingIcon: me, titleRender: he, iconRender: ge, virtualized: w, loadData: T, searchValue: E, expandedKeys: _e, selectedKeys: ve, checkedKeys: ye, className: D, onExpand: be, onSelect: xe, onCheck: Se }) {
+	let Ce = n("tree"), [O, we] = v(_e, []), [k, Te] = v(ve, []), [Ee, De] = v(ye, []), Oe = Ee, A = !!T, [j, ke] = _({}), [M, N] = _({}), P = g(/* @__PURE__ */ new Set()), F = h(() => u(j, y), [j, y]);
+	m(() => {
+		F !== j && ke(F);
+	}, [F, j]);
+	let I = h(() => l(y, F), [y, F]), L = p((e, t) => {
+		T && !P.current.has(e) && (P.current.add(e), N((t) => ({
+			...t,
+			[e]: "loading"
+		})), T(t).then((t) => {
+			P.current.delete(e), ke((n) => ({
+				...n,
+				[e]: t
+			})), N((t) => se(t, e));
+		}).catch(() => {
+			P.current.delete(e), N((t) => ({
+				...t,
+				[e]: "error"
+			}));
+		}));
+	}, [T]);
+	function Ae(e) {
+		let t = a(I, e);
+		t && L(e, t);
+	}
+	let R = h(() => i(I, E), [I, E]), je = R !== null, z = R ? R.tree : I, B = h(() => !R || R.ancestorKeys.length === 0 ? O : Array.from(/* @__PURE__ */ new Set([...O, ...R.ancestorKeys])), [O, R]);
+	m(() => {
+		if (T) for (let e of B) {
+			let t = a(I, e);
+			t && !t.children?.length && t.isLeaf !== !0 && F[e] === void 0 && M[e] === void 0 && L(e, t);
+		}
+	}, [
+		T,
+		L,
+		I,
+		B,
+		F,
+		M
+	]);
+	let Me = h(() => ce(Oe, I, x), [
+		Oe,
+		I,
+		x
+	]), V = Me.checked, Ne = Me.halfChecked, Pe = w !== void 0 && w !== !1, H = typeof w == "object" ? w : void 0, [Fe, Ie] = _(null), [U, Le] = _(null), W = g(null), Re = g(null), G = h(() => o(z, B, C), [
+		z,
+		B,
+		C
+	]), ze = (() => {
+		let e = G.find((e) => e.key === Fe && !e.disabled);
+		return e ? e.key : G.find((e) => !e.disabled)?.key ?? null;
+	})();
+	function K(e) {
+		let t = G[e];
+		t && !t.disabled && (Pe && Re.current?.scrollToIndex(e, "auto"), Ie(t.key), Le(t.key));
+	}
+	function q(e, t) {
+		for (let n = e + t; n >= 0 && n < G.length; n += t) {
+			let e = G[n];
+			if (e && !e.disabled) return n;
+		}
+		return -1;
+	}
+	function J(e) {
+		let t = e.target;
+		if (t.getAttribute("role") !== "treeitem") return;
+		let n = t.dataset.treeKey;
+		n && Ie(n);
+	}
+	function Y(e) {
+		let n = G;
+		if (n.length === 0) return;
+		let r = e.target;
+		if (r.getAttribute("role") !== "treeitem") return;
+		let i = r.dataset.treeKey, a = i ? n.findIndex((e) => e.key === i) : -1, o = a >= 0 ? n[a] : void 0;
+		if (!o || o.disabled) return;
+		let s = o.node.isLeaf ?? (!o.node.children?.length && !A), c = t(e.currentTarget) === "rtl", l = c ? "ArrowLeft" : "ArrowRight", u = c ? "ArrowRight" : "ArrowLeft";
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), K(q(a, 1));
+				return;
+			case "ArrowUp":
+				e.preventDefault(), K(q(a, -1));
+				return;
+			case l:
+				if (e.preventDefault(), s) return;
+				B.includes(o.key) ? K(q(a, 1)) : X(o.key);
+				return;
+			case u: {
+				if (e.preventDefault(), !s && B.includes(o.key)) {
+					X(o.key);
+					return;
+				}
+				let t = o.parentKey === null ? -1 : n.findIndex((e) => e.key === o.parentKey);
+				t >= 0 && K(t);
+				return;
+			}
+			case "Home":
+				e.preventDefault(), K(q(-1, 1));
+				return;
+			case "End":
+				e.preventDefault(), K(q(n.length, -1));
+				return;
+			case "Enter":
+				e.preventDefault(), Z(o.key);
+				return;
+			case " ":
+			case "Space":
+				if (!b) return;
+				e.preventDefault(), Q(o.key);
+				return;
+		}
+	}
+	m(() => {
+		if (U === null) return;
+		let e = W.current;
+		if (!e) return;
+		let t = Array.from(e.querySelectorAll("[role=\"treeitem\"]")).find((e) => e.dataset.treeKey === U);
+		t && (t.focus(), Le(null));
+	}, [U, G]);
+	function X(e) {
+		let t = O.includes(e), n = t ? O.filter((t) => t !== e) : [...O, e];
+		we(n), !t && M[e] === "error" && N((t) => se(t, e)), be?.(n, {
 			expanded: !t,
-			node: n(f, e)
+			node: a(I, e)
 		});
 	}
-	function U(e) {
-		let t = n(f, e);
-		if (!t?.selectable && t?.selectable !== void 0 || !g) return;
-		let r;
-		r = p ? P.indexOf(e) >= 0 ? P.filter((t) => t !== e) : [...P, e] : P.includes(e) ? [] : [e], F(r), A?.(r, {
-			selected: r.includes(e),
-			selectedNodes: r.map((e) => n(f, e)).filter(Boolean),
+	function Z(e) {
+		let t = a(I, e);
+		if (!t?.selectable && t?.selectable !== void 0 || !S) return;
+		let n;
+		n = le ? k.indexOf(e) >= 0 ? k.filter((t) => t !== e) : [...k, e] : k.includes(e) ? [] : [e], Te(n), xe?.(n, {
+			selected: n.includes(e),
+			selectedNodes: n.map((e) => a(I, e)).filter(Boolean),
 			node: t
 		});
 	}
-	function W(e) {
-		if (!m || n(f, e)?.disableCheckbox) return;
-		let t = B.includes(e), a;
-		if (h) a = t ? B.filter((t) => t !== e) : [...B, e];
+	function Q(e) {
+		if (!b || a(I, e)?.disableCheckbox) return;
+		let t = V.includes(e), n;
+		if (x) n = t ? V.filter((t) => t !== e) : [...V, e];
 		else {
-			let n = r(f, e);
+			let r = s(I, e);
 			if (t) {
-				a = B.filter((t) => t !== e && !n.includes(t));
-				let t = i(f, e);
-				for (; t;) a = a.filter((e) => e !== t), t = i(f, t);
+				n = V.filter((t) => t !== e && !r.includes(t));
+				let t = c(I, e);
+				for (; t;) n = n.filter((e) => e !== t), t = c(I, t);
 			} else {
-				let t = [e, ...n].filter((e) => !B.includes(e));
-				a = [...B, ...t];
-				let o = i(f, e);
-				for (; o;) r(f, o).every((e) => a.includes(e)) && !a.includes(o) && a.push(o), o = i(f, o);
+				let t = [e, ...r].filter((e) => !V.includes(e));
+				n = [...V, ...t];
+				let i = c(I, e);
+				for (; i;) s(I, i).every((e) => n.includes(e)) && !n.includes(i) && n.push(i), i = c(I, i);
 			}
 		}
-		let o = d(a, f, h);
-		L(h ? a : o.checked), j?.(h ? a : o, {
+		let r = ce(n, I, x);
+		De(x ? n : r.checked), Se?.(x ? n : r, {
 			checked: !t,
-			checkedNodes: a.map((e) => n(f, e)).filter(Boolean),
-			node: n(f, e),
-			halfCheckedKeys: o.halfChecked
+			checkedNodes: n.map((e) => a(I, e)).filter(Boolean),
+			node: a(I, e),
+			halfCheckedKeys: r.halfChecked
 		});
 	}
-	function G(n, r, i) {
-		return n.map((s, c) => {
-			let l = !!s.children?.length, d = M.includes(s.key), f = P.includes(s.key), p = B.includes(s.key), h = V.includes(s.key), T = p ? "checked" : h ? "halfChecked" : "unchecked", E = c === n.length - 1, D = [...i, E];
-			return /* @__PURE__ */ o("div", {
+	function $(t, n, r) {
+		return t.map((i, a) => {
+			let o = !!i.children?.length, s = B.includes(i.key), c = k.includes(i.key), l = V.includes(i.key), u = Ne.includes(i.key), p = M[i.key], m = l ? "checked" : u ? "halfChecked" : "unchecked", h = a === t.length - 1, g = [...r, h];
+			return /* @__PURE__ */ ee("div", {
 				role: "group",
-				className: e(u),
-				children: [/* @__PURE__ */ a(t, {
-					node: s,
-					level: r,
-					expanded: d,
-					selected: f,
-					checked: T,
-					disabled: _,
-					checkable: m,
-					selectable: g,
-					blockNode: v,
-					showLine: y,
-					showIcon: b,
-					switcherIcon: x,
-					loadingIcon: S,
-					loading: !1,
-					titleRender: C,
-					iconRender: w,
-					isLast: D,
-					onToggle: () => H(s.key),
-					onSelect: () => U(s.key),
-					onCheck: () => W(s.key)
-				}), l && d && /* @__PURE__ */ a("div", { children: G(s.children, r + 1, D) })]
-			}, s.key);
+				className: e(ae),
+				children: [/* @__PURE__ */ f(d, {
+					node: i,
+					level: n,
+					expanded: s,
+					selected: c,
+					checked: m,
+					disabled: C,
+					checkable: b,
+					selectable: S,
+					blockNode: ue,
+					showLine: de,
+					showIcon: fe,
+					switcherIcon: pe,
+					loadingIcon: me,
+					loading: p === "loading",
+					loadable: A,
+					loadFailed: p === "error",
+					searchValue: E,
+					titleRender: he,
+					iconRender: ge,
+					isLast: g,
+					tabIndex: i.key === ze ? 0 : -1,
+					onToggle: () => X(i.key),
+					onSelect: () => Z(i.key),
+					onCheck: () => Q(i.key),
+					onRetry: () => Ae(i.key)
+				}), o && s && /* @__PURE__ */ f("div", { children: $(i.children, n + 1, g) })]
+			}, i.key);
 		});
 	}
-	return /* @__PURE__ */ a("div", {
+	function Be(e) {
+		let t = V.includes(e.key), n = Ne.includes(e.key), r = M[e.key], i = t ? "checked" : n ? "halfChecked" : "unchecked";
+		return /* @__PURE__ */ f(d, {
+			node: e.node,
+			level: e.level,
+			expanded: B.includes(e.key),
+			selected: k.includes(e.key),
+			checked: i,
+			disabled: C,
+			checkable: b,
+			selectable: S,
+			blockNode: ue,
+			showLine: de,
+			showIcon: fe,
+			switcherIcon: pe,
+			loadingIcon: me,
+			loading: r === "loading",
+			loadable: A,
+			loadFailed: r === "error",
+			searchValue: E,
+			titleRender: he,
+			iconRender: ge,
+			isLast: e.isLast,
+			tabIndex: e.key === ze ? 0 : -1,
+			onToggle: () => X(e.key),
+			onSelect: () => Z(e.key),
+			onCheck: () => Q(e.key),
+			onRetry: () => Ae(e.key)
+		});
+	}
+	return je && z.length === 0 ? /* @__PURE__ */ f("div", {
+		role: "tree",
+		ref: W,
+		onKeyDown: Y,
+		onFocus: J,
+		className: e([te, D]),
+		children: f("div", {
+			className: e(oe),
+			children: Ce.noMatch
+		})
+	}) : Pe ? /* @__PURE__ */ f("div", {
+		role: "tree",
+		ref: W,
+		onKeyDown: Y,
+		onFocus: J,
+		className: e([ne, D]),
+		children: f(r, {
+			ref: Re,
+			"data-virtualized": !0,
+			items: G,
+			height: H?.height ?? re,
+			itemHeight: H?.itemHeight ?? ie,
+			overscan: H?.overscan,
+			renderItem: Be
+		})
+	}) : /* @__PURE__ */ f("div", {
 		role: "tree",
-		className: e([l, O]),
-		children: G(f, 0, [])
+		ref: W,
+		onKeyDown: Y,
+		onFocus: J,
+		className: e([te, D]),
+		children: $(z, 0, [])
 	});
 }
 //#endregion
-export { f as default };
+export { y as default };