@unicom-cloud/ui 0.8.150 → 0.8.152

package/tree-select/hook/useStateValue.js

@@ -1,94 +1,70 @@
-/* 2026-03-04 15:09:50 */
-import k from "lodash/castArray";
-import { useRef as S, useState as K, useCallback as g } from "react";
-import I from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import o from "../../tree/Tree.js";
-import { getCheckedKeysByInitKeys as A } from "../../tree/utils.js";
-import { isEqualWith as y, isPlainObject as E, isArray as H, isUndefined as O } from "@unicom-cloud/ui-common/utils/is";
-import { normalizeValueToArray as b } from "../utils.js";
-const v = (e, u, n) => e == null ? [] : k(e).map((r) => {
-  let t = E(r) ? { ...r } : { value: r, label: void 0 };
-  const a = u[t.value];
-  if (a)
-    t.label = t.label || a.title, t.disabled = a.disabled;
-  else if (H(n)) {
-    const c = n.find((i) => i.value === t.value);
-    t = {
-      ...t,
-      ...c
-    };
-  }
-  return O(t.label) && (t.label = t.value), t;
-}), T = (e, u, n, f) => {
-  if (!f.treeCheckStrictly) {
-    const { checkedKeys: r, indeterminateKeys: t } = A(e, u);
-    let a = r;
-    return n.current = t, f.treeCheckedStrategy === o.SHOW_PARENT ? a = a.filter((c) => {
-      const i = u[c];
-      if (!i || !a.includes(i.parentKey))
-        return !0;
-    }) : f.treeCheckedStrategy === o.SHOW_CHILD && (a = a.filter((c) => {
-      const i = u[c];
-      if (!i || !i.children || !i.children.length)
-        return !0;
-    })), a;
-  }
-  return n.current = [], e;
-}, B = (e, u, n) => {
-  const f = S([]), r = () => {
-    const l = e.value || e.defaultValue || [];
-    if (e.treeCheckable) {
-      const s = T(
-        b(l),
-        u,
-        n,
-        e
-      ), h = v(
-        l,
-        u,
-        f.current
-      );
-      return v(
-        s,
-        u,
-        h
-      );
-    }
-    return v(l, u);
-  }, [t, a] = K(r), c = (l) => {
-    f.current = l, a(l);
-  };
-  I(() => {
-    const l = r();
-    "value" in e && (e.labelInValue ? y(
-      b(t),
-      b(l)
-    ) || c(l) : y(t, l) || c(l));
-  }, [
-    e.treeCheckedStrategy,
-    e.treeCheckStrictly,
-    e.treeCheckable,
-    e.value,
-    u
-  ]);
-  const i = g(
-    (l, s) => {
-      const { onChange: h, labelInValue: m } = e, V = e.multiple || e.treeCheckable;
-      "value" in e || c(l);
-      let d;
-      V ? d = l.map((C) => m ? { label: C.label, value: C.value } : C.value) : d = m ? l[0] : l[0] && l[0].value, h?.(d, s);
-    },
-    [
-      e.onChange,
-      e.labelInValue,
-      e.multiple,
-      e.treeCheckable,
-      e.value
-    ]
-  );
-  return [t, i];
-};
-export {
-  B as default,
-  v as parseValue
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isArray as e, isEqualWith as t, isPlainObject as n, isUndefined as r } from "../../utils/is.js";
+import i from "../../hooks/use-update-effect/index.js";
+import { getCheckedKeysByInitKeys as a } from "../../tree/utils.js";
+import o from "../../tree/index.js";
+import { normalizeValueToArray as s } from "../utils.js";
+import { useCallback as c, useRef as l, useState as u } from "react";
+import d from "lodash/castArray";
+//#region components/pc/tree-select/hook/useStateValue.ts
+var f = (t, i, a) => t == null ? [] : d(t).map((t) => {
+	let o = n(t) ? { ...t } : {
+		value: t,
+		label: void 0
+	}, s = i[o.value];
+	if (s) o.label = o.label || s.title, o.disabled = s.disabled;
+	else if (e(a)) {
+		let e = a.find((e) => e.value === o.value);
+		o = {
+			...o,
+			...e
+		};
+	}
+	return r(o.label) && (o.label = o.value), o;
+}), p = (e, t, n, r) => {
+	if (!r.treeCheckStrictly) {
+		let { checkedKeys: i, indeterminateKeys: s } = a(e, t), c = i;
+		return n.current = s, r.treeCheckedStrategy === o.SHOW_PARENT ? c = c.filter((e) => {
+			let n = t[e];
+			if (!n || !c.includes(n.parentKey)) return !0;
+		}) : r.treeCheckedStrategy === o.SHOW_CHILD && (c = c.filter((e) => {
+			let n = t[e];
+			if (!n || !n.children || !n.children.length) return !0;
+		})), c;
+	}
+	return n.current = [], e;
+}, m = (e, n, r) => {
+	let a = l([]), o = () => {
+		let t = e.value || e.defaultValue || [];
+		return e.treeCheckable ? f(p(s(t), n, r, e), n, f(t, n, a.current)) : f(t, n);
+	}, [d, m] = u(o), h = (e) => {
+		a.current = e, m(e);
+	};
+	return i(() => {
+		let n = o();
+		"value" in e && (e.labelInValue ? t(s(d), s(n)) || h(n) : t(d, n) || h(n));
+	}, [
+		e.treeCheckedStrategy,
+		e.treeCheckStrictly,
+		e.treeCheckable,
+		e.value,
+		n
+	]), [d, c((t, n) => {
+		let { onChange: r, labelInValue: i } = e, a = e.multiple || e.treeCheckable;
+		"value" in e || h(t);
+		let o;
+		o = a ? t.map((e) => i ? {
+			label: e.label,
+			value: e.value
+		} : e.value) : i ? t[0] : t[0] && t[0].value, r?.(o, n);
+	}, [
+		e.onChange,
+		e.labelInValue,
+		e.multiple,
+		e.treeCheckable,
+		e.value
+	])];
 };
