@logicflow/extension 2.3.0-alpha.1 → 2.3.0

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

@@ -36,7 +36,7 @@ export declare class DynamicGroup {
     /** 拖拽节点进入分组时的感应外框样式 */
     sensorOutline?: SensorOutlineOptions;
     topGroupZIndex: number;
-    activeGroups: Set<DynamicGroupNodeModel>;
+    private activeGroups;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {

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;
@@ -88,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) {
@@ -100,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();
@@ -266,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);
@@ -277,7 +266,6 @@ var DynamicGroup = /** @class */ (function () {
             }
         };
         this.onSelectionDrag = function () {
-            var e_2, _a, e_3, _b;
             var selectedNodes = _this.lf.graphModel.getSelectElements().nodes;
             // 每个节点独立找目标组，合并为 Set，消除迭代顺序的影响
             var next = new Set();
@@ -286,35 +274,15 @@ var DynamicGroup = /** @class */ (function () {
                 if (targetGroup)
                     next.add(targetGroup);
             });
-            try {
-                // diff 更新：只操作有变化的组，避免无谓的视觉抖动
-                for (var _c = __values(_this.activeGroups), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var group = _d.value;
-                    if (!next.has(group))
-                        group.setAllowAppendChild(false);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            try {
-                for (var next_1 = __values(next), next_1_1 = next_1.next(); !next_1_1.done; next_1_1 = next_1.next()) {
-                    var group = next_1_1.value;
-                    if (!_this.activeGroups.has(group))
-                        group.setAllowAppendChild(true);
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (next_1_1 && !next_1_1.done && (_b = next_1.return)) _b.call(next_1);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
+            // 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) {
@@ -322,39 +290,18 @@ var DynamicGroup = /** @class */ (function () {
             _this.setActiveGroup(node);
         };
         this.setActiveGroup = function (node) {
-            var e_4, _a, e_5, _b;
             var targetGroup = _this.getTargetGroupForNode(node);
             var next = new Set();
             if (targetGroup)
                 next.add(targetGroup);
-            try {
-                for (var _c = __values(_this.activeGroups), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var group = _d.value;
-                    if (!next.has(group))
-                        group.setAllowAppendChild(false);
-                }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                }
-                finally { if (e_4) throw e_4.error; }
-            }
-            try {
-                for (var next_2 = __values(next), next_2_1 = next_2.next(); !next_2_1.done; next_2_1 = next_2.next()) {
-                    var group = next_2_1.value;
-                    if (!_this.activeGroups.has(group))
-                        group.setAllowAppendChild(true);
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (next_2_1 && !next_2_1.done && (_b = next_2.return)) _b.call(next_2);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
+            _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;
         };
         /**
@@ -624,20 +571,9 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        var e_6, _a;
-        try {
-            for (var _b = __values(this.activeGroups), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var group = _c.value;
-                group.setAllowAppendChild(false);
-            }
-        }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_6) throw e_6.error; }
-        }
+        this.activeGroups.forEach(function (group) {
+            group.setAllowAppendChild(false);
+        });
         this.activeGroups.clear();
     };
     DynamicGroup.prototype.getTargetGroupForNode = function (node) {

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;
-    activeGroups: Set<DynamicGroupNodeModel>;
+    private activeGroups;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {

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;
@@ -105,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) {
@@ -117,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();
@@ -283,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);
@@ -294,7 +283,6 @@ var DynamicGroup = /** @class */ (function () {
             }
         };
         this.onSelectionDrag = function () {
-            var e_2, _a, e_3, _b;
             var selectedNodes = _this.lf.graphModel.getSelectElements().nodes;
             // 每个节点独立找目标组，合并为 Set，消除迭代顺序的影响
             var next = new Set();
@@ -303,35 +291,15 @@ var DynamicGroup = /** @class */ (function () {
                 if (targetGroup)
                     next.add(targetGroup);
             });
-            try {
-                // diff 更新：只操作有变化的组，避免无谓的视觉抖动
-                for (var _c = __values(_this.activeGroups), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var group = _d.value;
-                    if (!next.has(group))
-                        group.setAllowAppendChild(false);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            try {
-                for (var next_1 = __values(next), next_1_1 = next_1.next(); !next_1_1.done; next_1_1 = next_1.next()) {
-                    var group = next_1_1.value;
-                    if (!_this.activeGroups.has(group))
-                        group.setAllowAppendChild(true);
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (next_1_1 && !next_1_1.done && (_b = next_1.return)) _b.call(next_1);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
+            // 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) {
@@ -339,39 +307,18 @@ var DynamicGroup = /** @class */ (function () {
             _this.setActiveGroup(node);
         };
         this.setActiveGroup = function (node) {
-            var e_4, _a, e_5, _b;
             var targetGroup = _this.getTargetGroupForNode(node);
             var next = new Set();
             if (targetGroup)
                 next.add(targetGroup);
-            try {
-                for (var _c = __values(_this.activeGroups), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var group = _d.value;
-                    if (!next.has(group))
-                        group.setAllowAppendChild(false);
-                }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                }
-                finally { if (e_4) throw e_4.error; }
-            }
-            try {
-                for (var next_2 = __values(next), next_2_1 = next_2.next(); !next_2_1.done; next_2_1 = next_2.next()) {
-                    var group = next_2_1.value;
-                    if (!_this.activeGroups.has(group))
-                        group.setAllowAppendChild(true);
-                }
-            }
-            catch (e_5_1) { e_5 = { error: e_5_1 }; }
-            finally {
-                try {
-                    if (next_2_1 && !next_2_1.done && (_b = next_2.return)) _b.call(next_2);
-                }
-                finally { if (e_5) throw e_5.error; }
-            }
+            _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;
         };
         /**
@@ -641,20 +588,9 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        var e_6, _a;
-        try {
-            for (var _b = __values(this.activeGroups), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var group = _c.value;
-                group.setAllowAppendChild(false);
-            }
-        }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_6) throw e_6.error; }
-        }
+        this.activeGroups.forEach(function (group) {
+            group.setAllowAppendChild(false);
+        });
         this.activeGroups.clear();
     };
     DynamicGroup.prototype.getTargetGroupForNode = function (node) {

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