@logicflow/extension 2.3.0-alpha.0 → 2.3.0

package/es/dynamic-group/index.d.ts

@@ -36,7 +36,7 @@ export declare class DynamicGroup {
     /** 拖拽节点进入分组时的感应外框样式 */
     sensorOutline?: SensorOutlineOptions;
     topGroupZIndex: number;
-    activeGroup?: DynamicGroupNodeModel;
+    private activeGroups;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {
@@ -98,6 +98,7 @@ export declare class DynamicGroup {
     removeNodeFromGroup: ({ data: node, model, }: CallbackArgs<'node:delete'>) => void;
     onSelectionDrag: () => void;
     onNodeDrag: ({ data: node }: CallbackArgs<'node:drag'>) => void;
+    private getTargetGroupForNode;
     setActiveGroup: (node: LogicFlow.NodeData) => void;
     /**
      * 1. 分组节点默认在普通节点下面

package/es/dynamic-group/index.js

@@ -9,17 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -75,6 +64,8 @@ var DynamicGroup = /** @class */ (function () {
          */
         this.cascadeDeleteChildren = true;
         this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
+        // 激活态的 group 节点（支持多组同时高亮）
+        this.activeGroups = new Set();
         // 存储节点与 group 的映射关系
         this.nodeGroupMap = new Map();
         /** 折叠态虚拟边 id → 所属分组与真实边 id */
@@ -86,7 +77,6 @@ var DynamicGroup = /** @class */ (function () {
          * Gateway 双分支等场景下，每条虚拟边只映射一条真实边。
          */
         this.onEdgeDelete = function (_a) {
-            var e_1, _b;
             var edge = _a.data;
             var virtualMapping = _this.collapsedVirtualEdges.get(edge.id);
             if (virtualMapping) {
@@ -98,26 +88,25 @@ var DynamicGroup = /** @class */ (function () {
                 }
                 return;
             }
-            // 真实边被其它路径删除时，同步清理登记与分组内快照
+            // 真实边被其它路径删除时，同步清理登记并删除对应虚拟边
             var groupId = _this.collapsedRealEdgeToGroup.get(edge.id);
             if (groupId) {
                 _this.collapsedRealEdgeToGroup.delete(edge.id);
             }
-            try {
-                for (var _c = __values(_this.collapsedVirtualEdges.entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var _e = __read(_d.value, 2), virtualId = _e[0], info = _e[1];
-                    if (info.realEdgeId === edge.id) {
-                        _this.collapsedVirtualEdges.delete(virtualId);
-                    }
+            // 先收集需要删除的虚拟边 id，再统一删除，避免遍历中修改 Map
+            // 使用 forEach 代替 for...of entries()，确保在 ES5 编译目标下（无 downlevelIteration）也能正确迭代
+            var virtualIdsToDelete = [];
+            _this.collapsedVirtualEdges.forEach(function (info, virtualId) {
+                if (info.realEdgeId === edge.id) {
+                    virtualIdsToDelete.push(virtualId);
                 }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+            });
+            virtualIdsToDelete.forEach(function (virtualId) {
+                _this.collapsedVirtualEdges.delete(virtualId);
+                if (_this.lf.getEdgeModelById(virtualId)) {
+                    _this.lf.deleteEdge(virtualId);
                 }
-                finally { if (e_1) throw e_1.error; }
-            }
+            });
         };
         this.onSelectionDrop = function () {
             _this.clearDragTargetHighlight();
@@ -264,7 +253,9 @@ var DynamicGroup = /** @class */ (function () {
                     });
                 }
                 else {
-                    _this.releaseGroupMembers(groupModel);
+                    if (groupModel.children.size > 0) {
+                        _this.releaseGroupMembers(groupModel);
+                    }
                 }
             }
             var groupId = _this.nodeGroupMap.get(node.id);
@@ -276,31 +267,42 @@ var DynamicGroup = /** @class */ (function () {
         };
         this.onSelectionDrag = function () {
             var selectedNodes = _this.lf.graphModel.getSelectElements().nodes;
+            // 每个节点独立找目标组，合并为 Set，消除迭代顺序的影响
+            var next = new Set();
             selectedNodes.forEach(function (node) {
-                _this.setActiveGroup(node);
+                var targetGroup = _this.getTargetGroupForNode(node);
+                if (targetGroup)
+                    next.add(targetGroup);
             });
+            // diff 更新：只操作有变化的组，避免无谓的视觉抖动
+            _this.activeGroups.forEach(function (group) {
+                if (!next.has(group))
+                    group.setAllowAppendChild(false);
+            });
+            next.forEach(function (group) {
+                if (!_this.activeGroups.has(group))
+                    group.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
         };
         this.onNodeDrag = function (_a) {
             var node = _a.data;
             _this.setActiveGroup(node);
         };
         this.setActiveGroup = function (node) {
-            var nodeModel = _this.lf.getNodeModelById(node.id);
-            var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
-            if (nodeModel && bounds) {
-                var targetGroup = _this.getGroupByBounds(bounds, node);
-                if (_this.activeGroup) {
-                    _this.activeGroup.setAllowAppendChild(false);
-                }
-                if (!targetGroup || (nodeModel.isGroup && targetGroup.id === node.id)) {
-                    return;
-                }
-                var isAllowAppendIn = targetGroup.isAllowAppendIn(node);
-                if (!isAllowAppendIn)
-                    return;
-                _this.activeGroup = targetGroup;
-                _this.activeGroup.setAllowAppendChild(true);
-            }
+            var targetGroup = _this.getTargetGroupForNode(node);
+            var next = new Set();
+            if (targetGroup)
+                next.add(targetGroup);
+            _this.activeGroups.forEach(function (group) {
+                if (!next.has(group))
+                    group.setAllowAppendChild(false);
+            });
+            next.forEach(function (group) {
+                if (!_this.activeGroups.has(group))
+                    group.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
         };
         /**
          * 1. 分组节点默认在普通节点下面
@@ -417,7 +419,7 @@ var DynamicGroup = /** @class */ (function () {
             _this.nodeGroupMap.clear();
             _this.collapsedVirtualEdges.clear();
             _this.collapsedRealEdgeToGroup.clear();
-            _this.activeGroup = undefined;
+            _this.activeGroups.clear();
             _this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
             forEach(data.nodes, function (node) {
                 if (node.children) {
@@ -569,10 +571,24 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        if (this.activeGroup) {
-            this.activeGroup.setAllowAppendChild(false);
-            this.activeGroup = undefined;
-        }
+        this.activeGroups.forEach(function (group) {
+            group.setAllowAppendChild(false);
+        });
+        this.activeGroups.clear();
+    };
+    DynamicGroup.prototype.getTargetGroupForNode = function (node) {
+        var nodeModel = this.lf.getNodeModelById(node.id);
+        var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
+        if (!nodeModel || !bounds)
+            return undefined;
+        var targetGroup = this.getGroupByBounds(bounds, node);
+        if (!targetGroup)
+            return undefined;
+        if (nodeModel.isGroup && targetGroup.id === node.id)
+            return undefined;
+        if (!targetGroup.isAllowAppendIn(node))
+            return undefined;
+        return targetGroup;
     };
     DynamicGroup.prototype.removeChildrenInGroupNodeData = function (nodeData) {
         var _a;

package/es/dynamic-group/titleText.js

@@ -53,7 +53,7 @@ var DynamicGroupText = /** @class */ (function (_super) {
             pad: pad,
         }), foX = _d.foX, foY = _d.foY, foWidth = _d.foWidth, foHeight = _d.foHeight;
         var isEllipsis = overflowMode === 'ellipsis';
-        var rows = String(value).split(/[\r\n]/g);
+        var rows = String(value).split(/\r\n|\r|\n/g);
         var isDraggable = editConfigModel.nodeTextDraggable || draggable;
         return (_jsx("g", { className: classNames({
                 'lf-element-text': editable,
@@ -76,7 +76,7 @@ var DynamicGroupText = /** @class */ (function (_super) {
                             fontFamily: style.fontFamily,
                             color: style.fill,
                             width: '100%',
-                        }, children: rows.map(function (row) { return (_jsx("div", { className: "lf-node-text--auto-wrap-inner", children: row })); }) }) }) }) }));
+                        }, children: rows.map(function (row, i) { return (_jsx("div", { className: "lf-node-text--auto-wrap-inner", children: row }, i)); }) }) }) }) }));
     };
     return DynamicGroupText;
 }(BaseText));

package/es/pool/index.d.ts

@@ -25,7 +25,7 @@ export declare const LaneNode: {
 export declare class PoolElements {
     static pluginName: string;
     private lf;
-    activeGroup?: LaneModel;
+    private activeGroups;
     nodeLaneMap: Map<string, string>;
     constructor({ lf, options }: LogicFlow.IExtensionProps);
     /**
@@ -51,7 +51,11 @@ export declare class PoolElements {
     removeNodeFromGroup: ({ data: node, model, }: CallbackArgs<'node:delete'>) => void;
     onSelectionDrag: () => void;
     onNodeDrag: ({ data: node }: CallbackArgs<'node:drag'>) => void;
+    private getTargetLaneForNode;
     setActiveGroup: (node: LogicFlow.NodeData) => void;
+    clearDragTargetHighlight(): void;
+    onNodeDrop: () => void;
+    onNodeMouseUp: () => void;
     /**
      * @param node
      * @param isMultiple

package/es/pool/index.js

@@ -57,6 +57,8 @@ var PoolElements = /** @class */ (function () {
     function PoolElements(_a) {
         var lf = _a.lf, options = _a.options;
         var _this = this;
+        // 激活态的泳道节点（支持多泳道同时高亮）
+        this.activeGroups = new Set();
         // 存储节点与 group 的映射关系
         this.nodeLaneMap = new Map();
         /**
@@ -147,32 +149,46 @@ var PoolElements = /** @class */ (function () {
         };
         this.onSelectionDrag = function () {
             var selectedNodes = _this.lf.graphModel.getSelectElements().nodes;
+            var next = new Set();
             selectedNodes.forEach(function (node) {
-                _this.setActiveGroup(node);
+                var targetLane = _this.getTargetLaneForNode(node);
+                if (targetLane)
+                    next.add(targetLane);
             });
+            _this.activeGroups.forEach(function (lane) {
+                if (!next.has(lane))
+                    lane.setAllowAppendChild(false);
+            });
+            next.forEach(function (lane) {
+                if (!_this.activeGroups.has(lane))
+                    lane.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
         };
         this.onNodeDrag = function (_a) {
             var node = _a.data;
             _this.setActiveGroup(node);
         };
         this.setActiveGroup = function (node) {
-            var _a;
-            var nodeModel = _this.lf.getNodeModelById(node.id);
-            var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
-            if (nodeModel && bounds) {
-                var targetGroup = _this.getLaneByBounds(bounds, node);
-                if (_this.activeGroup) {
-                    _this.activeGroup.setAllowAppendChild(false);
-                }
-                if (!targetGroup || (nodeModel.isGroup && targetGroup.id === node.id)) {
-                    return;
-                }
-                var isAllowAppendIn = targetGroup.isAllowAppendIn(node);
-                if (!isAllowAppendIn)
-                    return;
-                _this.activeGroup = targetGroup;
-                (_a = _this.activeGroup) === null || _a === void 0 ? void 0 : _a.setAllowAppendChild(true);
-            }
+            var targetLane = _this.getTargetLaneForNode(node);
+            var next = new Set();
+            if (targetLane)
+                next.add(targetLane);
+            _this.activeGroups.forEach(function (lane) {
+                if (!next.has(lane))
+                    lane.setAllowAppendChild(false);
+            });
+            next.forEach(function (lane) {
+                if (!_this.activeGroups.has(lane))
+                    lane.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
+        };
+        this.onNodeDrop = function () {
+            _this.clearDragTargetHighlight();
+        };
+        this.onNodeMouseUp = function () {
+            _this.clearDragTargetHighlight();
         };
         /**
          * @param node
@@ -253,6 +269,7 @@ var PoolElements = /** @class */ (function () {
             groupModel.width = newGroupWidth;
             groupModel.height = newGroupHeight;
             groupModel.updateExpandedSize(newGroupWidth, newGroupHeight);
+            groupModel.setTextPosition();
         };
         this.onGraphRendered = function (_a) {
             var data = _a.data;
@@ -308,6 +325,26 @@ var PoolElements = /** @class */ (function () {
             return topZIndexLane;
         }
     };
+    PoolElements.prototype.getTargetLaneForNode = function (node) {
+        var nodeModel = this.lf.getNodeModelById(node.id);
+        var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
+        if (!nodeModel || !bounds)
+            return undefined;
+        var targetLane = this.getLaneByBounds(bounds, node);
+        if (!targetLane)
+            return undefined;
+        if (nodeModel.isGroup && targetLane.id === node.id)
+            return undefined;
+        if (!targetLane.isAllowAppendIn(node))
+            return undefined;
+        return targetLane;
+    };
+    PoolElements.prototype.clearDragTargetHighlight = function () {
+        this.activeGroups.forEach(function (lane) {
+            lane.setAllowAppendChild(false);
+        });
+        this.activeGroups.clear();
+    };
     PoolElements.prototype.removeChildrenInGroupNodeData = function (nodeData) {
         var _a;
         var newNodeData = cloneDeep(nodeData);
@@ -447,6 +484,8 @@ var PoolElements = /** @class */ (function () {
         lf.on(EventType.NODE_DELETE, this.removeNodeFromGroup);
         lf.on(NODE_DRAG_EVENTS, this.onNodeDrag);
         lf.on(EventType.SELECTION_DRAG, this.onSelectionDrag);
+        lf.on(EventType.NODE_DROP, this.onNodeDrop);
+        lf.on(EventType.NODE_MOUSEUP, this.onNodeMouseUp);
         lf.on(EventType.NODE_CLICK, this.onNodeSelect);
         lf.on(EventType.NODE_MOUSEMOVE, this.onNodeMove);
         lf.on(EventType.GRAPH_RENDERED, this.onGraphRendered);
@@ -496,6 +535,8 @@ var PoolElements = /** @class */ (function () {
         this.lf.off(EventType.NODE_DELETE, this.removeNodeFromGroup);
         this.lf.off(NODE_DRAG_EVENTS, this.onNodeDrag);
         this.lf.off(EventType.SELECTION_DRAG, this.onSelectionDrag);
+        this.lf.off(EventType.NODE_DROP, this.onNodeDrop);
+        this.lf.off(EventType.NODE_MOUSEUP, this.onNodeMouseUp);
         this.lf.off(EventType.NODE_CLICK, this.onNodeSelect);
         this.lf.off(EventType.NODE_MOUSEMOVE, this.onNodeMove);
         this.lf.off(EventType.GRAPH_RENDERED, this.onGraphRendered);

package/lib/dynamic-group/index.d.ts

@@ -36,7 +36,7 @@ export declare class DynamicGroup {
     /** 拖拽节点进入分组时的感应外框样式 */
     sensorOutline?: SensorOutlineOptions;
     topGroupZIndex: number;
-    activeGroup?: DynamicGroupNodeModel;
+    private activeGroups;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {
@@ -98,6 +98,7 @@ export declare class DynamicGroup {
     removeNodeFromGroup: ({ data: node, model, }: CallbackArgs<'node:delete'>) => void;
     onSelectionDrag: () => void;
     onNodeDrag: ({ data: node }: CallbackArgs<'node:drag'>) => void;
+    private getTargetGroupForNode;
     setActiveGroup: (node: LogicFlow.NodeData) => void;
     /**
      * 1. 分组节点默认在普通节点下面

package/lib/dynamic-group/index.js

@@ -24,17 +24,6 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -92,6 +81,8 @@ var DynamicGroup = /** @class */ (function () {
          */
         this.cascadeDeleteChildren = true;
         this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
+        // 激活态的 group 节点（支持多组同时高亮）
+        this.activeGroups = new Set();
         // 存储节点与 group 的映射关系
         this.nodeGroupMap = new Map();
         /** 折叠态虚拟边 id → 所属分组与真实边 id */
@@ -103,7 +94,6 @@ var DynamicGroup = /** @class */ (function () {
          * Gateway 双分支等场景下，每条虚拟边只映射一条真实边。
          */
         this.onEdgeDelete = function (_a) {
-            var e_1, _b;
             var edge = _a.data;
             var virtualMapping = _this.collapsedVirtualEdges.get(edge.id);
             if (virtualMapping) {
@@ -115,26 +105,25 @@ var DynamicGroup = /** @class */ (function () {
                 }
                 return;
             }
-            // 真实边被其它路径删除时，同步清理登记与分组内快照
+            // 真实边被其它路径删除时，同步清理登记并删除对应虚拟边
             var groupId = _this.collapsedRealEdgeToGroup.get(edge.id);
             if (groupId) {
                 _this.collapsedRealEdgeToGroup.delete(edge.id);
             }
-            try {
-                for (var _c = __values(_this.collapsedVirtualEdges.entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var _e = __read(_d.value, 2), virtualId = _e[0], info = _e[1];
-                    if (info.realEdgeId === edge.id) {
-                        _this.collapsedVirtualEdges.delete(virtualId);
-                    }
+            // 先收集需要删除的虚拟边 id，再统一删除，避免遍历中修改 Map
+            // 使用 forEach 代替 for...of entries()，确保在 ES5 编译目标下（无 downlevelIteration）也能正确迭代
+            var virtualIdsToDelete = [];
+            _this.collapsedVirtualEdges.forEach(function (info, virtualId) {
+                if (info.realEdgeId === edge.id) {
+                    virtualIdsToDelete.push(virtualId);
                 }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+            });
+            virtualIdsToDelete.forEach(function (virtualId) {
+                _this.collapsedVirtualEdges.delete(virtualId);
+                if (_this.lf.getEdgeModelById(virtualId)) {
+                    _this.lf.deleteEdge(virtualId);
                 }
-                finally { if (e_1) throw e_1.error; }
-            }
+            });
         };
         this.onSelectionDrop = function () {
             _this.clearDragTargetHighlight();
@@ -281,7 +270,9 @@ var DynamicGroup = /** @class */ (function () {
                     });
                 }
                 else {
-                    _this.releaseGroupMembers(groupModel);
+                    if (groupModel.children.size > 0) {
+                        _this.releaseGroupMembers(groupModel);
+                    }
                 }
             }
             var groupId = _this.nodeGroupMap.get(node.id);
@@ -293,31 +284,42 @@ var DynamicGroup = /** @class */ (function () {
         };
         this.onSelectionDrag = function () {
             var selectedNodes = _this.lf.graphModel.getSelectElements().nodes;
+            // 每个节点独立找目标组，合并为 Set，消除迭代顺序的影响
+            var next = new Set();
             selectedNodes.forEach(function (node) {
-                _this.setActiveGroup(node);
+                var targetGroup = _this.getTargetGroupForNode(node);
+                if (targetGroup)
+                    next.add(targetGroup);
             });
+            // diff 更新：只操作有变化的组，避免无谓的视觉抖动
+            _this.activeGroups.forEach(function (group) {
+                if (!next.has(group))
+                    group.setAllowAppendChild(false);
+            });
+            next.forEach(function (group) {
+                if (!_this.activeGroups.has(group))
+                    group.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
         };
         this.onNodeDrag = function (_a) {
             var node = _a.data;
             _this.setActiveGroup(node);
         };
         this.setActiveGroup = function (node) {
-            var nodeModel = _this.lf.getNodeModelById(node.id);
-            var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
-            if (nodeModel && bounds) {
-                var targetGroup = _this.getGroupByBounds(bounds, node);
-                if (_this.activeGroup) {
-                    _this.activeGroup.setAllowAppendChild(false);
-                }
-                if (!targetGroup || (nodeModel.isGroup && targetGroup.id === node.id)) {
-                    return;
-                }
-                var isAllowAppendIn = targetGroup.isAllowAppendIn(node);
-                if (!isAllowAppendIn)
-                    return;
-                _this.activeGroup = targetGroup;
-                _this.activeGroup.setAllowAppendChild(true);
-            }
+            var targetGroup = _this.getTargetGroupForNode(node);
+            var next = new Set();
+            if (targetGroup)
+                next.add(targetGroup);
+            _this.activeGroups.forEach(function (group) {
+                if (!next.has(group))
+                    group.setAllowAppendChild(false);
+            });
+            next.forEach(function (group) {
+                if (!_this.activeGroups.has(group))
+                    group.setAllowAppendChild(true);
+            });
+            _this.activeGroups = next;
         };
         /**
          * 1. 分组节点默认在普通节点下面
@@ -434,7 +436,7 @@ var DynamicGroup = /** @class */ (function () {
             _this.nodeGroupMap.clear();
             _this.collapsedVirtualEdges.clear();
             _this.collapsedRealEdgeToGroup.clear();
-            _this.activeGroup = undefined;
+            _this.activeGroups.clear();
             _this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
             (0, lodash_es_1.forEach)(data.nodes, function (node) {
                 if (node.children) {
@@ -586,10 +588,24 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        if (this.activeGroup) {
-            this.activeGroup.setAllowAppendChild(false);
-            this.activeGroup = undefined;
-        }
+        this.activeGroups.forEach(function (group) {
+            group.setAllowAppendChild(false);
+        });
+        this.activeGroups.clear();
+    };
+    DynamicGroup.prototype.getTargetGroupForNode = function (node) {
+        var nodeModel = this.lf.getNodeModelById(node.id);
+        var bounds = nodeModel === null || nodeModel === void 0 ? void 0 : nodeModel.getBounds();
+        if (!nodeModel || !bounds)
+            return undefined;
+        var targetGroup = this.getGroupByBounds(bounds, node);
+        if (!targetGroup)
+            return undefined;
+        if (nodeModel.isGroup && targetGroup.id === node.id)
+            return undefined;
+        if (!targetGroup.isAllowAppendIn(node))
+            return undefined;
+        return targetGroup;
     };
     DynamicGroup.prototype.removeChildrenInGroupNodeData = function (nodeData) {
         var _a;

package/lib/dynamic-group/titleText.js

@@ -59,7 +59,7 @@ var DynamicGroupText = /** @class */ (function (_super) {
             pad: pad,
         }), foX = _d.foX, foY = _d.foY, foWidth = _d.foWidth, foHeight = _d.foHeight;
         var isEllipsis = overflowMode === 'ellipsis';
-        var rows = String(value).split(/[\r\n]/g);
+        var rows = String(value).split(/\r\n|\r|\n/g);
         var isDraggable = editConfigModel.nodeTextDraggable || draggable;
         return ((0, jsx_runtime_1.jsx)("g", { className: (0, classnames_1.default)({
                 'lf-element-text': editable,
@@ -82,7 +82,7 @@ var DynamicGroupText = /** @class */ (function (_super) {
                             fontFamily: style.fontFamily,
                             color: style.fill,
                             width: '100%',
-                        }, children: rows.map(function (row) { return ((0, jsx_runtime_1.jsx)("div", { className: "lf-node-text--auto-wrap-inner", children: row })); }) }) }) }) }));
+                        }, children: rows.map(function (row, i) { return ((0, jsx_runtime_1.jsx)("div", { className: "lf-node-text--auto-wrap-inner", children: row }, i)); }) }) }) }) }));
     };
     return DynamicGroupText;
 }(core_1.BaseText));

package/lib/pool/index.d.ts

@@ -25,7 +25,7 @@ export declare const LaneNode: {
 export declare class PoolElements {
     static pluginName: string;
     private lf;
-    activeGroup?: LaneModel;
+    private activeGroups;
     nodeLaneMap: Map<string, string>;
     constructor({ lf, options }: LogicFlow.IExtensionProps);
     /**
@@ -51,7 +51,11 @@ export declare class PoolElements {
     removeNodeFromGroup: ({ data: node, model, }: CallbackArgs<'node:delete'>) => void;
     onSelectionDrag: () => void;
     onNodeDrag: ({ data: node }: CallbackArgs<'node:drag'>) => void;
+    private getTargetLaneForNode;
     setActiveGroup: (node: LogicFlow.NodeData) => void;
+    clearDragTargetHighlight(): void;
+    onNodeDrop: () => void;
+    onNodeMouseUp: () => void;
     /**
      * @param node
      * @param isMultiple