@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

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

@@ -1,390 +1,298 @@
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import classNames from 'classnames';
-import _ from 'lodash';
-import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { DragPreviewImage, useDrag, useDrop } from 'react-dnd';
-import { EPutPosition } from "../..";
-import DragLightLine from "../../../Icon/components/DragLightLine";
-import PlusIcon from "../../../Icon/components/SignLightLine";
-import TrashLightLine from "../../../Icon/components/TrashLightLine";
-import IconButton from "../../../IconButton";
-import AldSelect from "../../../AldSelect";
-import TextLink from "../../../TextLink";
-import { ELangType, LocaleContext, getTranslator } from "../../../locale/default";
-import { ELogicType, ENodeType } from "../../type";
-var dargPreviewImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';
+import { cn } from "../../../lib/utils.js";
+import Memo from "../../../Icon/components/DragLightLine.js";
+import Memo$1 from "../../../Icon/components/SignLightLine.js";
+import Memo$2 from "../../../Icon/components/TrashLightLine.js";
+import { ELangType, LocaleContext, getTranslator } from "../../../locale/default.js";
+import IconButton from "../../../IconButton/index.js";
+import Select_default from "../../../Select/index.js";
+import TextLink from "../../../TextLink/index.js";
+import { ELogicType, ENodeType } from "../../type.js";
+import { EPutPosition } from "../../index.js";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import _ from "lodash";
+import { DragPreviewImage, useDrag, useDrop } from "react-dnd";
+//#region src/LogicTree/components/LogicItem/index.tsx
+var dargPreviewImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=";
 var TWO = 2;
