@logicflow/extension 0.7.16 → 1.0.0-alpha.10

package/es/bpmn/gateways/ExclusiveGateway.js

@@ -11,6 +11,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+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);
+};
 import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core';
 import { getBpmnId } from '../getBpmnId';
 var ExclusiveGatewayModel = /** @class */ (function (_super) {
@@ -48,23 +59,14 @@ var ExclusiveGatewayView = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ExclusiveGatewayView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var x = attributes.x, y = attributes.y, fill = attributes.fill, stroke = attributes.stroke, strokeWidth = attributes.strokeWidth, width = attributes.width, height = attributes.height, points = attributes.points;
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height, points = model.points;
+        var style = model.getNodeStyle();
         return h('g', {
             transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
-        }, h('polygon', {
-            fill: fill,
-            x: x,
+        }, h('polygon', __assign(__assign({}, style), { x: x,
             y: y,
-            stroke: stroke,
-            strokeWidth: strokeWidth,
-            points: points,
-        }), h('path', {
-            fill: fill,
-            stroke: stroke,
-            strokeWidth: strokeWidth,
-            d: 'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z',
-        }));
+            points: points })), h('path', __assign({ d: 'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z' }, style)));
     };
     ExclusiveGatewayView.extendKey = 'ExclusiveGatewayNode';
     return ExclusiveGatewayView;

package/es/bpmn/index.js

