@unicom-cloud/ui 0.8.161 → 0.8.162

package/tree/Node.js

@@ -1,149 +1,134 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
 import { isFunction as e } from "../utils/is.js";
 import t from "../utils/callOrReturn.js";
 import n from "../utils/className.js";
 import { TREE_NODE_COMPONENT_INFO as r } from "../utils/names.js";
 import i from "../config-provider/context.js";
-import a from "../icon-hover/index.js";
-import "../config-provider/index.js";
-import o from "../utils/throttleByRaf.js";
-import s from "../checkbox/index.js";
-import { TreeContext as c } from "./context.js";
-import l from "./Animation.js";
-import { forwardRef as u, memo as d, useCallback as f, useContext as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import y from "@unicom-cloud/icons/IconUiLoading";
-import b from "@unicom-cloud/icons/IconUiCaretDown";
-import x from "@unicom-cloud/icons/IconUiDragDotVertical";
-import S from "@unicom-cloud/icons/IconUiFile";
+import a from "../utils/throttleByRequestAnimationFrame.js";
+import o from "../hooks/use-memoized-fn/index.js";
+import s from "../icon-hover/index.js";
+import c from "../checkbox/index.js";
+import { TreeContext as l } from "./context.js";
+import u from "./Animation.js";
+import { forwardRef as d, memo as f, useCallback as p, useContext as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import b from "@unicom-cloud/icons/IconUiLoading";
+import x from "@unicom-cloud/icons/IconUiCaretDown";
+import S from "@unicom-cloud/icons/IconUiDragDotVertical";
+import C from "@unicom-cloud/icons/IconUiFile";
 //#region components/pc/tree/Node.tsx
-function C(r, u) {
-	let d = p(c), { getPrefixCls: C } = p(i), w = m(null), [T, E] = h({
+function w(r, d) {
+	let f = m(l), { getPrefixCls: w } = m(i), T = h(null), [E, D] = g({
 		isAllowDrop: !0,
 		isDragOver: !1,
 		dragPosition: 0,
 		isDragging: !1
-	}), { _key: D = "", title: O, icon: k, checkable: A, selected: j, disabled: M, disableCheckbox: N, isLeaf: P, draggable: F, expanded: I, showLine: L, loading: R, selectable: z = !0 } = r, B = C?.("tree-node"), V = n(B, {
-		[`${B}-selected`]: j,
-		[`${B}-is-leaf`]: P,
-		[`${B}-expanded`]: I,
-		[`${B}-disabled-selectable`]: !z,
-		[`${B}-disabled`]: M,
-		[`${B}-draggable`]: F
-	}, r.className), H = t(() => {
-		let t = e(d.icons) ? d.icons(r) : d.icons, n = e(r.icons) ? r.icons(r) : r.icons;
+	}), { _key: O = "", title: k, icon: A, checkable: j, selected: M, disabled: N, disableCheckbox: P, isLeaf: F, draggable: I, expanded: L, showLine: R, loading: z, selectable: B = !0 } = r, V = w?.("tree-node"), H = t(() => {
+		let t = e(f.icons) ? f.icons(r) : f.icons, n = e(r.icons) ? r.icons(r) : r.icons;
 		return {
 			...t,
 			...n
 		};
-	}), U = f((e) => {
-		e !== I && d.onExpand?.(e, D);
-	}, [
-		D,
-		I,
-		d
-	]), W = f(async () => {
+	}), U = o((e) => {
+		e !== L && f.onExpand?.(e, O);
+	}), W = o(async () => {
 		let { isLeaf: t, expanded: n } = r;
-		t || (!r.childrenData?.length && e(d.loadMore) && !n ? await d.loadMore(r) : U(!n));
-	}, [
-		r,
-		U,
-		d
-	]), G = () => {
-		if (R) return "loadingIcon" in H ? H.loadingIcon : /* @__PURE__ */ _(y, {});
+		t || (!r.childrenData?.length && e(f.loadMore) && !n ? await f.loadMore(r) : U(!n));
+	}), G = () => {
+		if (z) return "loadingIcon" in H ? H.loadingIcon : /* @__PURE__ */ v(b, {});
 		let e = null, t = !1;
-		if (P) L && (e = "switcherIcon" in H ? H.switcherIcon : /* @__PURE__ */ _(S, {}), t = !0);
+		if (F) R && (e = "switcherIcon" in H ? H.switcherIcon : /* @__PURE__ */ v(C, {}), t = !0);
 		else {
-			let n = L ? /* @__PURE__ */ _("span", { className: `${B}-${I ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ _(b, {});
+			let n = R ? /* @__PURE__ */ v("span", { className: `${V}-${L ? "minus" : "plus"}-icon` }) : /* @__PURE__ */ v(x, {});
 			e = "switcherIcon" in H ? H.switcherIcon : n, t = !0;
 		}
-		if (e) return e = /* @__PURE__ */ _("span", {
-			className: `${B}-switcher-icon`,
-			"aria-label": I ? "fold button" : "expand button",
+		if (e) return e = /* @__PURE__ */ v("span", {
+			className: `${V}-switcher-icon`,
+			"aria-label": L ? "fold button" : "expand button",
 			role: "button",
 			tabIndex: 0,
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: t ? void 0 : W,
 			children: e
-		}), t && (e = /* @__PURE__ */ _(a, {
-			prefix: B,
+		}), t && (e = /* @__PURE__ */ v(s, {
+			prefix: V,
 			onClick: W,
 			children: e
 		})), e;
-	}, K = f(o((e) => {
-		let t = w.current;
+	}, K = p(a(o((e) => {
+		let t = T.current;
 		if (!t) return;
-		let n = t.getBoundingClientRect(), i = window.pageYOffset + n.top, a = e.pageY, o = n.height / 4, s = a - i, c = s < o ? -1 : s < n.height - o ? 0 : 1, l = d.allowDrop(r, c);
-		E({
-			...T,
+		let n = t.getBoundingClientRect(), i = window.pageYOffset + n.top, a = e.pageY, o = n.height / 4, s = a - i, c = s < o ? -1 : s < n.height - o ? 0 : 1, l = f.allowDrop?.(r, c);
+		D({
+			...E,
 			isAllowDrop: l,
 			isDragOver: !0,
 			dragPosition: c
-		}), d.onNodeDragOver?.(e, r, c);
-	}), [
-		r,
-		T,
-		d
-	]);
-	function q(e, t) {
-		let { disableCheckbox: n, disabled: i } = r;
-		n || i || d.onCheck?.(e, D, t);
-	}
-	function J(e) {
-		let { onSelect: t, actionOnClick: n } = d;
-		if (r.disabled) return;
+		}), f.onNodeDragOver?.(e, r, c);
+	})), []), q = o((e, t) => {
+		P || N || f.onCheck?.(e, O, t);
+	}), J = o((e) => {
+		let { onSelect: t, actionOnClick: n } = f;
+		if (N) return;
 		let i = [].concat(n);
-		z && i.includes("select") && t?.(D, e), i.includes("expand") && W(), A && i.includes("check") && q(!r.checked, e);
-	}
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("div", {
+		B && i.includes("select") && t?.(O, e), i.includes("expand") && W(), j && i.includes("check") && q(!r.checked, e);
+	});
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("div", {
 		style: r.style,
-		className: V,
-		ref: u,
+		className: n(V, {
+			[`${V}-selected`]: M,
+			[`${V}-is-leaf`]: F,
+			[`${V}-expanded`]: L,
+			[`${V}-disabled-selectable`]: !B,
+			[`${V}-disabled`]: N,
+			[`${V}-draggable`]: I
+		}, r.className),
+		ref: d,
 		role: "treeitem",
-		"aria-disabled": M,
-		"aria-expanded": I,
+		"aria-disabled": N,
+		"aria-expanded": L,
 		"aria-level": r._level,
 		children: [
-			/* @__PURE__ */ _("span", {
-				className: `${B}-indent`,
+			/* @__PURE__ */ v("span", {
+				className: `${V}-indent`,
 				"aria-hidden": !0,
-				children: [...Array(r._level)].map((e, t) => /* @__PURE__ */ _("span", { className: n(`${B}-indent-block`, { [`${B}-indent-block-lineless`]: r._lineless && r._lineless[t] }) }, t))
+				children: [...Array(r._level)].map((e, t, i) => /* @__PURE__ */ v("span", { className: n(`${V}-indent-block`, { [`${V}-indent-block-lineless`]: r._lineless && r._lineless[t] }) }, t))
 			}),
-			/* @__PURE__ */ _("span", {
-				className: n(`${B}-switcher`, { [`${B}-switcher-expanded`]: I }),
+			/* @__PURE__ */ v("span", {
+				className: n(`${V}-switcher`, { [`${V}-switcher-expanded`]: L }),
 				children: G()
 			}),
-			A ? /* @__PURE__ */ _(s, {
-				disabled: N || M,
-				value: D,
+			j ? /* @__PURE__ */ v(c, {
+				disabled: P || N,
+				value: O,
 				indeterminate: r.indeterminated,
 				checked: r.checked,
 				onChange: q
 			}) : null,
-			/* @__PURE__ */ v("span", {
-				"aria-grabbed": T.isDragging,
-				ref: w,
-				className: n(`${B}-title`, {
-					[`${B}-title-draggable`]: F,
-					[`${B}-title-gap-top`]: T.isDragOver && T.isAllowDrop && T.dragPosition < 0,
-					[`${B}-title-gap-bottom`]: T.isDragOver && T.isAllowDrop && T.dragPosition > 0,
-					[`${B}-title-highlight`]: !T.isDragging && T.isDragOver && T.isAllowDrop && T.dragPosition === 0,
-					[`${B}-title-dragging`]: T.isDragging,
-					[`${B}-title-block`]: r.blockNode
+			/* @__PURE__ */ y("span", {
+				"aria-grabbed": E.isDragging,
+				ref: T,
+				className: n(`${V}-title`, {
+					[`${V}-title-draggable`]: I,
+					[`${V}-title-gap-top`]: E.isDragOver && E.isAllowDrop && E.dragPosition < 0,
+					[`${V}-title-gap-bottom`]: E.isDragOver && E.isAllowDrop && E.dragPosition > 0,
+					[`${V}-title-highlight`]: !E.isDragging && E.isDragOver && E.isAllowDrop && E.dragPosition === 0,
+					[`${V}-title-dragging`]: E.isDragging,
+					[`${V}-title-block`]: r.blockNode
 				}),
+				draggable: I,
 				onClick: J,
-				draggable: F,
 				onDrop: (e) => {
-					e.stopPropagation(), e.preventDefault(), d.onNodeDrop?.(e, r, T.dragPosition), K.cancel(), E({
-						...T,
+					e.stopPropagation(), e.preventDefault(), f.onNodeDrop?.(e, r, E.dragPosition), K.cancel(), D({
+						...E,
 						isDragOver: !1,
 						dragPosition: 0
 					});
 				},
 				onDragStart: (e) => {
-					if (F) {
-						e.stopPropagation(), E({
-							...T,
+					if (I) {
+						e.stopPropagation(), D({
+							...E,
 							isDragging: !0
 						});
 						try {
@@ -151,47 +136,50 @@ function C(r, u) {
 						} catch (e) {
 							console.error(e);
 						}
-						d.onNodeDragStart?.(e, r);
+						f.onNodeDragStart?.(e, r);
 					}
 				},
 				onDragEnd: (e) => {
-					F && (e.stopPropagation(), K.cancel(), E({
-						...T,
+					I && (e.stopPropagation(), K.cancel(), D({
+						...E,
 						isDragOver: !1,
 						isDragging: !1
-					}), d.onNodeDragEnd?.(e, r));
+					}), f.onNodeDragEnd?.(e, r));
 				},
 				onDragOver: (e) => {
 					e.preventDefault(), e.stopPropagation(), e.persist(), K(e);
 				},
 				onDragLeave: (e) => {
-					F && (e.stopPropagation(), K.cancel(), E({
-						...T,
+					I && (e.stopPropagation(), K.cancel(), D({
+						...E,
 						isDragOver: !1
-					}), d.onNodeDragLeave?.(e, r));
+					}), f.onNodeDragLeave?.(e, r));
 				},
 				children: [
-					k && /* @__PURE__ */ _("span", {
-						className: `${B}-icon ${B}-custom-icon`,
-						children: k
+					A && /* @__PURE__ */ v("span", {
+						className: `${V}-icon ${V}-custom-icon`,
+						children: A
 					}),
-					/* @__PURE__ */ _("span", {
-						className: `${B}-title-text`,
-						children: e(d.renderTitle) ? d.renderTitle(r) : O
+					/* @__PURE__ */ v("span", {
+						className: `${V}-title-text`,
+						children: e(f.renderTitle) ? f.renderTitle(r) : k
 					}),
-					F && /* @__PURE__ */ _("span", {
-						className: `${B}-icon ${B}-drag-icon`,
-						children: "dragIcon" in H ? H.dragIcon : /* @__PURE__ */ _(x, {})
+					I && /* @__PURE__ */ v("span", {
+						className: `${V}-icon ${V}-drag-icon`,
+						children: "dragIcon" in H ? H.dragIcon : /* @__PURE__ */ v(S, {})
 					})
 				]
 			}),
-			e(d.renderExtra) && d.renderExtra(r)
+			e(f.renderExtra) && f.renderExtra(r)
 		]
-	}), d.animation && /* @__PURE__ */ _(l, { ...r })] });
+	}), f.animation && /* @__PURE__ */ v(u, {
+		prefixCls: V,
+		...r
+	})] });
 }
-var w = u(C);
-w.displayName = r.displayName;
 var T = d(w);
+T.displayName = r.displayName;
+var E = f(T);
 //#endregion
-export { T as default };
+export { E as default };
 /* 独立思考，明辨是非 */

package/tree/NodeList.js

@@ -1,76 +1,77 @@
-/* 潘启宝 2026-05-21 17:02:47 星期四 山东省济南市 */
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
 import { isNull as e, isString as t } from "../utils/is.js";
-import n from "../virtual-list/index.js";
-import r from "./Node.js";
-import { createElement as i, forwardRef as a, useImperativeHandle as o, useMemo as s, useRef as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
+import n from "../config-provider/context.js";
+import r from "../virtual-list/index.js";
+import i from "./Node.js";
+import { createElement as a, forwardRef as o, useContext as s, useImperativeHandle as c, useMemo as l, useRef as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
 //#region components/pc/tree/NodeList.tsx
-function u(e) {
+function f(e) {
 	return e.key || e._key;
 }
-function d(a, d) {
-	let { className: f, style: p, filterNode: m, virtualListProps: h, expandedKeys: g, currentExpandKeys: _, nodeList: v, getNodeProps: y, getDataSet: b } = a, x = !e(h?.threshold), S = c(null), C = c(null), w = c(null), T = s(() => new Set(g), [g]), E = s(() => {
-		let e = /* @__PURE__ */ new Set(), t = new Set(_);
-		return v.forEach((n) => {
-			(n.pathParentKeys || []).every((e) => !t.has(e) && T.has(e)) && e.add(n._key);
+function p(o, p) {
+	let { getPrefixCls: m } = s(n), { className: h, style: g, filterNode: _, virtualListProps: v, expandedKeys: y, currentExpandKeys: b, nodeList: x, getNodeProps: S, getDataSet: C } = o, w = !e(v?.threshold), T = u(null), E = u(null), D = u(null), O = l(() => new Set(y), [y]), k = l(() => {
+		let e = /* @__PURE__ */ new Set(), t = new Set(b);
+		return x.forEach((n) => {
+			(n.pathParentKeys || []).every((e) => !t.has(e) && O.has(e)) && e.add(n._key);
 		}), e;
 	}, [
-		T,
+		O,
+		b,
+		x
+	]), A = l(() => x.filter((e) => !!((!_ || _?.(e)) && k.has(e.key))), [
+		x,
 		_,
-		v
-	]), D = s(() => v.filter((e) => !!((!m || m?.(e)) && E.has(e.key))), [
-		v,
-		m,
-		E
+		k
 	]);
-	return o(d, () => ({ scrollIntoView: (e, n) => {
+	return c(p, () => ({ scrollIntoView: (e, n) => {
 		let r = e;
 		if (t(e)) {
 			let t = e;
-			!E.has(e) && n?.pathParentKeys && (t = [...n.pathParentKeys].reverse().find((e) => E.has(e)) || r), r = D.findIndex(({ _key: e }) => e === t);
+			!k.has(e) && n?.pathParentKeys && (t = [...n.pathParentKeys].reverse().find((e) => k.has(e)) || r), r = A.findIndex(({ _key: e }) => e === t);
 		}
-		if (!x && C.current) {
-			let e = C.current, t = e ? e.children[r] : null;
+		if (!w && E.current) {
+			let e = E.current, t = e ? e.children[r] : null;
 			t && t.scrollIntoView({
 				behavior: "smooth",
 				inline: "nearest",
 				block: "nearest"
 			});
-		} else S.current && S.current.scrollTo({ index: r });
-	} })), x ? /* @__PURE__ */ l(n, {
-		className: f,
-		style: p,
-		ref: S,
-		data: D,
+		} else T.current && T.current.scrollTo({ index: r });
+	} })), w ? /* @__PURE__ */ d(r, {
+		className: h,
+		style: g,
+		ref: T,
+		data: A,
 		isStaticItemHeight: !1,
-		itemKey: u,
-		onMouseDown: a.onMouseDown,
-		...a.ariaProps,
-		...h,
-		children: (e, t, n, { itemIndex: a }) => {
-			a === 0 && (w.current = b());
-			let o = y(e, w.current);
-			return /* @__PURE__ */ i(r, {
+		itemKey: f,
+		onMouseDown: o.onMouseDown,
+		...o.ariaProps,
+		...v,
+		children: (e, t, n, { itemIndex: r }) => {
+			r === 0 && (D.current = C());
+			let o = S(e, D.current);
+			return /* @__PURE__ */ a(i, {
 				...e,
 				key: e.key,
 				...o
 			});
 		}
-	}) : /* @__PURE__ */ l("div", {
+	}) : /* @__PURE__ */ d("div", {
 		role: "tree",
 		tabIndex: 0,
-		className: f,
-		style: p,
-		ref: C,
-		...a.ariaProps,
-		onMouseDown: a.onMouseDown,
-		children: D.map((e) => /* @__PURE__ */ i(r, {
-			...y(e),
+		className: h,
+		style: g,
+		ref: E,
+		...o.ariaProps,
+		onMouseDown: o.onMouseDown,
+		children: A.map((e) => /* @__PURE__ */ a(i, {
+			...S(e),
 			key: e.key
 		}))
 	});
 }
-var f = a(d);
+var m = o(p);
 //#endregion
-export { f as default };
+export { m as default };
 /* 独立思考，明辨是非 */

package/tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import { type ForwardRefExoticComponent, type NamedExoticComponent } from 'react';
 import type { NodeProps, TreeProps } from './interface';
-interface ForwardRefFormControlProps extends ForwardRefExoticComponent<TreeProps> {
+export interface ForwardRefFormControlProps extends ForwardRefExoticComponent<TreeProps> {
     SHOW_PARENT?: string;
     SHOW_ALL?: string;
     SHOW_CHILD?: string;