@aloudata/aloudata-design 3.1.7 → 3.2.0-beta.0

package/dist/LogicTree/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../src/LogicTree/helper.ts"],"sourcesContent":["import _ from 'lodash';\nimport { getUniqId } from '../_utils/getUniqId';\nimport { ELogicType, ENodeType, ILogicNode, IRecordNode, TNode } from './type';\n\n// 递归查找节点\nexport function findNodeById<T>(\n  nodeId: string,\n  currentNodes: TNode<T>,\n): TNode<T> | undefined {\n  if (nodeId === currentNodes.id) {\n    return currentNodes;\n  }\n\n  if (currentNodes.type === ENodeType.LOGIC) {\n    const childrenNodes = currentNodes.nodes;\n    for (const node of childrenNodes) {\n      const foundNode = findNodeById(nodeId, node);\n      if (foundNode) {\n        return foundNode;\n      }\n    }\n  }\n  return undefined;\n}\n\n// 递归查找父节点\nexport function findParentNodeById<T>(\n  nodeId: string,\n  currentNodes: TNode<T>,\n): ILogicNode<T> | undefined {\n  if (currentNodes.type === ENodeType.LOGIC) {\n    const childrenNodes = currentNodes.nodes;\n    for (const node of childrenNodes) {\n      if (node.id === nodeId) {\n        return currentNodes;\n      }\n      const foundNode = findParentNodeById(nodeId, node);\n      if (foundNode) {\n        return foundNode;\n      }\n    }\n  }\n  return undefined;\n}\n\n// 添加logic节点\nexport function addLogicNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  newInitializationData: T,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const newNode: ILogicNode<T> = {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: [\n      {\n        id: getUniqId(), // 生成唯一 id\n        type: ENodeType.RECORD,\n        data: newInitializationData,\n      },\n    ],\n  };\n\n  const parent = findNodeById(nodeId, newRootNode);\n\n  if (parent && parent.type === ENodeType.LOGIC) {\n    parent.nodes.push(newNode);\n    return newRootNode;\n  }\n\n  return rootNode;\n}\n\n// 添加record节点\nexport function addRecordNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  newInitializationData: T,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const newNode: IRecordNode<T> = {\n    id: getUniqId(), // 生成唯一 id\n    type: ENodeType.RECORD,\n    data: newInitializationData,\n  };\n\n  const parent = findNodeById(nodeId, newRootNode);\n\n  if (parent && parent.type === ENodeType.LOGIC) {\n    parent.nodes.push(newNode);\n    return newRootNode;\n  }\n\n  return rootNode;\n}\n\n// 移除节点\nexport function removeNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  initialNode: TNode<T>,\n  rootNodeAllowedEmpty?: boolean,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  let parent = findParentNodeById(nodeId, newRootNode);\n  if (parent) {\n    if (parent.nodes.length === 1) {\n      if (rootNodeAllowedEmpty && parent.id === rootNode.id) {\n        parent.nodes = [];\n        return newRootNode;\n      } else {\n        if (parent.id === rootNode.id) {\n          return initialNode;\n        }\n      }\n\n      let removeNodeId = nodeId;\n      do {\n        removeNodeId = parent.id;\n        parent = findParentNodeById(parent.id, newRootNode);\n      } while (\n        parent &&\n        parent.id !== rootNode.id &&\n        parent.nodes.length === 1\n      );\n\n      if (parent) {\n        parent.nodes.splice(\n          parent.nodes.findIndex((node) => node.id === removeNodeId),\n          1,\n        );\n      }\n      return newRootNode;\n    } else {\n      parent.nodes.splice(\n        parent.nodes.findIndex((node) => node.id === nodeId),\n        1,\n      );\n      return newRootNode;\n    }\n  }\n  return rootNode;\n}\n\n// 修改logic节点关系\nexport function changeRelation<T>(\n  id: string,\n  logicType: ELogicType,\n  rootNode: TNode<T>,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const node = findNodeById(id, newRootNode);\n  if (node && node.type === ENodeType.LOGIC) {\n    node.logicType = logicType;\n    return newRootNode;\n  }\n  return rootNode;\n}\n\n// 修改record节点数据\nexport function changeRecordData<T>(\n  id: string,\n  newData: T,\n  rootNode: TNode<T>,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const node = findNodeById(id, newRootNode);\n  if (node && node.type === ENodeType.RECORD) {\n    node.data = newData;\n    return newRootNode;\n  }\n  return rootNode;\n}\n\nexport function getInitialLogicNode<T>(initialData: T[]): TNode<T> {\n  return {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: initialData.map((item) => {\n      return {\n        id: getUniqId(),\n        type: ENodeType.RECORD,\n        data: item,\n      };\n    }),\n  };\n}\n\n// 深度优先遍历\nexport function logicTreeIterator<T, U>(\n  rootNode: TNode<T>,\n  callback: (node: TNode<T>, acc: U[]) => U,\n): U {\n  if (rootNode.type === ENodeType.LOGIC) {\n    const { nodes } = rootNode;\n    const result = nodes.map((childNode) => {\n      return logicTreeIterator(childNode, callback);\n    });\n    return callback(rootNode, result);\n  }\n  if (rootNode.type === ENodeType.RECORD) {\n    return callback(rootNode, []);\n  }\n\n  return callback(rootNode, []);\n}\n\nexport function isDescendant<T>(hoverId: string, dragNode: TNode<T>): boolean {\n  if (!dragNode || dragNode.type === ENodeType.RECORD) {\n    return false;\n  }\n  return dragNode.nodes.some(\n    (childNode) => childNode.id === hoverId || isDescendant(hoverId, childNode),\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"helper.js","names":["_","getUniqId","ELogicType","ENodeType","ILogicNode","IRecordNode","TNode","findNodeById","nodeId","currentNodes","T","id","type","LOGIC","childrenNodes","nodes","node","foundNode","undefined","findParentNodeById","addLogicNode","rootNode","newInitializationData","newRootNode","cloneDeep","newNode","logicType","AND","RECORD","data","parent","push","addRecordNode","removeNode","initialNode","rootNodeAllowedEmpty","length","removeNodeId","splice","findIndex","changeRelation","changeRecordData","newData","getInitialLogicNode","initialData","map","item","logicTreeIterator","callback","acc","U","result","childNode","isDescendant","hoverId","dragNode","some"],"sources":["../../src/LogicTree/helper.ts"],"sourcesContent":["import _ from 'lodash';\nimport { getUniqId } from '../_utils/getUniqId';\nimport { ELogicType, ENodeType, ILogicNode, IRecordNode, TNode } from './type';\n\n// 递归查找节点\nexport function findNodeById<T>(\n  nodeId: string,\n  currentNodes: TNode<T>,\n): TNode<T> | undefined {\n  if (nodeId === currentNodes.id) {\n    return currentNodes;\n  }\n\n  if (currentNodes.type === ENodeType.LOGIC) {\n    const childrenNodes = currentNodes.nodes;\n    for (const node of childrenNodes) {\n      const foundNode = findNodeById(nodeId, node);\n      if (foundNode) {\n        return foundNode;\n      }\n    }\n  }\n  return undefined;\n}\n\n// 递归查找父节点\nexport function findParentNodeById<T>(\n  nodeId: string,\n  currentNodes: TNode<T>,\n): ILogicNode<T> | undefined {\n  if (currentNodes.type === ENodeType.LOGIC) {\n    const childrenNodes = currentNodes.nodes;\n    for (const node of childrenNodes) {\n      if (node.id === nodeId) {\n        return currentNodes;\n      }\n      const foundNode = findParentNodeById(nodeId, node);\n      if (foundNode) {\n        return foundNode;\n      }\n    }\n  }\n  return undefined;\n}\n\n// 添加logic节点\nexport function addLogicNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  newInitializationData: T,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const newNode: ILogicNode<T> = {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: [\n      {\n        id: getUniqId(), // 生成唯一 id\n        type: ENodeType.RECORD,\n        data: newInitializationData,\n      },\n    ],\n  };\n\n  const parent = findNodeById(nodeId, newRootNode);\n\n  if (parent && parent.type === ENodeType.LOGIC) {\n    parent.nodes.push(newNode);\n    return newRootNode;\n  }\n\n  return rootNode;\n}\n\n// 添加record节点\nexport function addRecordNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  newInitializationData: T,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const newNode: IRecordNode<T> = {\n    id: getUniqId(), // 生成唯一 id\n    type: ENodeType.RECORD,\n    data: newInitializationData,\n  };\n\n  const parent = findNodeById(nodeId, newRootNode);\n\n  if (parent && parent.type === ENodeType.LOGIC) {\n    parent.nodes.push(newNode);\n    return newRootNode;\n  }\n\n  return rootNode;\n}\n\n// 移除节点\nexport function removeNode<T>(\n  nodeId: string,\n  rootNode: TNode<T>,\n  initialNode: TNode<T>,\n  rootNodeAllowedEmpty?: boolean,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  let parent = findParentNodeById(nodeId, newRootNode);\n  if (parent) {\n    if (parent.nodes.length === 1) {\n      if (rootNodeAllowedEmpty && parent.id === rootNode.id) {\n        parent.nodes = [];\n        return newRootNode;\n      } else {\n        if (parent.id === rootNode.id) {\n          return initialNode;\n        }\n      }\n\n      let removeNodeId = nodeId;\n      do {\n        removeNodeId = parent.id;\n        parent = findParentNodeById(parent.id, newRootNode);\n      } while (\n        parent &&\n        parent.id !== rootNode.id &&\n        parent.nodes.length === 1\n      );\n\n      if (parent) {\n        parent.nodes.splice(\n          parent.nodes.findIndex((node) => node.id === removeNodeId),\n          1,\n        );\n      }\n      return newRootNode;\n    } else {\n      parent.nodes.splice(\n        parent.nodes.findIndex((node) => node.id === nodeId),\n        1,\n      );\n      return newRootNode;\n    }\n  }\n  return rootNode;\n}\n\n// 修改logic节点关系\nexport function changeRelation<T>(\n  id: string,\n  logicType: ELogicType,\n  rootNode: TNode<T>,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const node = findNodeById(id, newRootNode);\n  if (node && node.type === ENodeType.LOGIC) {\n    node.logicType = logicType;\n    return newRootNode;\n  }\n  return rootNode;\n}\n\n// 修改record节点数据\nexport function changeRecordData<T>(\n  id: string,\n  newData: T,\n  rootNode: TNode<T>,\n) {\n  const newRootNode = _.cloneDeep(rootNode);\n  const node = findNodeById(id, newRootNode);\n  if (node && node.type === ENodeType.RECORD) {\n    node.data = newData;\n    return newRootNode;\n  }\n  return rootNode;\n}\n\nexport function getInitialLogicNode<T>(initialData: T[]): TNode<T> {\n  return {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: initialData.map((item) => {\n      return {\n        id: getUniqId(),\n        type: ENodeType.RECORD,\n        data: item,\n      };\n    }),\n  };\n}\n\n// 深度优先遍历\nexport function logicTreeIterator<T, U>(\n  rootNode: TNode<T>,\n  callback: (node: TNode<T>, acc: U[]) => U,\n): U {\n  if (rootNode.type === ENodeType.LOGIC) {\n    const { nodes } = rootNode;\n    const result = nodes.map((childNode) => {\n      return logicTreeIterator(childNode, callback);\n    });\n    return callback(rootNode, result);\n  }\n  if (rootNode.type === ENodeType.RECORD) {\n    return callback(rootNode, []);\n  }\n\n  return callback(rootNode, []);\n}\n\nexport function isDescendant<T>(hoverId: string, dragNode: TNode<T>): boolean {\n  if (!dragNode || dragNode.type === ENodeType.RECORD) {\n    return false;\n  }\n  return dragNode.nodes.some(\n    (childNode) => childNode.id === hoverId || isDescendant(hoverId, childNode),\n  );\n}\n"],"mappings":"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"}