@@ -16,7 +16,7 @@ var BpmnElement = /** @class */ (function () {
         lf.register(ExclusiveGateway);
         lf.register(UserTask);
         lf.register(ServiceTask);
-        // 支持自定义bpmn元素的连线
+        // 支持自定义bpmn元素的边
         if (!lf.options.customBpmnEdge) {
             lf.register(SequenceFlow);
             lf.setDefaultEdgeType('bpmn:sequenceFlow');

package/es/bpmn/tasks/ServiceTask.js

@@ -11,6 +11,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+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);
+};
 import { h, RectNodeModel, RectNode } from '@logicflow/core';
 import { getBpmnId } from '../getBpmnId';
 var ServiceTaskModel = /** @class */ (function (_super) {
@@ -32,8 +43,9 @@ var ServiceTaskView = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     ServiceTaskView.prototype.getLabelShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var x = attributes.x, y = attributes.y, width = attributes.width, height = attributes.height, stroke = attributes.stroke;
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height;
+        var style = model.getNodeStyle();
         return h('svg', {
             x: x - width / 2 + 5,
             y: y - height / 2 + 5,
@@ -41,26 +53,17 @@ var ServiceTaskView = /** @class */ (function (_super) {
             height: 30,
             viewBox: '0 0 1274 1024',
         }, h('path', {
-            fill: stroke,
+            fill: style.stroke,
             d: 'M882.527918 434.149934c-2.234901-5.303796-7.311523-8.853645-13.059434-9.138124l-61.390185-3.009544c-6.635117-20.973684-15.521508-41.175795-26.513864-60.282968l42.051745-47.743374c4.308119-4.889357 4.955872-12.004405 1.602498-17.59268-46.384423-77.30362-103.969956-101.422947-106.400309-102.410438-5.332449-2.170432-11.432377-1.090844-15.693424 2.77009L654.674467 240.664222c-17.004279-8.654101-35.092239-15.756869-53.995775-21.210068l-3.26537-66.490344c-0.280386-5.747911-3.833305-10.824533-9.134031-13.059434-1.683339-0.709151-30.193673-12.391215-76.866668-12.051477-46.672996-0.339738-75.18333 11.342326-76.866668 12.051477-5.300726 2.234901-8.853645 7.311523-9.134031 13.059434l-3.26537 66.490344c-18.903535 5.453199-36.991496 12.555967-53.995775 21.210068l-48.450479-43.922349c-4.261047-3.860934-10.360975-4.940522-15.693424-2.77009-2.430352 0.98749-60.015885 25.106818-106.400309 102.410438-3.353374 5.588275-2.705622 12.703323 1.602498 17.59268l42.051745 47.743374c-10.992355 19.107173-19.878746 39.309284-26.513864 60.282968l-61.390185 3.009544c-5.747911 0.284479-10.824533 3.834328-13.059434 9.138124-1.01512 2.415003-24.687262 60.190871-2.822278 147.651828 1.583055 6.324032 7.072069 10.893094 13.57518 11.308557 5.892197 0.37146 11.751648 0.523933 17.419741 0.667196 14.498202 0.372483 28.193109 0.723477 40.908712 4.63353 4.212952 1.294482 6.435573 8.270361 9.349949 18.763342 1.287319 4.640694 2.617617 9.43693 4.484128 14.010085 1.794879 4.393054 3.75758 8.570189 5.66093 12.607132 1.302669 2.765997 2.529613 5.380544 3.689019 8.018627 2.986007 6.803963 2.682086 9.773598 2.578732 10.349719-3.061732 3.672646-6.391571 7.238868-9.91379 11.015891-1.810229 1.943258-3.680832 3.949962-5.523807 5.980201l-22.560832 24.8909c-3.865028 4.261047-4.940522 10.365068-2.774183 15.693424 0.991584 2.426259 25.102724 60.011792 102.414531 106.400309 5.588275 3.353374 12.703323 2.701528 17.591657-1.603521l23.476691-20.682042c2.346441-2.061962 4.64888-4.336772 6.875594-6.534833 9.05319-8.93858 14.018272-12.95608 17.73185-11.576663 3.305279 1.222851 6.907317 3.166109 10.720156 5.228071 3.325745 1.794879 6.764054 3.650133 10.465352 5.288446 6.016017 2.662643 12.120039 4.688789 18.019399 6.65149 6.827499 2.266623 13.279445 4.409426 18.819624 7.275707 1.518586 0.782829 1.926886 0.994654 2.358721 7.830339 0.726547 11.496845 1.25048 23.276123 1.753947 34.672684 0.264013 5.900384 0.528026 11.803837 0.815575 17.700127 0.284479 5.743818 3.833305 10.82044 9.138124 13.05534 1.654686 0.698918 29.371958 12.063757 74.869175 12.063757 0.328481 0 3.65832 0 3.986801 0 45.497217 0 73.214489-11.364839 74.869175-12.063757 5.304819-2.234901 8.853645-7.311523 9.138124-13.05534 0.287549-5.89629 0.551562-11.799744 0.815575-17.700127 0.503467-11.396561 1.027399-23.175839 1.753947-34.672684 0.431835-6.835685 0.840134-7.04751 2.358721-7.830339 5.54018-2.866281 11.992125-5.009084 18.819624-7.275707 5.89936-1.962701 12.003382-3.988848 18.019399-6.65149 3.701299-1.638313 7.139607-3.493567 10.465352-5.288446 3.812839-2.061962 7.414877-4.00522 10.720156-5.228071 3.713578-1.379417 8.67866 2.638083 17.73185 11.576663 2.226714 2.198062 4.529153 4.472871 6.875594 6.534833l23.476691 20.682042c4.888334 4.305049 12.003382 4.956895 17.591657 1.603521 77.311807-46.388517 101.422947-103.97405 102.414531-106.400309 2.166339-5.328355 1.090844-11.432377-2.774183-15.693424l-22.560832-24.8909c-1.842974-2.030239-3.713578-4.036943-5.523807-5.980201-3.52222-3.777023-6.852058-7.343245-9.91379-11.015891-0.103354-0.576121-0.407276-3.545756 2.578732-10.349719 1.159406-2.638083 2.38635-5.252631 3.689019-8.018627 1.90335-4.036943 3.866051-8.214079 5.66093-12.607132 1.866511-4.573155 3.196809-9.369392 4.484128-14.010085 2.914376-10.492982 5.136997-17.46886 9.349949-18.763342 12.715603-3.910053 26.41051-4.261047 40.908712-4.63353 5.668093-0.143263 11.527544-0.295735 17.419741-0.667196 6.503111-0.415462 11.992125-4.984524 13.57518-11.308557C907.21518 494.340805 883.543038 436.564937 882.527918 434.149934zM643.49894 643.761929c-35.280528 35.280528-82.191954 54.711066-132.086317 54.711066s-96.806813-19.430538-132.086317-54.711066c-35.280528-35.279504-54.711066-82.191954-54.711066-132.086317 0-49.894364 19.430538-96.80272 54.711066-132.082224 35.283598-35.284621 82.191954-54.711066 132.086317-54.711066s96.80579 19.426445 132.086317 54.711066c35.279504 35.279504 54.711066 82.187861 54.711066 132.082224C698.210006 561.569976 678.782537 608.482425 643.49894 643.761929z',
         }));
     };
     ServiceTaskView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var x = attributes.x, y = attributes.y, width = attributes.width, height = attributes.height, fill = attributes.fill, stroke = attributes.stroke, strokeWidth = attributes.strokeWidth, radius = attributes.radius;
-        // todo: 将basic-shape对外暴露，在这里可以直接用。现在纯手写有点麻烦。
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height, radius = model.radius;
+        var style = model.getNodeStyle();
         return h('g', {}, [
-            h('rect', {
-                x: x - width / 2,
-                y: y - height / 2,
-                rx: radius,
-                ry: radius,
-                fill: fill,
-                stroke: stroke,
-                strokeWidth: strokeWidth,
-                width: width,
-                height: height,
-            }),
+            h('rect', __assign({ x: x - width / 2, y: y - height / 2, rx: radius, ry: radius, width: width,
+                height: height }, style)),
             this.getLabelShape(),
         ]);
     };

package/es/bpmn/tasks/UserTask.js

@@ -11,6 +11,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+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);
+};
 import { h, RectNode, RectNodeModel } from '@logicflow/core';
 import { getBpmnId } from '../getBpmnId';
 var UserTaskModel = /** @class */ (function (_super) {
@@ -32,8 +43,9 @@ var UserTaskView = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     UserTaskView.prototype.getLabelShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var x = attributes.x, y = attributes.y, width = attributes.width, height = attributes.height, stroke = attributes.stroke;
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height;
+        var style = model.getNodeStyle();
         return h('svg', {
             x: x - width / 2 + 5,
             y: y - height / 2 + 5,
@@ -41,26 +53,18 @@ var UserTaskView = /** @class */ (function (_super) {
             height: 25,
             viewBox: '0 0 1274 1024',
         }, h('path', {
-            fill: stroke,
+            fill: style.stroke,
             d: 'M655.807326 287.35973m-223.989415 0a218.879 218.879 0 1 0 447.978829 0 218.879 218.879 0 1 0-447.978829 0ZM1039.955839 895.482975c-0.490184-212.177424-172.287821-384.030443-384.148513-384.030443-211.862739 0-383.660376 171.85302-384.15056 384.030443L1039.955839 895.482975z',
         }));
     };
     UserTaskView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var x = attributes.x, y = attributes.y, width = attributes.width, height = attributes.height, fill = attributes.fill, stroke = attributes.stroke, strokeWidth = attributes.strokeWidth, radius = attributes.radius;
+        var model = this.props.model;
+        var x = model.x, y = model.y, width = model.width, height = model.height, radius = model.radius;
+        var style = model.getNodeStyle();
         // todo: 将basic-shape对外暴露，在这里可以直接用。现在纯手写有点麻烦。
         return h('g', {}, [
-            h('rect', {
-                x: x - width / 2,
-                y: y - height / 2,
-                rx: radius,
-                ry: radius,
-                fill: fill,
-                stroke: stroke,
-                strokeWidth: strokeWidth,
-                width: width,
-                height: height,
-            }),
+            h('rect', __assign(__assign({}, style), { x: x - width / 2, y: y - height / 2, rx: radius, ry: radius, width: width,
+                height: height })),
             this.getLabelShape(),
         ]);
     };

package/es/bpmn-adapter/index.js

@@ -357,7 +357,7 @@ function getEdgeConfig(edgeValue, processValue) {
     var textVal = processValue['-name'];
     if (textVal) {
         var textBounds = edgeValue['bpmndi:BPMNLabel']['dc:Bounds'];
-        // 如果连线文本换行，则其偏移量应该是最长一行的位置
+        // 如果边文本换行，则其偏移量应该是最长一行的位置
         var textLength_1 = 0;
         textVal.split('\n').forEach(function (textSpan) {
             if (textLength_1 < textSpan.length) {

package/es/components/context-menu/index.js

@@ -97,7 +97,7 @@ var ContextMenu = /** @class */ (function () {
             x = data.x + Model.width / 2;
             y = data.y - Model.height / 2;
         }
-        return this.lf.graphModel.transformMatrix.CanvasPointToHtmlPoint([x, y]);
+        return this.lf.graphModel.transformModel.CanvasPointToHtmlPoint([x, y]);
     };
     ContextMenu.prototype.createContextMenu = function () {
         var _this = this;
@@ -145,7 +145,7 @@ var ContextMenu = /** @class */ (function () {
         if (y === undefined) {
             y = node.y;
         }
-        var nodeModel = this.lf.getNodeModel(node.sourceId);
+        var nodeModel = this.lf.getNodeModelById(node.sourceId);
         var leftTopX = node.x - nodeModel.width + NEXT_X_DISTANCE;
         var leftTopY = y - node.y / 2 - 20;
         var rightBottomX = node.x + nodeModel.width + NEXT_X_DISTANCE;
@@ -174,7 +174,7 @@ var ContextMenu = /** @class */ (function () {
                 y: newNode.y,
             };
         }
-        this.lf.createEdge({
+        this.lf.addEdge({
             sourceNodeId: node.sourceId,
             targetNodeId: newNode.id,
             startPoint: startPoint,

package/es/components/menu/index.js

@@ -55,7 +55,7 @@ var Menu = /** @class */ (function () {
             {
                 text: '编辑文本',
                 callback: function (node) {
-                    _this.lf.graphModel.setTextEditable(node.id);
+                    _this.lf.graphModel.editText(node.id);
                 },
             },
             {
@@ -76,7 +76,7 @@ var Menu = /** @class */ (function () {
             {
                 text: '编辑文本',
                 callback: function (edge) {
-                    _this.lf.graphModel.setTextEditable(edge.id);
+                    _this.lf.graphModel.editText(edge.id);
                 },
             },
         ];
@@ -128,7 +128,7 @@ var Menu = /** @class */ (function () {
             var data = _a.data, position = _a.position;
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             var id = data.id;
-            var model = _this.lf.graphModel.getNodeModel(id);
+            var model = _this.lf.graphModel.getNodeModelById(id);
             var menuList = [];
             var typeMenus = _this.menuTypeMap.get(model.type);
             // 如果单个节点自定义了节点，以单个节点自定义为准
@@ -148,14 +148,14 @@ var Menu = /** @class */ (function () {
             var data = _a.data, position = _a.position;
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             var id = data.id;
-            var model = _this.lf.graphModel.getEdgeModel(id);
+            var model = _this.lf.graphModel.getEdgeModelById(id);
             var menuList = [];
             var typeMenus = _this.menuTypeMap.get(model.type);
-            // 如果单个节点自定义了连线
+            // 如果单个节点自定义了边
             if (model && model.menu && Array.isArray(model.menu)) {
                 menuList = model.menu;
             }
-            else if (typeMenus) { // 如果定义当前连线类型的元素
+            else if (typeMenus) { // 如果定义当前边类型的元素
                 menuList = typeMenus;
             }
             else { // 最后取全局默认

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

@@ -39,8 +39,8 @@ var MiniMap = {
     __disabledPlugins: ['minimap', 'control', 'selection-select'],
     install: function (lf, LogicFlow) {
         MiniMap.__lf = lf;
-        MiniMap.__miniMapWidth = lf.width;
-        MiniMap.__miniMapHeight = (lf.width * 220) / 150;
+        MiniMap.__miniMapWidth = lf.graphModel.width;
+        MiniMap.__miniMapHeight = (lf.graphModel.width * 220) / 150;
         MiniMap.__LogicFlow = LogicFlow;
         this.__init();
         // 避免多次install的时候, _isShow状态被修改了

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

@@ -36,7 +36,7 @@ var SelectionSelect = /** @class */ (function () {
             var rt = [Math.max(x, x1), Math.max(y, y1)];
             var elements = _this.lf.getAreaElement(lt, rt);
             elements.forEach(function (element) {
-                _this.lf.select(element.id, true);
+                _this.lf.selectElementById(element.id, true);
             });
             _this.lf.emit('selection:selected', elements);
         };

package/es/index.js

@@ -15,3 +15,4 @@ export * from './materials/group';
 export * from './NodeResize';
 export * from './tools/flow-path';
 export * from './tools/auto-layout';
+// export * from './materials/node-selection';

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

@@ -57,19 +57,19 @@ var InsertNodeInPolyline = {
     },
     insetNode: function (nodeData) {
         var edges = this._lf.graphModel.edges;
-        var nodeModel = this._lf.getNodeModel(nodeData.id);
+        var nodeModel = this._lf.getNodeModelById(nodeData.id);
         for (var i = 0; i < edges.length; i++) {
             // eslint-disable-next-line max-len
             var _a = isNodeInSegement(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.createEdge({
+                this._lf.addEdge({
                     type: type,
                     sourceNodeId: sourceNodeId,
                     targetNodeId: nodeData.id,
                     pointsList: __spread(pointsList.slice(0, crossIndex), [crossPoints.startCrossPoint]),
                 });
-                this._lf.createEdge({
+                this._lf.addEdge({
                     type: type,
                     sourceNodeId: nodeData.id,
                     targetNodeId: targetNodeId,

package/es/materials/curved-edge/index.js

@@ -34,7 +34,8 @@ var CurvedEdgeView = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     CurvedEdgeView.prototype.getEdge = function () {
-        var _a = this.getAttributes(), points = _a.points, strokeWidth = _a.strokeWidth, stroke = _a.stroke, strokeDashArray = _a.strokeDashArray;
+        var _a = this.props.model.getEdgeStyle(), strokeWidth = _a.strokeWidth, stroke = _a.stroke, strokeDashArray = _a.strokeDashArray;
+        var points = this.props.model.points;
         var points2 = points.split(' ').map(function (p) { return p.split(',').map(function (a) { return Number(a); }); });
         var _b = __read(points2[0], 2), startX = _b[0], startY = _b[1];
         var d = "M" + startX + " " + startY;

package/es/materials/group/GroupNode.d.ts

@@ -24,18 +24,6 @@ declare class GroupNode extends RectNode {
      * 重新toFront，阻止其置顶
      */
     toFront(): void;
-    getShapeStyle(): {
-        radius: number;
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity?: number;
-        strokeWidth?: number;
-        stroke: string;
-        strokeOpacity?: number;
-        opacity?: number;
-        outlineColor?: string;
-    };
 }
 declare const _default: {
     type: string;

package/es/materials/group/GroupNode.js

@@ -46,6 +46,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
         this.height = 200;
         this.strokeWidth = 1;
         this.zIndex = 0;
+        this.radius = 0;
     };
     /**
      * 设置是否允许子节点被拖动移除分组
@@ -91,11 +92,6 @@ var GroupNode = /** @class */ (function (_super) {
      * 重新toFront，阻止其置顶
      */
     GroupNode.prototype.toFront = function () { };
-    GroupNode.prototype.getShapeStyle = function () {
-        var shape = _super.prototype.getShapeStyle.call(this);
-        shape.radius = 0;
-        return shape;
-    };
     return GroupNode;
 }(RectNode));
 export default {

package/es/materials/group/index.js

@@ -29,13 +29,13 @@ var Group = /** @class */ (function () {
             // 如果这个节点之前已经在group中了，则将其从之前的group中移除
             var preGroupId = _this.nodeGroupMap.get(data.id);
             if (preGroupId) {
-                var preGroup = _this.lf.getNodeModel(preGroupId);
+                var preGroup = _this.lf.getNodeModelById(preGroupId);
                 preGroup.removeChild(data.id);
                 _this.nodeGroupMap.delete(data.id);
                 preGroup.setAllowAppendChild(false);
             }
             // 然后再判断这个节点是否在某个group中，如果在，则将其添加到对应的group中
-            var bounds = _this.lf.getNodeModel(data.id).getBounds();
+            var bounds = _this.lf.getNodeModelById(data.id).getBounds();
             var group = _this.getGroup(bounds);
             if (group && data.id !== group.id) {
                 group.addChild(data.id);
@@ -49,7 +49,7 @@ var Group = /** @class */ (function () {
                 _this.activeGroup.setAllowAppendChild(false);
                 _this.activeGroup = undefined;
             }
-            var bounds = _this.lf.getNodeModel(data.id).getBounds();
+            var bounds = _this.lf.getNodeModelById(data.id).getBounds();
             _this.activeGroup = _this.getGroup(bounds);
             if (_this.activeGroup && _this.activeGroup.id !== data.id) {
                 _this.activeGroup.setAllowAppendChild(true);
@@ -62,7 +62,7 @@ var Group = /** @class */ (function () {
                 lf.graphModel.moveNodes(__spread(model.children), deltaX, deltaY, true);
                 return true;
             }
-            var groupModel = lf.getNodeModel(_this.nodeGroupMap.get(model.id));
+            var groupModel = lf.getNodeModelById(_this.nodeGroupMap.get(model.id));
             if (groupModel && groupModel.isRestrict) { // 如果移动的节点存在分组中，且这个分组禁止子节点移出去。
                 var _a = model.getBounds(), x1 = _a.x1, y1 = _a.y1, x2 = _a.x2, y2 = _a.y2;
                 var r = groupModel.isInRange({

package/es/tools/auto-layout/index.d.ts

@@ -15,13 +15,13 @@ declare class AutoLayout {
     layout(data: any, path: any): void;
     private setNodePosition;
     /**
-     * 1. 处理连线上的文本
-     * 2. 主干节点之间直接的连线
+     * 1. 处理边上的文本
+     * 2. 主干节点之间直接的边
      * 3. 一个节点被多个连接作为目标节点，合理分配锚点位置。
      */
     private getEdgeDataPoints;
     /**
-     * 获取连线的连接节点相对位置。
+     * 获取边的连接节点相对位置。
      * source一定在target左边。
      * 1. 如果source和target在同一x, y坐标内容。
      * 2. 如果source在target左上方。
@@ -29,7 +29,7 @@ declare class AutoLayout {
      */
     private getRelativePosition;
     /**
-     * 获取连线节点图形的宽高。
+     * 获取边节点图形的宽高。
      */
     private getShape;
     private formatData;

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

@@ -34,7 +34,7 @@ var AutoLayout = /** @class */ (function () {
             return _this.layout(data, path);
         };
     }
-    // 1) 将所有节点和连线的坐标删除。节点上的文本改成偏移量。
+    // 1) 将所有节点和边的坐标删除。节点上的文本改成偏移量。
     // 2) 找到长度最长的路径，作为基准路径。
     // 3) 依次计算
     // 拿到最长的路径。
@@ -94,9 +94,9 @@ var AutoLayout = /** @class */ (function () {
                     _this.setNodePosition(nextInfo.nodeId, nodeMap, newGraphData, xLevel + 1, nextYLevel + 1);
                 }
                 else {
-                    // todo: 如果下一个节点是已经定位的，则需要考虑连线的规避
+                    // todo: 如果下一个节点是已经定位的，则需要考虑边的规避
                 }
-                // 设置连接到下一个节点的连线
+                // 设置连接到下一个节点的边
                 // 1) 起始位置为source节点的下方，结束位置为target节点左边。
                 // 2) 计算折线
                 newGraphData.edges.push(__assign({ id: nextInfo.edgeId, type: nextInfo.edgeType, sourceNodeId: nodeId, targetNodeId: nextInfo.nodeId, properties: nextInfo.properties, text: nextInfo.text }, _this.getEdgeDataPoints(nodeId, nextInfo.nodeId)));
@@ -105,8 +105,8 @@ var AutoLayout = /** @class */ (function () {
         return nodeData;
     };
     /**
-     * 1. 处理连线上的文本
-     * 2. 主干节点之间直接的连线
+     * 1. 处理边上的文本
+     * 2. 主干节点之间直接的边
      * 3. 一个节点被多个连接作为目标节点，合理分配锚点位置。
      */
     AutoLayout.prototype.getEdgeDataPoints = function (sourceNodeId, targetNodeId) {
@@ -145,7 +145,7 @@ var AutoLayout = /** @class */ (function () {
         };
     };
     /**
-     * 获取连线的连接节点相对位置。
+     * 获取边的连接节点相对位置。
      * source一定在target左边。
      * 1. 如果source和target在同一x, y坐标内容。
      * 2. 如果source在target左上方。
@@ -167,10 +167,10 @@ var AutoLayout = /** @class */ (function () {
         return postionType;
     };
     /**
-     * 获取连线节点图形的宽高。
+     * 获取边节点图形的宽高。
      */
     AutoLayout.prototype.getShape = function (nodeId) {
-        var nodeModel = this.lf.getNodeModel(nodeId);
+        var nodeModel = this.lf.getNodeModelById(nodeId);
         return {
             height: nodeModel.height,
             width: nodeModel.width,

package/es/tools/snapshot/index.js

@@ -122,7 +122,7 @@ var Snapshot = {
         if (childLength) {
             for (var i = 0; i < childLength; i++) {
                 var lfLayer = graph.childNodes[i];
-                // 只保留包含节点和连线的基础图层进行下载，其他图层删除
+                // 只保留包含节点和边的基础图层进行下载，其他图层删除
                 var layerClassList = lfLayer.classList && Array.from(lfLayer.classList);
                 if (layerClassList && layerClassList.indexOf('lf-base') < 0) {
                     graph.removeChild(graph.childNodes[i]);
@@ -151,8 +151,8 @@ var Snapshot = {
         var base = document.getElementsByClassName('lf-base')[0];
         var bbox = base.getBoundingClientRect();
         var graphModel = this.lf.graphModel;
-        var transformMatrix = graphModel.transformMatrix;
-        var SCALE_X = transformMatrix.SCALE_X, SCALE_Y = transformMatrix.SCALE_Y;
+        var transformModel = graphModel.transformModel;
+        var SCALE_X = transformModel.SCALE_X, SCALE_Y = transformModel.SCALE_Y;
         var bboxWidth = Math.ceil(bbox.width / SCALE_X);
         var bboxHeight = Math.ceil(bbox.height / SCALE_Y);
         // width,height 值加40，保证图形不会紧贴着下载图片的右边和下边