-export default function LogicItem(_ref) {
-  var value = _ref.value,
-    addCondition = _ref.addCondition,
-    addRelation = _ref.addRelation,
-    changeRecordData = _ref.changeRecordData,
-    remove = _ref.remove,
-    changeRelation = _ref.changeRelation,
-    renderCondition = _ref.renderCondition,
-    onDragEnd = _ref.onDragEnd,
-    hoverId = _ref.hoverId,
-    setHoverId = _ref.setHoverId,
-    _ref$isRoot = _ref.isRoot,
-    isRoot = _ref$isRoot === void 0 ? false : _ref$isRoot,
-    hideBottomBtn = _ref.hideBottomBtn;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isHoverDragBox = _useState2[0],
-    setIsHoverDragBox = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    firstNodeHight = _useState4[0],
-    setFirstNodeHight = _useState4[1];
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    lastNodeHight = _useState6[0],
-    setLastNodeHight = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    dropPosition = _useState8[0],
-    setDropPosition = _useState8[1];
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var logicOptions = [{
-    value: ELogicType.AND,
-    label: t.LogicTree.select.and
-  }, {
-    value: ELogicType.OR,
-    label: t.LogicTree.select.or
-  }];
-  var type = value.type;
-  var ref = useRef(null);
-  var firstResizeObserverRef = useRef(null);
-  var lastResizeObserverRef = useRef(null);
-  var _useDrag = useDrag({
-      type: 'LOGIC_ITEM',
-      item: {
-        id: value.id
-      },
-      collect: function collect(monitor) {
-        return {
-          isDragging: monitor.isDragging()
-        };
-      },
-      canDrag: !isRoot && isHoverDragBox
-    }),
-    _useDrag2 = _slicedToArray(_useDrag, 3),
-    isDragging = _useDrag2[0].isDragging,
-    drag = _useDrag2[1],
-    preview = _useDrag2[2];
-  var _useDrop = useDrop({
-      accept: 'LOGIC_ITEM',
-      hover: function hover(item, monitor) {
-        if (!ref.current) {
-          return;
-        }
-        var dragId = item.id;
-        var hoverId = value.id;
-        if (dragId === hoverId) {
-          return;
-        }
-        // 检查是否为最顶层的放置目标
-        if (monitor.didDrop()) {
-          return;
-        }
+function LogicItem({ value, addCondition, addRelation, changeRecordData, remove, changeRelation, renderCondition, onDragEnd, hoverId, setHoverId, isRoot = false, hideBottomBtn }) {
+	const [isHoverDragBox, setIsHoverDragBox] = useState(false);
+	const [firstNodeHight, setFirstNodeHight] = useState(0);
+	const [lastNodeHight, setLastNodeHight] = useState(0);
+	const [dropPosition, setDropPosition] = useState();
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const logicOptions = [{
+		value: ELogicType.AND,
+		label: t.LogicTree.select.and
+	}, {
+		value: ELogicType.OR,
+		label: t.LogicTree.select.or
+	}];
+	const { type } = value;
+	const ref = useRef(null);
+	const firstResizeObserverRef = useRef(null);
+	const lastResizeObserverRef = useRef(null);
+	const [{ isDragging }, drag, preview] = useDrag({
+		type: "LOGIC_ITEM",
+		item: { id: value.id },
+		collect: (monitor) => ({ isDragging: monitor.isDragging() }),
+		canDrag: !isRoot && isHoverDragBox
+	});
+	const [{ isOver, canDrop }, drop] = useDrop({
+		accept: "LOGIC_ITEM",
+		hover(item, monitor) {
+			if (!ref.current) return;
+			if (item.id === value.id) return;
+			if (monitor.didDrop()) return;
+			const hoverBoundingRect = ref.current.getBoundingClientRect();
+			const hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+			const clientOffset = monitor.getClientOffset();
+			if (clientOffset) setDropPosition(clientOffset.y - hoverBoundingRect.top < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM);
+			else setDropPosition(void 0);
+		},
+		drop(item, monitor) {
+			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);
+		},
+		collect: (monitor) => ({
+			isOver: monitor.isOver({ shallow: true }),
+			canDrop: monitor.canDrop()
+		})
+	});
+	drag(drop(ref));
+	const isDragOver = isOver && canDrop && !isRoot;
+	const firstRef = useCallback((node) => {
+		if (firstResizeObserverRef.current) {
+			firstResizeObserverRef.current.disconnect();
+			firstResizeObserverRef.current = null;
+		}
+		if (!node) return;
+		const resizeObserver = new ResizeObserver((entries) => {
+			for (const entry of entries) {
+				const newHeight = entry.contentRect.height;
+				if (newHeight > 0) setFirstNodeHight(newHeight);
+			}
+		});
+		resizeObserver.observe(node);
+		firstResizeObserverRef.current = resizeObserver;
+	}, []);
+	const lastRef = useCallback((node) => {
+		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);
+			}
+		});
+		resizeObserver.observe(node);
+		lastResizeObserverRef.current = resizeObserver;
+	}, []);
+	const onAddCondition = () => {
+		const { id } = value;
+		addCondition(id);
+	};
+	const onAddRelation = () => {
+		const { id } = value;
+		addRelation(id);
+	};
+	const onRemove = () => {
+		const { id } = value;
+		remove(id);
+	};
+	const onChangeRelation = (logicType) => {
+		const { id } = value;
+		changeRelation(id, logicType);
+	};
+	const onChangeRecordData = (data) => {
+		const { id } = value;
+		changeRecordData(id, data);
+	};
+	useEffect(() => {
+		return () => {
+			if (firstResizeObserverRef.current) {
+				firstResizeObserverRef.current.disconnect();
+				firstResizeObserverRef.current = null;
+			}
+			if (lastResizeObserverRef.current) {
+				lastResizeObserverRef.current.disconnect();
+				lastResizeObserverRef.current = null;
+			}
+		};
+	}, []);
+	const isEn = locale === ELangType.EN;
+	if (type === ENodeType.LOGIC) {
+		const { nodes, logicType } = value;
+		const verticalLineHeight = nodes.length > 1 ? `calc(100% - ${firstNodeHight / TWO}px - ${lastNodeHight / TWO}px - 42px)` : `30px`;
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("ald-logic-tree-logic-node", {
+				"is-hover-drag-box": isHoverDragBox,
+				"is-dragging": isDragging,
+				"is-hover-top": isDragOver && dropPosition === EPutPosition.TOP,
+				"is-hover-bottom": isDragOver && dropPosition === EPutPosition.BOTTOM
+			}),
+			onMouseMove: (e) => {
+				e.stopPropagation();
+				setHoverId(value.id);
+			},
+			onMouseOut: (e) => {
+				e.stopPropagation();
+				setHoverId("");
+			},
+			ref,
+			children: [
+				_.map(nodes, (node, index) => {
+					let heightRef = null;
+					if (index === 0) heightRef = firstRef;
+					else if (index === nodes.length - 1) heightRef = lastRef;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "ald-logic-tree-node-wrap",
+						ref: heightRef,
+						children: [/* @__PURE__ */ jsx("div", { className: "ald-logic-tree-horizontal-line" }), /* @__PURE__ */ jsx(LogicItem, {
+							value: node,
+							addCondition,
+							addRelation,
+							remove,
+							changeRelation,
+							renderCondition,
+							changeRecordData,
+							hoverId,
+							setHoverId,
+							onDragEnd
+						}, node.id)]
+					}, node.id);
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "ald-logic-tree-operation",
+					children: [
+						/* @__PURE__ */ jsx("div", { className: "ald-logic-tree-left-bottom-dash-line" }),
+						/* @__PURE__ */ jsx(TextLink, {
+							icon: /* @__PURE__ */ jsx(Memo$1, { size: 24 }),
+							onClick: onAddCondition,
+							children: t.LogicTree.btn.addCondition
+						}),
+						!hideBottomBtn?.addRelation && /* @__PURE__ */ jsx(TextLink, {
+							icon: /* @__PURE__ */ jsx(Memo$1, { size: 24 }),
+							onClick: onAddRelation,
+							children: t.LogicTree.btn.addRelation
+						})
+					]
+				}),
+				!!_.size(nodes) && /* @__PURE__ */ jsx("div", {
+					className: "ald-logic-tree-logic-vertical-line",
+					style: {
+						height: verticalLineHeight,
+						top: `${firstNodeHight / TWO + 4}px`
+					}
+				}),
+				!isRoot && (hoverId === value.id || isDragging) && /* @__PURE__ */ jsx("div", {
+					className: "ald-logic-tree-node-drag-icon-wrapper",
+					onMouseMove: (e) => {
+						e.stopPropagation();
+						setIsHoverDragBox(true);
+						setHoverId(value.id);
+					},
+					onMouseOut: (e) => {
+						e.stopPropagation();
+						setIsHoverDragBox(false);
+					},
+					children: /* @__PURE__ */ jsx(Memo, {
+						onMouseMove: (e) => {
+							e.stopPropagation();
+							setIsHoverDragBox(true);
+							setHoverId(value.id);
+						},
+						size: 16,
+						color: "#374151",
+						className: "ald-logic-tree-node-drag-icon"
+					})
+				}),
+				/* @__PURE__ */ jsx(Select_default, {
+					options: logicOptions,
+					className: cn("ald-logic-tree-select-relation", { "ald-logic-tree-select-relation-en": isEn }),
+					size: "small",
+					popupMatchSelectWidth: false,
+					value: logicType,
+					onChange: onChangeRelation,
+					disabled: nodes.length <= 1
+				}),
+				/* @__PURE__ */ jsx(DragPreviewImage, {
+					connect: preview,
+					src: dargPreviewImg
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DragPreviewImage, {
+		connect: preview,
+		src: dargPreviewImg
+	}), /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-logic-tree-record-node", {
+			"is-hover-drag-box": isHoverDragBox,
+			"is-dragging": isDragging,
+			"is-hover-top": isDragOver && dropPosition === EPutPosition.TOP,
+			"is-hover-bottom": isDragOver && dropPosition === EPutPosition.BOTTOM
+		}),
+		ref,
+		onMouseMove: (e) => {
+			e.stopPropagation();
+			setHoverId(value.id);
+		},
+		onMouseOut: (e) => {
+			e.stopPropagation();
+			setHoverId("");
+		},
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-node-drag-icon-preview",
+				ref: preview
+			}),
+			(hoverId === value.id || isDragging) && /* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-record-node-drag-icon-wrapper",
+				onMouseMove: (e) => {
+					e.stopPropagation();
+					setIsHoverDragBox(true);
+					setHoverId(value.id);
+				},
+				onMouseOut: (e) => {
+					e.stopPropagation();
+					setIsHoverDragBox(false);
+				},
+				children: /* @__PURE__ */ jsx(Memo, {
+					onMouseMove: (e) => {
+						e.stopPropagation();
+						setIsHoverDragBox(true);
+						setHoverId(value.id);
+					},
+					size: 16,
+					color: "#374151",
+					className: "ald-logic-tree-record-node-drag-icon"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "ald-logic-tree-render-condition-wrap",
+				children: renderCondition(value.data, { changeData: onChangeRecordData })
+			}),
+			/* @__PURE__ */ jsx(IconButton, {
+				icon: /* @__PURE__ */ jsx(Memo$2, { size: 16 }),
+				size: "small",
+				onClick: onRemove
+			})
+		]
+	})] });
+}
+//#endregion
+export { LogicItem as default };
 
