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

package/dist/LogicTree/components/DisplayLogicItem/index.js

@@ -1,33 +1,60 @@
 import { LocaleContext, getTranslator } from "../../../locale/default.js";
 import { ELogicType, ENodeType } from "../../type.js";
+import { c } from "react-compiler-runtime";
 import { useContext, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/LogicTree/components/DisplayLogicItem/index.tsx
 var TWO = 2;
-function DisplayLogicItem({ value, renderCondition, backgroundColor }) {
+function DisplayLogicItem(t0) {
+	const $ = c(34);
+	const { value, renderCondition, backgroundColor } = t0;
 	const [firstNodeHight, setFirstNodeHight] = useState(0);
 	const [lastNodeHight, setLastNodeHight] = useState(0);
 	const { locale } = useContext(LocaleContext);
-	const t = getTranslator(locale);
-	const logicTypeTextMap = {
-		[ELogicType.AND]: t.LogicTree.select.and,
-		[ELogicType.OR]: t.LogicTree.select.or
-	};
+	let t1;
+	if ($[0] !== locale) {
+		t1 = getTranslator(locale);
+		$[0] = locale;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t = t1;
+	let t2;
+	if ($[2] !== t.LogicTree.select.and || $[3] !== t.LogicTree.select.or) {
+		t2 = {
+			[ELogicType.AND]: t.LogicTree.select.and,
+			[ELogicType.OR]: t.LogicTree.select.or
+		};
+		$[2] = t.LogicTree.select.and;
+		$[3] = t.LogicTree.select.or;
+		$[4] = t2;
+	} else t2 = $[4];
+	const logicTypeTextMap = t2;
 	const { type } = value;
-	const firstRefCallback = (e) => {
-		if (e) setFirstNodeHight(e.clientHeight);
-	};
-	const lastRefCallback = (e) => {
-		if (e) setLastNodeHight(e.clientHeight);
-	};
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = (e) => {
+			if (e) setFirstNodeHight(e.clientHeight);
+		};
+		$[5] = t3;
+	} else t3 = $[5];
+	const firstRefCallback = t3;
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (e_0) => {
+			if (e_0) setLastNodeHight(e_0.clientHeight);
+		};
+		$[6] = t4;
+	} else t4 = $[6];
+	const lastRefCallback = t4;
 	if (type === ENodeType.LOGIC) {
 		const { nodes } = value;
 		if (!_.size(nodes)) return null;
-		return /* @__PURE__ */ jsxs("div", {
-			className: "ald-logic-tree-display-logic-node",
-			children: [
-				_.map(nodes, (node, index) => {
+		let t5;
+		if ($[7] !== backgroundColor || $[8] !== nodes || $[9] !== renderCondition) {
+			let t6;
+			if ($[11] !== backgroundColor || $[12] !== nodes.length || $[13] !== renderCondition) {
+				t6 = (node, index) => {
 					let ref = null;
 					if (index === 0) ref = firstRefCallback;
 					else if (index === nodes.length - 1) ref = lastRefCallback;
@@ -40,29 +67,88 @@ function DisplayLogicItem({ value, renderCondition, backgroundColor }) {
 							backgroundColor
 						}, node.id)]
 					}, node.id);
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "ald-logic-tree-logic-type",
-					style: { backgroundColor },
-					children: logicTypeTextMap[value.logicType]
-				}),
-				nodes.length > 1 && /* @__PURE__ */ jsx("div", {
-					className: "ald-logic-tree-logic-vertical-line",
-					style: {
-						height: `calc(100% - ${firstNodeHight / TWO}px - ${lastNodeHight / TWO}px`,
-						top: `${firstNodeHight / TWO}px`
-					}
-				})
-			]
-		});
+				};
+				$[11] = backgroundColor;
+				$[12] = nodes.length;
+				$[13] = renderCondition;
+				$[14] = t6;
+			} else t6 = $[14];
+			t5 = _.map(nodes, t6);
+			$[7] = backgroundColor;
+			$[8] = nodes;
+			$[9] = renderCondition;
+			$[10] = t5;
+		} else t5 = $[10];
+		let t6;
+		if ($[15] !== backgroundColor) {
+			t6 = { backgroundColor };
+			$[15] = backgroundColor;
+			$[16] = t6;
+		} else t6 = $[16];
+		const t7 = logicTypeTextMap[value.logicType];
+		let t8;
+		if ($[17] !== t6 || $[18] !== t7) {
+			t8 = /* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-logic-type",
+				style: t6,
+				children: t7
+			});
+			$[17] = t6;
+			$[18] = t7;
+			$[19] = t8;
+		} else t8 = $[19];
+		let t9;
+		if ($[20] !== firstNodeHight || $[21] !== lastNodeHight || $[22] !== nodes.length) {
+			t9 = nodes.length > 1 && /* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-logic-vertical-line",
+				style: {
+					height: `calc(100% - ${firstNodeHight / TWO}px - ${lastNodeHight / TWO}px`,
+					top: `${firstNodeHight / TWO}px`
+				}
+			});
+			$[20] = firstNodeHight;
+			$[21] = lastNodeHight;
+			$[22] = nodes.length;
+			$[23] = t9;
+		} else t9 = $[23];
+		let t10;
+		if ($[24] !== t5 || $[25] !== t8 || $[26] !== t9) {
+			t10 = /* @__PURE__ */ jsxs("div", {
+				className: "ald-logic-tree-display-logic-node",
+				children: [
+					t5,
+					t8,
+					t9
+				]
+			});
+			$[24] = t5;
+			$[25] = t8;
+			$[26] = t9;
+			$[27] = t10;
+		} else t10 = $[27];
+		return t10;
 	}