package/dist/LogicTree/index.d.ts

@@ -21,4 +21,4 @@ interface IProps<T> {
         addRelation?: boolean;
     };
 }
-export default function LogicTree<T>(props: IProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export default function LogicTree<T>(props: IProps<T>): React.JSX.Element | null;

package/dist/LogicTree/index.js

@@ -5,7 +5,8 @@ import { ELogicType, ENodeType } from "./type.js";
 import LogicItem from "./components/LogicItem/index.js";
 import { addLogicNode, addRecordNode, changeRecordData, changeRelation, findNodeById, findParentNodeById, isDescendant, removeNode } from "./helper.js";
 import "./DisplayLogicTree.js";
-import { useCallback, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 import _ from "lodash";
 import { useControllableValue } from "ahooks";
@@ -24,81 +25,195 @@ function useHasDndContext() {
 		return false;
 	}
 }
-function LogicTreeDndProvider({ children }) {
+function LogicTreeDndProvider(t0) {
+	const $ = c(8);
+	const { children } = t0;
 	const hasDndContext = useHasDndContext();
 	const [rootElement, setRootElement] = useState(null);
-	if (hasDndContext) return /* @__PURE__ */ jsx(Fragment, { children });
-	return /* @__PURE__ */ jsx("div", {
-		ref: setRootElement,
-		style: { display: "contents" },
-		children: rootElement ? /* @__PURE__ */ jsx(DndProvider, {
+	if (hasDndContext) {
+		let t1;
+		if ($[0] !== children) {
+			t1 = /* @__PURE__ */ jsx(Fragment, { children });
+			$[0] = children;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { display: "contents" };
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== children || $[4] !== rootElement) {
+		t2 = rootElement ? /* @__PURE__ */ jsx(DndProvider, {
 			backend: HTML5Backend,
 			options: { rootElement },
 			children
-		}) : null
-	});
+		}) : null;
+		$[3] = children;
+		$[4] = rootElement;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			ref: setRootElement,
+			style: t1,
+			children: t2
+		});
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
 }
 function LogicTree(props) {
+	const $ = c(49);
 	const { newInitializationData, onChange: propsOnChange, renderCondition, rootNodeAllowedEmpty, className, hideBottomBtn } = props;
-	const initialNode = {
-		id: getUniqId(),
-		type: ENodeType.LOGIC,
-		logicType: ELogicType.AND,
-		nodes: [{
-			id: getUniqId(),
-			type: ENodeType.RECORD,
-			data: newInitializationData
-		}]
-	};
-	const [innerValue, setInnerValue] = useControllableValue(props.value ? { value: props.value } : {}, { defaultValue: initialNode });
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = getUniqId();
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = getUniqId();
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== newInitializationData) {
+		t2 = {
+			id: t0,
+			type: ENodeType.LOGIC,
+			logicType: ELogicType.AND,
+			nodes: [{
+				id: t1,
+				type: ENodeType.RECORD,
+				data: newInitializationData
+			}]
+		};
+		$[2] = newInitializationData;
+		$[3] = t2;
+	} else t2 = $[3];
+	const initialNode = t2;
+	let t3;
+	if ($[4] !== props.value) {
+		t3 = props.value ? { value: props.value } : {};
+		$[4] = props.value;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== initialNode) {
+		t4 = { defaultValue: initialNode };
+		$[6] = initialNode;
+		$[7] = t4;
+	} else t4 = $[7];
+	const [innerValue, setInnerValue] = useControllableValue(t3, t4);
 	const [hoverItemId, setHoverItemId] = useState("");
-	const changeInnerValue = useCallback((newValue) => {
-		setInnerValue(newValue);
-		propsOnChange(newValue);
-	}, [propsOnChange, setInnerValue]);
-	const onAddCondition = (id) => {
-		changeInnerValue(addRecordNode(id, innerValue, newInitializationData));
-	};
-	const onAddRelation = (id) => {
-		changeInnerValue(addLogicNode(id, innerValue, newInitializationData));
-	};
-	const onChangeRelation = (id, logicType) => {
-		changeInnerValue(changeRelation(id, logicType, innerValue));
-	};
-	const onRemove = (id) => {
-		changeInnerValue(removeNode(id, innerValue, initialNode, rootNodeAllowedEmpty));
-	};
-	const onChangeRecordData = (id, data) => {
-		changeInnerValue(changeRecordData(id, data, innerValue));
-	};
-	const moveNode = useCallback((dragId, hoverId, dropPosition) => {
-		const newRootNode = _.cloneDeep(innerValue);
-		const dragNode = findNodeById(dragId, newRootNode);
-		const hoverNode = findNodeById(hoverId, newRootNode);
-		if (dragNode && hoverNode) {
-			if (isDescendant(hoverId, dragNode)) return;
-			const dragParent = findParentNodeById(dragId, newRootNode);
-			const hoverParent = findParentNodeById(hoverId, newRootNode);
-			if (dragParent && hoverParent) {
-				dragParent.nodes = dragParent.nodes.filter((node) => node.id !== dragId);
-				if (dragParent.nodes.length === 0) {
-					const grandParent = findParentNodeById(dragParent.id, newRootNode);
-					if (grandParent) grandParent.nodes = grandParent.nodes.filter((node) => node.id !== dragParent.id);
-					else dragParent.nodes = [];
+	let t5;
+	if ($[8] !== propsOnChange || $[9] !== setInnerValue) {
+		t5 = (newValue) => {
+			setInnerValue(newValue);
+			propsOnChange(newValue);
+		};
+		$[8] = propsOnChange;
+		$[9] = setInnerValue;
+		$[10] = t5;
+	} else t5 = $[10];
+	const changeInnerValue = t5;
+	let t6;
+	if ($[11] !== changeInnerValue || $[12] !== innerValue || $[13] !== newInitializationData) {
+		t6 = (id) => {
+			changeInnerValue(addRecordNode(id, innerValue, newInitializationData));
+		};
+		$[11] = changeInnerValue;
+		$[12] = innerValue;
+		$[13] = newInitializationData;
+		$[14] = t6;
+	} else t6 = $[14];
+	const onAddCondition = t6;
+	let t7;
+	if ($[15] !== changeInnerValue || $[16] !== innerValue || $[17] !== newInitializationData) {
+		t7 = (id_0) => {
+			changeInnerValue(addLogicNode(id_0, innerValue, newInitializationData));
+		};
+		$[15] = changeInnerValue;
+		$[16] = innerValue;
+		$[17] = newInitializationData;
+		$[18] = t7;
+	} else t7 = $[18];
+	const onAddRelation = t7;
+	let t8;
+	if ($[19] !== changeInnerValue || $[20] !== innerValue) {
+		t8 = (id_1, logicType) => {
+			changeInnerValue(changeRelation(id_1, logicType, innerValue));
+		};
+		$[19] = changeInnerValue;
+		$[20] = innerValue;
+		$[21] = t8;
+	} else t8 = $[21];
+	const onChangeRelation = t8;
+	let t9;
+	if ($[22] !== changeInnerValue || $[23] !== initialNode || $[24] !== innerValue || $[25] !== rootNodeAllowedEmpty) {
+		t9 = (id_2) => {
+			changeInnerValue(removeNode(id_2, innerValue, initialNode, rootNodeAllowedEmpty));
+		};
+		$[22] = changeInnerValue;
+		$[23] = initialNode;
+		$[24] = innerValue;
+		$[25] = rootNodeAllowedEmpty;
+		$[26] = t9;
+	} else t9 = $[26];
+	const onRemove = t9;
+	let t10;
+	if ($[27] !== changeInnerValue || $[28] !== innerValue) {
+		t10 = (id_3, data) => {
+			changeInnerValue(changeRecordData(id_3, data, innerValue));
+		};
+		$[27] = changeInnerValue;
+		$[28] = innerValue;
+		$[29] = t10;
+	} else t10 = $[29];
+	const onChangeRecordData = t10;
+	let t11;
+	if ($[30] !== changeInnerValue || $[31] !== innerValue) {
+		t11 = (dragId, hoverId, dropPosition) => {
+			const newRootNode_4 = _.cloneDeep(innerValue);
+			const dragNode = findNodeById(dragId, newRootNode_4);
+			const hoverNode = findNodeById(hoverId, newRootNode_4);
+			if (dragNode && hoverNode) {
+				if (isDescendant(hoverId, dragNode)) return;
+				const dragParent = findParentNodeById(dragId, newRootNode_4);
+				const hoverParent = findParentNodeById(hoverId, newRootNode_4);
+				if (dragParent && hoverParent) {
+					dragParent.nodes = dragParent.nodes.filter((node) => node.id !== dragId);
+					if (dragParent.nodes.length === 0) {
+						const grandParent = findParentNodeById(dragParent.id, newRootNode_4);
+						if (grandParent) grandParent.nodes = grandParent.nodes.filter((node_0) => node_0.id !== dragParent.id);
+						else dragParent.nodes = [];
+					}
+					const hoverIndex = hoverParent.nodes.findIndex((node_1) => node_1.id === hoverId);
+					const newIndex = dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;
+					hoverParent.nodes.splice(newIndex, 0, dragNode);
+					changeInnerValue(newRootNode_4);
 				}
-				const hoverIndex = hoverParent.nodes.findIndex((node) => node.id === hoverId);
-				const newIndex = dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;
-				hoverParent.nodes.splice(newIndex, 0, dragNode);
-				changeInnerValue(newRootNode);
 			}
-		}
-	}, [innerValue, changeInnerValue]);
+		};
+		$[30] = changeInnerValue;
+		$[31] = innerValue;
+		$[32] = t11;
+	} else t11 = $[32];
+	const moveNode = t11;
 	if (!innerValue) return null;
-	return /* @__PURE__ */ jsx(LogicTreeDndProvider, { children: /* @__PURE__ */ jsx("div", {
-		className: cn("ald-logic-tree-wrap", className),
-		role: "tree",
-		"aria-label": "Logic tree",
-		children: /* @__PURE__ */ jsx(LogicItem, {
+	let t12;
+	if ($[33] !== className) {
+		t12 = cn("ald-logic-tree-wrap", className);
+		$[33] = className;
+		$[34] = t12;
+	} else t12 = $[34];
+	let t13;
+	if ($[35] !== hideBottomBtn || $[36] !== hoverItemId || $[37] !== innerValue || $[38] !== moveNode || $[39] !== onAddCondition || $[40] !== onAddRelation || $[41] !== onChangeRecordData || $[42] !== onChangeRelation || $[43] !== onRemove || $[44] !== renderCondition) {
+		t13 = /* @__PURE__ */ jsx(LogicItem, {
 			value: innerValue,
 			addCondition: onAddCondition,
 			addRelation: onAddRelation,
@@ -111,8 +226,32 @@ function LogicTree(props) {
 			setHoverId: setHoverItemId,
 			isRoot: true,
 			hideBottomBtn
-		})
-	}) });
+		});
+		$[35] = hideBottomBtn;
+		$[36] = hoverItemId;
+		$[37] = innerValue;
+		$[38] = moveNode;
+		$[39] = onAddCondition;
+		$[40] = onAddRelation;
+		$[41] = onChangeRecordData;
+		$[42] = onChangeRelation;
+		$[43] = onRemove;
+		$[44] = renderCondition;
+		$[45] = t13;
+	} else t13 = $[45];
+	let t14;
+	if ($[46] !== t12 || $[47] !== t13) {
+		t14 = /* @__PURE__ */ jsx(LogicTreeDndProvider, { children: /* @__PURE__ */ jsx("div", {
+			className: t12,
+			role: "tree",
+			"aria-label": "Logic tree",
+			children: t13
+		}) });
+		$[46] = t12;
+		$[47] = t13;
+		$[48] = t14;
+	} else t14 = $[48];
+	return t14;
 }
 //#endregion
 export { EPutPosition, LogicTree as default };

package/dist/LogicTree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/LogicTree/index.tsx"],"sourcesContent":["import { useControllableValue } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport './logic-tree.css';\nimport _ from 'lodash';\nimport React, { useCallback, useState } from 'react';\nimport { DndProvider, useDragDropManager } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { getUniqId } from '../_utils/getUniqId';\nimport LogicItem from './components/LogicItem';\nimport {\n  addLogicNode,\n  addRecordNode,\n  changeRecordData,\n  changeRelation,\n  findNodeById,\n  findParentNodeById,\n  isDescendant,\n  removeNode,\n} from './helper';\nimport { ELogicType, ENodeType, type TNode } from './type';\n\nexport { default as DisplayLogicTree } from './DisplayLogicTree';\nexport * from './type';\n\nexport enum EPutPosition {\n  TOP = 'TOP',\n  BOTTOM = 'BOTTOM',\n}\n\nexport type TRenderCondition<T> = (\n  data: T,\n  { changeData }: { changeData: (data: T) => void },\n  nodeId: string,\n) => React.ReactNode;\n\ninterface IProps<T> {\n  newInitializationData: T;\n  onChange: (value: TNode<T>) => void;\n  value?: TNode<T>;\n  renderCondition: TRenderCondition<T>;\n  rootNodeAllowedEmpty?: boolean;\n  className?: string;\n  needDndProvider?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n}\n\nfunction useHasDndContext() {\n  try {\n    return !!useDragDropManager();\n  } catch {\n    return false;\n  }\n}\n\nfunction LogicTreeDndProvider({ children }: { children: React.ReactNode }) {\n  const hasDndContext = useHasDndContext();\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null);\n\n  if (hasDndContext) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={setRootElement} style={{ display: 'contents' }}>\n      {rootElement ? (\n        <DndProvider backend={HTML5Backend} options={{ rootElement }}>\n          {children}\n        </DndProvider>\n      ) : null}\n    </div>\n  );\n}\n\nexport default function LogicTree<T>(props: IProps<T>) {\n  const {\n    newInitializationData,\n    onChange: propsOnChange,\n    renderCondition,\n    rootNodeAllowedEmpty,\n    className,\n    hideBottomBtn,\n  } = props;\n  const initialNode: TNode<T> = {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: [\n      {\n        id: getUniqId(),\n        type: ENodeType.RECORD,\n        data: newInitializationData,\n      },\n    ],\n  };\n\n  const [innerValue, setInnerValue] = useControllableValue<TNode<T>>(\n    props.value ? { value: props.value } : {},\n    {\n      defaultValue: initialNode,\n    },\n  );\n  const [hoverItemId, setHoverItemId] = useState<string>('');\n\n  const changeInnerValue = useCallback(\n    (newValue: TNode<T>) => {\n      setInnerValue(newValue);\n      propsOnChange(newValue);\n    },\n    [propsOnChange, setInnerValue],\n  );\n\n  const onAddCondition = (id: string) => {\n    const newRootNode = addRecordNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onAddRelation = (id: string) => {\n    const newRootNode = addLogicNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRelation = (id: string, logicType: ELogicType) => {\n    const newRootNode = changeRelation(id, logicType, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const onRemove = (id: string) => {\n    const newRootNode = removeNode(\n      id,\n      innerValue,\n      initialNode,\n      rootNodeAllowedEmpty,\n    );\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRecordData = (id: string, data: T) => {\n    const newRootNode = changeRecordData(id, data, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const moveNode = useCallback(\n    (dragId: string, hoverId: string, dropPosition: EPutPosition) => {\n      const newRootNode = _.cloneDeep(innerValue);\n      const dragNode = findNodeById(dragId, newRootNode);\n      const hoverNode = findNodeById(hoverId, newRootNode);\n\n      if (dragNode && hoverNode) {\n        if (isDescendant(hoverId, dragNode)) {\n          return;\n        }\n\n        const dragParent = findParentNodeById(dragId, newRootNode);\n        const hoverParent = findParentNodeById(hoverId, newRootNode);\n\n        if (dragParent && hoverParent) {\n          // 从原位置移除节点\n          dragParent.nodes = dragParent.nodes.filter(\n            (node) => node.id !== dragId,\n          );\n\n          // 如果拖拽父节点为空，处理删除逻辑\n          if (dragParent.nodes.length === 0) {\n            const grandParent = findParentNodeById(dragParent.id, newRootNode);\n            if (grandParent) {\n              grandParent.nodes = grandParent.nodes.filter(\n                (node) => node.id !== dragParent.id,\n              );\n            } else {\n              dragParent.nodes = [];\n            }\n          }\n\n          // 插入到新位置\n          const hoverIndex = hoverParent.nodes.findIndex(\n            (node) => node.id === hoverId,\n          );\n          const newIndex =\n            dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;\n          hoverParent.nodes.splice(newIndex, 0, dragNode);\n\n          // 更新状态\n          changeInnerValue(newRootNode);\n        }\n      }\n    },\n    [innerValue, changeInnerValue],\n  );\n\n  if (!innerValue) {\n    return null;\n  }\n\n  const content = (\n    <div\n      className={cn('ald-logic-tree-wrap', className)}\n      role=\"tree\"\n      aria-label=\"Logic tree\"\n    >\n      <LogicItem\n        value={innerValue}\n        addCondition={onAddCondition}\n        addRelation={onAddRelation}\n        remove={onRemove}\n        changeRecordData={onChangeRecordData}\n        renderCondition={renderCondition}\n        changeRelation={onChangeRelation}\n        onDragEnd={moveNode}\n        hoverId={hoverItemId}\n        setHoverId={setHoverItemId}\n        isRoot={true} // 将最顶层的LogicItem标记为根节点\n        hideBottomBtn={hideBottomBtn}\n      />\n    </div>\n  );\n\n  return <LogicTreeDndProvider>{content}</LogicTreeDndProvider>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAwBA,IAAY,eAAL,yBAAA,cAAA;AACL,cAAA,SAAA;AACA,cAAA,YAAA;;KACD;AAqBD,SAAS,mBAAmB;AAC1B,KAAI;AACF,SAAO,CAAC,CAAC,oBAAoB;SACvB;AACN,SAAO;;;AAIX,SAAS,qBAAqB,EAAE,YAA2C;CACzE,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,CAAC,aAAa,kBAAkB,SAAgC,KAAK;AAE3E,KAAI,cACF,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;AAGxB,QACE,oBAAC,OAAD;EAAK,KAAK;EAAgB,OAAO,EAAE,SAAS,YAAY;YACrD,cACC,oBAAC,aAAD;GAAa,SAAS;GAAc,SAAS,EAAE,aAAa;GACzD;GACW,CAAA,GACZ;EACA,CAAA;;AAIV,SAAwB,UAAa,OAAkB;CACrD,MAAM,EACJ,uBACA,UAAU,eACV,iBACA,sBACA,WACA,kBACE;CACJ,MAAM,cAAwB;EAC5B,IAAI,WAAW;EACf,MAAM,UAAU;EAChB,WAAW,WAAW;EACtB,OAAO,CACL;GACE,IAAI,WAAW;GACf,MAAM,UAAU;GAChB,MAAM;GACP,CACF;EACF;CAED,MAAM,CAAC,YAAY,iBAAiB,qBAClC,MAAM,QAAQ,EAAE,OAAO,MAAM,OAAO,GAAG,EAAE,EACzC,EACE,cAAc,aACf,CACF;CACD,MAAM,CAAC,aAAa,kBAAkB,SAAiB,GAAG;CAE1D,MAAM,mBAAmB,aACtB,aAAuB;AACtB,gBAAc,SAAS;AACvB,gBAAc,SAAS;IAEzB,CAAC,eAAe,cAAc,CAC/B;CAED,MAAM,kBAAkB,OAAe;AAErC,mBADoB,cAAc,IAAI,YAAY,sBAAsB,CAC3C;;CAG/B,MAAM,iBAAiB,OAAe;AAEpC,mBADoB,aAAa,IAAI,YAAY,sBAAsB,CAC1C;;CAG/B,MAAM,oBAAoB,IAAY,cAA0B;AAE9D,mBADoB,eAAe,IAAI,WAAW,WAAW,CAChC;;CAG/B,MAAM,YAAY,OAAe;AAO/B,mBANoB,WAClB,IACA,YACA,aACA,qBACD,CAC4B;;CAG/B,MAAM,sBAAsB,IAAY,SAAY;AAElD,mBADoB,iBAAiB,IAAI,MAAM,WAAW,CAC7B;;CAG/B,MAAM,WAAW,aACd,QAAgB,SAAiB,iBAA+B;EAC/D,MAAM,cAAc,EAAE,UAAU,WAAW;EAC3C,MAAM,WAAW,aAAa,QAAQ,YAAY;EAClD,MAAM,YAAY,aAAa,SAAS,YAAY;AAEpD,MAAI,YAAY,WAAW;AACzB,OAAI,aAAa,SAAS,SAAS,CACjC;GAGF,MAAM,aAAa,mBAAmB,QAAQ,YAAY;GAC1D,MAAM,cAAc,mBAAmB,SAAS,YAAY;AAE5D,OAAI,cAAc,aAAa;AAE7B,eAAW,QAAQ,WAAW,MAAM,QACjC,SAAS,KAAK,OAAO,OACvB;AAGD,QAAI,WAAW,MAAM,WAAW,GAAG;KACjC,MAAM,cAAc,mBAAmB,WAAW,IAAI,YAAY;AAClE,SAAI,YACF,aAAY,QAAQ,YAAY,MAAM,QACnC,SAAS,KAAK,OAAO,WAAW,GAClC;SAED,YAAW,QAAQ,EAAE;;IAKzB,MAAM,aAAa,YAAY,MAAM,WAClC,SAAS,KAAK,OAAO,QACvB;IACD,MAAM,WACJ,iBAAiB,aAAa,MAAM,aAAa,aAAa;AAChE,gBAAY,MAAM,OAAO,UAAU,GAAG,SAAS;AAG/C,qBAAiB,YAAY;;;IAInC,CAAC,YAAY,iBAAiB,CAC/B;AAED,KAAI,CAAC,WACH,QAAO;AA0BT,QAAO,oBAAC,sBAAD,EAAA,UAtBL,oBAAC,OAAD;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,MAAK;EACL,cAAW;YAEX,oBAAC,WAAD;GACE,OAAO;GACP,cAAc;GACd,aAAa;GACb,QAAQ;GACR,kBAAkB;GACD;GACjB,gBAAgB;GAChB,WAAW;GACX,SAAS;GACT,YAAY;GACZ,QAAQ;GACO;GACf,CAAA;EACE,CAAA,EAGqD,CAAA"}
+{"version":3,"file":"index.js","names":["useControllableValue","cn","_","React","useCallback","useState","DndProvider","useDragDropManager","HTML5Backend","getUniqId","LogicItem","addLogicNode","addRecordNode","changeRecordData","changeRelation","findNodeById","findParentNodeById","isDescendant","removeNode","ELogicType","ENodeType","TNode","default","DisplayLogicTree","EPutPosition","TOP","BOTTOM","TRenderCondition","data","T","changeData","nodeId","ReactNode","IProps","newInitializationData","onChange","value","renderCondition","rootNodeAllowedEmpty","className","needDndProvider","hideBottomBtn","addRelation","useHasDndContext","LogicTreeDndProvider","t0","$","_c","children","hasDndContext","rootElement","setRootElement","t1","Symbol","for","display","t2","t3","LogicTree","props","propsOnChange","id","type","LOGIC","logicType","AND","nodes","RECORD","initialNode","t4","defaultValue","innerValue","setInnerValue","hoverItemId","setHoverItemId","t5","newValue","changeInnerValue","t6","newRootNode","onAddCondition","t7","id_0","newRootNode_0","onAddRelation","t8","id_1","newRootNode_1","onChangeRelation","t9","id_2","newRootNode_2","onRemove","t10","id_3","newRootNode_3","onChangeRecordData","t11","dragId","hoverId","dropPosition","newRootNode_4","cloneDeep","dragNode","hoverNode","dragParent","hoverParent","filter","node","length","grandParent","node_0","hoverIndex","findIndex","node_1","newIndex","splice","moveNode","t12","t13","t14","content"],"sources":["../../src/LogicTree/index.tsx"],"sourcesContent":["import { useControllableValue } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport './logic-tree.css';\nimport _ from 'lodash';\nimport React, { useCallback, useState } from 'react';\nimport { DndProvider, useDragDropManager } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { getUniqId } from '../_utils/getUniqId';\nimport LogicItem from './components/LogicItem';\nimport {\n  addLogicNode,\n  addRecordNode,\n  changeRecordData,\n  changeRelation,\n  findNodeById,\n  findParentNodeById,\n  isDescendant,\n  removeNode,\n} from './helper';\nimport { ELogicType, ENodeType, type TNode } from './type';\n\nexport { default as DisplayLogicTree } from './DisplayLogicTree';\nexport * from './type';\n\nexport enum EPutPosition {\n  TOP = 'TOP',\n  BOTTOM = 'BOTTOM',\n}\n\nexport type TRenderCondition<T> = (\n  data: T,\n  { changeData }: { changeData: (data: T) => void },\n  nodeId: string,\n) => React.ReactNode;\n\ninterface IProps<T> {\n  newInitializationData: T;\n  onChange: (value: TNode<T>) => void;\n  value?: TNode<T>;\n  renderCondition: TRenderCondition<T>;\n  rootNodeAllowedEmpty?: boolean;\n  className?: string;\n  needDndProvider?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n}\n\nfunction useHasDndContext() {\n  try {\n    return !!useDragDropManager();\n  } catch {\n    return false;\n  }\n}\n\nfunction LogicTreeDndProvider({ children }: { children: React.ReactNode }) {\n  const hasDndContext = useHasDndContext();\n  const [rootElement, setRootElement] = useState<HTMLDivElement | null>(null);\n\n  if (hasDndContext) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={setRootElement} style={{ display: 'contents' }}>\n      {rootElement ? (\n        <DndProvider backend={HTML5Backend} options={{ rootElement }}>\n          {children}\n        </DndProvider>\n      ) : null}\n    </div>\n  );\n}\n\nexport default function LogicTree<T>(props: IProps<T>) {\n  const {\n    newInitializationData,\n    onChange: propsOnChange,\n    renderCondition,\n    rootNodeAllowedEmpty,\n    className,\n    hideBottomBtn,\n  } = props;\n  const initialNode: TNode<T> = {\n    id: getUniqId(),\n    type: ENodeType.LOGIC,\n    logicType: ELogicType.AND,\n    nodes: [\n      {\n        id: getUniqId(),\n        type: ENodeType.RECORD,\n        data: newInitializationData,\n      },\n    ],\n  };\n\n  const [innerValue, setInnerValue] = useControllableValue<TNode<T>>(\n    props.value ? { value: props.value } : {},\n    {\n      defaultValue: initialNode,\n    },\n  );\n  const [hoverItemId, setHoverItemId] = useState<string>('');\n\n  const changeInnerValue = useCallback(\n    (newValue: TNode<T>) => {\n      setInnerValue(newValue);\n      propsOnChange(newValue);\n    },\n    [propsOnChange, setInnerValue],\n  );\n\n  const onAddCondition = (id: string) => {\n    const newRootNode = addRecordNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onAddRelation = (id: string) => {\n    const newRootNode = addLogicNode(id, innerValue, newInitializationData);\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRelation = (id: string, logicType: ELogicType) => {\n    const newRootNode = changeRelation(id, logicType, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const onRemove = (id: string) => {\n    const newRootNode = removeNode(\n      id,\n      innerValue,\n      initialNode,\n      rootNodeAllowedEmpty,\n    );\n    changeInnerValue(newRootNode);\n  };\n\n  const onChangeRecordData = (id: string, data: T) => {\n    const newRootNode = changeRecordData(id, data, innerValue);\n    changeInnerValue(newRootNode);\n  };\n\n  const moveNode = useCallback(\n    (dragId: string, hoverId: string, dropPosition: EPutPosition) => {\n      const newRootNode = _.cloneDeep(innerValue);\n      const dragNode = findNodeById(dragId, newRootNode);\n      const hoverNode = findNodeById(hoverId, newRootNode);\n\n      if (dragNode && hoverNode) {\n        if (isDescendant(hoverId, dragNode)) {\n          return;\n        }\n\n        const dragParent = findParentNodeById(dragId, newRootNode);\n        const hoverParent = findParentNodeById(hoverId, newRootNode);\n\n        if (dragParent && hoverParent) {\n          // 从原位置移除节点\n          dragParent.nodes = dragParent.nodes.filter(\n            (node) => node.id !== dragId,\n          );\n\n          // 如果拖拽父节点为空，处理删除逻辑\n          if (dragParent.nodes.length === 0) {\n            const grandParent = findParentNodeById(dragParent.id, newRootNode);\n            if (grandParent) {\n              grandParent.nodes = grandParent.nodes.filter(\n                (node) => node.id !== dragParent.id,\n              );\n            } else {\n              dragParent.nodes = [];\n            }\n          }\n\n          // 插入到新位置\n          const hoverIndex = hoverParent.nodes.findIndex(\n            (node) => node.id === hoverId,\n          );\n          const newIndex =\n            dropPosition === EPutPosition.TOP ? hoverIndex : hoverIndex + 1;\n          hoverParent.nodes.splice(newIndex, 0, dragNode);\n\n          // 更新状态\n          changeInnerValue(newRootNode);\n        }\n      }\n    },\n    [innerValue, changeInnerValue],\n  );\n\n  if (!innerValue) {\n    return null;\n  }\n\n  const content = (\n    <div\n      className={cn('ald-logic-tree-wrap', className)}\n      role=\"tree\"\n      aria-label=\"Logic tree\"\n    >\n      <LogicItem\n        value={innerValue}\n        addCondition={onAddCondition}\n        addRelation={onAddRelation}\n        remove={onRemove}\n        changeRecordData={onChangeRecordData}\n        renderCondition={renderCondition}\n        changeRelation={onChangeRelation}\n        onDragEnd={moveNode}\n        hoverId={hoverItemId}\n        setHoverId={setHoverItemId}\n        isRoot={true} // 将最顶层的LogicItem标记为根节点\n        hideBottomBtn={hideBottomBtn}\n      />\n    </div>\n  );\n\n  return <LogicTreeDndProvider>{content}</LogicTreeDndProvider>;\n}\n"],"mappings":"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"}

package/dist/LogicTree/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","names":[],"sources":["../../src/LogicTree/type.ts"],"sourcesContent":["export enum ELogicType {\n  AND = 'AND',\n  OR = 'OR',\n}\n\nexport enum ENodeType {\n  LOGIC = 'LOGIC',\n  RECORD = 'RECORD',\n}\n\nexport interface INodeBase {\n  id: string;\n  type: ENodeType;\n}\n\nexport interface ILogicNode<T> extends INodeBase {\n  type: ENodeType.LOGIC;\n  logicType: ELogicType;\n  nodes: TNode<T>[];\n}\n\nexport interface IRecordNode<T> extends INodeBase {\n  type: ENodeType.RECORD;\n  data: T;\n}\n\nexport type TNode<T> = ILogicNode<T> | IRecordNode<T>;\n"],"mappings":";AAAA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,SAAA;AACA,YAAA,QAAA;;KACD;AAED,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,WAAA;AACA,WAAA,YAAA;;KACD"}
+{"version":3,"file":"type.js","names":["ELogicType","AND","OR","ENodeType","LOGIC","RECORD","INodeBase","id","type","ILogicNode","logicType","nodes","TNode","T","IRecordNode","data"],"sources":["../../src/LogicTree/type.ts"],"sourcesContent":["export enum ELogicType {\n  AND = 'AND',\n  OR = 'OR',\n}\n\nexport enum ENodeType {\n  LOGIC = 'LOGIC',\n  RECORD = 'RECORD',\n}\n\nexport interface INodeBase {\n  id: string;\n  type: ENodeType;\n}\n\nexport interface ILogicNode<T> extends INodeBase {\n  type: ENodeType.LOGIC;\n  logicType: ELogicType;\n  nodes: TNode<T>[];\n}\n\nexport interface IRecordNode<T> extends INodeBase {\n  type: ENodeType.RECORD;\n  data: T;\n}\n\nexport type TNode<T> = ILogicNode<T> | IRecordNode<T>;\n"],"mappings":";AAAA,IAAYA,aAAL,yBAAA,YAAA;AACLC,YAAAA,SAAAA;AACAC,YAAAA,QAAAA;;KACF;AAEA,IAAYC,YAAL,yBAAA,WAAA;AACLC,WAAAA,WAAAA;AACAC,WAAAA,YAAAA;;KACF"}

package/dist/LogicTree.js

@@ -0,0 +1,2 @@
+export * from './LogicTree/index.js';
+export { default } from './LogicTree/index.js';

package/dist/MemberPicker/components/MemberSelection.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IUser, TUserGroupValue, TUserValue } from '../interface';
+import { IUser, TUserGroupValue, TUserValue } from '../interface.js';
 interface IMemberSelectionProps {
     className?: string;
     userList: IUser[];
@@ -22,5 +22,5 @@ interface IMemberSelectionProps {
 }
 export declare const OPTION_HEIGHT = 36;
 export declare const WRAPPER_HEIGHT = 300;
-export default function MemberSelection(props: IMemberSelectionProps): import("react/jsx-runtime").JSX.Element;
+export default function MemberSelection(props: IMemberSelectionProps): React.JSX.Element;
 export {};

package/dist/MemberPicker/components/MemberSelection.js

@@ -84,15 +84,15 @@ function MemberSelection(props) {
 								disabled,
 								selected: isSelected,
 								showUserId: true,
-								onChange: (selected, user) => {
-									if (isUser(user)) onChange(selected, user);
+								onChange: (selected, user_0) => {
+									if (isUser(user_0)) onChange(selected, user_0);
 								}
 							}, user.userId) : /* @__PURE__ */ jsx(SingleOption, {
 								user,
 								selected: isSelected,
 								showUserId: true,
-								onChange: (selected, user) => {
-									if (isUser(user)) onChange(selected, user);
+								onChange: (selected_0, user_1) => {
+									if (isUser(user_1)) onChange(selected_0, user_1);
 								}
 							}, user.userId);
 							if (renderItem) return /* @__PURE__ */ jsx("div", {

package/dist/MemberPicker/components/MemberSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberSelection.js","names":[],"sources":["../../../src/MemberPicker/components/MemberSelection.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { useContext, useDeferredValue, useEffect, useMemo } from 'react';\nimport Empty from '../../Empty';\nimport { SearchLine } from '../../Icon';\nimport Input from '../../Input';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser, TUserGroupValue, TUserValue } from '../interface';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IMemberSelectionProps {\n  className?: string;\n  userList: IUser[];\n  multiple?: boolean;\n  onChange: (selected: boolean, user: IUser) => void;\n  selectedUsers: IUser[];\n  onSearchValueChange?: (value: string) => void;\n  loading: boolean;\n  width: number;\n  filterItem?: (item: IUser) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  renderItem?: (\n    item: IUser,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nexport const OPTION_HEIGHT = 36;\nexport const WRAPPER_HEIGHT = 300;\n\nexport default function MemberSelection(props: IMemberSelectionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    className,\n    userList,\n    multiple,\n    onChange,\n    selectedUsers,\n    onSearchValueChange,\n    loading,\n    width,\n    lockedIds,\n    filterItem,\n    renderItem,\n    searchValue = '',\n    showSearch,\n  } = props;\n\n  const filteredList = useMemo(() => {\n    return userList.filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n      return true;\n    });\n  }, [userList, filterItem]);\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n\n  // The virtualizer\n  const rowVirtualizer = useVirtualizer({\n    count: filteredList.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => OPTION_HEIGHT,\n  });\n\n  const deferredSearchValue = useDeferredValue(searchValue);\n  useEffect(() => {\n    onSearchValueChange?.(deferredSearchValue);\n  }, [deferredSearchValue, onSearchValueChange]);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      {showSearch && (\n        <Input\n          prefix={<SearchLine size={16} />}\n          className=\"ald-member-picker-search-input\"\n          aria-label={t.InputSearch.search}\n          autoFocus\n          value={searchValue}\n          onChange={(event) => onSearchValueChange?.(event.target.value)}\n        />\n      )}\n      {filteredList.length === 0 && !loading && (\n        <Empty\n          title={t.MemberPicker.noData}\n          size=\"small\"\n          image={Empty.PRESENTED_IMAGE_SEARCH}\n          className=\"ald-member-picker-member-list-empty\"\n        />\n      )}\n\n      <Spin\n        tip=\"Loading\"\n        spinning={loading}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <div\n          ref={parentRef}\n          style={{\n            height: WRAPPER_HEIGHT,\n            overflowY: 'auto',\n            overflowX: 'hidden',\n          }}\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              filteredList.length === 0 && !loading,\n          })}\n          // innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            role=\"listbox\"\n            aria-label=\"Members\"\n            aria-multiselectable={multiple || undefined}\n            className=\"ald-member-picker-member-list-inner\"\n            style={{\n              width: multiple ? width : undefined,\n              overflow: 'hidden',\n              position: 'relative',\n              height: `${rowVirtualizer.getTotalSize()}px`,\n            }}\n          >\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const user = filteredList[virtualItem.index];\n              const isSelected = selectedUsers.some(\n                (selectedUser) => selectedUser.userId === user.userId,\n              );\n              const index = _.findIndex(lockedIds, {\n                userId: user.userId,\n                type: user.type,\n              });\n              const disabled = index !== -1;\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={user.userId}\n                  user={user}\n                  disabled={disabled}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={user.userId}\n                  user={user}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div\n                    role=\"option\"\n                    id={`ald-member-picker-option-${user.userId}`}\n                    aria-selected={isSelected}\n                    aria-disabled={disabled || undefined}\n                    key={virtualItem.key}\n                    style={{\n                      position: 'absolute',\n                      top: 0,\n                      left: 0,\n                      width: '100%',\n                      height: `${virtualItem.size}px`,\n                      transform: `translateY(${virtualItem.start}px)`,\n                    }}\n                  >\n                    {renderItem(user, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (!disabled) {\n                          onChange(!isSelected, user);\n                        }\n                      },\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {originNode}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </Spin>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberSelection.js","names":["useVirtualizer","cn","_","React","useContext","useDeferredValue","useEffect","useMemo","Empty","SearchLine","Input","Spin","LocaleContext","getTranslator","IUser","TUserGroupValue","TUserValue","isUser","MultipleOption","SingleOption","IMemberSelectionProps","className","userList","multiple","onChange","selected","user","selectedUsers","onSearchValueChange","value","loading","width","filterItem","item","searchValue","showSearch","lockedIds","Array","renderItem","context","isSelected","disabled","onClick","originNode","ReactNode","OPTION_HEIGHT","WRAPPER_HEIGHT","MemberSelection","props","locale","t","filteredList","filter","parentRef","useRef","HTMLDivElement","rowVirtualizer","count","length","getScrollElement","current","estimateSize","deferredSearchValue","InputSearch","search","event","target","MemberPicker","noData","PRESENTED_IMAGE_SEARCH","height","overflowY","overflowX","undefined","overflow","position","getTotalSize","getVirtualItems","map","virtualItem","index","some","selectedUser","userId","findIndex","type","key","top","left","size","transform","start"],"sources":["../../../src/MemberPicker/components/MemberSelection.tsx"],"sourcesContent":["import { useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { useContext, useDeferredValue, useEffect, useMemo } from 'react';\nimport Empty from '../../Empty';\nimport { SearchLine } from '../../Icon';\nimport Input from '../../Input';\nimport Spin from '../../Spin';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser, TUserGroupValue, TUserValue } from '../interface';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport MultipleOption from './MultipleOption';\nimport SingleOption from './SingleOption';\n\ninterface IMemberSelectionProps {\n  className?: string;\n  userList: IUser[];\n  multiple?: boolean;\n  onChange: (selected: boolean, user: IUser) => void;\n  selectedUsers: IUser[];\n  onSearchValueChange?: (value: string) => void;\n  loading: boolean;\n  width: number;\n  filterItem?: (item: IUser) => boolean;\n  searchValue?: string;\n  showSearch?: boolean;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  renderItem?: (\n    item: IUser,\n    context: {\n      isSelected: boolean;\n      disabled: boolean;\n      onClick: () => void;\n      originNode: React.ReactNode;\n    },\n  ) => React.ReactNode;\n}\n\nexport const OPTION_HEIGHT = 36;\nexport const WRAPPER_HEIGHT = 300;\n\nexport default function MemberSelection(props: IMemberSelectionProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    className,\n    userList,\n    multiple,\n    onChange,\n    selectedUsers,\n    onSearchValueChange,\n    loading,\n    width,\n    lockedIds,\n    filterItem,\n    renderItem,\n    searchValue = '',\n    showSearch,\n  } = props;\n\n  const filteredList = useMemo(() => {\n    return userList.filter((item) => {\n      if (filterItem) {\n        return filterItem(item);\n      }\n      return true;\n    });\n  }, [userList, filterItem]);\n\n  const parentRef = React.useRef<HTMLDivElement>(null);\n\n  // The virtualizer\n  const rowVirtualizer = useVirtualizer({\n    count: filteredList.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: () => OPTION_HEIGHT,\n  });\n\n  const deferredSearchValue = useDeferredValue(searchValue);\n  useEffect(() => {\n    onSearchValueChange?.(deferredSearchValue);\n  }, [deferredSearchValue, onSearchValueChange]);\n\n  return (\n    <div className={cn(className, 'ald-member-picker-member-list-wrap')}>\n      {showSearch && (\n        <Input\n          prefix={<SearchLine size={16} />}\n          className=\"ald-member-picker-search-input\"\n          aria-label={t.InputSearch.search}\n          autoFocus\n          value={searchValue}\n          onChange={(event) => onSearchValueChange?.(event.target.value)}\n        />\n      )}\n      {filteredList.length === 0 && !loading && (\n        <Empty\n          title={t.MemberPicker.noData}\n          size=\"small\"\n          image={Empty.PRESENTED_IMAGE_SEARCH}\n          className=\"ald-member-picker-member-list-empty\"\n        />\n      )}\n\n      <Spin\n        tip=\"Loading\"\n        spinning={loading}\n        size=\"small\"\n        className=\"ald-member-picker-user-list\"\n      >\n        <div\n          ref={parentRef}\n          style={{\n            height: WRAPPER_HEIGHT,\n            overflowY: 'auto',\n            overflowX: 'hidden',\n          }}\n          className={cn('ald-member-picker-member-list', {\n            'ald-member-picker-member-list-null':\n              filteredList.length === 0 && !loading,\n          })}\n          // innerClassName=\"ald-member-picker-member-scroll\"\n        >\n          <div\n            role=\"listbox\"\n            aria-label=\"Members\"\n            aria-multiselectable={multiple || undefined}\n            className=\"ald-member-picker-member-list-inner\"\n            style={{\n              width: multiple ? width : undefined,\n              overflow: 'hidden',\n              position: 'relative',\n              height: `${rowVirtualizer.getTotalSize()}px`,\n            }}\n          >\n            {rowVirtualizer.getVirtualItems().map((virtualItem) => {\n              const user = filteredList[virtualItem.index];\n              const isSelected = selectedUsers.some(\n                (selectedUser) => selectedUser.userId === user.userId,\n              );\n              const index = _.findIndex(lockedIds, {\n                userId: user.userId,\n                type: user.type,\n              });\n              const disabled = index !== -1;\n\n              const originNode = multiple ? (\n                <MultipleOption\n                  key={user.userId}\n                  user={user}\n                  disabled={disabled}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></MultipleOption>\n              ) : (\n                <SingleOption\n                  key={user.userId}\n                  user={user}\n                  selected={isSelected}\n                  showUserId={true}\n                  onChange={(selected, user) => {\n                    if (isUser(user)) onChange(selected, user);\n                  }}\n                ></SingleOption>\n              );\n\n              if (renderItem) {\n                return (\n                  <div\n                    role=\"option\"\n                    id={`ald-member-picker-option-${user.userId}`}\n                    aria-selected={isSelected}\n                    aria-disabled={disabled || undefined}\n                    key={virtualItem.key}\n                    style={{\n                      position: 'absolute',\n                      top: 0,\n                      left: 0,\n                      width: '100%',\n                      height: `${virtualItem.size}px`,\n                      transform: `translateY(${virtualItem.start}px)`,\n                    }}\n                  >\n                    {renderItem(user, {\n                      isSelected,\n                      disabled,\n                      onClick: () => {\n                        if (!disabled) {\n                          onChange(!isSelected, user);\n                        }\n                      },\n                      originNode,\n                    })}\n                  </div>\n                );\n              }\n\n              return (\n                <div\n                  key={virtualItem.key}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    height: `${virtualItem.size}px`,\n                    transform: `translateY(${virtualItem.start}px)`,\n                  }}\n                >\n                  {originNode}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      </Spin>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/components/MultipleOption.d.ts

@@ -1,5 +1,6 @@
-import { IUserGroup } from '../../ConfigProvider/getUserList';
-import { IUser } from '../interface';
+import { default as React } from 'react';
+import { IUserGroup } from '../../ConfigProvider/getUserList.js';
+import { IUser } from '../interface.js';
 interface IMultipleOptionProps {
     selected: boolean;
     disabled?: boolean;
@@ -11,5 +12,5 @@ interface IMultipleOptionProps {
     showUserId?: boolean;
     searchValue?: string;
 }
-export default function MultipleList(params: IMultipleOptionProps): import("react/jsx-runtime").JSX.Element;
+export default function MultipleList(params: IMultipleOptionProps): React.JSX.Element;
 export {};