@logicflow/extension 1.1.20 → 1.2.0-alpha.10

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

@@ -175,11 +175,11 @@ var MiniMap = /** @class */ (function () {
             nodes.forEach(function (_a) {
                 var x = _a.x, y = _a.y, _b = _a.width, width = _b === void 0 ? 200 : _b, _c = _a.height, height = _c === void 0 ? 200 : _c;
                 var nodeLeft = x - width / 2;
-                var noderight = x + width / 2;
+                var nodeRight = x + width / 2;
                 var nodeTop = y - height / 2;
                 var nodeBottom = y + height / 2;
                 left = nodeLeft < left ? nodeLeft : left;
-                right = noderight > right ? noderight : right;
+                right = nodeRight > right ? nodeRight : right;
                 top = nodeTop < top ? nodeTop : top;
                 bottom = nodeBottom > bottom ? nodeBottom : bottom;
             });

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

@@ -6,7 +6,7 @@ var SelectionSelect = /** @class */ (function () {
         var _this = this;
         var lf = _a.lf;
         this.__disabled = false;
-        this.isDefalutStopMoveGraph = false;
+        this.isDefaultStopMoveGraph = false;
         this.isWholeNode = true;
         this.isWholeEdge = true;
         this.__draw = function (ev) {
@@ -43,16 +43,18 @@ 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);
         };
         this.lf = lf;
-        // 初始化isDefalutStopMoveGraph取值
+        // 初始化isDefaultStopMoveGraph取值
         var stopMoveGraph = lf.getEditConfig().stopMoveGraph;
-        this.isDefalutStopMoveGraph = stopMoveGraph;
+        this.isDefaultStopMoveGraph = stopMoveGraph;
         lf.openSelectionSelect = function () {
             _this.openSelectionSelect();
         };
@@ -100,7 +102,7 @@ var SelectionSelect = /** @class */ (function () {
     SelectionSelect.prototype.openSelectionSelect = function () {
         var stopMoveGraph = this.lf.getEditConfig().stopMoveGraph;
         if (!stopMoveGraph) {
-            this.isDefalutStopMoveGraph = false;
+            this.isDefaultStopMoveGraph = false;
             this.lf.updateEditConfig({
                 stopMoveGraph: true,
             });
@@ -111,13 +113,31 @@ var SelectionSelect = /** @class */ (function () {
      * 关闭选区
      */
     SelectionSelect.prototype.closeSelectionSelect = function () {
-        if (!this.isDefalutStopMoveGraph) {
+        if (!this.isDefaultStopMoveGraph) {
             this.lf.updateEditConfig({
                 stopMoveGraph: false,
             });
         }
         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

@@ -29,4 +29,5 @@ __exportStar(require("./tools/flow-path"), exports);
 __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/insert-node-in-polyline/edge.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNodeInSegement = exports.corssPointInSegement = exports.isInSegment = void 0;
+exports.isNodeInSegment = exports.crossPointInSegment = exports.isInSegment = void 0;
 // 这个里面的函数有些在core中已经存在，为了解耦关系，没有引用
 var SegmentDirection;
 (function (SegmentDirection) {
@@ -45,7 +45,7 @@ var segmentDirection = function (start, end) {
     return direction;
 };
 // 节点是够在线段内，求出节点与线段的交点
-exports.corssPointInSegement = function (node, start, end) {
+exports.crossPointInSegment = function (node, start, end) {
     var bBox = getNodeBBox(node);
     var direction = segmentDirection(start, end);
     var maxX = Math.max(start.x, end.x);
@@ -86,12 +86,12 @@ exports.corssPointInSegement = function (node, start, end) {
 };
 // 节点是否在线段内
 // eslint-disable-next-line max-len
-exports.isNodeInSegement = function (node, polyline) {
+exports.isNodeInSegment = function (node, polyline) {
     var x = node.x, y = node.y;
     var pointsList = polyline.pointsList;
     for (var i = 0; i < pointsList.length - 1; i++) {
         if (exports.isInSegment({ x: x, y: y }, pointsList[i], pointsList[i + 1])) {
-            var bBoxCross = exports.corssPointInSegement(node, pointsList[i], pointsList[i + 1]);
+            var bBoxCross = exports.crossPointInSegment(node, pointsList[i], pointsList[i + 1]);
             if (bBoxCross) {
                 return {
                     crossIndex: i + 1,

package/cjs/insert-node-in-polyline/index.js

@@ -62,7 +62,7 @@ var InsertNodeInPolyline = /** @class */ (function () {
         var nodeModel = this._lf.getNodeModelById(nodeData.id);
         for (var i = 0; i < edges.length; i++) {
             // eslint-disable-next-line max-len
-            var _a = edge_1.isNodeInSegement(nodeModel, edges[i]), crossIndex = _a.crossIndex, crossPoints = _a.crossPoints;
+            var _a = edge_1.isNodeInSegment(nodeModel, edges[i]), crossIndex = _a.crossIndex, crossPoints = _a.crossPoints;
             if (crossIndex >= 0) {
                 var _b = edges[i], sourceNodeId = _b.sourceNodeId, targetNodeId = _b.targetNodeId, id = _b.id, type = _b.type, pointsList = _b.pointsList;
                 this._lf.addEdge({

package/cjs/locale/en-locale/en.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.en = void 0;
+var en = {
+    文本: 'text',
+    开始: 'start',
+    缩小流程图: 'zoom in',
+    缩小: 'zoom in',
+    放大流程图: 'zoom out',
+    放大: 'zoom out',
+    恢复流程原有尺寸: 'adapt to original size',
+    适应: 'adapt',
+    回到上一步: 'undo',
+    上一步: 'undo',
+    移到下一步: 'redo',
+    下一步: 'redo',
+    删除: 'delete',
+    编辑文本: 'edit text',
+    复制: 'copy',
+};
+exports.en = en;
+exports.default = en;

package/cjs/locale/en-locale/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnLocale = void 0;
+var locale_1 = require("../locale");
+var en_1 = require("./en");
+var EnLocale = /** @class */ (function (_super) {
+    __extends(EnLocale, _super);
+    function EnLocale(_a) {
+        var LogicFlow = _a.LogicFlow;
+        return _super.call(this, LogicFlow, en_1.default) || this;
+    }
+    EnLocale.pluginName = 'enLocale';
+    return EnLocale;
+}(locale_1.Locale));
+exports.EnLocale = EnLocale;
+exports.default = EnLocale;

package/cjs/locale/locale.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Locale = void 0;
+var Locale = /** @class */ (function () {
+    function Locale(LogicFlow, map) {
+        if (LogicFlow && map) {
+            this.replaceTranslator(LogicFlow, map);
+        }
+    }
+    Locale.prototype.replaceTranslator = function (LogicFlow, map) {
+        LogicFlow.t = function (text) { return (map[text] ? map[text] : text); };
+    };
+    Locale.prototype.setDefault = function (LogicFlow) {
+        LogicFlow.t = Locale.defaultTranslator;
+    };
+    Locale.defaultTranslator = function (text) { return text; };
+    return Locale;
+}());
+exports.Locale = Locale;

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;
     };
@@ -295,7 +305,7 @@ var GroupNode = /** @class */ (function (_super) {
         var _a = this.props.model, resizable = _a.resizable, properties = _a.properties;
         return resizable && !properties.isFolded ? _super.prototype.getControlGroup.call(this) : null;
     };
-    GroupNode.prototype.getAddedableShape = function () {
+    GroupNode.prototype.getAddAbleShape = function () {
         var _a = this.props.model, width = _a.width, height = _a.height, x = _a.x, y = _a.y, radius = _a.radius, properties = _a.properties;
         if (!properties.groupAddable)
             return null;
@@ -341,7 +351,7 @@ var GroupNode = /** @class */ (function (_super) {
     };
     GroupNode.prototype.getResizeShape = function () {
         return core_1.h('g', {}, [
-            this.getAddedableShape(),
+            this.getAddAbleShape(),
             _super.prototype.getResizeShape.call(this),
             this.getFoldIcon(),
         ]);

package/cjs/materials/group/index.js

@@ -40,7 +40,7 @@ var Group = /** @class */ (function () {
                 });
             }
         };
-        this.appendNodeToGrop = function (_a) {
+        this.appendNodeToGroup = function (_a) {
             var data = _a.data;
             // 如果这个节点之前已经在group中了，则将其从之前的group中移除
             var preGroupId = _this.nodeGroupMap.get(data.id);
@@ -114,9 +114,9 @@ var Group = /** @class */ (function () {
             return true;
         });
         lf.graphModel.group = this;
-        lf.on('node:add', this.appendNodeToGrop);
+        lf.on('node:add', this.appendNodeToGroup);
         lf.on('node:delete', this.deleteGroupChild);
-        lf.on('node:drop', this.appendNodeToGrop);
+        lf.on('node:drop', this.appendNodeToGroup);
         lf.on('node:dnd-drag', this.setActiveGroup);
         lf.on('node:drag', this.setActiveGroup);
         lf.on('graph:rendered', this.graphRendered);

package/cjs/tools/auto-layout/index.js

@@ -1,7 +1,7 @@
 "use strict";
 /**
  * 自动布局插件
- * 依赖flowpath插件
+ * 依赖flow-path插件
  * 未完善
  */
 var __assign = (this && this.__assign) || function () {
@@ -141,7 +141,7 @@ var AutoLayout = /** @class */ (function () {
         var target = this.newNodeMap.get(targetNodeId);
         var _a = this.getShape(sourceNodeId), width = _a.width, height = _a.height;
         var _b = this.getShape(targetNodeId), targetWidth = _b.width, targetHeight = _b.height;
-        var postionType = this.getRelativePosition(source, target);
+        var positionType = this.getRelativePosition(source, target);
         var startPoint = {
             x: source.x,
             y: source.y,
@@ -150,7 +150,7 @@ var AutoLayout = /** @class */ (function () {
             x: target.x,
             y: target.y,
         };
-        switch (postionType) {
+        switch (positionType) {
             case POSITION_TYPE.LEFT:
                 startPoint.x = source.x + width / 2;
                 endPoint.x = target.x - targetWidth / 2;
@@ -176,22 +176,22 @@ var AutoLayout = /** @class */ (function () {
      * source一定在target左边。
      * 1. 如果source和target在同一x, y坐标内容。
      * 2. 如果source在target左上方。
-     * 3. 如果souce在target左下方。
+     * 3. 如果source在target左下方。
      */
     AutoLayout.prototype.getRelativePosition = function (source, target) {
         var y = source.y;
         var y1 = target.y;
-        var postionType;
+        var positionType;
         if (y < y1) {
-            postionType = -1;
+            positionType = -1;
         }
         else if (y === y1) {
-            postionType = 0;
+            positionType = 0;
         }
         else {
-            postionType = 1;
+            positionType = 1;
         }
-        return postionType;
+        return positionType;
     };
     /**
      * 获取边节点图形的宽高。

package/es/NodeResize/Control/Control.d.ts

@@ -49,7 +49,7 @@ declare class Control extends Component<IProps> {
         beforeNode: any;
         afterNode: any;
     }) => void;
-    onDraging: ({ deltaX, deltaY }: {
+    onDragging: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;
     }) => void;

package/es/NodeResize/Control/Control.js

@@ -25,7 +25,7 @@ var __assign = (this && this.__assign) || function () {
 import { h, Component } from 'preact';
 import { LogicFlowUtil } from '@logicflow/core';
 import Rect from '../BasicShape/Rect';
-import { getDiamondReizeEdgePoint, getEllipseReizeEdgePoint, getRectReizeEdgePoint, ModelType } from './Util';
+import { getDiamondResizeEdgePoint, getEllipseResizeEdgePoint, getRectResizeEdgePoint, ModelType } from './Util';
 var StepDrag = LogicFlowUtil.StepDrag;
 var Control = /** @class */ (function (_super) {
     __extends(Control, _super);
@@ -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) {
@@ -53,7 +55,7 @@ var Control = /** @class */ (function (_super) {
                     resize.height = height - deltaY * pct;
                     break;
                 case 2:
-                    resize.width = width + deltaX;
+                    resize.width = width + deltaX * pct;
                     resize.height = height + deltaY * pct;
                     break;
                 case 3:
@@ -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,
@@ -123,12 +127,12 @@ var Control = /** @class */ (function (_super) {
             var afterPoint;
             edges.sourceEdges.forEach(function (item) {
                 params.point = item.startPoint;
-                afterPoint = getRectReizeEdgePoint(params);
+                afterPoint = getRectResizeEdgePoint(params);
                 item.updateStartPoint(afterPoint);
             });
             edges.targetEdges.forEach(function (item) {
                 params.point = item.endPoint;
-                afterPoint = getRectReizeEdgePoint(params);
+                afterPoint = getRectResizeEdgePoint(params);
                 item.updateEndPoint(afterPoint);
             });
             _this.eventEmit({ beforeNode: beforeNode, afterNode: afterNode });
@@ -161,9 +165,9 @@ var Control = /** @class */ (function (_super) {
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
-            _this.nodeModel.rx = _this.nodeModel.rx + deltaX / 2;
+            _this.nodeModel.rx = size.width;
             // @ts-ignore
-            _this.nodeModel.ry = _this.nodeModel.ry + deltaY / 2;
+            _this.nodeModel.ry = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     rx: size.width,
@@ -187,12 +191,12 @@ var Control = /** @class */ (function (_super) {
             var afterPoint;
             edges.sourceEdges.forEach(function (item) {
                 params.point = item.startPoint;
-                afterPoint = getEllipseReizeEdgePoint(params);
+                afterPoint = getEllipseResizeEdgePoint(params);
                 item.updateStartPoint(afterPoint);
             });
             edges.targetEdges.forEach(function (item) {
                 params.point = item.endPoint;
-                afterPoint = getEllipseReizeEdgePoint(params);
+                afterPoint = getEllipseResizeEdgePoint(params);
                 item.updateEndPoint(afterPoint);
             });
             _this.eventEmit({ beforeNode: __assign(__assign({}, beforeNode), { rx: rx, ry: ry }), afterNode: afterNode });
@@ -225,9 +229,9 @@ var Control = /** @class */ (function (_super) {
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
-            _this.nodeModel.rx = _this.nodeModel.rx + deltaX / 2;
+            _this.nodeModel.rx = size.width;
             // @ts-ignore
-            _this.nodeModel.ry = _this.nodeModel.ry + deltaY / 2;
+            _this.nodeModel.ry = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     rx: size.width,
@@ -251,12 +255,12 @@ var Control = /** @class */ (function (_super) {
             var edges = _this.getNodeEdges(id);
             edges.sourceEdges.forEach(function (item) {
                 params.point = item.startPoint;
-                afterPoint = getDiamondReizeEdgePoint(params);
+                afterPoint = getDiamondResizeEdgePoint(params);
                 item.updateStartPoint(afterPoint);
             });
             edges.targetEdges.forEach(function (item) {
                 params.point = item.endPoint;
-                afterPoint = getDiamondReizeEdgePoint(params);
+                afterPoint = getDiamondResizeEdgePoint(params);
                 item.updateEndPoint(afterPoint);
             });
             _this.eventEmit({ beforeNode: beforeNode, afterNode: afterNode });
@@ -268,7 +272,7 @@ var Control = /** @class */ (function (_super) {
             var newNodeSize = __assign({ id: id, modelType: modelType, type: type }, afterNode);
             _this.graphModel.eventCenter.emit('node:resize', { oldNodeSize: oldNodeSize, newNodeSize: newNodeSize });
         };
-        _this.onDraging = function (_a) {
+        _this.onDragging = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var modelType = _this.nodeModel.modelType;
             // html和矩形的计算方式是一样的，共用一个方法
@@ -298,7 +302,7 @@ var Control = /** @class */ (function (_super) {
         }
         _this.state = {};
         _this.dragHandler = new StepDrag({
-            onDraging: _this.onDraging,
+            onDragging: _this.onDragging,
             step: step,
         });
         return _this;

package/es/NodeResize/Control/Util.d.ts

@@ -13,7 +13,7 @@ export declare enum ModelType {
     BEZIER_EDGE = "bezier-edge",
     GRAPH = "graph"
 }
-export declare function getRectReizeEdgePoint({ point, beforeNode, afterNode }: {
+export declare function getRectResizeEdgePoint({ point, beforeNode, afterNode }: {
     point: any;
     beforeNode: any;
     afterNode: any;
@@ -21,12 +21,12 @@ export declare function getRectReizeEdgePoint({ point, beforeNode, afterNode }:
     x: any;
     y: any;
 };
-export declare function getEllipseReizeEdgePoint({ point, beforeNode, afterNode }: {
+export declare function getEllipseResizeEdgePoint({ point, beforeNode, afterNode }: {
     point: any;
     beforeNode: any;
     afterNode: any;
 }): any;
-export declare function getDiamondReizeEdgePoint({ point, beforeNode, afterNode }: {
+export declare function getDiamondResizeEdgePoint({ point, beforeNode, afterNode }: {
     point: any;
     beforeNode: any;
     afterNode: any;

package/es/NodeResize/Control/Util.js

@@ -25,7 +25,7 @@ function getNodeBox(node) {
     };
 }
 // 计算矩形radius设置后，四个圆角的圆心
-function getRidusCenter(node) {
+function getRadiusCenter(node) {
     var nodeBox = getNodeBox(node);
     var radius = node.radius;
     var minX = nodeBox.minX, minY = nodeBox.minY, maxX = nodeBox.maxX, maxY = nodeBox.maxY;
@@ -49,7 +49,7 @@ function getRidusCenter(node) {
     ];
 }
 // 获取矩形resize之后，与矩形连接边的新端点
-export function getRectReizeEdgePoint(_a) {
+export function getRectResizeEdgePoint(_a) {
     var point = _a.point, beforeNode = _a.beforeNode, afterNode = _a.afterNode;
     var x = point.x, y = point.y;
     var afterPoint = {
@@ -104,8 +104,8 @@ export function getRectReizeEdgePoint(_a) {
     }
     else {
         // 在圆角部分
-        var beeforCoc = getRidusCenter(beforeNode);
-        var afterCoc = getRidusCenter(afterNode);
+        var beforeCoc = getRadiusCenter(beforeNode);
+        var afterCoc = getRadiusCenter(afterNode);
         var nodeBox = getNodeBox(beforeNode);
         var minX = nodeBox.minX, minY = nodeBox.minY, maxX = nodeBox.maxX, maxY = nodeBox.maxY;
         var index = -1;
@@ -127,7 +127,7 @@ export function getRectReizeEdgePoint(_a) {
         }
         if (index > -1) {
             // 根据夹角角度计算位置
-            var angle = Math.atan2((y - beeforCoc[index].y), (x - beeforCoc[index].x));
+            var angle = Math.atan2((y - beforeCoc[index].y), (x - beforeCoc[index].x));
             afterPoint.x = afterCoc[index].x + radius * Math.cos(angle);
             afterPoint.y = afterCoc[index].y + radius * Math.sin(angle);
         }
@@ -135,7 +135,7 @@ export function getRectReizeEdgePoint(_a) {
     return afterPoint;
 }
 // 获取椭圆resize之后，与椭圆连接边的新端点
-export function getEllipseReizeEdgePoint(_a) {
+export function getEllipseResizeEdgePoint(_a) {
     var point = _a.point, beforeNode = _a.beforeNode, afterNode = _a.afterNode;
     var rx = afterNode.rx, ry = afterNode.ry;
     var afterPoint = point;
@@ -173,7 +173,7 @@ export function getEllipseReizeEdgePoint(_a) {
     return afterPoint;
 }
 // 获取菱形resize之后，与菱形连接边的新端点
-export function getDiamondReizeEdgePoint(_a) {
+export function getDiamondResizeEdgePoint(_a) {
     var point = _a.point, beforeNode = _a.beforeNode, afterNode = _a.afterNode;
     var afterPoint = point;
     var 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;