+//#endregion
+export { m as default, f as parseValue };
+/* 独立思考，明辨是非 */

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

@@ -0,0 +1,4 @@
+import type { TreeSelectProps } from '../../tree-select/interface';
+import type { TreeProps } from '../../tree/interface';
+declare function useTreeData(props: TreeSelectProps): [TreeProps['treeData']];
+export default useTreeData;

package/tree-select/hook/useTreeData.js

@@ -1,14 +1,15 @@
-/* 2026-03-04 15:09:50 */
-import { useState as n } from "react";
-import o from "@unicom-cloud/ui-common/hooks/use-previous";
-import f from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import { getTreeDataFromTreeChildren as m } from "../../tree/utils.js";
-function s(e) {
-  const t = o(e) || {}, r = () => e.treeData || m(e.children), [a, i] = n(r());
-  return f(() => {
-    (e.treeData !== t.treeData || e.children !== t.children) && i(r());
-  }, [e]), [a];
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "../../hooks/use-update-effect/index.js";
+import t from "../../hooks/use-previous/index.js";
+import { getTreeDataFromTreeChildren as n } from "../../tree/utils.js";
+import { useState as r } from "react";
+//#region components/pc/tree-select/hook/useTreeData.ts
+function i(i) {
+	let a = t(i) || {}, o = () => i.treeData || n(i.children), [s, c] = r(o());
+	return e(() => {
+		(i.treeData !== a.treeData || i.children !== a.children) && c(o());
+	}, [i]), [s];
 }
-export {
-  s as default
-};
+//#endregion
+export { i as default };
+/* 独立思考，明辨是非 */

package/tree-select/index.d.ts

@@ -0,0 +1,17 @@
+import Tree, { TreeNode } from '../tree';
+declare const TreeSelect: import("react").ForwardRefExoticComponent<import("./interface").TreeSelectProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<import("../interface").FocusAndBlur>> & {
+    Node: typeof Tree.Node;
+    SHOW_ALL: typeof Tree.SHOW_ALL;
+    SHOW_PARENT: typeof Tree.SHOW_PARENT;
+    SHOW_CHILD: typeof Tree.SHOW_CHILD;
+} & {
+    Node: import("react").NamedExoticComponent<import("..").TreeNodeProps>;
+    SHOW_ALL: string;
+    SHOW_PARENT: string;
+    SHOW_CHILD: string;
+};
+export { TreeNode as TreeSelectNode };
+export default TreeSelect;
+export type { RefTreeSelectType, TreeSelectProps } from './interface';

package/tree-select/index.js

@@ -1,7 +1,14 @@
-/* 2026-03-04 15:09:50 */
-import o from "./Select.js";
-import { default as a } from "../tree/Node.js";
-export {
-  a as TreeSelectNode,
-  o as default
-};
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import e from "../tree/Node.js";
+import t from "../tree/index.js";
+import n from "./TreeSelect.js";
+//#region components/pc/tree-select/index.tsx
+var r = Object.assign(n, {
+	Node: t.Node,
+	SHOW_ALL: t.SHOW_ALL,
+	SHOW_PARENT: t.SHOW_PARENT,
+	SHOW_CHILD: t.SHOW_CHILD
+});
+//#endregion
+export { e as TreeSelectNode, r as default };
+/* 独立思考，明辨是非 */

package/tree-select/interface.d.ts

@@ -0,0 +1,196 @@
+import { CSSProperties, ReactNode } from 'react';
+import type { FocusAndBlur, GetPopupContainer } from '../interface';
+import type { SelectViewCommonProps } from '../select-view';
+import type { NodeProps, TreeDataType, TreeProps } from '../tree/interface';
+import type { TriggerProps } from '../trigger';
+export type TreeSelectDataType = TreeDataType & {
+    value?: string;
+};
+export type LabelValue = {
+    label: ReactNode;
+    value: string;
+    disabled?: boolean;
+};
+/**
+ * @title TreeSelect
+ */
+export interface TreeSelectProps extends SelectViewCommonProps, GetPopupContainer {
+    /**
+     * @zh 是否多选
+     * @en Whether to select multiple
+     */
+    multiple?: boolean;
+    /**
+     * @zh 选择框的默认值
+     * @en The key of node selected by default
+     */
+    defaultValue?: string | string[] | {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+    } | {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+    }[];
+    /**
+     * @zh 选中值
+     * @en The key of the selected node
+     */
+    value?: string | string[] | {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+    } | {
+        label: ReactNode;
+        value: string;
+        disabled?: boolean;
+    }[];
+    /**
+     * @zh
+     * 定制回显内容。返回值将会显示在下拉框内。若 `value` 对应的 `Option` 不存在，则第一个参数是 null
+     * @en
+     * Customize the content that will be displayed in the Select.
+     * If the `Option` corresponding to `value` does not exist, the first parameter will be `null`
+     */
+    renderFormat?: (option: NodeProps | null, value: string | LabelValue) => ReactNode;
+    /**
+     * @zh 输入框搜索文本的受控值
+     * @en To set input search value
+     */
+    inputValue?: string;
+    /**
+     * @zh 指定 key，title，isLeaf，disabled，children 对应的字段
+     * @en Custom field name for key, title, isLeaf, disabled and children
+     * @defaultValue DefaultFieldNames
+     */
+    fieldNames?: TreeProps['fieldNames'];
+    /**
+     * @zh 数据
+     * @en The data of tree
+     */
+    treeData?: TreeSelectDataType[];
+    /**
+     * @zh 设置 value 格式。默认是 `string`，设置为 `true` 时候，value 格式为：`{ label: string, value: string }`
+     * @en Setting value format.The default is `string`, when set to `true`, the value format will turn to: `{ label: string, value: string }`
+     */
+    labelInValue?: boolean;
+    /**
+     * @zh 是否在隐藏之后销毁 DOM 结构
+     * @en Whether to destroy the DOM after hiding
+     */
+    unmountOnExit?: boolean;
+    /**
+     * @zh 是否展示复选框
+     * @en Whether to show checkbox
+     */
+    treeCheckable?: boolean;
+    /**
+     * @zh 树选项是否严格选中。设置为`true`时候，表示严格选中，不与父节点关联；设置为`false`时候，表示非严格选中，与父节点关联变化
+     * @en Whether the tree option strictly selected. When set to 'true', it means strictly selected and not associated with the parent node; When set to 'false', it means that it is not strictly selected and is associated with changes in the parent node
+     */
+    treeCheckStrictly?: boolean;
+    /**
+     * @zh 定制回显方式
+     * @en Customize the return value
+     * @defaultValue all
+     */
+    treeCheckedStrategy?: TreeProps['checkedStrategy'];
+    /**
+     * @zh 可以接受所有 [Tree](#/pc/tree) 组件的参数
+     * @en The props of the [Tree](#/pc/tree) component
+     */
+    treeProps?: Partial<TreeProps>;
+    /**
+     * @zh 可以接受所有 Trigger 组件的参数
+     * @en The props of the `Trigger` component
+     */
+    triggerProps?: Partial<TriggerProps>;
+    /**
+     * @zh 自定义上方显示元素
+     * @en Customize the trigger element
+     */
+    triggerElement?: ReactNode | ((params: {
+        value: any;
+    }) => ReactNode);
+    /**
+     * @zh 是否显示边框
+     * @en Whether show border
+     * @defaultValue true
+     */
+    bordered?: boolean;
+    /**
+     * @zh 没有数据时显示的内容
+     * @en The content display when no data
+     */
+    notFoundContent?: ReactNode;
+    /**
+     * @zh 控制下拉框的展开收起
+     * @en Whether the popup is visible or not
+     */
+    popupVisible?: boolean;
+    /**
+     * @zh 设置下拉框样式
+     * @en The additional css style for dropdown menu
+     */
+    dropdownMenuStyle?: CSSProperties;
+    /**
+     * @zh 自定义下拉框展示
+     * @en Customize dropdown rendering
+     */
+    dropdownRender?: (dom: ReactNode) => ReactNode;
+    /**
+     * @zh 选中值改变的回调
+     * @en Callback when the selection changed
+     */
+    onChange?: (value: any, extra: {
+        trigger?: NodeProps;
+        checked?: boolean;
+        selected?: boolean;
+    }) => void;
+    /**
+     * @zh 下拉框收起展开时触发
+     * @en Callback when the visibility of the popup is changed
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @zh
+     * 根据输入的值筛选数据。接收 `inputText` 和 `treeNode` 两个参数，当 `option` 符合筛选条件时，返回 `true`，反之返回 `false`。treeNode 是树节点。
+     * @en
+     * Filter data based on entered value. Accepted two parameters, inputText and treeNode.
+     * When the option matches the filter conditions, it returns true, otherwise it returns false. treeNode is the tree node.
+     */
+    filterTreeNode?: (inputText: any, treeNode: any) => boolean | void;
+    /**
+     * @zh 动态加载数据
+     * @en Callback when loaded data asynchronously
+     */
+    loadMore?: (treeNode: NodeProps, dataRef: any) => void;
+    /**
+     * @zh 自定义搜索方法。未定义的时候将会在已经在数据中进行搜索
+     * @en Callback when searching data. When undefined, it will search in the data already
+     */
+    onSearch?: (inputValue: string) => void;
+    /**
+     * @zh 输入框搜索文本改变的回调。
+     * @en Callback when the search value of input is changed.
+     */
+    onInputValueChange?: (value: string, reason: InputValueChangeReason) => void;
+    /**
+     * @zh 点击清除时触发，参数是当前下拉框的展开状态。
+     * @en Callback when clicked clear, the parameter is the visible state of current dropdown
+     */
+    onClear?: (visible: boolean) => void;
+}
+export type RefTreeSelectType = {} & FocusAndBlur;
+export declare const DefaultFieldNames: {
+    key: string;
+    title: string;
+    children: string;
+    selectable: string;
+    disabled: string;
+    disableCheckbox: string;
+    checkable: string;
+    isLeaf: string;
+};
+export type InputValueChangeReason = 'manual' | 'optionChecked' | 'optionListHide';

package/tree-select/interface.js

@@ -1,14 +1,16 @@
-/* 2026-03-04 15:09:50 */
-const e = {
-  key: "key",
-  title: "title",
-  children: "children",
-  selectable: "selectable",
-  disabled: "disabled",
-  disableCheckbox: "disableCheckbox",
-  checkable: "checkable",
-  isLeaf: "isLeaf"
-};
-export {
-  e as DefaultFieldNames
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import "react";
+//#region components/pc/tree-select/interface.ts
+var e = {
+	key: "key",
+	title: "title",
+	children: "children",
+	selectable: "selectable",
+	disabled: "disabled",
+	disableCheckbox: "disableCheckbox",
+	checkable: "checkable",
+	isLeaf: "isLeaf"
 };
+//#endregion
+export { e as DefaultFieldNames };
+/* 独立思考，明辨是非 */

package/tree-select/utils.js

@@ -1,9 +1,10 @@
-/* 2026-03-04 15:09:50 */
-import { isArray as t, isPlainObject as n } from "@unicom-cloud/ui-common/utils/is";
-const u = (r) => {
-  let i = r;
-  return t(r) || (i = r == null ? [] : [r]), i.map((e) => n(e) ? e.value : e);
-};
-export {
-  u as normalizeValueToArray
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isArray as e, isPlainObject as t } from "../utils/is.js";
+//#region components/pc/tree-select/utils.ts
+var n = (n) => {
+	let r = n;
+	return e(n) || (r = n == null ? [] : [n]), r.map((e) => t(e) ? e.value : e);
 };
+//#endregion
+export { n as normalizeValueToArray };
+/* 独立思考，明辨是非 */

package/trigger/Trigger.d.ts

@@ -0,0 +1,9 @@
+import type { TriggerProps } from './interface';
+export type { TriggerProps };
+export interface TriggerState {
+    popupVisible: boolean;
+    popupStyle: object;
+}
+export type EventsByTriggerNeedType = 'onClick' | 'onMouseEnter' | 'onMouseLeave' | 'onMouseMove' | 'onFocus' | 'onBlur' | 'onContextMenu' | 'onKeyDown';
+declare const Trigger: import("react").ForwardRefExoticComponent<TriggerProps & import("react").RefAttributes<unknown>>;
+export default Trigger;