@logicflow/extension 1.2.0-alpha.4 → 1.2.0-alpha.7

package/cjs/NodeResize/Control/Control.js

@@ -37,9 +37,11 @@ var Control = /** @class */ (function (_super) {
         _this.updatePosition = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, x = _b.x, y = _b.y;
-            _this.nodeModel.x = x + deltaX / 2;
-            _this.nodeModel.y = y + deltaY / 2;
             _this.nodeModel.moveText(deltaX / 2, deltaY / 2);
+            _this.nodeModel.updateAttributes({
+                x: x + deltaX / 2,
+                y: y + deltaY / 2,
+            });
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
@@ -93,14 +95,16 @@ var Control = /** @class */ (function (_super) {
             }
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新宽高
-            _this.nodeModel.width = size.width;
-            _this.nodeModel.height = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     width: size.width,
                     height: size.height,
                 },
             });
+            _this.nodeModel.updateAttributes({
+                width: size.width,
+                height: size.height,
+            });
             var edges = _this.getNodeEdges(id);
             var beforeNode = {
                 x: x,

package/cjs/NodeResize/Node/DiamondResize.js

@@ -29,14 +29,8 @@ var ControlGroup_1 = require("../Control/ControlGroup");
 var Polygon_1 = require("../BasicShape/Polygon");
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
-    function DiamondResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function DiamondResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     DiamondResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -46,6 +40,14 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         this.maxHeight = 2000;
         this.gridSize = 1;
     };
+    DiamondResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/cjs/NodeResize/Node/EllipseResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../Control/ControlGroup");
 var EllipseResizeModel = /** @class */ (function (_super) {
     __extends(EllipseResizeModel, _super);
-    function EllipseResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function EllipseResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     EllipseResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -33,6 +27,14 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    EllipseResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     EllipseResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/cjs/NodeResize/Node/HtmlResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../Control/ControlGroup");
 var HtmlResizeModel = /** @class */ (function (_super) {
     __extends(HtmlResizeModel, _super);
-    function HtmlResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.width = nodeSize.width;
-            _this.height = nodeSize.height;
-        }
-        return _this;
+    function HtmlResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     HtmlResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -33,6 +27,14 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    HtmlResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.width = nodeSize.width;
+            this.height = nodeSize.height;
+        }
+    };
     HtmlResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/cjs/NodeResize/Node/RectResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../Control/ControlGroup");
 var RectResizeModel = /** @class */ (function (_super) {
     __extends(RectResizeModel, _super);
-    function RectResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.width = nodeSize.width;
-            _this.height = nodeSize.height;
-        }
-        return _this;
+    function RectResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     RectResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -33,6 +27,14 @@ var RectResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    RectResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.width = nodeSize.width;
+            this.height = nodeSize.height;
+        }
+    };
     RectResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/cjs/bpmn-adapter/index.js

@@ -179,7 +179,7 @@ function convertLf2ProcessData(bpmnProcessData, data) {
         return edgeConfig;
     });
     // @see https://github.com/didi/LogicFlow/issues/325
