@unicom-cloud/ui 0.8.150 → 0.8.152

package/tree-select/List.js

@@ -1,123 +1,114 @@
-/* 2026-03-04 15:09:50 */
-import { jsxs as j, jsx as v } from "react/jsx-runtime";
-import { forwardRef as z, useRef as I, useCallback as o, useMemo as x, useImperativeHandle as K } from "react";
-import $ from "../tree/Tree.js";
-import { isFunction as F, isString as H } from "@unicom-cloud/ui-common/utils/is";
-function O(r, y) {
-  const {
-    value: s,
-    multiple: d,
-    loadMore: u,
-    treeCheckedStrategy: S,
-    treeCheckStrictly: _,
-    treeData: w,
-    treeProps: f,
-    prefixCls: p,
-    treeCheckable: L
-  } = r, k = f && f.renderTitle, h = I(void 0), C = o(
-    (t, { checkedNodes: e, checked: l, node: n }) => {
-      const c = t.map((a) => {
-        const i = e.find((b) => b && b.props._key === a);
-        return i ? {
-          label: i.props.title,
-          value: i.props._key,
-          disabled: i.props.disabled
-        } : s.find((D) => D.value === a) || {
-          label: a,
-          value: a
-        };
-      });
-      r.onChange(c, {
-        checked: l,
-        trigger: n?.props
-      });
-    },
-    [r.onChange, s]
-  ), m = o(
-    (t, { node: e, selected: l }) => {
-      let n = [
-        {
-          value: e.props._key,
-          label: e.props.title
-        }
-      ];
-      if (d) {
-        n = [...s];
-        const c = n.findIndex((a) => a.value === e.props._key);
-        c > -1 ? n.splice(c, 1) : n.push({
-          value: e.props._key,
-          label: e.props.title
-        });
-      }
-      r.onChange(n, { trigger: e?.props, selected: l });
-    },
-    [r.onChange, s, d]
-  ), g = o((t, { node: e, e: l }) => {
-    const { checked: n, checkable: c, disabled: a, disableCheckbox: i } = e.props;
-    h.current && !i && !a && c !== !1 && h.current?.handleCheck?.(!n, e.props._key, l);
-  }, []), M = o(
-    (t) => {
-      if (F(u)) {
-        const e = t.props.dataRef;
-        return u(t, e);
-      }
-      return [];
-    },
-    [u]
-  ), N = o(
-    (t) => {
-      if (k)
-        return k(t);
-      const e = r.inputValue, { title: l } = t;
-      if (e && H(l)) {
-        const n = l.toLowerCase().indexOf(e.toLowerCase());
-        if (n === -1)
-          return l;
-        const c = l.substring(0, 0 + n), a = l.substring(n + e.length);
-        return /* @__PURE__ */ j("span", { children: [
-          c,
-          /* @__PURE__ */ v("span", { className: `${p}-highlight`, children: l.substring(n, n + e.length) }),
-          a
-        ] });
-      }
-      return l;
-    },
-    [p, r.inputValue, k]
-  ), R = x(() => r.treeCheckable ? {
-    onCheck: C,
-    checkedKeys: s.map((t) => t.value)
-  } : {}, [C, s, r.treeCheckable]), T = x(() => r.treeCheckable ? [] : s.map((t) => t.value), [r.treeCheckable, s]), V = o(
-    (t, e) => {
-      r.treeCheckable ? g(t, e) : m(t, e);
-    },
-    [r.treeCheckable, g, m]
-  );
-  return K(y, () => h.current), /* @__PURE__ */ v(
-    $,
-    {
-      ref: h,
-      size: r.size,
-      blockNode: !0,
-      filterNode: r.filterNode,
-      ...f,
-      checkable: L,
-      multiple: d,
-      loadMore: u ? M : void 0,
-      checkedStrategy: S,
-      checkStrictly: _,
-      onMouseDown: (t) => {
-        t.preventDefault();
-      },
-      ...R,
-      treeData: w,
-      fieldNames: r.fieldNames,
-      renderTitle: N,
-      onSelect: V,
-      selectedKeys: T
-    }
-  );
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isFunction as e, isString as t } from "../utils/is.js";
+import n from "../tree/index.js";
+import { forwardRef as r, useCallback as i, useImperativeHandle as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region components/pc/tree-select/List.tsx
+function u(r, u) {
+	let { value: d, multiple: f, loadMore: p, treeCheckedStrategy: m, treeCheckStrictly: h, treeData: g, treeProps: _, prefixCls: v, treeCheckable: y } = r, b = _ && _.renderTitle, x = s(void 0), S = i((e, { checkedNodes: t, checked: n, node: i }) => {
+		let a = e.map((e) => {
+			let n = t.find((t) => t && t.props._key === e);
+			return n ? {
+				label: n.props.title,
+				value: n.props._key,
+				disabled: n.props.disabled
+			} : d.find((t) => t.value === e) || {
+				label: e,
+				value: e
+			};
+		});
+		r.onChange(a, {
+			checked: n,
+			trigger: i?.props
+		});
+	}, [r.onChange, d]), C = i((e, { node: t, selected: n }) => {
+		let i = [{
+			value: t.props._key,
+			label: t.props.title
+		}];
+		if (f) {
+			i = [...d];
+			let e = i.findIndex((e) => e.value === t.props._key);
+			e > -1 ? i.splice(e, 1) : i.push({
+				value: t.props._key,
+				label: t.props.title
+			});
+		}
+		r.onChange(i, {
+			trigger: t?.props,
+			selected: n
+		});
+	}, [
+		r.onChange,
+		d,
+		f
+	]), w = i((e, { node: t, e: n }) => {
+		let { checked: r, checkable: i, disabled: a, disableCheckbox: o } = t.props;
+		x.current && !o && !a && i !== !1 && x.current?.handleCheck?.(!r, t.props._key, n);
+	}, []), T = i((t) => {
+		if (e(p)) {
+			let e = t.props.dataRef;
+			return p(t, e);
+		}
+		return [];
+	}, [p]), E = i((e) => {
+		if (b) return b(e);
+		let n = r.inputValue, { title: i } = e;
+		if (n && t(i)) {
+			let e = i.toLowerCase().indexOf(n.toLowerCase());
+			if (e === -1) return i;
+			let t = i.substring(0, 0 + e), r = i.substring(e + n.length);
+			return /* @__PURE__ */ l("span", { children: [
+				t,
+				/* @__PURE__ */ c("span", {
+					className: `${v}-highlight`,
+					children: i.substring(e, e + n.length)
+				}),
+				r
+			] });
+		}
+		return i;
+	}, [
+		v,
+		r.inputValue,
+		b
+	]), D = o(() => r.treeCheckable ? {
+		onCheck: S,
+		checkedKeys: d.map((e) => e.value)
+	} : {}, [
+		S,
+		d,
+		r.treeCheckable
+	]), O = o(() => r.treeCheckable ? [] : d.map((e) => e.value), [r.treeCheckable, d]), k = i((e, t) => {
+		r.treeCheckable ? w(e, t) : C(e, t);
+	}, [
+		r.treeCheckable,
+		w,
+		C
+	]);
+	return a(u, () => x.current), /* @__PURE__ */ c(n, {
+		ref: x,
+		size: r.size,
+		blockNode: !0,
+		filterNode: r.filterNode,
+		..._,
+		checkable: y,
+		multiple: f,
+		loadMore: p ? T : void 0,
+		checkedStrategy: m,
+		checkStrictly: h,
+		onMouseDown: (e) => {
+			e.preventDefault();
+		},
+		...D,
+		treeData: g,
+		fieldNames: r.fieldNames,
+		renderTitle: E,
+		onSelect: k,
+		selectedKeys: O
+	});
 }
-const E = z(O);
-export {
-  E as default
-};
+var d = r(u);
+//#endregion
+export { d as default };
+/* 独立思考，明辨是非 */

package/tree-select/TreeSelect.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import Tree from '../tree';
+import type { TreeSelectProps } from './interface';
+declare const ForwardRefTreeSelect: import("react").ForwardRefExoticComponent<TreeSelectProps & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<import("../interface").FocusAndBlur>>;
+declare const TreeSelectComponent: typeof ForwardRefTreeSelect & {
+    Node: typeof Tree.Node;
+    SHOW_ALL: typeof Tree.SHOW_ALL;
+    SHOW_PARENT: typeof Tree.SHOW_PARENT;
+    SHOW_CHILD: typeof Tree.SHOW_CHILD;
+};
+export default TreeSelectComponent;

package/tree-select/TreeSelect.js

@@ -0,0 +1,213 @@
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isArray as e, isEmptyArray as t, isEmptyObject as n, isEmptyValue as r, isFunction as i, isNil as a, isPlainObject as o } from "../utils/is.js";
+import s from "../hooks/use-merge-value/index.js";
+import c from "../utils/callOrReturn.js";
+import l from "../utils/className.js";
+import ee from "../hooks/use-merge-props/index.js";
+import u from "../config-provider/context.js";
+import { FormContext as d, FormItemContext as te } from "../form/context.js";
+import "../config-provider/index.js";
+import ne from "../hooks/use-is-first-render/index.js";
+import re from "../hooks/use-id/index.js";
+import ie from "../trigger/index.js";
+import ae from "../select-view/index.js";
+import { getAllCheckedKeysByCheck as oe } from "../tree/utils.js";
+import f from "../tree/index.js";
+import se from "./List.js";
+import { DefaultFieldNames as p } from "./interface.js";
+import m from "./hook/useKeyCache.js";
+import { normalizeValueToArray as ce } from "./utils.js";
+import le, { parseValue as ue } from "./hook/useStateValue.js";
+import de from "./hook/useTreeData.js";
+import { forwardRef as h, useCallback as g, useContext as _, useEffect as v, useImperativeHandle as y, useMemo as b, useRef as x, useState as fe } from "react";
+import { jsx as S } from "react/jsx-runtime";
+import pe from "lodash/debounce";
+//#region components/pc/tree-select/TreeSelect.tsx
+var me = {
+	bordered: !0,
+	treeCheckedStrategy: f.SHOW_CHILD,
+	fieldNames: p
+}, he = { bottom: 4 }, C = h((p, h) => {
+	let { prefixCls: C, getPrefixCls: ge, renderEmpty: _e, componentConfig: ve, rtl: w } = _(u), ye = _(d), be = _(te), T = ee(p, me, ve?.TreeSelect), { readOnly: E = be?.readOnly ?? ye?.readOnly, onInputValueChange: D } = T, O = ne(), k = x(void 0), A = x(null), j = x(null), M = x([]), [N] = de(T), P = m(N, T.fieldNames), [F, xe] = fe(), [I, Se] = s(!1, { value: T.popupVisible }), [L, Ce] = s(void 0, { value: "inputValue" in T ? T.inputValue || "" : void 0 }), R = x(L), z = x(null), [B, V] = le(T, P, M), H = T.multiple || T.treeCheckable, U = ge?.("tree-select"), W = L && !i(T.onSearch), G = re(`${U}-popup`), K = (e) => {
+		e !== I && (Se(e), T.onVisibleChange?.(e));
+	}, q = (e, t) => {
+		(e !== R.current || t !== z.current) && (Ce(e), R.current = e, z.current = t, D?.(e, t));
+	}, we = g((e) => pe(async (e) => {
+		if (i(T.onSearch)) {
+			await T.onSearch(e);
+			return;
+		}
+		if (!e) return N;
+		let t = /* @__PURE__ */ new Set();
+		Object.keys(P).forEach((n) => {
+			let { key: r, ...a } = P[n], o = !1;
+			if (i(T.filterTreeNode)) T.filterTreeNode(e, /* @__PURE__ */ S(f.Node, { ...a }, r)) && (o = !0);
+			else {
+				let t = a.value || a._key;
+				t && t.includes(e) && (o = !0);
+			}
+			o && t.add(r);
+		}), xe(t);
+	}, 100)(e), [
+		T.onSearch,
+		N,
+		P,
+		T.filterTreeNode
+	]), J = g(() => {
+		let e = !0;
+		o(T.showSearch) && (e = T.showSearch.retainInputValueWhileSelect !== !1), T.multiple && !e && L !== void 0 && q("", "optionChecked");
+	}, [
+		L,
+		T.multiple,
+		JSON.stringify(T.showSearch)
+	]), Y = g((e, t) => {
+		V(e, t), J(), H || K(!1);
+	}, [
+		V,
+		J,
+		I
+	]), Te = (e, t, n) => {
+		if (n.stopPropagation(), e.disabled) return;
+		let r = o(e.value) ? e.value.value : e.value;
+		if (!T.treeCheckable || T.treeCheckStrictly || !P[r]) {
+			Y(B.filter((e, n) => n !== t), {
+				trigger: P[r] || e,
+				checked: !1,
+				selected: !1
+			});
+			return;
+		}
+		let i = oe(r, !1, ce(B), P, M.current);
+		M.current = i.indeterminateKeys, Y(ue(i.checkedKeys, P, B), {
+			trigger: P[r],
+			checked: !1,
+			selected: !1
+		});
+	};
+	function X(e) {
+		return r(e) || t(e) || n(e);
+	}
+	v(() => {
+		L !== void 0 && we(L), L !== R.current && (R.current = L);
+	}, [L]);
+	let Z = b(() => {
+		let e = [];
+		if (L) for (let t in P) {
+			let n = [...P[t].pathParentKeys, t];
+			n.some((e) => F && F.has(e)) && (e = e.concat(n));
+		}
+		return Array.from(new Set(e));
+	}, [
+		L,
+		P,
+		F
+	]);
+	v(() => {
+		I ? setTimeout(() => {
+			let e = B[0];
+			A.current && e && A.current.scrollIntoView(e.value);
+		}) : O || L && q("", "optionListHide");
+	}, [I]), y(h, () => ({
+		focus() {
+			j.current && j.current.focus();
+		},
+		blur() {
+			j.current && j.current.blur();
+		},
+		getRootElement() {
+			return j.current?.getRootElement?.();
+		}
+	}));
+	let Ee = g((e) => W ? Z.includes(e._key) : !0, [W, Z]), De = g((e) => {
+		let { disabled: t, value: n } = e || {}, r = e?.label;
+		return i(T.renderFormat) && (r = T.renderFormat(P[n] || null, T.labelInValue ? e : n)), {
+			text: r || n || "",
+			disabled: t
+		};
+	}, [
+		T.renderFormat,
+		T.labelInValue,
+		P
+	]), Oe = (e) => {
+		V(e, {});
+	}, Q = (e) => E ? e : /* @__PURE__ */ S(ie, {
+		autoAlignPopupWidth: !1,
+		autoAlignPopupMinWidth: !0,
+		ref: k,
+		classNames: `${C}-slide-dynamic-origin`,
+		trigger: "click",
+		position: "bl",
+		getPopupContainer: T.getPopupContainer,
+		popupAlign: he,
+		unmountOnExit: T.unmountOnExit,
+		...T.triggerProps,
+		className: l(`${U}-trigger`, T.triggerProps && T.triggerProps.className),
+		popup: () => {
+			let e = T.dropdownRender, t = W && X(Z) || X(N) ? T.notFoundContent || _e?.("TreeSelect") : /* @__PURE__ */ S(se, {
+				prefixCls: U,
+				ref: A,
+				...T,
+				inputValue: L,
+				filterNode: Ee,
+				value: B,
+				onChange: Y,
+				multiple: H,
+				treeData: N
+			});
+			return /* @__PURE__ */ S("div", {
+				id: G,
+				className: l(`${U}-popup`, { [`${U}-rtl-popup`]: w }),
+				style: {
+					maxHeight: T.treeProps?.height || T.treeProps?.virtualListProps?.height ? "unset" : "",
+					...T.dropdownMenuStyle
+				},
+				children: i(e) ? e(t) : t
+			});
+		},
+		disabled: T.disabled,
+		onVisibleChange: (e) => {
+			K(e);
+		},
+		popupVisible: I,
+		children: e
+	}), $ = i(T.triggerElement) ? c(() => {
+		let e;
+		return e = H ? B.map((e) => T.labelInValue ? {
+			label: e.label,
+			value: e.value
+		} : e.value) : T.labelInValue ? B[0] : B[0]?.value, T.triggerElement({ value: e });
+	}) : T.triggerElement;
+	return a($) ? /* @__PURE__ */ S(ae, {
+		ref: j,
+		rtl: w,
+		ariaControls: G,
+		...T,
+		popupVisible: I,
+		value: !H && e(B) ? B[0] : B,
+		inputValue: L,
+		isEmptyValue: X(B),
+		prefixCls: U,
+		readOnly: E,
+		isMultiple: H,
+		renderText: De,
+		onSort: Oe,
+		onRemoveCheckedItem: Te,
+		onClear: (e) => {
+			e.stopPropagation(), Y([], {}), T.onClear?.(!!I);
+		},
+		onKeyDown: (e) => {
+			e.stopPropagation(), T.onKeyDown?.(e);
+		},
+		onFocus: (e) => {
+			e && e.stopPropagation();
+		},
+		onChangeInputValue: (e) => {
+			q(e, "manual");
+		},
+		renderView: Q
+	}) : Q($);
+});
+C.displayName = "TreeSelect";
+//#endregion
+export { C as default };
+/* 独立思考，明辨是非 */

