@logicflow/extension 2.2.4-alpha.1 → 2.3.0-alpha.1

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

@@ -14,6 +14,12 @@ export declare const dynamicGroup: {
     view: typeof DynamicGroupNode;
     model: typeof DynamicGroupNodeModel;
 };
+export type SensorOutlineOptions = {
+    /** 拖拽感应外框描边颜色，默认 '#feb663' */
+    stroke?: string;
+    /** 拖拽感应外框线宽，默认 2 */
+    strokeWidth?: number;
+};
 export declare class DynamicGroup {
     static pluginName: string;
     private lf;
@@ -27,9 +33,10 @@ export declare class DynamicGroup {
      * 默认 true，与 v1.1 以来行为一致；为 false 时仅删除分组，成员保留并解除归属。
      */
     cascadeDeleteChildren: boolean;
-    sensorOutline: DynamicGroup.SensorOutlineOptions;
+    /** 拖拽节点进入分组时的感应外框样式 */
+    sensorOutline?: SensorOutlineOptions;
     topGroupZIndex: number;
-    activeGroup?: DynamicGroupNodeModel;
+    activeGroups: Set<DynamicGroupNodeModel>;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {
@@ -91,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. 分组节点默认在普通节点下面
@@ -148,12 +156,6 @@ export declare namespace DynamicGroup {
         childNodes: BaseNodeModel[];
         edgesData: EdgeData[];
     };
-    type SensorOutlineOptions = {
-        /** 拖拽感应外框描边颜色，默认 '#feb663' */
-        stroke?: string;
-        /** 拖拽感应外框线宽，默认 2 */
-        strokeWidth?: number;
-    };
     type DynamicGroupOptions = Partial<{
         isCollapsed: boolean;
         /** 为 true 时禁止手动将边连到/从分组节点；默认 false */

package/es/dynamic-group/index.js

@@ -74,8 +74,9 @@ var DynamicGroup = /** @class */ (function () {
          * 默认 true，与 v1.1 以来行为一致；为 false 时仅删除分组，成员保留并解除归属。
          */
         this.cascadeDeleteChildren = true;
-        this.sensorOutline = {};
         this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
+        // 激活态的 group 节点（支持多组同时高亮）
+        this.activeGroups = new Set();
         // 存储节点与 group 的映射关系
         this.nodeGroupMap = new Map();
         /** 折叠态虚拟边 id → 所属分组与真实边 id */
@@ -276,32 +277,85 @@ 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();
             selectedNodes.forEach(function (node) {
-                _this.setActiveGroup(node);
+                var targetGroup = _this.getTargetGroupForNode(node);
+                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; }
+            }
+            _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);
+            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);
                 }
-                if (!targetGroup || (nodeModel.isGroup && targetGroup.id === node.id)) {
-                    return;
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                 }
-                var isAllowAppendIn = targetGroup.isAllowAppendIn(node);
-                if (!isAllowAppendIn)
-                    return;
-                _this.activeGroup = targetGroup;
-                _this.activeGroup.setAllowAppendChild(true);
+                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 = next;
         };
         /**
          * 1. 分组节点默认在普通节点下面
@@ -418,7 +472,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) {
@@ -570,10 +624,35 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        if (this.activeGroup) {
-            this.activeGroup.setAllowAppendChild(false);
-            this.activeGroup = undefined;
+        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.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/model.d.ts

@@ -2,12 +2,6 @@ import LogicFlow, { BaseEdgeModel, GraphModel, IRectNodeProperties, RectNodeMode
 import NodeData = LogicFlow.NodeData;
 import NodeConfig = LogicFlow.NodeConfig;
 import EdgeConfig = LogicFlow.EdgeConfig;
-/** 拖拽感应外框默认样式（可通过 pluginsOptions.dynamicGroup.sensorOutline 覆盖） */
-export declare const DEFAULT_SENSOR_OUTLINE: {
-    readonly stroke: "#feb663";
-    readonly strokeWidth: 2;
-};
-export type SensorOutlineOptions = Partial<typeof DEFAULT_SENSOR_OUTLINE>;
 export type IGroupNodeProperties = {
     /**
      * 当前分组中的节点 id
@@ -191,10 +185,14 @@ export declare class DynamicGroupNodeModel extends RectNodeModel<IGroupNodePrope
      * 设置分组节点 drop 区域的样式
      */
     getAddableOutlineStyle(): {
-        stroke: "#feb663";
-        strokeWidth: 2;
+        stroke: string;
+        strokeWidth: number;
         strokeDasharray: string;
         fill: string;
     };
 }
+export declare const DEFAULT_SENSOR_OUTLINE: {
+    stroke: string;
+    strokeWidth: number;
+};
 export default DynamicGroupNodeModel;

package/es/dynamic-group/model.js

@@ -59,11 +59,6 @@ import { observable, ElementType, RectNodeModel, } from '@logicflow/core';
 import { cloneDeep, forEach } from 'lodash-es';
 import { ExtensionEventType } from '../constant/events';
 import { DEFAULT_TITLE_TEXT_ALIGN, DEFAULT_TITLE_WRAP_PADDING, formatWrapPaddingCss, getTitleForeignObjectRect, parseWrapPadding, resolveTitleTextPosition, textAlignToAnchor, } from './utils';
-/** 拖拽感应外框默认样式（可通过 pluginsOptions.dynamicGroup.sensorOutline 覆盖） */
-export var DEFAULT_SENSOR_OUTLINE = {
-    stroke: '#feb663',
-    strokeWidth: 2,
-};
 // 分组节点默认展开时的大小
 var DEFAULT_GROUP_EXPAND_WIDTH = 400;
 var DEFAULT_GROUP_EXPAND_HEIGHT = 230;
@@ -567,12 +562,12 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
      * 设置分组节点 drop 区域的样式
      */
     DynamicGroupNodeModel.prototype.getAddableOutlineStyle = function () {
-        var plugin = this.graphModel
-            .dynamicGroup;
-        var _a = __assign(__assign({}, DEFAULT_SENSOR_OUTLINE), plugin === null || plugin === void 0 ? void 0 : plugin.sensorOutline), stroke = _a.stroke, strokeWidth = _a.strokeWidth;
+        var _a;
+        var plugin = this.graphModel.dynamicGroup;
+        var _b = (_a = plugin === null || plugin === void 0 ? void 0 : plugin.sensorOutline) !== null && _a !== void 0 ? _a : {}, stroke = _b.stroke, strokeWidth = _b.strokeWidth;
         return {
-            stroke: stroke,
-            strokeWidth: strokeWidth,
+            stroke: stroke !== null && stroke !== void 0 ? stroke : DEFAULT_SENSOR_OUTLINE.stroke,
+            strokeWidth: strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : DEFAULT_SENSOR_OUTLINE.strokeWidth,
             strokeDasharray: '4 4',
             fill: 'transparent',
         };
@@ -589,4 +584,8 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
     return DynamicGroupNodeModel;
 }(RectNodeModel));
 export { DynamicGroupNodeModel };
+export var DEFAULT_SENSOR_OUTLINE = {
+    stroke: '#feb663',
+    strokeWidth: 2,
+};
 export default DynamicGroupNodeModel;

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

@@ -14,6 +14,12 @@ export declare const dynamicGroup: {
     view: typeof DynamicGroupNode;
     model: typeof DynamicGroupNodeModel;
 };
+export type SensorOutlineOptions = {
+    /** 拖拽感应外框描边颜色，默认 '#feb663' */
+    stroke?: string;
+    /** 拖拽感应外框线宽，默认 2 */
+    strokeWidth?: number;
+};
 export declare class DynamicGroup {
     static pluginName: string;
     private lf;
@@ -27,9 +33,10 @@ export declare class DynamicGroup {
      * 默认 true，与 v1.1 以来行为一致；为 false 时仅删除分组，成员保留并解除归属。
      */
     cascadeDeleteChildren: boolean;
-    sensorOutline: DynamicGroup.SensorOutlineOptions;
+    /** 拖拽节点进入分组时的感应外框样式 */
+    sensorOutline?: SensorOutlineOptions;
     topGroupZIndex: number;
-    activeGroup?: DynamicGroupNodeModel;
+    activeGroups: Set<DynamicGroupNodeModel>;
     nodeGroupMap: Map<string, string>;
     /** 折叠态虚拟边 id → 所属分组与真实边 id */
     collapsedVirtualEdges: Map<string, {
@@ -91,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. 分组节点默认在普通节点下面
@@ -148,12 +156,6 @@ export declare namespace DynamicGroup {
         childNodes: BaseNodeModel[];
         edgesData: EdgeData[];
     };
-    type SensorOutlineOptions = {
-        /** 拖拽感应外框描边颜色，默认 '#feb663' */
-        stroke?: string;
-        /** 拖拽感应外框线宽，默认 2 */
-        strokeWidth?: number;
-    };
     type DynamicGroupOptions = Partial<{
         isCollapsed: boolean;
         /** 为 true 时禁止手动将边连到/从分组节点；默认 false */

package/lib/dynamic-group/index.js

@@ -91,8 +91,9 @@ var DynamicGroup = /** @class */ (function () {
          * 默认 true，与 v1.1 以来行为一致；为 false 时仅删除分组，成员保留并解除归属。
          */
         this.cascadeDeleteChildren = true;
-        this.sensorOutline = {};
         this.topGroupZIndex = DEFAULT_BOTTOM_Z_INDEX;
+        // 激活态的 group 节点（支持多组同时高亮）
+        this.activeGroups = new Set();
         // 存储节点与 group 的映射关系
         this.nodeGroupMap = new Map();
         /** 折叠态虚拟边 id → 所属分组与真实边 id */
@@ -293,32 +294,85 @@ 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();
             selectedNodes.forEach(function (node) {
-                _this.setActiveGroup(node);
+                var targetGroup = _this.getTargetGroupForNode(node);
+                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; }
+            }
+            _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);
+            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);
                 }
-                if (!targetGroup || (nodeModel.isGroup && targetGroup.id === node.id)) {
-                    return;
+            }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                 }
-                var isAllowAppendIn = targetGroup.isAllowAppendIn(node);
-                if (!isAllowAppendIn)
-                    return;
-                _this.activeGroup = targetGroup;
-                _this.activeGroup.setAllowAppendChild(true);
+                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 = next;
         };
         /**
          * 1. 分组节点默认在普通节点下面
@@ -435,7 +489,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) {
@@ -587,10 +641,35 @@ var DynamicGroup = /** @class */ (function () {
         this.topGroupZIndex = max;
     };
     DynamicGroup.prototype.clearDragTargetHighlight = function () {
-        if (this.activeGroup) {
-            this.activeGroup.setAllowAppendChild(false);
-            this.activeGroup = undefined;
+        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.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/model.d.ts

@@ -2,12 +2,6 @@ import LogicFlow, { BaseEdgeModel, GraphModel, IRectNodeProperties, RectNodeMode
 import NodeData = LogicFlow.NodeData;
 import NodeConfig = LogicFlow.NodeConfig;
 import EdgeConfig = LogicFlow.EdgeConfig;
-/** 拖拽感应外框默认样式（可通过 pluginsOptions.dynamicGroup.sensorOutline 覆盖） */
-export declare const DEFAULT_SENSOR_OUTLINE: {
-    readonly stroke: "#feb663";
-    readonly strokeWidth: 2;
-};
-export type SensorOutlineOptions = Partial<typeof DEFAULT_SENSOR_OUTLINE>;
 export type IGroupNodeProperties = {
     /**
      * 当前分组中的节点 id
@@ -191,10 +185,14 @@ export declare class DynamicGroupNodeModel extends RectNodeModel<IGroupNodePrope
      * 设置分组节点 drop 区域的样式
      */
     getAddableOutlineStyle(): {
-        stroke: "#feb663";
-        strokeWidth: 2;
+        stroke: string;
+        strokeWidth: number;
         strokeDasharray: string;
         fill: string;
     };
 }
+export declare const DEFAULT_SENSOR_OUTLINE: {
+    stroke: string;
+    strokeWidth: number;
+};
 export default DynamicGroupNodeModel;

package/lib/dynamic-group/model.js

@@ -57,16 +57,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DynamicGroupNodeModel = exports.DEFAULT_SENSOR_OUTLINE = void 0;
+exports.DEFAULT_SENSOR_OUTLINE = exports.DynamicGroupNodeModel = void 0;
 var core_1 = require("@logicflow/core");
 var lodash_es_1 = require("lodash-es");
 var events_1 = require("../constant/events");
 var utils_1 = require("./utils");
-/** 拖拽感应外框默认样式（可通过 pluginsOptions.dynamicGroup.sensorOutline 覆盖） */
-exports.DEFAULT_SENSOR_OUTLINE = {
-    stroke: '#feb663',
-    strokeWidth: 2,
-};
 // 分组节点默认展开时的大小
 var DEFAULT_GROUP_EXPAND_WIDTH = 400;
 var DEFAULT_GROUP_EXPAND_HEIGHT = 230;
@@ -570,12 +565,12 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
      * 设置分组节点 drop 区域的样式
      */
     DynamicGroupNodeModel.prototype.getAddableOutlineStyle = function () {
-        var plugin = this.graphModel
-            .dynamicGroup;
-        var _a = __assign(__assign({}, exports.DEFAULT_SENSOR_OUTLINE), plugin === null || plugin === void 0 ? void 0 : plugin.sensorOutline), stroke = _a.stroke, strokeWidth = _a.strokeWidth;
+        var _a;
+        var plugin = this.graphModel.dynamicGroup;
+        var _b = (_a = plugin === null || plugin === void 0 ? void 0 : plugin.sensorOutline) !== null && _a !== void 0 ? _a : {}, stroke = _b.stroke, strokeWidth = _b.strokeWidth;
         return {
-            stroke: stroke,
-            strokeWidth: strokeWidth,
+            stroke: stroke !== null && stroke !== void 0 ? stroke : exports.DEFAULT_SENSOR_OUTLINE.stroke,
+            strokeWidth: strokeWidth !== null && strokeWidth !== void 0 ? strokeWidth : exports.DEFAULT_SENSOR_OUTLINE.strokeWidth,
             strokeDasharray: '4 4',
             fill: 'transparent',
         };
@@ -592,4 +587,8 @@ var DynamicGroupNodeModel = /** @class */ (function (_super) {
     return DynamicGroupNodeModel;
 }(core_1.RectNodeModel));
 exports.DynamicGroupNodeModel = DynamicGroupNodeModel;
+exports.DEFAULT_SENSOR_OUTLINE = {
+    stroke: '#feb663',
+    strokeWidth: 2,
+};
 exports.default = DynamicGroupNodeModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/extension",
-  "version": "2.2.4-alpha.1",
+  "version": "2.3.0-alpha.1",
   "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.2.2"
+    "@logicflow/core": "2.2.3-alpha.0"
   },
   "dependencies": {
     "@antv/hierarchy": "^0.6.11",
@@ -37,7 +37,7 @@
     "postcss-url": "^10.1.3",
     "postcss-import": "^16.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "@logicflow/core": "2.2.2"
+    "@logicflow/core": "2.2.3-alpha.0"
   },
   "files": [
     "dist",