@logicflow/extension 2.0.13 → 2.0.14

package/es/components/selection-select/index.js

@@ -58,18 +58,20 @@ var SelectionSelect = /** @class */ (function () {
                 }
                 var elements = _this.lf.graphModel.getAreaElement(lt, rb, _this.isWholeEdge, _this.isWholeNode, true);
                 var _d = _this.lf.graphModel, dynamicGroup_1 = _d.dynamicGroup, group_1 = _d.group;
+                var nonGroupedElements_1 = [];
                 elements.forEach(function (element) {
                     // 如果节点属于分组，则不选中节点，此处兼容旧版 Group 插件
-                    if (!group_1 || !group_1.getNodeGroup(element.id)) {
-                        _this.lf.selectElementById(element.id, true);
+                    if (group_1 && group_1.getNodeGroup(element.id)) {
+                        return;
                     }
-                    // 如果节点属于动态分组，则不不选中节点
-                    if (!dynamicGroup_1 || !dynamicGroup_1.getGroupByNodeId(element.id)) {
-                        _this.lf.selectElementById(element.id, true);
+                    if (dynamicGroup_1 && dynamicGroup_1.getGroupByNodeId(element.id)) {
+                        return;
                     }
+                    _this.lf.selectElementById(element.id, true);
+                    nonGroupedElements_1.push(element);
                 });
                 _this.lf.emit('selection:selected', {
-                    elements: elements,
+                    elements: nonGroupedElements_1,
                     leftTopPoint: lt,
                     rightBottomPoint: rb,
                 });

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

@@ -63,6 +63,12 @@ export declare class DynamicGroupNodeModel extends RectNodeModel<IGroupNodePrope
     initNodeData(data: LogicFlow.NodeConfig<IGroupNodeProperties>): void;
     setAttributes(): void;
     getData(): NodeData;
+    /**
+     * 获取分组内的节点
+     * @param groupModel
+     */
+    getNodesInGroup(groupModel: DynamicGroupNodeModel): string[];
+    getMoveDistance(deltaX: number, deltaY: number, isIgnoreRule?: boolean): [number, number];
     /**
      * 重写 getHistoryData 方法
      */

package/es/dynamic-group/model.js

@@ -132,6 +132,26 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
         }
         return data;
     };
+    /**
+     * 获取分组内的节点
+     * @param groupModel
+     */
+    DynamicGroupNodeModel.prototype.getNodesInGroup = function (groupModel) {
+        var nodeIds = [];
+        if (groupModel.isGroup) {
+            forEach(Array.from(groupModel.children), function (nodeId) {
+                nodeIds.push(nodeId);
+            });
+        }
+        return nodeIds;
+    };
+    DynamicGroupNodeModel.prototype.getMoveDistance = function (deltaX, deltaY, isIgnoreRule) {
+        if (isIgnoreRule === void 0) { isIgnoreRule = false; }
+        var _a = __read(_super.prototype.getMoveDistance.call(this, deltaX, deltaY, isIgnoreRule), 2), moveDeltaX = _a[0], moveDeltaY = _a[1];
+        var nodeIds = this.getNodesInGroup(this);
+        this.graphModel.moveNodes(nodeIds, deltaX, deltaY, isIgnoreRule);
+        return [moveDeltaX, moveDeltaY];
+    };
     /**
      * 重写 getHistoryData 方法
      */

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

@@ -9,13 +9,14 @@ export declare class DynamicGroupNode<P extends IDynamicGroupNodeProps = IDynami
     childrenPositionMap: Map<string, Position>;
     onNodeRotate: ({ model, }: Omit<CallbackArgs<'node:rotate'>, 'e' | 'position'>) => void;
     onNodeResize: ({ deltaX, deltaY, index, model, preData, }: Omit<CallbackArgs<'node:resize'>, 'e' | 'position'>) => void;
-    onNodeMouseMove: ({ deltaX, deltaY, data, }: Omit<CallbackArgs<'node:mousemove'>, 'e' | 'position'>) => void;
+    onNodeMouseMove: () => void;
     graphRendered: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     /**
      * 获取分组内的节点
      * @param groupModel
+     * @param graphModel
      */
     getNodesInGroup(groupModel: DynamicGroupNodeModel, graphModel: GraphModel): string[];
     getResizeControl(): h.JSX.Element | null;

package/es/dynamic-group/node.js

@@ -131,20 +131,20 @@ var DynamicGroupNode = /** @class */ (function (_super) {
                 });
             }
         };