package/tree-select/hook/useKeyCache.d.ts

@@ -0,0 +1,6 @@
+import type { TreeSelectDataType } from '../../tree-select/interface';
+export type KeyCacheType = {
+    [key: string]: TreeSelectDataType;
+};
+declare const useKeyCache: (treeData: any, fieldNames: any) => KeyCacheType;
+export default useKeyCache;

package/tree-select/hook/useKeyCache.js

@@ -1,56 +1,50 @@
-/* 2026-03-04 15:09:50 */
-import c from "lodash/get";
-import { useContext as x, useRef as C } from "react";
-import "../../config-provider/ConfigProvider.js";
-import P from "@unicom-cloud/ui-common/hooks/use-force-update";
-import g from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import { DefaultFieldNames as K } from "../interface.js";
-import m from "@unicom-cloud/ui-common/utils/className";
-import v from "../../config-provider/context.js";
-const u = (s, y, e) => {
-  const n = {};
-  let h = 0;
-  const l = (p, t) => {
-    const _ = p.length;
-    return p.map((o, k) => {
-      const b = c(o, e.children) || o[e.children], r = c(o, e.key) || o[e.key] || `${t?._key || ""}-${k}`, i = {
-        ...o,
-        title: c(o, e.title) || o[e.title],
-        selectable: c(o, e.selectable) || o[e.selectable],
-        disabled: c(o, e.disabled) || o[e.disabled],
-        disableCheckbox: c(o, e.disableCheckbox) || o[e.disableCheckbox],
-        checkable: c(o, e.checkable) || o[e.checkable],
-        isLeaf: c(o, e.isLeaf) || o[e.isLeaf],
-        key: r,
-        children: b,
-        _key: r,
-        parentKey: t ? t._key : void 0,
-        pathParentKeys: t && t.pathParentKeys || [],
-        _level: t._level || 0,
-        _index: h++
-      };
-      return _ === k + 1 && (i.className = m(
-        `${y}-node-is-tail`,
-        i.className
-      )), n[r] = i, b && b.length && (n[r].children = l(b, {
-        _key: r,
-        _level: i._level + 1,
-        pathParentKeys: [...t?.pathParentKeys || [], r]
-      })), i;
-    });
-  };
-  return l(s || [], {}), n;
-}, j = (s, y) => {
-  const { getPrefixCls: e } = x(v), n = {
-    ...K,
-    ...y
-  }, h = P(), l = e?.("tree"), p = C(
-    u(s, l, n)
-  );
-  return g(() => {
-    p.current = u(s, l, n), h();
-  }, [s]), p.current;
-};
-export {
-  j as default
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "../../hooks/use-force-update/index.js";
+import t from "../../utils/className.js";
+import n from "../../config-provider/context.js";
+import "../../config-provider/index.js";
+import r from "../../hooks/use-update-effect/index.js";
+import { DefaultFieldNames as i } from "../interface.js";
+import { useContext as a, useRef as o } from "react";
+import s from "lodash/get";
+//#region components/pc/tree-select/hook/useKeyCache.ts
+var c = (e, n, r) => {
+	let i = [], a = {}, o = 0, c = (e, l) => {
+		let u = e.length;
+		return e.map((e, d) => {
+			let f = s(e, r.children) || e[r.children], p = s(e, r.key) || e[r.key] || `${l?._key || ""}-${d}`, m = {
+				...e,
+				title: s(e, r.title) || e[r.title],
+				selectable: s(e, r.selectable) || e[r.selectable],
+				disabled: s(e, r.disabled) || e[r.disabled],
+				disableCheckbox: s(e, r.disableCheckbox) || e[r.disableCheckbox],
+				checkable: s(e, r.checkable) || e[r.checkable],
+				isLeaf: s(e, r.isLeaf) || e[r.isLeaf],
+				key: p,
+				children: f,
+				_key: p,
+				parentKey: l ? l._key : void 0,
+				pathParentKeys: l && l.pathParentKeys || [],
+				_level: l._level || 0,
+				_index: o++
+			};
+			return u === d + 1 && (m.className = t(`${n}-node-is-tail`, m.className)), i.push(m), a[p] = m, f && f.length && (a[p].children = c(f, {
+				_key: p,
+				_level: m._level + 1,
+				pathParentKeys: [...l?.pathParentKeys || [], p]
+			})), m;
+		});
+	};
+	return c(e || [], {}), a;
+}, l = (t, s) => {
+	let { getPrefixCls: l } = a(n), u = {
+		...i,
+		...s
+	}, d = e(), f = l?.("tree"), p = o(c(t, f, u));
+	return r(() => {
+		p.current = c(t, f, u), d();
+	}, [t]), p.current;
 };
+//#endregion
+export { l as default };
+/* 独立思考，明辨是非 */

package/tree-select/hook/useStateValue.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { LabelValue, TreeSelectProps } from '../../tree-select/interface';
+import type { NodeProps } from '../../tree/interface';
+import type { KeyCacheType } from './useKeyCache';
+type valueType = (string | LabelValue)[];
+export interface TreeSelectState {
+    value: valueType[];
+    popupVisible: boolean;
+    focused: boolean;
+    inputValue: string;
+    searchKeys: string[];
+}
+export declare const parseValue: (v: valueType, key2nodeProps: any, valueMap?: LabelValue[]) => LabelValue[];
+declare const useStateValue: (props: TreeSelectProps, key2nodeProps: KeyCacheType, indeterminateKeys: React.RefObject<string[]>) => [LabelValue[], (v: LabelValue[], extra: {
+    trigger?: NodeProps;
+    checked?: boolean;
+    selected?: boolean;
+}) => void];
+export default useStateValue;