-    // 需要保证incomming在outgoing之前
+    // 需要保证incoming在outgoing之前
     data.edges.forEach(function (edge) {
         var sourceNode = nodeMap.get(edge.sourceNodeId);
         if (!sourceNode['bpmn:outgoing']) {

package/cjs/components/highlight/index.js

@@ -0,0 +1,187 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Highlight = void 0;
+// 后续并入FlowPath
+var getPath = function (id, lf) {
+    var el = lf.getModelById(id);
+    return getNodePath(el.BaseType === 'node' ? el : el.targetNode, lf);
+};
+// dfs + 动态规划
+// todo 算法优化
+var getNodePath = function (node, lf) {
+    var incomingPaths = [];
+    var outgoingPaths = [];
+    var getIncomingPaths = function (curNode, path, prevNode) {
+        if (prevNode === void 0) { prevNode = null; }
+        if (prevNode) {
+            // * 上个节点和当前节点中间边
+            path.unshift.apply(path, __spread(lf
+                .getEdgeModels({
+                sourceNodeId: curNode.id,
+                targetNodeId: prevNode.id,
+            })
+                .map(function (item) { return item.id; })));
+        }
+        // * 路径中存在节点，则不再继续查找，说明出现环情况
+        if (path.includes(curNode.id)) {
+            incomingPaths.push(path);
+            return;
+        }
+        // * 路径中当前加入节点
+        path.unshift(curNode.id);
+        if (!curNode.incoming.nodes.length) {
+            incomingPaths.push(path);
+            return;
+        }
+        // * 往下找
+        curNode.incoming.nodes.forEach(function (nextNode) {
+            getIncomingPaths(nextNode, path.slice(), curNode);
+        });
+    };
+    // * 同上逻辑
+    var getOutgoingPaths = function (curNode, path, prevNode) {
+        if (prevNode === void 0) { prevNode = null; }
+        if (prevNode) {
+            path.push.apply(path, __spread(lf
+                .getEdgeModels({
+                sourceNodeId: prevNode.id,
+                targetNodeId: curNode.id,
+            })
+                .map(function (item) { return item.id; })));
+        }
+        if (path.includes(curNode.id)) {
+            outgoingPaths.push(path);
+            return;
+        }
+        path.push(curNode.id);
+        if (!curNode.outgoing.nodes.length) {
+            outgoingPaths.push(path);
+            return;
+        }
+        curNode.outgoing.nodes.forEach(function (nextNode) {
+            getOutgoingPaths(nextNode, path.slice(), curNode);
+        });
+    };
+    getIncomingPaths(node, []);
+    getOutgoingPaths(node, []);
+    return __spread(new Set(__spread(incomingPaths.flat(), outgoingPaths.flat())));
+};
+var Highlight = /** @class */ (function () {
+    function Highlight(_a) {
+        var lf = _a.lf;
+        this.mode = 'path';
+        this.manual = false;
+        this.tempStyles = {};
+        this.lf = lf;
+    }
+    Highlight.prototype.setMode = function (mode) {
+        this.mode = mode;
+    };
+    Highlight.prototype.setManual = function (manual) {
+        this.manual = manual;
+    };
+    Highlight.prototype.highlightSingle = function (id) {
+        var model = this.lf.getModelById(id);
+        if (model.BaseType === 'node') {
+            // 高亮节点
+            model.updateStyles(this.tempStyles[id]);
+        }
+        else if (model.BaseType === 'edge') {
+            // 高亮边及对应的节点
+            model.updateStyles(this.tempStyles[id]);
+            model.sourceNode.updateStyles(this.tempStyles[model.sourceNode.id]);
+            model.targetNode.updateStyles(this.tempStyles[model.targetNode.id]);
+        }
+    };
+    Highlight.prototype.highlightPath = function (id) {
+        var _this = this;
+        var path = getPath(id, this.lf);
+        path.forEach(function (_id) {
+            // 高亮路径上所有的边和节点
+            _this.lf.getModelById(_id).updateStyles(_this.tempStyles[_id]);
+        });
+    };
+    Highlight.prototype.highlight = function (id, mode) {
+        var _this = this;
+        if (mode === void 0) { mode = this.mode; }
+        if (this.manual)
+            return;
+        if (Object.keys(this.tempStyles).length) {
+            this.restoreHighlight();
+        }
+        Object.values(this.lf.graphModel.modelsMap).forEach(function (item) {
+            //  所有节点样式都进行备份
+            // eslint-disable-next-line operator-linebreak
+            var oStyle = item.BaseType === 'node' ? item.getNodeStyle() : item.getEdgeStyle();
+            _this.tempStyles[item.id] = __assign({}, oStyle);
+            //  所有节点都设置透明度为0.1
+            item.setStyles({ opacity: 0.1 });
+        });
+        var modeTrigger = {
+            single: this.highlightSingle.bind(this),
+            path: this.highlightPath.bind(this),
+        };
+        modeTrigger[mode](id);
+    };
+    Highlight.prototype.restoreHighlight = function () {
+        var _this = this;
+        // 恢复所有节点的样式
+        if (!Object.keys(this.tempStyles).length)
+            return;
+        Object.values(this.lf.graphModel.modelsMap).forEach(function (item) {
+            var _a;
+            var oStyle = (_a = _this.tempStyles[item.id]) !== null && _a !== void 0 ? _a : {};
+            item.updateStyles(__assign({}, oStyle));
+        });
+        this.tempStyles = {};
+    };
+    Highlight.prototype.render = function (lf, domContainer) {
+        var _this = this;
+        this.lf.on('node:mouseenter', function (_a) {
+            var data = _a.data;
+            return _this.highlight(data.id);
+        });
+        this.lf.on('edge:mouseenter', function (_a) {
+            var data = _a.data;
+            return _this.highlight(data.id);
+        });
+        this.lf.on('node:mouseleave', this.restoreHighlight.bind(this));
+        this.lf.on('edge:mouseleave', this.restoreHighlight.bind(this));
+        this.lf.on('history:change', this.restoreHighlight.bind(this));
+    };
+    Highlight.prototype.destroy = function () { };
+    Highlight.pluginName = 'highlight';
+    return Highlight;
+}());
+exports.Highlight = Highlight;

package/cjs/components/mini-map/index.js

@@ -103,6 +103,11 @@ var MiniMap = /** @class */ (function () {
                 _this.__setView();
             }
         });
+        this.__lf.on('blank:drop', function () {
+            if (_this.__isShow) {
+                _this.__setView();
+            }
+        });
     };
     MiniMap.prototype.init = function (option) {
         this.__disabledPlugins = this.__disabledPlugins.concat(option.disabledPlugins || []);

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

@@ -43,9 +43,11 @@ var SelectionSelect = /** @class */ (function () {
             }
             var lt = [Math.min(x, x1), Math.min(y, y1)];
             var rt = [Math.max(x, x1), Math.max(y, y1)];
-            var elements = _this.lf.getAreaElement(lt, rt, _this.isWholeEdge, _this.isWholeNode);
+            var elements = _this.lf.graphModel.getAreaElement(lt, rt, _this.isWholeEdge, _this.isWholeNode);
             elements.forEach(function (element) {
-                _this.lf.selectElementById(element.id, true);
+                if (_this.isSelectElement(element)) {
+                    _this.lf.selectElementById(element.id, true);
+                }
             });
             _this.lf.emit('selection:selected', elements);
         };
@@ -118,6 +120,24 @@ var SelectionSelect = /** @class */ (function () {
         }
         this.close();
     };
+    SelectionSelect.prototype.isSelectElement = function (elementModel) {
+        // 如果不可见，则不被选中
+        if (!elementModel.visible)
+            return false;
+        var group = this.lf.extension.group;
+        // 节点在group中,则不被选中
+        if (group) {
+            if (elementModel.BaseType === 'node' && group.getNodeGroup(elementModel.id))
+                return false;
+            if (elementModel.BaseType === 'edge') {
+                if (group.getNodeGroup(elementModel.sourceNodeId)
+                    || group.getNodeGroup(elementModel.targetNodeId)) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    };
     SelectionSelect.prototype.open = function () {
         this.__disabled = false;
     };

package/cjs/index.js

@@ -30,3 +30,4 @@ __exportStar(require("./tools/auto-layout"), exports);
 __exportStar(require("./bpmn-adapter/xml2json"), exports);
 __exportStar(require("./bpmn-adapter/json2xml"), exports);
 __exportStar(require("./locale/en-locale"), exports);
+__exportStar(require("./components/highlight"), exports);

package/cjs/materials/group/GroupNode.js

@@ -107,24 +107,30 @@ var GroupNodeModel = /** @class */ (function (_super) {
         this.isFolded = isFolded;
         // step 1
         if (isFolded) {
-            this.x = this.x - this.width / 2 + this.foldedWidth / 2;
-            this.y = this.y - this.height / 2 + this.foldedHeight / 2;
             this.unfoldedWidth = this.width;
             this.unfoldedHight = this.height;
-            this.width = this.foldedWidth;
-            this.height = this.foldedHeight;
+            this.updateAttributes({
+                x: this.x - this.width / 2 + this.foldedWidth / 2,
+                y: this.y - this.height / 2 + this.foldedHeight / 2,
+                width: this.foldedWidth,
+                height: this.foldedHeight,
+            });
         }
         else {
-            this.width = this.unfoldedWidth;
-            this.height = this.unfoldedHight;
-            this.x = this.x + this.width / 2 - this.foldedWidth / 2;
-            this.y = this.y + this.height / 2 - this.foldedHeight / 2;
+            this.updateAttributes({
+                width: this.unfoldedWidth,
+                height: this.unfoldedHight,
+                x: this.x + this.unfoldedWidth / 2 - this.foldedWidth / 2,
+                y: this.y + this.unfoldedHight / 2 - this.foldedHeight / 2,
+            });
         }
         // step 2
         var allEdges = this.incoming.edges.concat(this.outgoing.edges);
         this.children.forEach(function (elementId) {
             var nodeModel = _this.graphModel.getElement(elementId);
-            nodeModel.visible = !isFolded;
+            nodeModel.updateAttributes({
+                visible: !isFolded,
+            });
             allEdges = allEdges.concat(nodeModel.incoming.edges.concat(nodeModel.outgoing.edges));
         });
         // step 3
@@ -196,7 +202,9 @@ var GroupNodeModel = /** @class */ (function (_super) {
                 if (targetNodeIdGroup.id !== _this.id || sourceNodeIdGroup.id !== _this.id) {
                     _this.createVirtualEdge(data);
                 }
-                edgeModel.visible = false;
+                edgeModel.updateAttributes({
+                    visible: false,
+                });
             }
             // 展开时，处理被隐藏的边的逻辑
             if (!isFolded && edgeModel.visible === false) {
@@ -212,7 +220,9 @@ var GroupNodeModel = /** @class */ (function (_super) {
                     _this.createVirtualEdge(data);
                 }
                 else {
-                    edgeModel.visible = true;
+                    edgeModel.updateAttributes({
+                        visible: true,
+                    });
                 }
             }
         });
@@ -222,7 +232,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
         var model = this.graphModel.addEdge(edgeData);
         model.virtual = true;
         // 强制不保存group连线数据
-        model.getData = function () { return null; };
+        // model.getData = () => null;
         model.text.editable = false;
         model.isFoldedEdge = true;
     };

package/es/NodeResize/Control/Control.js

@@ -35,9 +35,11 @@ var Control = /** @class */ (function (_super) {
         _this.updatePosition = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, x = _b.x, y = _b.y;
-            _this.nodeModel.x = x + deltaX / 2;
-            _this.nodeModel.y = y + deltaY / 2;
             _this.nodeModel.moveText(deltaX / 2, deltaY / 2);
+            _this.nodeModel.updateAttributes({
+                x: x + deltaX / 2,
+                y: y + deltaY / 2,
+            });
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
@@ -91,14 +93,16 @@ var Control = /** @class */ (function (_super) {
             }
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新宽高
-            _this.nodeModel.width = size.width;
-            _this.nodeModel.height = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     width: size.width,
                     height: size.height,
                 },
             });
+            _this.nodeModel.updateAttributes({
+                width: size.width,
+                height: size.height,
+            });
             var edges = _this.getNodeEdges(id);
             var beforeNode = {
                 x: x,

package/es/NodeResize/Node/DiamondResize.d.ts

@@ -1,7 +1,7 @@
 import { h, DiamondNode, DiamondNodeModel } from '@logicflow/core';
 declare class DiamondResizeModel extends DiamondNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/DiamondResize.js

@@ -27,14 +27,8 @@ import ControlGroup from '../Control/ControlGroup';
 import Polygon from '../BasicShape/Polygon';
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
-    function DiamondResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function DiamondResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     DiamondResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -44,6 +38,14 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         this.maxHeight = 2000;
         this.gridSize = 1;
     };
+    DiamondResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/es/NodeResize/Node/EllipseResize.d.ts

@@ -1,7 +1,7 @@
 import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 declare class EllipseResizeModel extends EllipseNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/EllipseResize.js

@@ -15,14 +15,8 @@ import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var EllipseResizeModel = /** @class */ (function (_super) {
     __extends(EllipseResizeModel, _super);
-    function EllipseResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function EllipseResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     EllipseResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -31,6 +25,14 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    EllipseResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     EllipseResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/es/NodeResize/Node/HtmlResize.d.ts

@@ -1,7 +1,7 @@
 import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 declare class HtmlResizeModel extends HtmlNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/HtmlResize.js

@@ -15,14 +15,8 @@ import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var HtmlResizeModel = /** @class */ (function (_super) {
     __extends(HtmlResizeModel, _super);
-    function HtmlResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.width = nodeSize.width;
-            _this.height = nodeSize.height;
-        }
-        return _this;
+    function HtmlResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     HtmlResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -31,6 +25,14 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    HtmlResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.width = nodeSize.width;
+            this.height = nodeSize.height;
+        }
+    };
     HtmlResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/es/NodeResize/Node/RectResize.d.ts

@@ -1,7 +1,7 @@
 import { h, RectNode, RectNodeModel } from '@logicflow/core';
 declare class RectResizeModel extends RectNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         fill: string;