-	return /* @__PURE__ */ jsx("div", {
-		className: "ald-logic-tree-display-record-node",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "ald-logic-tree-render-condition-wrap",
-			children: renderCondition(value.data, value.id)
-		})
-	});
+	let t5;
+	if ($[28] !== renderCondition || $[29] !== value.data || $[30] !== value.id) {
+		t5 = renderCondition(value.data, value.id);
+		$[28] = renderCondition;
+		$[29] = value.data;
+		$[30] = value.id;
+		$[31] = t5;
+	} else t5 = $[31];
+	let t6;
+	if ($[32] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			className: "ald-logic-tree-display-record-node",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-render-condition-wrap",
+				children: t5
+			})
+		});
+		$[32] = t5;
+		$[33] = t6;
+	} else t6 = $[33];
+	return t6;
 }
 //#endregion
 export { DisplayLogicItem };

package/dist/LogicTree/components/DisplayLogicItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/LogicTree/components/DisplayLogicItem/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useContext, useState } from 'react';\nimport { LocaleContext, getTranslator } from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  renderCondition: (value: T, nodeId: string) => React.ReactNode;\n  backgroundColor?: string;\n}\n\nconst TWO = 2;\n\nexport function DisplayLogicItem<T>({\n  value,\n  renderCondition,\n  backgroundColor,\n}: IProps<T>) {\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicTypeTextMap = {\n    [ELogicType.AND]: t.LogicTree.select.and,\n    [ELogicType.OR]: t.LogicTree.select.or,\n  };\n\n  const { type } = value;\n\n  const firstRefCallback = (e: HTMLDivElement) => {\n    if (e) {\n      setFirstNodeHight(e.clientHeight);\n    }\n  };\n\n  const lastRefCallback = (e: HTMLDivElement) => {\n    if (e) {\n      setLastNodeHight(e.clientHeight);\n    }\n  };\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes } = value;\n    if (!_.size(nodes)) return null;\n    return (\n      <div className=\"ald-logic-tree-display-logic-node\">\n        {_.map(nodes, (node, index) => {\n          let ref = null;\n          if (index === 0) {\n            ref = firstRefCallback;\n          } else if (index === nodes.length - 1) {\n            ref = lastRefCallback;\n          }\n\n          return (\n            <div className=\"ald-logic-tree-node-wrap\" ref={ref} key={node.id}>\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <DisplayLogicItem\n                key={node.id}\n                value={node}\n                renderCondition={renderCondition}\n                backgroundColor={backgroundColor}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-logic-type\" style={{ backgroundColor }}>\n          {logicTypeTextMap[value.logicType]}\n        </div>\n        {nodes.length > 1 && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: `calc(100% - ${firstNodeHight / TWO}px - ${\n                lastNodeHight / TWO\n              }px`,\n              top: `${firstNodeHight / TWO}px`,\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"ald-logic-tree-display-record-node\">\n      <div className=\"ald-logic-tree-render-condition-wrap\">\n        {renderCondition(value.data, value.id)}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,MAAM;AAEZ,SAAgB,iBAAoB,EAClC,OACA,iBACA,mBACY;CACZ,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE;CACvD,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,mBAAmB;GACtB,WAAW,MAAM,EAAE,UAAU,OAAO;GACpC,WAAW,KAAK,EAAE,UAAU,OAAO;EACrC;CAED,MAAM,EAAE,SAAS;CAEjB,MAAM,oBAAoB,MAAsB;AAC9C,MAAI,EACF,mBAAkB,EAAE,aAAa;;CAIrC,MAAM,mBAAmB,MAAsB;AAC7C,MAAI,EACF,kBAAiB,EAAE,aAAa;;AAIpC,KAAI,SAAS,UAAU,OAAO;EAC5B,MAAM,EAAE,UAAU;AAClB,MAAI,CAAC,EAAE,KAAK,MAAM,CAAE,QAAO;AAC3B,SACE,qBAAC,OAAD;GAAK,WAAU;aAAf;IACG,EAAE,IAAI,QAAQ,MAAM,UAAU;KAC7B,IAAI,MAAM;AACV,SAAI,UAAU,EACZ,OAAM;cACG,UAAU,MAAM,SAAS,EAClC,OAAM;AAGR,YACE,qBAAC,OAAD;MAAK,WAAU;MAAgC;gBAA/C,CACE,oBAAC,OAAD,EAAK,WAAU,kCAAmC,CAAA,EAClD,oBAAC,kBAAD;OAEE,OAAO;OACU;OACA;OACjB,EAJK,KAAK,GAIV,CACE;QARmD,KAAK,GAQxD;MAER;IACF,oBAAC,OAAD;KAAK,WAAU;KAA4B,OAAO,EAAE,iBAAiB;eAClE,iBAAiB,MAAM;KACpB,CAAA;IACL,MAAM,SAAS,KACd,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;MACL,QAAQ,eAAe,iBAAiB,IAAI,OAC1C,gBAAgB,IACjB;MACD,KAAK,GAAG,iBAAiB,IAAI;MAC9B;KACD,CAAA;IAEA;;;AAIV,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,OAAD;GAAK,WAAU;aACZ,gBAAgB,MAAM,MAAM,MAAM,GAAG;GAClC,CAAA;EACF,CAAA"}
+{"version":3,"file":"index.js","names":["_","React","useContext","useState","LocaleContext","getTranslator","ELogicType","ENodeType","TNode","IProps","value","T","renderCondition","nodeId","ReactNode","backgroundColor","TWO","DisplayLogicItem","t0","$","_c","firstNodeHight","setFirstNodeHight","lastNodeHight","setLastNodeHight","locale","t1","t","t2","LogicTree","select","and","or","AND","OR","logicTypeTextMap","type","t3","Symbol","for","e","clientHeight","firstRefCallback","t4","e_0","lastRefCallback","LOGIC","nodes","size","t5","t6","length","node","index","ref","id","map","t7","logicType","t8","t9","height","top","t10","data"],"sources":["../../../../src/LogicTree/components/DisplayLogicItem/index.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useContext, useState } from 'react';\nimport { LocaleContext, getTranslator } from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  renderCondition: (value: T, nodeId: string) => React.ReactNode;\n  backgroundColor?: string;\n}\n\nconst TWO = 2;\n\nexport function DisplayLogicItem<T>({\n  value,\n  renderCondition,\n  backgroundColor,\n}: IProps<T>) {\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicTypeTextMap = {\n    [ELogicType.AND]: t.LogicTree.select.and,\n    [ELogicType.OR]: t.LogicTree.select.or,\n  };\n\n  const { type } = value;\n\n  const firstRefCallback = (e: HTMLDivElement) => {\n    if (e) {\n      setFirstNodeHight(e.clientHeight);\n    }\n  };\n\n  const lastRefCallback = (e: HTMLDivElement) => {\n    if (e) {\n      setLastNodeHight(e.clientHeight);\n    }\n  };\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes } = value;\n    if (!_.size(nodes)) return null;\n    return (\n      <div className=\"ald-logic-tree-display-logic-node\">\n        {_.map(nodes, (node, index) => {\n          let ref = null;\n          if (index === 0) {\n            ref = firstRefCallback;\n          } else if (index === nodes.length - 1) {\n            ref = lastRefCallback;\n          }\n\n          return (\n            <div className=\"ald-logic-tree-node-wrap\" ref={ref} key={node.id}>\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <DisplayLogicItem\n                key={node.id}\n                value={node}\n                renderCondition={renderCondition}\n                backgroundColor={backgroundColor}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-logic-type\" style={{ backgroundColor }}>\n          {logicTypeTextMap[value.logicType]}\n        </div>\n        {nodes.length > 1 && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: `calc(100% - ${firstNodeHight / TWO}px - ${\n                lastNodeHight / TWO\n              }px`,\n              top: `${firstNodeHight / TWO}px`,\n            }}\n          />\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"ald-logic-tree-display-record-node\">\n      <div className=\"ald-logic-tree-render-condition-wrap\">\n        {renderCondition(value.data, value.id)}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/LogicTree/components/DisplayLogicItem.d.ts

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

package/dist/LogicTree/components/DisplayLogicItem.js

@@ -0,0 +1 @@
+export * from './DisplayLogicItem/index.js';

package/dist/LogicTree/components/LogicItem/index.d.ts

@@ -1,5 +1,6 @@
-import { EPutPosition, TRenderCondition } from '../..';
-import { ELogicType, TNode } from '../../type';
+import { default as React } from 'react';
+import { EPutPosition, TRenderCondition } from '../...js';
+import { ELogicType, TNode } from '../../type.js';
 interface IProps<T> {
     value: TNode<T>;
     addCondition: (id: string) => void;
@@ -17,5 +18,5 @@ interface IProps<T> {
     };
     level?: number;
 }
-export default function LogicItem<T>({ value, addCondition, addRelation, changeRecordData, remove, changeRelation, renderCondition, onDragEnd, hoverId, setHoverId, isRoot, hideBottomBtn, level, }: IProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function LogicItem<T>({ value, addCondition, addRelation, changeRecordData, remove, changeRelation, renderCondition, onDragEnd, hoverId, setHoverId, isRoot, hideBottomBtn, level, }: IProps<T>): React.JSX.Element;
 export {};

package/dist/LogicTree/components/LogicItem/index.js

@@ -41,30 +41,30 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 	});
 	const [{ isOver, canDrop }, drop] = useDrop({
 		accept: "LOGIC_ITEM",
-		hover(item, monitor) {
+		hover(item, monitor_0) {
 			if (!ref.current) return;
 			if (item.id === value.id) return;
-			if (monitor.didDrop()) return;
+			if (monitor_0.didDrop()) return;
 			const hoverBoundingRect = ref.current.getBoundingClientRect();
 			const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-			const clientOffset = monitor.getClientOffset();
+			const clientOffset = monitor_0.getClientOffset();
 			if (clientOffset) setDropPosition(clientOffset.y - hoverBoundingRect.top < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM);
 			else setDropPosition(void 0);
 		},
-		drop(item, monitor) {
+		drop(item_0, monitor_1) {
 			if (!ref.current) return;
-			const dragId = item.id;
-			const hoverId = value.id;
-			if (dragId === hoverId) return;
-			if (monitor.didDrop()) return;
-			const hoverBoundingRect = ref.current.getBoundingClientRect();
-			const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-			const clientOffset = monitor.getClientOffset();
-			if (clientOffset) onDragEnd(dragId, hoverId, clientOffset.y - hoverBoundingRect.top < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM);
+			const dragId_0 = item_0.id;
+			const hoverId_1 = value.id;
+			if (dragId_0 === hoverId_1) return;
+			if (monitor_1.didDrop()) return;
+			const hoverBoundingRect_0 = ref.current.getBoundingClientRect();
+			const hoverMiddleY_0 = (hoverBoundingRect_0.bottom - hoverBoundingRect_0.top) / 2;
+			const clientOffset_0 = monitor_1.getClientOffset();
+			if (clientOffset_0) onDragEnd(dragId_0, hoverId_1, clientOffset_0.y - hoverBoundingRect_0.top < hoverMiddleY_0 ? EPutPosition.TOP : EPutPosition.BOTTOM);
 		},
-		collect: (monitor) => ({
-			isOver: monitor.isOver({ shallow: true }),
-			canDrop: monitor.canDrop()
+		collect: (monitor_2) => ({
+			isOver: monitor_2.isOver({ shallow: true }),
+			canDrop: monitor_2.canDrop()
 		})
 	});
 	drag(drop(ref));
@@ -84,40 +84,40 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 		resizeObserver.observe(node);
 		firstResizeObserverRef.current = resizeObserver;
 	}, []);
-	const lastRef = useCallback((node) => {
+	const lastRef = useCallback((node_0) => {
 		if (lastResizeObserverRef.current) {
 			lastResizeObserverRef.current.disconnect();
 			lastResizeObserverRef.current = null;
 		}
-		if (!node) return;
-		const resizeObserver = new ResizeObserver((entries) => {
-			for (const entry of entries) {
-				const newHeight = entry.contentRect.height;
-				if (newHeight > 0) setLastNodeHight(newHeight);
+		if (!node_0) return;
+		const resizeObserver_0 = new ResizeObserver((entries_0) => {
+			for (const entry_0 of entries_0) {
+				const newHeight_0 = entry_0.contentRect.height;
+				if (newHeight_0 > 0) setLastNodeHight(newHeight_0);
 			}
 		});
-		resizeObserver.observe(node);
-		lastResizeObserverRef.current = resizeObserver;
+		resizeObserver_0.observe(node_0);
+		lastResizeObserverRef.current = resizeObserver_0;
 	}, []);
 	const onAddCondition = () => {
 		const { id } = value;
 		addCondition(id);
 	};
 	const onAddRelation = () => {
-		const { id } = value;
-		addRelation(id);
+		const { id: id_0 } = value;
+		addRelation(id_0);
 	};
 	const onRemove = () => {
-		const { id } = value;
-		remove(id);
+		const { id: id_1 } = value;
+		remove(id_1);
 	};
 	const onChangeRelation = (logicType) => {
-		const { id } = value;
-		changeRelation(id, logicType);
+		const { id: id_2 } = value;
+		changeRelation(id_2, logicType);
 	};
 	const onChangeRecordData = (data) => {
-		const { id } = value;
-		changeRecordData(id, data);
+		const { id: id_3 } = value;
+		changeRecordData(id_3, data);
 	};
 	useEffect(() => {
 		return () => {
@@ -133,11 +133,11 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 	}, []);
 	const isEn = locale === ELangType.EN;
 	if (type === ENodeType.LOGIC) {
-		const { nodes, logicType } = value;
+		const { nodes, logicType: logicType_0 } = value;
 		const verticalLineHeight = nodes.length > 1 ? `calc(100% - ${firstNodeHight / TWO}px - ${lastNodeHight / TWO}px - 42px)` : `30px`;
 		return /* @__PURE__ */ jsxs("div", {
 			role: "treeitem",
-			"aria-label": `${logicType} group`,
+			"aria-label": `${logicType_0} group`,
 			"aria-level": level,
 			"aria-expanded": nodes.length > 0,
 			className: cn("ald-logic-tree-logic-node", {
@@ -150,13 +150,13 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 				e.stopPropagation();
 				setHoverId(value.id);
 			},
-			onMouseOut: (e) => {
-				e.stopPropagation();
+			onMouseOut: (e_0) => {
+				e_0.stopPropagation();
 				setHoverId("");
 			},
 			ref,
 			children: [
-				_.map(nodes, (node, index) => {
+				_.map(nodes, (node_1, index) => {
 					let heightRef = null;
 					if (index === 0) heightRef = firstRef;
 					else if (index === nodes.length - 1) heightRef = lastRef;
@@ -165,7 +165,7 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 						className: "ald-logic-tree-node-wrap",
 						ref: heightRef,
 						children: [/* @__PURE__ */ jsx("div", { className: "ald-logic-tree-horizontal-line" }), /* @__PURE__ */ jsx(LogicItem, {
-							value: node,
+							value: node_1,
 							addCondition,
 							addRelation,
 							remove,
@@ -176,8 +176,8 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 							setHoverId,
 							onDragEnd,
 							level: level + 1
-						}, node.id)]
-					}, node.id);
+						}, node_1.id)]
+					}, node_1.id);
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: "ald-logic-tree-operation",
@@ -204,18 +204,18 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 				}),
 				!isRoot && (hoverId === value.id || isDragging) && /* @__PURE__ */ jsx("div", {
 					className: "ald-logic-tree-node-drag-icon-wrapper",
-					onMouseMove: (e) => {
-						e.stopPropagation();
+					onMouseMove: (e_1) => {
+						e_1.stopPropagation();
 						setIsHoverDragBox(true);
 						setHoverId(value.id);
 					},
-					onMouseOut: (e) => {
-						e.stopPropagation();
+					onMouseOut: (e_2) => {
+						e_2.stopPropagation();
 						setIsHoverDragBox(false);
 					},
 					children: /* @__PURE__ */ jsx(Memo, {
-						onMouseMove: (e) => {
-							e.stopPropagation();
+						onMouseMove: (e_3) => {
+							e_3.stopPropagation();
 							setIsHoverDragBox(true);
 							setHoverId(value.id);
 						},
@@ -225,12 +225,12 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 					})
 				}),
 				/* @__PURE__ */ jsx(Select_default, {
-					"aria-label": `${logicType} relation`,
+					"aria-label": `${logicType_0} relation`,
 					options: logicOptions,
 					className: cn("ald-logic-tree-select-relation", { "ald-logic-tree-select-relation-en": isEn }),
 					size: "small",
 					popupMatchSelectWidth: false,
-					value: logicType,
+					value: logicType_0,
 					onChange: onChangeRelation
 				}),
 				/* @__PURE__ */ jsx(DragPreviewImage, {
@@ -254,33 +254,35 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 			"is-hover-bottom": isDragOver && dropPosition === EPutPosition.BOTTOM
 		}),
 		ref,
-		onMouseMove: (e) => {
-			e.stopPropagation();
+		onMouseMove: (e_4) => {
+			e_4.stopPropagation();
 			setHoverId(value.id);
 		},
-		onMouseOut: (e) => {
-			e.stopPropagation();
+		onMouseOut: (e_5) => {
+			e_5.stopPropagation();
 			setHoverId("");
 		},
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "ald-logic-tree-node-drag-icon-preview",
-				ref: preview
+				ref: (node_2) => {
+					preview(node_2);
+				}
 			}),
 			(hoverId === value.id || isDragging) && /* @__PURE__ */ jsx("div", {
 				className: "ald-logic-tree-record-node-drag-icon-wrapper",
-				onMouseMove: (e) => {
-					e.stopPropagation();
+				onMouseMove: (e_6) => {
+					e_6.stopPropagation();
 					setIsHoverDragBox(true);
 					setHoverId(value.id);
 				},
-				onMouseOut: (e) => {
-					e.stopPropagation();
+				onMouseOut: (e_7) => {
+					e_7.stopPropagation();
 					setIsHoverDragBox(false);
 				},
 				children: /* @__PURE__ */ jsx(Memo, {
-					onMouseMove: (e) => {
-						e.stopPropagation();
+					onMouseMove: (e_8) => {
+						e_8.stopPropagation();
 						setIsHoverDragBox(true);
 						setHoverId(value.id);
 					},

package/dist/LogicTree/components/LogicItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/LogicTree/components/LogicItem/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { DragPreviewImage, useDrag, useDrop } from 'react-dnd';\nimport { EPutPosition, TRenderCondition } from '../..';\nimport DragLightLine from '../../../Icon/components/DragLightLine';\nimport PlusIcon from '../../../Icon/components/SignLightLine';\nimport TrashLightLine from '../../../Icon/components/TrashLightLine';\nimport IconButton from '../../../IconButton';\nimport Select from '../../../Select';\nimport TextLink from '../../../TextLink';\nimport {\n  ELangType,\n  LocaleContext,\n  getTranslator,\n} from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\nconst dargPreviewImg =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  addCondition: (id: string) => void;\n  addRelation: (id: string) => void;\n  remove: (id: string) => void;\n  changeRecordData: (id: string, data: T) => void;\n  changeRelation: (id: string, logicType: ELogicType) => void;\n  renderCondition: TRenderCondition<T>;\n  onDragEnd: (\n    dragId: string,\n    hoverId: string,\n    dropPosition: EPutPosition,\n  ) => void;\n  hoverId: string;\n  setHoverId: (id: string) => void;\n  isRoot?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n  level?: number;\n}\n\nconst TWO = 2;\n\nexport default function LogicItem<T>({\n  value,\n  addCondition,\n  addRelation,\n  changeRecordData,\n  remove,\n  changeRelation,\n  renderCondition,\n  onDragEnd,\n  hoverId,\n  setHoverId,\n  isRoot = false,\n  hideBottomBtn,\n  level = 1,\n}: IProps<T>) {\n  const [isHoverDragBox, setIsHoverDragBox] = useState(false);\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const [dropPosition, setDropPosition] = useState<EPutPosition>();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicOptions = [\n    {\n      value: ELogicType.AND,\n      label: t.LogicTree.select.and,\n    },\n    {\n      value: ELogicType.OR,\n      label: t.LogicTree.select.or,\n    },\n  ];\n\n  const { type } = value;\n\n  const ref = useRef<HTMLDivElement>(null);\n  const firstResizeObserverRef = useRef<ResizeObserver | null>(null);\n  const lastResizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const [{ isDragging }, drag, preview] = useDrag({\n    type: 'LOGIC_ITEM',\n    item: { id: value.id },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    canDrag: !isRoot && isHoverDragBox,\n  });\n\n  const [{ isOver, canDrop }, drop] = useDrop({\n    accept: 'LOGIC_ITEM',\n    hover(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        setDropPosition(dropPosition);\n      } else setDropPosition(undefined);\n    },\n    drop(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        // 确定放置位置\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        onDragEnd(dragId, hoverId, dropPosition);\n      }\n    },\n    collect: (monitor) => ({\n      isOver: monitor.isOver({ shallow: true }),\n      canDrop: monitor.canDrop(),\n    }),\n  });\n\n  drag(drop(ref));\n\n  const isDragOver = isOver && canDrop && !isRoot;\n\n  const firstRef = useCallback((node: HTMLElement | null) => {\n    if (firstResizeObserverRef.current) {\n      firstResizeObserverRef.current.disconnect();\n      firstResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setFirstNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    firstResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const lastRef = useCallback((node: HTMLElement | null) => {\n    if (lastResizeObserverRef.current) {\n      lastResizeObserverRef.current.disconnect();\n      lastResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setLastNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    lastResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const onAddCondition = () => {\n    const { id } = value;\n    addCondition(id);\n  };\n\n  const onAddRelation = () => {\n    const { id } = value;\n    addRelation(id);\n  };\n\n  const onRemove = () => {\n    const { id } = value;\n    remove(id);\n  };\n\n  const onChangeRelation = (logicType: ELogicType) => {\n    const { id } = value;\n    changeRelation(id, logicType);\n  };\n\n  const onChangeRecordData = (data: T) => {\n    const { id } = value;\n    changeRecordData(id, data);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (firstResizeObserverRef.current) {\n        firstResizeObserverRef.current.disconnect();\n        firstResizeObserverRef.current = null;\n      }\n      if (lastResizeObserverRef.current) {\n        lastResizeObserverRef.current.disconnect();\n        lastResizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const isEn = locale === ELangType.EN;\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes, logicType } = value;\n    const verticalLineHeight =\n      nodes.length > 1\n        ? `calc(100% - ${firstNodeHight / TWO}px - ${\n            lastNodeHight / TWO\n          }px - 42px)`\n        : `30px`;\n\n    return (\n      <div\n        role=\"treeitem\"\n        aria-label={`${logicType} group`}\n        aria-level={level}\n        aria-expanded={nodes.length > 0}\n        className={cn('ald-logic-tree-logic-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n        ref={ref}\n      >\n        {_.map(nodes, (node, index) => {\n          let heightRef = null;\n          if (index === 0) {\n            heightRef = firstRef;\n          } else if (index === nodes.length - 1) {\n            heightRef = lastRef;\n          }\n\n          return (\n            <div\n              role=\"group\"\n              className=\"ald-logic-tree-node-wrap\"\n              key={node.id}\n              ref={heightRef}\n            >\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <LogicItem\n                key={node.id}\n                value={node}\n                addCondition={addCondition}\n                addRelation={addRelation}\n                remove={remove}\n                changeRelation={changeRelation}\n                renderCondition={renderCondition}\n                changeRecordData={changeRecordData}\n                hoverId={hoverId}\n                setHoverId={setHoverId}\n                onDragEnd={onDragEnd}\n                level={level + 1}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-operation\">\n          <div className=\"ald-logic-tree-left-bottom-dash-line\" />\n          <TextLink icon={<PlusIcon size={24} />} onClick={onAddCondition}>\n            {t.LogicTree.btn.addCondition}\n          </TextLink>\n          {!hideBottomBtn?.addRelation && (\n            <TextLink icon={<PlusIcon size={24} />} onClick={onAddRelation}>\n              {t.LogicTree.btn.addRelation}\n            </TextLink>\n          )}\n        </div>\n        {!!_.size(nodes) && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: verticalLineHeight,\n              top: `${firstNodeHight / TWO + 4}px`,\n            }}\n          />\n        )}\n        {!isRoot && (hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <Select\n          aria-label={`${logicType} relation`}\n          options={logicOptions}\n          className={cn('ald-logic-tree-select-relation', {\n            'ald-logic-tree-select-relation-en': isEn,\n          })}\n          size=\"small\"\n          popupMatchSelectWidth={false}\n          value={logicType}\n          onChange={onChangeRelation}\n        />\n        <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      <div\n        role=\"treeitem\"\n        aria-label=\"Condition\"\n        aria-level={level}\n        className={cn('ald-logic-tree-record-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        ref={ref}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n      >\n        <div\n          className=\"ald-logic-tree-node-drag-icon-preview\"\n          ref={preview}\n        ></div>\n        {(hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-record-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-record-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <div className=\"ald-logic-tree-render-condition-wrap\">\n          {renderCondition(\n            value.data,\n            { changeData: onChangeRecordData },\n            value.id,\n          )}\n        </div>\n        <IconButton\n          aria-label=\"Remove condition\"\n          icon={<TrashLightLine size={16} />}\n          size={'small'}\n          onClick={onRemove}\n        />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["cn","_","React","useCallback","useContext","useEffect","useRef","useState","DragPreviewImage","useDrag","useDrop","EPutPosition","TRenderCondition","DragLightLine","PlusIcon","TrashLightLine","IconButton","Select","TextLink","ELangType","LocaleContext","getTranslator","ELogicType","ENodeType","TNode","dargPreviewImg","IProps","value","T","addCondition","id","addRelation","remove","changeRecordData","data","changeRelation","logicType","renderCondition","onDragEnd","dragId","hoverId","dropPosition","setHoverId","isRoot","hideBottomBtn","level","TWO","LogicItem","isHoverDragBox","setIsHoverDragBox","firstNodeHight","setFirstNodeHight","lastNodeHight","setLastNodeHight","setDropPosition","locale","t","logicOptions","AND","label","LogicTree","select","and","OR","or","type","ref","HTMLDivElement","firstResizeObserverRef","ResizeObserver","lastResizeObserverRef","isDragging","drag","preview","item","collect","monitor","canDrag","isOver","canDrop","drop","accept","hover","current","didDrop","hoverBoundingRect","getBoundingClientRect","hoverMiddleY","bottom","top","clientOffset","getClientOffset","hoverClientY","y","TOP","BOTTOM","undefined","shallow","isDragOver","firstRef","node","HTMLElement","disconnect","resizeObserver","entries","entry","newHeight","contentRect","height","observe","lastRef","onAddCondition","onAddRelation","onRemove","onChangeRelation","onChangeRecordData","isEn","EN","LOGIC","nodes","verticalLineHeight","length","e","stopPropagation","map","index","heightRef","btn","size","changeData"],"sources":["../../../../src/LogicTree/components/LogicItem/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { DragPreviewImage, useDrag, useDrop } from 'react-dnd';\nimport { EPutPosition, TRenderCondition } from '../..';\nimport DragLightLine from '../../../Icon/components/DragLightLine';\nimport PlusIcon from '../../../Icon/components/SignLightLine';\nimport TrashLightLine from '../../../Icon/components/TrashLightLine';\nimport IconButton from '../../../IconButton';\nimport Select from '../../../Select';\nimport TextLink from '../../../TextLink';\nimport {\n  ELangType,\n  LocaleContext,\n  getTranslator,\n} from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\nconst dargPreviewImg =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  addCondition: (id: string) => void;\n  addRelation: (id: string) => void;\n  remove: (id: string) => void;\n  changeRecordData: (id: string, data: T) => void;\n  changeRelation: (id: string, logicType: ELogicType) => void;\n  renderCondition: TRenderCondition<T>;\n  onDragEnd: (\n    dragId: string,\n    hoverId: string,\n    dropPosition: EPutPosition,\n  ) => void;\n  hoverId: string;\n  setHoverId: (id: string) => void;\n  isRoot?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n  level?: number;\n}\n\nconst TWO = 2;\n\nexport default function LogicItem<T>({\n  value,\n  addCondition,\n  addRelation,\n  changeRecordData,\n  remove,\n  changeRelation,\n  renderCondition,\n  onDragEnd,\n  hoverId,\n  setHoverId,\n  isRoot = false,\n  hideBottomBtn,\n  level = 1,\n}: IProps<T>) {\n  const [isHoverDragBox, setIsHoverDragBox] = useState(false);\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const [dropPosition, setDropPosition] = useState<EPutPosition>();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicOptions = [\n    {\n      value: ELogicType.AND,\n      label: t.LogicTree.select.and,\n    },\n    {\n      value: ELogicType.OR,\n      label: t.LogicTree.select.or,\n    },\n  ];\n\n  const { type } = value;\n\n  const ref = useRef<HTMLDivElement>(null);\n  const firstResizeObserverRef = useRef<ResizeObserver | null>(null);\n  const lastResizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const [{ isDragging }, drag, preview] = useDrag({\n    type: 'LOGIC_ITEM',\n    item: { id: value.id },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    canDrag: !isRoot && isHoverDragBox,\n  });\n\n  const [{ isOver, canDrop }, drop] = useDrop({\n    accept: 'LOGIC_ITEM',\n    hover(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        setDropPosition(dropPosition);\n      } else setDropPosition(undefined);\n    },\n    drop(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        // 确定放置位置\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        onDragEnd(dragId, hoverId, dropPosition);\n      }\n    },\n    collect: (monitor) => ({\n      isOver: monitor.isOver({ shallow: true }),\n      canDrop: monitor.canDrop(),\n    }),\n  });\n\n  drag(drop(ref));\n\n  const isDragOver = isOver && canDrop && !isRoot;\n\n  const firstRef = useCallback((node: HTMLElement | null) => {\n    if (firstResizeObserverRef.current) {\n      firstResizeObserverRef.current.disconnect();\n      firstResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setFirstNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    firstResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const lastRef = useCallback((node: HTMLElement | null) => {\n    if (lastResizeObserverRef.current) {\n      lastResizeObserverRef.current.disconnect();\n      lastResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setLastNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    lastResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const onAddCondition = () => {\n    const { id } = value;\n    addCondition(id);\n  };\n\n  const onAddRelation = () => {\n    const { id } = value;\n    addRelation(id);\n  };\n\n  const onRemove = () => {\n    const { id } = value;\n    remove(id);\n  };\n\n  const onChangeRelation = (logicType: ELogicType) => {\n    const { id } = value;\n    changeRelation(id, logicType);\n  };\n\n  const onChangeRecordData = (data: T) => {\n    const { id } = value;\n    changeRecordData(id, data);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (firstResizeObserverRef.current) {\n        firstResizeObserverRef.current.disconnect();\n        firstResizeObserverRef.current = null;\n      }\n      if (lastResizeObserverRef.current) {\n        lastResizeObserverRef.current.disconnect();\n        lastResizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const isEn = locale === ELangType.EN;\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes, logicType } = value;\n    const verticalLineHeight =\n      nodes.length > 1\n        ? `calc(100% - ${firstNodeHight / TWO}px - ${\n            lastNodeHight / TWO\n          }px - 42px)`\n        : `30px`;\n\n    return (\n      <div\n        role=\"treeitem\"\n        aria-label={`${logicType} group`}\n        aria-level={level}\n        aria-expanded={nodes.length > 0}\n        className={cn('ald-logic-tree-logic-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n        ref={ref}\n      >\n        {_.map(nodes, (node, index) => {\n          let heightRef = null;\n          if (index === 0) {\n            heightRef = firstRef;\n          } else if (index === nodes.length - 1) {\n            heightRef = lastRef;\n          }\n\n          return (\n            <div\n              role=\"group\"\n              className=\"ald-logic-tree-node-wrap\"\n              key={node.id}\n              ref={heightRef}\n            >\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <LogicItem\n                key={node.id}\n                value={node}\n                addCondition={addCondition}\n                addRelation={addRelation}\n                remove={remove}\n                changeRelation={changeRelation}\n                renderCondition={renderCondition}\n                changeRecordData={changeRecordData}\n                hoverId={hoverId}\n                setHoverId={setHoverId}\n                onDragEnd={onDragEnd}\n                level={level + 1}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-operation\">\n          <div className=\"ald-logic-tree-left-bottom-dash-line\" />\n          <TextLink icon={<PlusIcon size={24} />} onClick={onAddCondition}>\n            {t.LogicTree.btn.addCondition}\n          </TextLink>\n          {!hideBottomBtn?.addRelation && (\n            <TextLink icon={<PlusIcon size={24} />} onClick={onAddRelation}>\n              {t.LogicTree.btn.addRelation}\n            </TextLink>\n          )}\n        </div>\n        {!!_.size(nodes) && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: verticalLineHeight,\n              top: `${firstNodeHight / TWO + 4}px`,\n            }}\n          />\n        )}\n        {!isRoot && (hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <Select\n          aria-label={`${logicType} relation`}\n          options={logicOptions}\n          className={cn('ald-logic-tree-select-relation', {\n            'ald-logic-tree-select-relation-en': isEn,\n          })}\n          size=\"small\"\n          popupMatchSelectWidth={false}\n          value={logicType}\n          onChange={onChangeRelation}\n        />\n        <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      <div\n        role=\"treeitem\"\n        aria-label=\"Condition\"\n        aria-level={level}\n        className={cn('ald-logic-tree-record-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        ref={ref}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n      >\n        <div\n          className=\"ald-logic-tree-node-drag-icon-preview\"\n          ref={(node) => {\n            preview(node);\n          }}\n        ></div>\n        {(hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-record-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-record-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <div className=\"ald-logic-tree-render-condition-wrap\">\n          {renderCondition(\n            value.data,\n            { changeData: onChangeRecordData },\n            value.id,\n          )}\n        </div>\n        <IconButton\n          aria-label=\"Remove condition\"\n          icon={<TrashLightLine size={16} />}\n          size={'small'}\n          onClick={onRemove}\n        />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/LogicTree/components/LogicItem.js

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