-        // 获取鼠标位置和目标元素位置
-        var hoverBoundingRect = ref.current.getBoundingClientRect();
-        var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-        var clientOffset = monitor.getClientOffset();
-        if (clientOffset) {
-          var hoverClientY = clientOffset.y - hoverBoundingRect.top;
-          var _dropPosition = hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;
-          setDropPosition(_dropPosition);
-        } else setDropPosition(undefined);
-      },
-      drop: function drop(item, monitor) {
-        if (!ref.current) {
-          return;
-        }
-        var dragId = item.id;
-        var hoverId = value.id;
-        if (dragId === hoverId) {
-          return;
-        }
-        // 检查是否为最顶层的放置目标
-        if (monitor.didDrop()) {
-          return;
-        }
-
-        // 获取鼠标位置和目标元素位置
-        var hoverBoundingRect = ref.current.getBoundingClientRect();
-        var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-        var clientOffset = monitor.getClientOffset();
-        if (clientOffset) {
-          var hoverClientY = clientOffset.y - hoverBoundingRect.top;
-
-          // 确定放置位置
-          var _dropPosition2 = hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;
-          onDragEnd(dragId, hoverId, _dropPosition2);
-        }
-      },
-      collect: function collect(monitor) {
-        return {
-          isOver: monitor.isOver({
-            shallow: true
-          }),
-          canDrop: monitor.canDrop()
-        };
-      }
-    }),
-    _useDrop2 = _slicedToArray(_useDrop, 2),
-    _useDrop2$ = _useDrop2[0],
-    isOver = _useDrop2$.isOver,
-    canDrop = _useDrop2$.canDrop,
-    drop = _useDrop2[1];
-  drag(drop(ref));
-  var isDragOver = isOver && canDrop && !isRoot;
-  var firstRef = useCallback(function (node) {
-    if (firstResizeObserverRef.current) {
-      firstResizeObserverRef.current.disconnect();
-      firstResizeObserverRef.current = null;
-    }
-    if (!node) return;
-    var resizeObserver = new ResizeObserver(function (entries) {
-      var _iterator = _createForOfIteratorHelper(entries),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var entry = _step.value;
-          var newHeight = entry.contentRect.height;
-          if (newHeight > 0) {
-            setFirstNodeHight(newHeight);
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    });
-    resizeObserver.observe(node);
-    firstResizeObserverRef.current = resizeObserver;
-  }, []);
-  var lastRef = useCallback(function (node) {
-    if (lastResizeObserverRef.current) {
-      lastResizeObserverRef.current.disconnect();
-      lastResizeObserverRef.current = null;
-    }
-    if (!node) return;
-    var resizeObserver = new ResizeObserver(function (entries) {
-      var _iterator2 = _createForOfIteratorHelper(entries),
-        _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var entry = _step2.value;
-          var newHeight = entry.contentRect.height;
-          if (newHeight > 0) {
-            setLastNodeHight(newHeight);
-          }
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    });
-    resizeObserver.observe(node);
-    lastResizeObserverRef.current = resizeObserver;
-  }, []);
-  var onAddCondition = function onAddCondition() {
-    var id = value.id;
-    addCondition(id);
-  };
-  var onAddRelation = function onAddRelation() {
-    var id = value.id;
-    addRelation(id);
-  };
-  var onRemove = function onRemove() {
-    var id = value.id;
-    remove(id);
-  };
-  var onChangeRelation = function onChangeRelation(logicType) {
-    var id = value.id;
-    changeRelation(id, logicType);
-  };
-  var onChangeRecordData = function onChangeRecordData(data) {
-    var id = value.id;
-    changeRecordData(id, data);
-  };
-  useEffect(function () {
-    return function () {
-      if (firstResizeObserverRef.current) {
-        firstResizeObserverRef.current.disconnect();
-        firstResizeObserverRef.current = null;
-      }
-      if (lastResizeObserverRef.current) {
-        lastResizeObserverRef.current.disconnect();
-        lastResizeObserverRef.current = null;
-      }
-    };
-  }, []);
-  var isEn = locale === ELangType.EN;
-  if (type === ENodeType.LOGIC) {
-    var nodes = value.nodes,
-      _logicType = value.logicType;
-    var verticalLineHeight = nodes.length > 1 ? "calc(100% - ".concat(firstNodeHight / TWO, "px - ").concat(lastNodeHight / TWO, "px - 42px)") : "30px";
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames('ald-logic-tree-logic-node', {
-        'is-hover-drag-box': isHoverDragBox,
-        'is-dragging': isDragging,
-        'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,
-        'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM
-      }),
-      onMouseMove: function onMouseMove(e) {
-        e.stopPropagation();
-        setHoverId(value.id);
-      },
-      onMouseOut: function onMouseOut(e) {
-        e.stopPropagation();
-        setHoverId('');
-      },
-      ref: ref
-    }, _.map(nodes, function (node, index) {
-      var heightRef = null;
-      if (index === 0) {
-        heightRef = firstRef;
-      } else if (index === nodes.length - 1) {
-        heightRef = lastRef;
-      }
-      return /*#__PURE__*/React.createElement("div", {
-        className: "ald-logic-tree-node-wrap",
-        key: node.id,
-        ref: heightRef
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "ald-logic-tree-horizontal-line"
-      }), /*#__PURE__*/React.createElement(LogicItem, {
-        key: node.id,
-        value: node,
-        addCondition: addCondition,
-        addRelation: addRelation,
-        remove: remove,
-        changeRelation: changeRelation,
-        renderCondition: renderCondition,
-        changeRecordData: changeRecordData,
-        hoverId: hoverId,
-        setHoverId: setHoverId,
-        onDragEnd: onDragEnd
-      }));
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "ald-logic-tree-operation"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ald-logic-tree-left-bottom-dash-line"
-    }), /*#__PURE__*/React.createElement(TextLink, {
-      icon: /*#__PURE__*/React.createElement(PlusIcon, {
-        size: 24
-      }),
-      onClick: onAddCondition
-    }, t.LogicTree.btn.addCondition), !(hideBottomBtn !== null && hideBottomBtn !== void 0 && hideBottomBtn.addRelation) && /*#__PURE__*/React.createElement(TextLink, {
-      icon: /*#__PURE__*/React.createElement(PlusIcon, {
-        size: 24
-      }),
-      onClick: onAddRelation
-    }, t.LogicTree.btn.addRelation)), !!_.size(nodes) && /*#__PURE__*/React.createElement("div", {
-      className: "ald-logic-tree-logic-vertical-line",
-      style: {
-        height: verticalLineHeight,
-        top: "".concat(firstNodeHight / TWO + 4, "px")
-      }
-    }), !isRoot && (hoverId === value.id || isDragging) && /*#__PURE__*/React.createElement("div", {
-      className: "ald-logic-tree-node-drag-icon-wrapper",
-      onMouseMove: function onMouseMove(e) {
-        e.stopPropagation();
-        setIsHoverDragBox(true);
-        setHoverId(value.id);
-      },
-      onMouseOut: function onMouseOut(e) {
-        e.stopPropagation();
-        setIsHoverDragBox(false);
-      }
-    }, /*#__PURE__*/React.createElement(DragLightLine, {
-      onMouseMove: function onMouseMove(e) {
-        e.stopPropagation();
-        setIsHoverDragBox(true);
-        setHoverId(value.id);
-      },
-      size: 16,
-      color: "#374151",
-      className: "ald-logic-tree-node-drag-icon"
-    })), /*#__PURE__*/React.createElement(AldSelect, {
-      options: logicOptions,
-      className: classNames('ald-logic-tree-select-relation', {
-        'ald-logic-tree-select-relation-en': isEn
-      }),
-      size: "small",
-      popupMatchSelectWidth: false,
-      value: _logicType,
-      onChange: onChangeRelation,
-      disabled: nodes.length <= 1
-    }), /*#__PURE__*/React.createElement(DragPreviewImage, {
-      connect: preview,
-      src: dargPreviewImg
-    }));
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DragPreviewImage, {
-    connect: preview,
-    src: dargPreviewImg
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-logic-tree-record-node', {
-      'is-hover-drag-box': isHoverDragBox,
-      'is-dragging': isDragging,
-      'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,
-      'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM
-    }),
-    ref: ref,
-    onMouseMove: function onMouseMove(e) {
-      e.stopPropagation();
-      setHoverId(value.id);
-    },
-    onMouseOut: function onMouseOut(e) {
-      e.stopPropagation();
-      setHoverId('');
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-logic-tree-node-drag-icon-preview",
-    ref: preview
-  }), (hoverId === value.id || isDragging) && /*#__PURE__*/React.createElement("div", {
-    className: "ald-logic-tree-record-node-drag-icon-wrapper",
-    onMouseMove: function onMouseMove(e) {
-      e.stopPropagation();
-      setIsHoverDragBox(true);
-      setHoverId(value.id);
-    },
-    onMouseOut: function onMouseOut(e) {
-      e.stopPropagation();
-      setIsHoverDragBox(false);
-    }
-  }, /*#__PURE__*/React.createElement(DragLightLine, {
-    onMouseMove: function onMouseMove(e) {
-      e.stopPropagation();
-      setIsHoverDragBox(true);
-      setHoverId(value.id);
-    },
-    size: 16,
-    color: "#374151",
-    className: "ald-logic-tree-record-node-drag-icon"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "ald-logic-tree-render-condition-wrap"
-  }, renderCondition(value.data, {
-    changeData: onChangeRecordData
-  })), /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(TrashLightLine, {
-      size: 16
-    }),
-    size: 'small',
-    onClick: onRemove
-  })));
-}
+//# sourceMappingURL=index.js.map