-        _this.onNodeMouseMove = function (_a) {
-            var deltaX = _a.deltaX, deltaY = _a.deltaY, data = _a.data;
-            var _b = _this.props, curGroup = _b.model, graphModel = _b.graphModel;
-            var transformModel = graphModel.transformModel;
-            var SCALE_X = transformModel.SCALE_X, SCALE_Y = transformModel.SCALE_Y;
-            if (data.id === curGroup.id) {
-                var nodeIds = _this.getNodesInGroup(curGroup, graphModel);
-                // https://github.com/didi/LogicFlow/issues/1914
-                // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
-                // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
-                // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
-                // 因此这里需要增加SCALE的处理
-                graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true);
-            }
+        _this.onNodeMouseMove = function () {
+            // console.log(data,deltaX,deltaY,'111')
+            // const { model: curGroup, graphModel } = this.props
+            // const { transformModel } = graphModel
+            // const { SCALE_X, SCALE_Y } = transformModel
+            // if (data.id === curGroup.id) {
+            //   const nodeIds = this.getNodesInGroup(curGroup, graphModel)
+            //   // https://github.com/didi/LogicFlow/issues/1914
+            //   // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
+            //   // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
+            //   // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
+            //   // 因此这里需要增加SCALE的处理
+            //   graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true)
+            // }
         };
         _this.graphRendered = function () {
             var model = _this.props.model;
@@ -189,6 +189,7 @@ var DynamicGroupNode = /** @class */ (function (_super) {
     /**
      * 获取分组内的节点
      * @param groupModel
+     * @param graphModel
      */
     DynamicGroupNode.prototype.getNodesInGroup = function (groupModel, graphModel) {
         var _this = this;

package/es/tools/label/Label.d.ts

@@ -24,6 +24,7 @@ export declare class Label extends Component<ILabelProps, ILabelState> {
     handleClick: (e: MouseEvent) => void;
     handleDbClick: (e: MouseEvent) => void;
     handleBlur: (e: FocusEvent) => void;
+    handleInput: (e: InputEvent) => void;
     setElementModelLabelInfo(data: any): void;
     reCalcLabelSize: () => void;
     componentDidMount(): void;

package/es/tools/label/Label.js

@@ -161,6 +161,13 @@ var Label = /** @class */ (function (_super) {
                 isSelected: false,
             });
         };
+        _this.handleInput = function (e) {
+            var _a = _this.props, label = _a.label, graphModel = _a.graphModel;
+            graphModel.eventCenter.emit('label:input', {
+                e: e,
+                data: label.getData(),
+            });
+        };
         // 重新计算 Label 大小
         _this.reCalcLabelSize = function () { };
         var label = props.label, _a = props.graphModel, gridSize = _a.gridSize, eventCenter = _a.eventCenter;
@@ -273,7 +280,7 @@ var Label = /** @class */ (function (_super) {
                         'lf-label-editor-hover': !isEditing && (isHovered || isSelected)
                     },
                     _a["lf-label-editor-".concat(textOverflowMode)] = !isEditing,
-                    _a)), style: __assign({ maxWidth: "".concat(maxLabelWidth, "px"), boxSizing: 'border-box', display: 'inline-block', background: isEditing || element.BaseType === 'edge' ? '#fff' : 'transparent' }, style), dangerouslySetInnerHTML: { __html: content } }) }));
+                    _a)), onInput: this.handleInput, style: __assign({ maxWidth: "".concat(maxLabelWidth, "px"), boxSizing: 'border-box', display: 'inline-block', background: isEditing || element.BaseType === 'edge' ? '#fff' : 'transparent' }, style), dangerouslySetInnerHTML: { __html: content } }) }));
     };
     Label = __decorate([
         observer

package/es/tools/label/index.js

@@ -143,7 +143,10 @@ var Label = /** @class */ (function () {
             editable: true,
             vertical: false,
         };
-        if (!isMultiple || len >= ((_c = curLabelOption === null || curLabelOption === void 0 ? void 0 : curLabelOption.maxCount) !== null && _c !== void 0 ? _c : maxCount)) {
+        // 全局的isMultiple为false，或全局isMultiple为true但局部isMultiple指明是false，或当前label长度已经达到上线时，不允许添加多个 label
+        if (!isMultiple ||
+            (isMultiple && curLabelOption.isMultiple === false) ||
+            len >= ((_c = curLabelOption === null || curLabelOption === void 0 ? void 0 : curLabelOption.maxCount) !== null && _c !== void 0 ? _c : maxCount)) {
             return;
         }
         curLabelConfig.push(newLabel);

package/lib/components/selection-select/index.js

@@ -61,18 +61,20 @@ var SelectionSelect = /** @class */ (function () {
                 }
                 var elements = _this.lf.graphModel.getAreaElement(lt, rb, _this.isWholeEdge, _this.isWholeNode, true);
                 var _d = _this.lf.graphModel, dynamicGroup_1 = _d.dynamicGroup, group_1 = _d.group;
+                var nonGroupedElements_1 = [];
                 elements.forEach(function (element) {
                     // 如果节点属于分组，则不选中节点，此处兼容旧版 Group 插件
-                    if (!group_1 || !group_1.getNodeGroup(element.id)) {
-                        _this.lf.selectElementById(element.id, true);
+                    if (group_1 && group_1.getNodeGroup(element.id)) {
+                        return;
                     }
-                    // 如果节点属于动态分组，则不不选中节点
-                    if (!dynamicGroup_1 || !dynamicGroup_1.getGroupByNodeId(element.id)) {
-                        _this.lf.selectElementById(element.id, true);
+                    if (dynamicGroup_1 && dynamicGroup_1.getGroupByNodeId(element.id)) {
+                        return;
                     }
+                    _this.lf.selectElementById(element.id, true);
+                    nonGroupedElements_1.push(element);
                 });
                 _this.lf.emit('selection:selected', {
-                    elements: elements,
+                    elements: nonGroupedElements_1,
                     leftTopPoint: lt,
                     rightBottomPoint: rb,
                 });

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

@@ -63,6 +63,12 @@ export declare class DynamicGroupNodeModel extends RectNodeModel<IGroupNodePrope
     initNodeData(data: LogicFlow.NodeConfig<IGroupNodeProperties>): void;
     setAttributes(): void;
     getData(): NodeData;
+    /**
+     * 获取分组内的节点
+     * @param groupModel
+     */
+    getNodesInGroup(groupModel: DynamicGroupNodeModel): string[];
+    getMoveDistance(deltaX: number, deltaY: number, isIgnoreRule?: boolean): [number, number];
     /**
      * 重写 getHistoryData 方法
      */

package/lib/dynamic-group/model.js

@@ -135,6 +135,26 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
         }
         return data;
     };
+    /**
+     * 获取分组内的节点
+     * @param groupModel
+     */
+    DynamicGroupNodeModel.prototype.getNodesInGroup = function (groupModel) {
+        var nodeIds = [];
+        if (groupModel.isGroup) {
+            (0, lodash_es_1.forEach)(Array.from(groupModel.children), function (nodeId) {
+                nodeIds.push(nodeId);
+            });
+        }
+        return nodeIds;
+    };
+    DynamicGroupNodeModel.prototype.getMoveDistance = function (deltaX, deltaY, isIgnoreRule) {
+        if (isIgnoreRule === void 0) { isIgnoreRule = false; }
+        var _a = __read(_super.prototype.getMoveDistance.call(this, deltaX, deltaY, isIgnoreRule), 2), moveDeltaX = _a[0], moveDeltaY = _a[1];
+        var nodeIds = this.getNodesInGroup(this);
+        this.graphModel.moveNodes(nodeIds, deltaX, deltaY, isIgnoreRule);
+        return [moveDeltaX, moveDeltaY];
+    };
     /**
      * 重写 getHistoryData 方法
      */

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

@@ -9,13 +9,14 @@ export declare class DynamicGroupNode<P extends IDynamicGroupNodeProps = IDynami
     childrenPositionMap: Map<string, Position>;
     onNodeRotate: ({ model, }: Omit<CallbackArgs<'node:rotate'>, 'e' | 'position'>) => void;
     onNodeResize: ({ deltaX, deltaY, index, model, preData, }: Omit<CallbackArgs<'node:resize'>, 'e' | 'position'>) => void;
-    onNodeMouseMove: ({ deltaX, deltaY, data, }: Omit<CallbackArgs<'node:mousemove'>, 'e' | 'position'>) => void;
+    onNodeMouseMove: () => void;
     graphRendered: () => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     /**
      * 获取分组内的节点
      * @param groupModel
+     * @param graphModel
      */
     getNodesInGroup(groupModel: DynamicGroupNodeModel, graphModel: GraphModel): string[];
     getResizeControl(): h.JSX.Element | null;

package/lib/dynamic-group/node.js

@@ -134,20 +134,20 @@ var DynamicGroupNode = /** @class */ (function (_super) {
                 });
             }
         };
-        _this.onNodeMouseMove = function (_a) {
-            var deltaX = _a.deltaX, deltaY = _a.deltaY, data = _a.data;
-            var _b = _this.props, curGroup = _b.model, graphModel = _b.graphModel;
-            var transformModel = graphModel.transformModel;
-            var SCALE_X = transformModel.SCALE_X, SCALE_Y = transformModel.SCALE_Y;
-            if (data.id === curGroup.id) {
-                var nodeIds = _this.getNodesInGroup(curGroup, graphModel);
-                // https://github.com/didi/LogicFlow/issues/1914
-                // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
-                // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
-                // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
-                // 因此这里需要增加SCALE的处理
-                graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true);
-            }
+        _this.onNodeMouseMove = function () {
+            // console.log(data,deltaX,deltaY,'111')
+            // const { model: curGroup, graphModel } = this.props
+            // const { transformModel } = graphModel
+            // const { SCALE_X, SCALE_Y } = transformModel
+            // if (data.id === curGroup.id) {
+            //   const nodeIds = this.getNodesInGroup(curGroup, graphModel)
+            //   // https://github.com/didi/LogicFlow/issues/1914
+            //   // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
+            //   // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
+            //   // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
+            //   // 因此这里需要增加SCALE的处理
+            //   graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true)
+            // }
         };
         _this.graphRendered = function () {
             var model = _this.props.model;
@@ -192,6 +192,7 @@ var DynamicGroupNode = /** @class */ (function (_super) {
     /**
      * 获取分组内的节点
      * @param groupModel
+     * @param graphModel
      */
     DynamicGroupNode.prototype.getNodesInGroup = function (groupModel, graphModel) {
         var _this = this;

package/lib/tools/label/Label.d.ts

@@ -24,6 +24,7 @@ export declare class Label extends Component<ILabelProps, ILabelState> {
     handleClick: (e: MouseEvent) => void;
     handleDbClick: (e: MouseEvent) => void;
     handleBlur: (e: FocusEvent) => void;
+    handleInput: (e: InputEvent) => void;
     setElementModelLabelInfo(data: any): void;
     reCalcLabelSize: () => void;
     componentDidMount(): void;

package/lib/tools/label/Label.js

@@ -167,6 +167,13 @@ var Label = /** @class */ (function (_super) {
                 isSelected: false,
             });
         };
+        _this.handleInput = function (e) {
+            var _a = _this.props, label = _a.label, graphModel = _a.graphModel;
+            graphModel.eventCenter.emit('label:input', {
+                e: e,
+                data: label.getData(),
+            });
+        };
         // 重新计算 Label 大小
         _this.reCalcLabelSize = function () { };
         var label = props.label, _a = props.graphModel, gridSize = _a.gridSize, eventCenter = _a.eventCenter;
@@ -279,7 +286,7 @@ var Label = /** @class */ (function (_super) {
                         'lf-label-editor-hover': !isEditing && (isHovered || isSelected)
                     },
                     _a["lf-label-editor-".concat(textOverflowMode)] = !isEditing,
-                    _a)), style: __assign({ maxWidth: "".concat(maxLabelWidth, "px"), boxSizing: 'border-box', display: 'inline-block', background: isEditing || element.BaseType === 'edge' ? '#fff' : 'transparent' }, style), dangerouslySetInnerHTML: { __html: content } }) }));
+                    _a)), onInput: this.handleInput, style: __assign({ maxWidth: "".concat(maxLabelWidth, "px"), boxSizing: 'border-box', display: 'inline-block', background: isEditing || element.BaseType === 'edge' ? '#fff' : 'transparent' }, style), dangerouslySetInnerHTML: { __html: content } }) }));
     };
     Label = __decorate([
         core_1.observer

package/lib/tools/label/index.js

@@ -149,7 +149,10 @@ var Label = /** @class */ (function () {
             editable: true,
             vertical: false,
         };
-        if (!isMultiple || len >= ((_c = curLabelOption === null || curLabelOption === void 0 ? void 0 : curLabelOption.maxCount) !== null && _c !== void 0 ? _c : maxCount)) {
+        // 全局的isMultiple为false，或全局isMultiple为true但局部isMultiple指明是false，或当前label长度已经达到上线时，不允许添加多个 label
+        if (!isMultiple ||
+            (isMultiple && curLabelOption.isMultiple === false) ||
+            len >= ((_c = curLabelOption === null || curLabelOption === void 0 ? void 0 : curLabelOption.maxCount) !== null && _c !== void 0 ? _c : maxCount)) {
             return;
         }
         curLabelConfig.push(newLabel);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/extension",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "description": "LogicFlow Extensions",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,7 +20,7 @@
   "author": "Logicflow-Team",
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@logicflow/core": "2.0.9"
+    "@logicflow/core": "2.0.10"
   },
   "dependencies": {
     "@antv/hierarchy": "^0.6.11",
@@ -31,7 +31,7 @@
     "preact": "^10.17.1",
     "rangy": "^1.3.1",
     "vanilla-picker": "^2.12.3",
-    "@logicflow/core": "2.0.9"
+    "@logicflow/core": "2.0.10"
   },
   "devDependencies": {
     "less": "^4.1.1",

package/src/components/selection-select/index.ts

@@ -166,18 +166,20 @@ export class SelectionSelect {
         true,
       )
       const { dynamicGroup, group } = this.lf.graphModel
+      const nonGroupedElements: typeof elements = []
       elements.forEach((element) => {
         // 如果节点属于分组，则不选中节点，此处兼容旧版 Group 插件
-        if (!group || !group.getNodeGroup(element.id)) {
-          this.lf.selectElementById(element.id, true)
+        if (group && group.getNodeGroup(element.id)) {
+          return
         }
-        // 如果节点属于动态分组，则不不选中节点
-        if (!dynamicGroup || !dynamicGroup.getGroupByNodeId(element.id)) {
-          this.lf.selectElementById(element.id, true)
+        if (dynamicGroup && dynamicGroup.getGroupByNodeId(element.id)) {
+          return
         }
+        this.lf.selectElementById(element.id, true)
+        nonGroupedElements.push(element)
       })
       this.lf.emit('selection:selected', {
-        elements,
+        elements: nonGroupedElements,
         leftTopPoint: lt,
         rightBottomPoint: rb,
       })

package/src/dynamic-group/model.ts

@@ -181,6 +181,35 @@ export class DynamicGroupNodeModel extends RectNodeModel<IGroupNodeProperties> {
     return data
   }
 
+  /**
+   * 获取分组内的节点
+   * @param groupModel
+   */
+  getNodesInGroup(groupModel: DynamicGroupNodeModel): string[] {
+    const nodeIds: string[] = []
+    if (groupModel.isGroup) {
+      forEach(Array.from(groupModel.children), (nodeId: string) => {
+        nodeIds.push(nodeId)
+      })
+    }
+    return nodeIds
+  }
+
+  getMoveDistance(
+    deltaX: number,
+    deltaY: number,
+    isIgnoreRule = false,
+  ): [number, number] {
+    const [moveDeltaX, moveDeltaY] = super.getMoveDistance(
+      deltaX,
+      deltaY,
+      isIgnoreRule,
+    )
+    const nodeIds = this.getNodesInGroup(this)
+    this.graphModel.moveNodes(nodeIds, deltaX, deltaY, isIgnoreRule)
+    return [moveDeltaX, moveDeltaY]
+  }
+
   /**
    * 重写 getHistoryData 方法
    */

package/src/dynamic-group/node.ts

@@ -106,24 +106,27 @@ export class DynamicGroupNode<
     }
   }
 
-  onNodeMouseMove = ({
-    deltaX,
-    deltaY,
-    data,
-  }: Omit<CallbackArgs<'node:mousemove'>, 'e' | 'position'>) => {
-    const { model: curGroup, graphModel } = this.props
-    const { transformModel } = graphModel
-    const { SCALE_X, SCALE_Y } = transformModel
-    if (data.id === curGroup.id) {
-      const nodeIds = this.getNodesInGroup(curGroup, graphModel)
-      // https://github.com/didi/LogicFlow/issues/1914
-      // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
-      // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
-      // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
-      // 因此这里需要增加SCALE的处理
-      graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true)
+  onNodeMouseMove = () =>
+    // {
+    // deltaX,
+    // deltaY,
+    // data,
+    // }: Omit<CallbackArgs<'node:mousemove'>, 'e' | 'position'>
+    {
+      // console.log(data,deltaX,deltaY,'111')
+      // const { model: curGroup, graphModel } = this.props
+      // const { transformModel } = graphModel
+      // const { SCALE_X, SCALE_Y } = transformModel
+      // if (data.id === curGroup.id) {
+      //   const nodeIds = this.getNodesInGroup(curGroup, graphModel)
+      //   // https://github.com/didi/LogicFlow/issues/1914
+      //   // 当调用lf.fitView()时，会改变整体的SCALE_X和SCALE_Y
+      //   // 由于group的mousemove是在drag.ts的this.onDragging()处理的，在onDragging()里面进行SCALE的处理
+      //   // 而"node:mousemove"emit出来跟onDragging()是同时的，也就是emit出来的数据是没有经过SCALE处理的坐标
+      //   // 因此这里需要增加SCALE的处理
+      //   graphModel.moveNodes(nodeIds, deltaX / SCALE_X, deltaY / SCALE_Y, true)
+      // }
     }
-  }
 
   graphRendered = () => {
     const { model } = this.props
@@ -169,6 +172,7 @@ export class DynamicGroupNode<
   /**
    * 获取分组内的节点
    * @param groupModel
+   * @param graphModel
    */
   getNodesInGroup(
     groupModel: DynamicGroupNodeModel,

package/src/tools/label/Label.tsx

@@ -182,6 +182,14 @@ export class Label extends Component<ILabelProps, ILabelState> {
     })
   }
 
+  handleInput = (e: InputEvent) => {
+    const { label, graphModel } = this.props
+    graphModel.eventCenter.emit('label:input', {
+      e,
+      data: label.getData(),
+    })
+  }
+
   setElementModelLabelInfo(data) {
     const { label, element, graphModel } = this.props
     const {
@@ -330,6 +338,7 @@ export class Label extends Component<ILabelProps, ILabelState> {
             'lf-label-editor-hover': !isEditing && (isHovered || isSelected),
             [`lf-label-editor-${textOverflowMode}`]: !isEditing,
           })}
+          onInput={this.handleInput}
           style={{
             maxWidth: `${maxLabelWidth}px`,
             boxSizing: 'border-box',

package/src/tools/label/index.ts

@@ -221,8 +221,12 @@ export class Label implements Extension {
       editable: true,
       vertical: false,
     }
-
-    if (!isMultiple || len >= (curLabelOption?.maxCount ?? maxCount)) {
+    // 全局的isMultiple为false，或全局isMultiple为true但局部isMultiple指明是false，或当前label长度已经达到上线时，不允许添加多个 label
+    if (
+      !isMultiple ||
+      (isMultiple && curLabelOption.isMultiple === false) ||
+      len >= (curLabelOption?.maxCount ?? maxCount)
+    ) {
       return
     }