@logicflow/extension 0.7.16 → 1.0.0-alpha.10

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

@@ -60,19 +60,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 = edge_1.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/cjs/materials/curved-edge/index.js

@@ -37,7 +37,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/cjs/materials/group/GroupNode.js

@@ -48,6 +48,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
         this.height = 200;
         this.strokeWidth = 1;
         this.zIndex = 0;
+        this.radius = 0;
     };
     /**
      * 设置是否允许子节点被拖动移除分组
@@ -93,11 +94,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;
 }(core_1.RectNode));
 exports.default = {

package/cjs/materials/group/index.js

@@ -32,13 +32,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);
@@ -52,7 +52,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);
@@ -65,7 +65,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/cjs/tools/auto-layout/index.js

@@ -37,7 +37,7 @@ var AutoLayout = /** @class */ (function () {
             return _this.layout(data, path);
         };
     }
-    // 1) 将所有节点和连线的坐标删除。节点上的文本改成偏移量。
+    // 1) 将所有节点和边的坐标删除。节点上的文本改成偏移量。
     // 2) 找到长度最长的路径，作为基准路径。
     // 3) 依次计算
     // 拿到最长的路径。
@@ -97,9 +97,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)));
@@ -108,8 +108,8 @@ var AutoLayout = /** @class */ (function () {
         return nodeData;
     };
     /**
-     * 1. 处理连线上的文本
-     * 2. 主干节点之间直接的连线
+     * 1. 处理边上的文本
+     * 2. 主干节点之间直接的边
      * 3. 一个节点被多个连接作为目标节点，合理分配锚点位置。
      */
     AutoLayout.prototype.getEdgeDataPoints = function (sourceNodeId, targetNodeId) {
@@ -148,7 +148,7 @@ var AutoLayout = /** @class */ (function () {
         };
     };
     /**
-     * 获取连线的连接节点相对位置。
+     * 获取边的连接节点相对位置。
      * source一定在target左边。
      * 1. 如果source和target在同一x, y坐标内容。
      * 2. 如果source在target左上方。
@@ -170,10 +170,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/cjs/tools/snapshot/index.js

@@ -125,7 +125,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]);
@@ -154,8 +154,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，保证图形不会紧贴着下载图片的右边和下边

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

@@ -4,11 +4,9 @@ interface IProps {
     index: number;
     x: number;
     y: number;
-    nodeModel: BaseNodeModel;
+    model: BaseNodeModel;
     graphModel: GraphModel;
     style?: CSSStyleDeclaration;
-    hoverStyle?: CSSStyleDeclaration;
-    edgeStyle?: CSSStyleDeclaration;
 }
 declare class Control extends Component<IProps> {
     dragHandler: Function;

package/es/NodeResize/Control/Control.js

@@ -118,7 +118,7 @@ var Control = /** @class */ (function (_super) {
                 beforeNode: beforeNode,
                 afterNode: afterNode,
             };
-            // 更新连线
+            // 更新边
             var afterPoint;
             edges.sourceEdges.forEach(function (item) {
                 params.point = item.startPoint;
@@ -181,7 +181,7 @@ var Control = /** @class */ (function (_super) {
                 beforeNode: beforeNode,
                 afterNode: afterNode,
             };
-            // 更新连线
+            // 更新边
             var afterPoint;
             edges.sourceEdges.forEach(function (item) {
                 params.point = item.startPoint;
@@ -243,7 +243,7 @@ var Control = /** @class */ (function (_super) {
                 beforeNode: beforeNode,
                 afterNode: afterNode,
             };
-            // 更新连线
+            // 更新边
             var afterPoint;
             var edges = _this.getNodeEdges(id);
             edges.sourceEdges.forEach(function (item) {
@@ -279,7 +279,7 @@ var Control = /** @class */ (function (_super) {
             }
         };
         _this.index = props.index;
-        _this.nodeModel = props.nodeModel;
+        _this.nodeModel = props.model;
         _this.graphModel = props.graphModel;
         var gridSize = _this.graphModel.gridSize;
         // 为保证对齐线功能正常使用，step默认是网格grid的两倍，

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

@@ -1,15 +1,8 @@
 import { h, Component } from 'preact';
 import { BaseNodeModel, GraphModel } from '@logicflow/core';
 interface IProps {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    nodeModel: BaseNodeModel;
+    model: BaseNodeModel;
     graphModel: GraphModel;
-    style?: CSSStyleDeclaration;
-    hoverStyle?: CSSStyleDeclaration;
-    edgeStyle?: CSSStyleDeclaration;
 }
 declare class ControlGroup extends Component<IProps> {
     constructor();

package/es/NodeResize/Control/ControlGroup.js

@@ -34,7 +34,8 @@ var ControlGroup = /** @class */ (function (_super) {
         return _this;
     }
     ControlGroup.prototype.getResizeControl = function () {
-        var _a = this.props, x = _a.x, y = _a.y, width = _a.width, height = _a.height, nodeModel = _a.nodeModel, graphModel = _a.graphModel;
+        var _a = this.props, model = _a.model, graphModel = _a.graphModel;
+        var x = model.x, y = model.y, width = model.width, height = model.height;
         var box = {
             minX: x - width / 2,
             minY: y - height / 2,
@@ -60,11 +61,11 @@ var ControlGroup = /** @class */ (function (_super) {
                 y: maxY,
             },
         ];
-        return controlList.map(function (control, index) { return (h(Control, __assign({ index: index }, control, { nodeModel: nodeModel, graphModel: graphModel }))); });
+        return controlList.map(function (control, index) { return (h(Control, __assign({ index: index }, control, { model: model, graphModel: graphModel }))); });
     };
     // 一般节点被选中了会有outline, 先不用这个
     ControlGroup.prototype.getGroupSolid = function () {
-        var _a = this.props, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
+        var _a = this.props.model, x = _a.x, y = _a.y, width = _a.width, height = _a.height;
         var _b = NodeResize.style.outline, stroke = _b.stroke, strokeWidth = _b.strokeWidth, strokeDasharray = _b.strokeDasharray;
         return (h(Rect, { fill: "none", x: x, y: y, width: width, height: height, stroke: stroke, strokeWidth: strokeWidth, strokeDasharray: strokeDasharray }));
     };

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

@@ -1,10 +1,11 @@
 import { h, DiamondNode, DiamondNodeModel } from '@logicflow/core';
 declare class DiamondResizeModel extends DiamondNodeModel {
+    getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     setAttributes(): void;
 }
 declare class DiamondResizeView extends DiamondNode {
-    getControlGroup(attributes: any): h.JSX.Element;
-    getResizeShape(arrt: any): h.JSX.Element;
+    getControlGroup(): h.JSX.Element;
+    getResizeShape(): h.JSX.Element;
     getShape(): h.JSX.Element;
 }
 declare const EllipseResize: {

package/es/NodeResize/Node/DiamondResize.js

@@ -30,8 +30,15 @@ var DiamondResizeModel = /** @class */ (function (_super) {
     function DiamondResizeModel() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    DiamondResizeModel.prototype.getOutlineStyle = function () {
+        var style = _super.prototype.getOutlineStyle.call(this);
+        style.stroke = 'none';
+        if (style.hover) {
+            style.hover.stroke = 'none';
+        }
+        return style;
+    };
     DiamondResizeModel.prototype.setAttributes = function () {
-        this.hideOutline = true;
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;
         if (nodeSize) {
@@ -46,21 +53,23 @@ var DiamondResizeView = /** @class */ (function (_super) {
     function DiamondResizeView() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    DiamondResizeView.prototype.getControlGroup = function (attributes) {
+    DiamondResizeView.prototype.getControlGroup = function () {
         var _a = this.props, model = _a.model, graphModel = _a.graphModel;
-        return (h(ControlGroup, __assign({}, attributes, { nodeModel: model, graphModel: graphModel })));
+        return (h(ControlGroup, { model: model, graphModel: graphModel }));
     };
     // getResizeShape绘制图形，功能等同于基础菱形的getShape功能，可以通过复写此方法，进行节点自定义
-    DiamondResizeView.prototype.getResizeShape = function (arrt) {
-        return h("g", null,
-            h(Polygon, __assign({}, arrt)));
+    DiamondResizeView.prototype.getResizeShape = function () {
+        var model = this.props.model;
+        var points = model.points;
+        var style = model.getNodeStyle();
+        return (h("g", null,
+            h(Polygon, __assign({}, style, { points: points }))));
     };
     DiamondResizeView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
         var isSelected = this.props.model.isSelected;
         return (h("g", null,
-            this.getResizeShape(attributes),
-            isSelected ? this.getControlGroup(attributes) : ''));
+            this.getResizeShape(),
+            isSelected ? this.getControlGroup() : ''));
     };
     return DiamondResizeView;
 }(DiamondNode));

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

@@ -4,11 +4,13 @@ declare class EllipseResizeModel extends EllipseNodeModel {
     minHeight: number;
     maxWidth: number;
     maxHeight: number;
+    constructor(data: any, graphModel: any);
+    getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     setAttributes(): void;
 }
 declare class EllipseResizeView extends EllipseNode {
-    getControlGroup(attributes: any): h.JSX.Element;
-    getResizeShape(arrt: any): h.JSX.Element;
+    getControlGroup(): h.JSX.Element;
+    getResizeShape(): h.JSX.Element;
     getShape(): h.JSX.Element;
 }
 declare const EllipseResize: {

package/es/NodeResize/Node/EllipseResize.js

@@ -27,16 +27,25 @@ import ControlGroup from '../Control/ControlGroup';
 import Ellipse from '../BasicShape/Ellipse';
 var EllipseResizeModel = /** @class */ (function (_super) {
     __extends(EllipseResizeModel, _super);
-    function EllipseResizeModel() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function EllipseResizeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
         _this.minWidth = 30;
         _this.minHeight = 30;
         _this.maxWidth = 2000;
         _this.maxHeight = 2000;
+        _this.rx = 50;
+        _this.ry = 50;
         return _this;
     }
+    EllipseResizeModel.prototype.getOutlineStyle = function () {
+        var style = _super.prototype.getOutlineStyle.call(this);
+        style.stroke = 'none';
+        if (style.hover) {
+            style.hover.stroke = 'none';
+        }
+        return style;
+    };
     EllipseResizeModel.prototype.setAttributes = function () {
-        this.hideOutline = true;
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;
         if (nodeSize) {
@@ -51,21 +60,23 @@ var EllipseResizeView = /** @class */ (function (_super) {
     function EllipseResizeView() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    EllipseResizeView.prototype.getControlGroup = function (attributes) {
+    EllipseResizeView.prototype.getControlGroup = function () {
         var _a = this.props, model = _a.model, graphModel = _a.graphModel;
-        return (h(ControlGroup, __assign({}, attributes, { nodeModel: model, graphModel: graphModel })));
+        return (h(ControlGroup, { model: model, graphModel: graphModel }));
     };
     // getResizeShape绘制图形，功能等同于基础椭圆的getShape功能，可以通过复写此方法，进行节点自定义
-    EllipseResizeView.prototype.getResizeShape = function (arrt) {
-        return h("g", null,
-            h(Ellipse, __assign({}, arrt)));
+    EllipseResizeView.prototype.getResizeShape = function () {
+        var model = this.props.model;
+        var rx = model.rx, ry = model.ry, x = model.x, y = model.y;
+        var style = model.getNodeStyle();
+        return (h("g", null,
+            h(Ellipse, __assign({}, style, { rx: rx, ry: ry, x: x, y: y }))));
     };
     EllipseResizeView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
-        var isSelected = this.props.model.isSelected;
+        var model = this.props.model;
         return (h("g", null,
-            this.getResizeShape(attributes),
-            isSelected ? this.getControlGroup(attributes) : ''));
+            this.getResizeShape(),
+            model.isSelected ? this.getControlGroup() : ''));
     };
     return EllipseResizeView;
 }(EllipseNode));

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

@@ -4,10 +4,11 @@ declare class RectResizeModel extends RectNodeModel {
     minHeight: number;
     maxWidth: number;
     maxHeight: number;
+    getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     setAttributes(): void;
 }
 declare class RectResizeView extends RectNode {
-    getControlGroup(attributes: any): h.JSX.Element;
+    getControlGroup(): h.JSX.Element;
     getResizeShape(): h.JSX.Element;
     getShape(): h.JSX.Element;
 }

package/es/NodeResize/Node/RectResize.js

@@ -11,17 +11,6 @@ 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 ControlGroup from '../Control/ControlGroup';
 var RectResizeModel = /** @class */ (function (_super) {
@@ -34,8 +23,15 @@ var RectResizeModel = /** @class */ (function (_super) {
         _this.maxHeight = 2000;
         return _this;
     }
+    RectResizeModel.prototype.getOutlineStyle = function () {
+        var style = _super.prototype.getOutlineStyle.call(this);
+        style.stroke = 'none';
+        if (style.hover) {
+            style.hover.stroke = 'none';
+        }
+        return style;
+    };
     RectResizeModel.prototype.setAttributes = function () {
-        this.hideOutline = true;
         // @ts-ignore
         var nodeSize = this.properties.nodeSize;
         if (nodeSize) {
@@ -50,20 +46,19 @@ var RectResizeView = /** @class */ (function (_super) {
     function RectResizeView() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    RectResizeView.prototype.getControlGroup = function (attributes) {
+    RectResizeView.prototype.getControlGroup = function () {
         var _a = this.props, model = _a.model, graphModel = _a.graphModel;
-        return (h(ControlGroup, __assign({}, attributes, { nodeModel: model, graphModel: graphModel })));
+        return (h(ControlGroup, { model: model, graphModel: graphModel }));
     };
     // getResizeShape绘制图形，功能等同于基础矩形的getShape功能，可以通过复写此方法，进行节点自定义
     RectResizeView.prototype.getResizeShape = function () {
         return _super.prototype.getShape.call(this);
     };
     RectResizeView.prototype.getShape = function () {
-        var attributes = _super.prototype.getAttributes.call(this);
         var isSelected = this.props.model.isSelected;
         return (h("g", null,
             this.getResizeShape(),
-            isSelected ? this.getControlGroup(attributes) : ''));
+            isSelected ? this.getControlGroup() : ''));
     };
     return RectResizeView;
 }(RectNode));

package/es/bpmn/events/EndEvent.d.ts

@@ -2,6 +2,7 @@ import { CircleNode, CircleNodeModel } from '@logicflow/core';
 declare class EndEventModel extends CircleNodeModel {
     static extendKey: string;
     constructor(data: any, graphModel: any);
+    setAttributes(): void;
     getConnectedSourceRules(): import("@logicflow/core").ConnectRule[];
 }
 declare class EndEventView extends CircleNode {

package/es/bpmn/events/EndEvent.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 { CircleNode, CircleNodeModel, h } from '@logicflow/core';
 import { getBpmnId } from '../getBpmnId';
 var EndEventModel = /** @class */ (function (_super) {
@@ -33,10 +44,13 @@ var EndEventModel = /** @class */ (function (_super) {
         _this = _super.call(this, data, graphModel) || this;
         return _this;
     }
+    EndEventModel.prototype.setAttributes = function () {
+        this.r = 18;
+    };
     EndEventModel.prototype.getConnectedSourceRules = function () {
         var rules = _super.prototype.getConnectedSourceRules.call(this);
         var notAsSource = {
-            message: '结束节点不能作为连线的起点',
+            message: '结束节点不能作为边的起点',
             validate: function () { return false; },
         };
         rules.push(notAsSource);
@@ -56,16 +70,11 @@ var EndEventView = /** @class */ (function (_super) {
         };
     };
     EndEventView.prototype.getShape = function () {
-        var _a = this.getAttributes(), x = _a.x, y = _a.y, fill = _a.fill, stroke = _a.stroke, strokeWidth = _a.strokeWidth, r = _a.r;
+        var model = this.props.model;
+        var style = model.getNodeStyle();
+        var x = model.x, y = model.y, r = model.r;
         var outCircle = _super.prototype.getShape.call(this);
-        return h('g', {}, outCircle, h('circle', {
-            cx: x,
-            cy: y,
-            fill: fill,
-            stroke: stroke,
-            strokeWidth: strokeWidth,
-            r: r - 5,
-        }));
+        return h('g', {}, outCircle, h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r - 5 })));
     };
     EndEventView.extendKey = 'EndEventView';
     return EndEventView;

package/es/bpmn/events/StartEvent.d.ts

@@ -2,35 +2,11 @@ import { CircleNode, CircleNodeModel } from '@logicflow/core';
 declare class StartEventModel extends CircleNodeModel {
     static extendKey: string;
     constructor(data: any, graphModel: any);
+    setAttributes(): void;
     getConnectedTargetRules(): import("@logicflow/core").ConnectRule[];
 }
 declare class StartEventView extends CircleNode {
     static extendKey: string;
-    getAttributes(): {
-        r: number;
-        width: number;
-        height: number;
-        fill: string;
-        fillOpacity?: number;
-        strokeWidth?: number;
-        stroke: string;
-        strokeOpacity?: number;
-        opacity?: number;
-        outlineColor?: string;
-        id: string;
-        properties: Record<string, any>;
-        type: string;
-        x: number;
-        y: number;
-        isSelected: boolean;
-        isHovered: boolean;
-        text: {
-            [key: string]: any;
-            x: number;
-            y: number;
-            value: string;
-        };
-    };
 }
 declare const StartEvent: {
     type: string;

package/es/bpmn/events/StartEvent.js

@@ -11,17 +11,6 @@ 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 { CircleNode, CircleNodeModel } from '@logicflow/core';
 import { getBpmnId } from '../getBpmnId';
 var StartEventModel = /** @class */ (function (_super) {
@@ -46,10 +35,13 @@ var StartEventModel = /** @class */ (function (_super) {
         _this = _super.call(this, data, graphModel) || this;
         return _this;
     }
+    StartEventModel.prototype.setAttributes = function () {
+        this.r = 18;
+    };
     StartEventModel.prototype.getConnectedTargetRules = function () {
         var rules = _super.prototype.getConnectedTargetRules.call(this);
         var notAsTarget = {
-            message: '起始节点不能作为连线的终点',
+            message: '起始节点不能作为边的终点',
             validate: function () { return false; },
         };
         rules.push(notAsTarget);
@@ -63,10 +55,6 @@ var StartEventView = /** @class */ (function (_super) {
     function StartEventView() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    StartEventView.prototype.getAttributes = function () {
-        var attr = _super.prototype.getAttributes.call(this);
-        return __assign({}, attr);
-    };
     StartEventView.extendKey = 'StartEventNode';
     return StartEventView;
 }(CircleNode));