@logicflow/extension 1.2.9 → 1.2.11

package/cjs/components/menu/index.js

@@ -128,7 +128,7 @@ var Menu = /** @class */ (function () {
         }, true);
         // 通过事件控制菜单的显示和隐藏
         this.lf.on('node:contextmenu', function (_a) {
-            var data = _a.data, position = _a.position;
+            var data = _a.data, position = _a.position, e = _a.e;
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             var id = data.id;
             var model = _this.lf.graphModel.getNodeModelById(id);
@@ -145,10 +145,15 @@ var Menu = /** @class */ (function () {
                 menuList = _this.menuTypeMap.get(DefaultNodeMenuKey);
             }
             _this.__currentData = data;
-            _this.showMenu(x, y, menuList);
+            _this.showMenu(x, y, menuList, {
+                width: model.width,
+                height: model.height,
+                clientX: e.clientX,
+                clientY: e.clientY,
+            });
         });
         this.lf.on('edge:contextmenu', function (_a) {
-            var data = _a.data, position = _a.position;
+            var data = _a.data, position = _a.position, e = _a.e;
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             var id = data.id;
             var model = _this.lf.graphModel.getEdgeModelById(id);
@@ -165,7 +170,12 @@ var Menu = /** @class */ (function () {
                 menuList = _this.menuTypeMap.get(DefaultEdgeMenuKey);
             }
             _this.__currentData = data;
-            _this.showMenu(x, y, menuList);
+            _this.showMenu(x, y, menuList, {
+                width: model.width,
+                height: model.height,
+                clientX: e.clientX,
+                clientY: e.clientY,
+            });
         });
         this.lf.on('blank:contextmenu', function (_a) {
             var position = _a.position;
@@ -195,7 +205,7 @@ var Menu = /** @class */ (function () {
         (_a = this === null || this === void 0 ? void 0 : this.__container) === null || _a === void 0 ? void 0 : _a.removeChild(this.__menuDOM);
         this.__menuDOM = null;
     };
-    Menu.prototype.showMenu = function (x, y, menuList) {
+    Menu.prototype.showMenu = function (x, y, menuList, options) {
         if (!menuList || !menuList.length)
             return;
         var menu = this.__menuDOM;
@@ -206,8 +216,67 @@ var Menu = /** @class */ (function () {
         if (!menu.children.length)
             return;
         menu.style.display = 'block';
-        menu.style.top = y + "px";
-        menu.style.left = x + "px";
+        if (!options) {
+            menu.style.top = y + "px";
+            menu.style.left = x + "px";
+            return;
+        }
+        // https://github.com/didi/LogicFlow/issues/1019
+        // 根据边界判断菜单的left 和 top
+        var width = options.width, height = options.height, clientX = options.clientX, clientY = options.clientY;
+        var graphModel = this.lf.graphModel;
+        var menuWidth = menu.offsetWidth;
+        var menuIsRightShow = true;
+        // ======先进行可视屏幕范围的判断=======
+        // 浏览器窗口可视区域兼容性写法
+        // eslint-disable-next-line max-len
+        var windowMaxX = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+        var rightDistance = windowMaxX - clientX;
+        // ======先进行可视屏幕范围的判断=======
+        // ========再进行画布范围的判断========
+        var graphRect = graphModel.rootEl.getBoundingClientRect();
+        var graphMaxX = graphRect.left + graphRect.width;
+        if (graphMaxX < windowMaxX) {
+            // 画布右边小于可视屏幕范围的最右边，取画布右边作为极限值，计算出当前触摸点距离右边极限值的距离
+            rightDistance = graphMaxX - clientX;
+        }
+        // ========再进行画布范围的判断========
+        // 根据当前触摸点距离右边的距离 跟 menuWidth进行比较
+        if (rightDistance < menuWidth) {
+            // 空间不足够，显示在左边
+            menuIsRightShow = false;
+        }
+        if (menuIsRightShow) {
+            menu.style.left = x + "px";
+        }
+        else {
+            menu.style.left = (x - width) + "px";
+        }
+        var menuHeight = menu.offsetHeight;
+        var menuIsBottomShow = true;
+        // ======先进行可视屏幕范围的判断=======
+        // 浏览器窗口可视区域兼容性写法
+        // eslint-disable-next-line max-len
+        var windowMaxY = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+        var bottomDistance = windowMaxY - clientY;
+        // ======先进行可视屏幕范围的判断=======
+        // ========再进行画布范围的判断========
+        var graphMaxY = graphRect.top + graphRect.height;
+        if (graphMaxY < windowMaxY) {
+            // 画布底部小于可视屏幕范围的最底边，取画布底部作为极限值，计算出当前触摸点距离底部极限值的距离
+            bottomDistance = graphMaxY - clientY;
+        }
+        // ========再进行画布范围的判断========
+        if (bottomDistance < menuHeight) {
+            // 如果下边距离太小，无法显示menu，则向上显示
+            menuIsBottomShow = false;
+        }
+        if (menuIsBottomShow) {
+            menu.style.top = y + "px";
+        }
+        else {
+            menu.style.top = (y - height) + "px";
+        }
     };
     /**
      * 设置指定类型元素的菜单

package/cjs/index.js

@@ -11,9 +11,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./bpmn"), exports);
+__exportStar(require("./bpmn-adapter"), exports);
+__exportStar(require("./bpmn-elements"), exports);
+__exportStar(require("./bpmn-elements-adapter"), exports);
 // export * from './~mindmap';
 __exportStar(require("./tools/snapshot"), exports);
-__exportStar(require("./bpmn-adapter"), exports);
 __exportStar(require("./turbo-adapter"), exports);
 __exportStar(require("./insert-node-in-polyline"), exports);
 __exportStar(require("./components/control"), exports);

package/cjs/materials/group/index.js

@@ -37,6 +37,22 @@ var Group = /** @class */ (function () {
             var nodeModel = _this.lf.getNodeModelById(data.id);
             var bounds = nodeModel.getBounds();
             var group = _this.getGroup(bounds, data);
+            // https://github.com/didi/LogicFlow/issues/1261
+            // 当使用SelectionSelect框选后触发lf.addNode(Group)
+            // 会触发appendNodeToGroup()的执行
+            // 由于this.getGroup()会判断node.id !== nodeData.id
+            // 因此当addNode是Group类型时，this.getGroup()会一直返回空
+            // 导致了下面这段代码无法执行，也就是无法将当前添加的Group添加到this.nodeGroupMap中
+            // 这导致了折叠分组时触发的foldEdge()无法正确通过getNodeGroup()拿到正确的groupId
+            // 从而导致折叠分组时一直都会创建一个虚拟边
+            // 而初始化分组时由于正确设置了nodeGroupMap的数据，因此不会产生虚拟边的错误情况
+            if (nodeModel.isGroup) {
+                // 如果这个节点是分组，那么将其子节点也记录下来
+                data.children.forEach(function (nodeId) {
+                    _this.nodeGroupMap.set(nodeId, data.id);
+                });
+                _this.nodeSelected({ data: data, isSelected: false, isMultiple: false });
+            }
             if (!group)
                 return;
             var isAllowAppendIn = group.isAllowAppendIn(data);
@@ -50,13 +66,6 @@ var Group = /** @class */ (function () {
             group.addChild(data.id);
             _this.nodeGroupMap.set(data.id, group.id);
             group.setAllowAppendChild(false);
-            // 如果这个节点是分组，那么将其子节点也记录下来
-            if (nodeModel.isGroup) {
-                data.children.forEach(function (nodeId) {
-                    _this.nodeGroupMap.set(nodeId, data.id);
-                });
-                _this.nodeSelected({ data: data, isSelected: false, isMultiple: false });
-            }
         };
         this.deleteGroupChild = function (_a) {
             var data = _a.data;

package/cjs/tools/snapshot/index.js

@@ -137,6 +137,20 @@ var Snapshot = /** @class */ (function () {
             }
         }
         var dpr = window.devicePixelRatio || 1;
+        if (dpr < 1) {
+            // https://github.com/didi/LogicFlow/issues/1222
+            // canvas.width = bboxWidth * dpr配合ctx.scale(dpr, dpr)是为了解决绘制模糊
+            // 比如dpr=2，先让canvas.width放大到等同于屏幕的物理像素宽高，然后自适应缩放适配canvas.style.width
+            // 由于所有元素都缩放了一半，因此需要ctx.scale(dpr, dpr)放大2倍整体绘制的内容
+            // 当用户缩放浏览器时，window.devicePixelRatio会随着变小
+            // 当window.devicePixelRatio变小到一定程度，会导致canvas.width<canvas.style.width
+            // 由于导出图片的svg的大小是canvas.style.width+canvas.style.height
+            // 因此会导致导出的svg图片无法完整绘制到canvas（因为canvas.width小于svg的宽）
+            // 从而导致canvas导出图片是缺失的svg
+            // 而dpr>=1就能保证canvas.width>=canvas.style.width
+            // 当dpr小于1的时候，我们强制转化为1，并不会产生绘制模糊等问题
+            dpr = 1;
+        }
         var canvas = document.createElement('canvas');
         /*
         为了计算真实宽高需要取图的真实dom

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

@@ -36,6 +36,7 @@ declare class Control extends Component<IProps> {
         deltaX: any;
         deltaY: any;
     };
+    updateEdgePointByAnchors: () => void;
     updateRect: ({ deltaX, deltaY }: {
         deltaX: any;
         deltaY: any;

package/es/NodeResize/Control/Control.js

@@ -41,7 +41,7 @@ var __read = (this && this.__read) || function (o, n) {
 import { h, Component } from 'preact';
 import { LogicFlowUtil } from '@logicflow/core';
 import Rect from '../BasicShape/Rect';
-import { getDiamondResizeEdgePoint, getEllipseResizeEdgePoint, getRectResizeEdgePoint, ModelType } from './Util';
+import { ModelType } from './Util';
 var StepDrag = LogicFlowUtil.StepDrag;
 var Control = /** @class */ (function (_super) {
     __extends(Control, _super);
@@ -137,6 +137,35 @@ var Control = /** @class */ (function (_super) {
             }
             return resize;
         };
+        _this.updateEdgePointByAnchors = function () {
+            // https://github.com/didi/LogicFlow/issues/807
+            // https://github.com/didi/LogicFlow/issues/875
+            // 之前的做法，比如Rect是使用getRectResizeEdgePoint()计算边的point缩放后的位置
+            // getRectResizeEdgePoint()考虑了瞄点在四条边以及在4个圆角的情况
+            // 使用的是一种等比例缩放的模式，比如：
+            // const pct = (y - beforeNode.y) / (beforeNode.height / 2 - radius)
+            // afterPoint.y = afterNode.y + (afterNode.height / 2 - radius) * pct
+            // 但是用户自定义的getDefaultAnchor()不一定是按照比例编写的
+            // 它可能是 x: x + 20：每次缩放都会保持在x右边20的位置，因此用户自定义瞄点时，然后产生无法跟随的问题
+            // 现在的做法是：直接获取用户自定义瞄点的位置，然后用这个位置作为边的新的起点，而不是自己进行计算
+            var _a = _this.nodeModel, id = _a.id, anchors = _a.anchors;
+            var edges = _this.getNodeEdges(id);
+            // 更新边
+            edges.sourceEdges.forEach(function (item) {
+                var anchorItem = anchors.find(function (anchor) { return anchor.id === item.sourceAnchorId; });
+                item.updateStartPoint({
+                    x: anchorItem.x,
+                    y: anchorItem.y,
+                });
+            });
+            edges.targetEdges.forEach(function (item) {
+                var anchorItem = anchors.find(function (anchor) { return anchor.id === item.targetAnchorId; });
+                item.updateEndPoint({
+                    x: anchorItem.x,
+                    y: anchorItem.y,
+                });
+            });
+        };
         // 矩形更新
         _this.updateRect = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
@@ -187,23 +216,8 @@ var Control = /** @class */ (function (_super) {
                 height: _this.nodeModel.height,
                 radius: radius,
             };
-            var params = {
-                point: '',
-                beforeNode: beforeNode,
-                afterNode: afterNode,
-            };
             // 更新边
-            var afterPoint;
-            edges.sourceEdges.forEach(function (item) {
-                params.point = item.startPoint;
-                afterPoint = getRectResizeEdgePoint(params);
-                item.updateStartPoint(afterPoint);
-            });
-            edges.targetEdges.forEach(function (item) {
-                params.point = item.endPoint;
-                afterPoint = getRectResizeEdgePoint(params);
-                item.updateEndPoint(afterPoint);
-            });
+            _this.updateEdgePointByAnchors();
             _this.eventEmit({ beforeNode: beforeNode, afterNode: afterNode });
         };
         // 椭圆更新
@@ -252,23 +266,8 @@ var Control = /** @class */ (function (_super) {
                 x: _this.nodeModel.x,
                 y: _this.nodeModel.y,
             };
-            var params = {
-                point: {},
-                beforeNode: beforeNode,
-                afterNode: afterNode,
-            };
             // 更新边
-            var afterPoint;
-            edges.sourceEdges.forEach(function (item) {
-                params.point = item.startPoint;
-                afterPoint = getEllipseResizeEdgePoint(params);
-                item.updateStartPoint(afterPoint);
-            });
-            edges.targetEdges.forEach(function (item) {
-                params.point = item.endPoint;
-                afterPoint = getEllipseResizeEdgePoint(params);
-                item.updateEndPoint(afterPoint);
-            });
+            _this.updateEdgePointByAnchors();
             _this.eventEmit({ beforeNode: __assign(__assign({}, beforeNode), { rx: rx, ry: ry }), afterNode: afterNode });
         };
         // 菱形更新
@@ -316,24 +315,8 @@ var Control = /** @class */ (function (_super) {
                 x: _this.nodeModel.x,
                 y: _this.nodeModel.y,
             };
-            var params = {
-                point: {},
-                beforeNode: beforeNode,
-                afterNode: afterNode,
-            };
             // 更新边
-            var afterPoint;
-            var edges = _this.getNodeEdges(id);
-            edges.sourceEdges.forEach(function (item) {
-                params.point = item.startPoint;
-                afterPoint = getDiamondResizeEdgePoint(params);
-                item.updateStartPoint(afterPoint);
-            });
-            edges.targetEdges.forEach(function (item) {
-                params.point = item.endPoint;
-                afterPoint = getDiamondResizeEdgePoint(params);
-                item.updateEndPoint(afterPoint);
-            });
+            _this.updateEdgePointByAnchors();
             _this.eventEmit({ beforeNode: beforeNode, afterNode: afterNode });
         };
         _this.eventEmit = function (_a) {
@@ -365,6 +348,9 @@ var Control = /** @class */ (function (_super) {
          * 由于将拖拽放大缩小改成丝滑模式，这个时候需要在拖拽结束的时候，将节点的位置更新到grid上.
          */
         _this.onDragEnd = function () {
+            // 先触发onDragging()->更新边->再触发用户自定义的getDefaultAnchor()，所以onDragging()拿到的anchors是滞后的
+            // 为了正确设置最终的位置，应该在拖拽结束的时候，再设置一次边的Point位置，此时拿到的anchors是最新的
+            _this.updateEdgePointByAnchors();
             var _a = _this.graphModel.gridSize, gridSize = _a === void 0 ? 1 : _a;
             var x = gridSize * Math.round(_this.nodeModel.x / gridSize);
             var y = gridSize * Math.round(_this.nodeModel.y / gridSize);

package/es/bpmn/getBpmnId.js

@@ -1,5 +1,28 @@
-import Ids from 'ids';
-var ids = new Ids([32, 32, 1]);
+/* eslint-disable no-bitwise */
+var IDS = /** @class */ (function () {
+    function IDS() {
+        globalThis._ids = this;
+        this._ids = new Set();
+    }
+    IDS.prototype.generateId = function () {
+        var id = 'xxxxxxxx'.replace(/[x]/g, function (c) {
+            var r = (Math.random() * 16) | 0;
+            var v = c === 'x' ? r : (r & 0x3) | 0x8;
+            return v.toString(16);
+        });
+        return id;
+    };
+    IDS.prototype.next = function () {
+        var id = this.generateId();
+        while (this._ids.has(id)) {
+            id = this.generateId();
+        }
+        this._ids.add(id);
+        return id;
+    };
+    return IDS;
+}());
+var ids = (globalThis === null || globalThis === void 0 ? void 0 : globalThis._ids) || new IDS();
 export function getBpmnId() {
     return ids.next();
 }

package/es/bpmn-elements/index.d.ts

@@ -0,0 +1,16 @@
+export declare function useDefinition(definition: any): () => any[];
+export declare class BPMNElements {
+    static pluginName: string;
+    constructor({ lf }: any);
+}
+export * from './presets/Event/EndEventFactory';
+export * from './presets/Event/IntermediateCatchEvent';
+export * from './presets/Event/StartEventFactory';
+export * from './presets/Event/boundaryEventFactory';
+export * from './presets/Event/IntermediateThrowEvent';
+export * from './presets/Flow/sequenceFlow';
+export * from './presets/Task/task';
+export * from './presets/Task/subProcess';
+export * from './presets/Gateway/gateway';
+export * as icons from './presets/icons';
+export * as bpmnUtils from './utils';

package/es/bpmn-elements/index.js

@@ -0,0 +1,88 @@
+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;
+};
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable react-hooks/rules-of-hooks */
+import { registerEventNodes } from './presets/Event';
+import { registerGatewayNodes } from './presets/Gateway';
+import { registerTaskNodes } from './presets/Task';
+// import { registerPoolNodes } from './presets/Pool';
+import { registerFlows } from './presets/Flow';
+import { timerIcon } from './presets/icons';
+var definitionConfig = [
+    {
+        nodes: ['startEvent', 'intermediateCatchEvent', 'boundaryEvent'],
+        definition: [
+            {
+                type: 'bpmn:timerEventDefinition',
+                icon: timerIcon,
+                properties: {
+                    definitionType: 'bpmn:timerEventDefinition',
+                    timerValue: '',
+                    timerType: '',
+                },
+            },
+        ],
+    },
+];
+export function useDefinition(definition) {
+    function setDefinition(config) {
+        function set(nodes, definitions) {
+            nodes.forEach(function (name) {
+                if (!(definition === null || definition === void 0 ? void 0 : definition[name])) {
+                    definition[name] = new Map();
+                }
+                var map = definition === null || definition === void 0 ? void 0 : definition[name];
+                definitions.forEach(function (define) {
+                    map.set(define.type, define);
+                });
+            });
+            return definition;
+        }
+        config.forEach(function (define) {
+            set(define.nodes, define.definition);
+        });
+    }
+    return function () { return [definition, setDefinition]; };
+}
+var BPMNElements = /** @class */ (function () {
+    function BPMNElements(_a) {
+        var lf = _a.lf;
+        lf.definition = {};
+        lf.useDefinition = useDefinition(lf.definition);
+        var _b = __read(lf.useDefinition(), 2), _definition = _b[0], setDefinition = _b[1];
+        setDefinition(definitionConfig);
+        registerEventNodes(lf);
+        registerGatewayNodes(lf);
+        registerFlows(lf);
+        registerTaskNodes(lf);
+        lf.setDefaultEdgeType('bpmn:sequenceFlow');
+    }
+    BPMNElements.pluginName = 'BpmnElementsPlugin';
+    return BPMNElements;
+}());
+export { BPMNElements };
+export * from './presets/Event/EndEventFactory';
+export * from './presets/Event/IntermediateCatchEvent';
+export * from './presets/Event/StartEventFactory';
+export * from './presets/Event/boundaryEventFactory';
+export * from './presets/Event/IntermediateThrowEvent';
+export * from './presets/Flow/sequenceFlow';
+export * from './presets/Task/task';
+export * from './presets/Task/subProcess';
+export * from './presets/Gateway/gateway';
+export * as icons from './presets/icons';
+export * as bpmnUtils from './utils';

package/es/bpmn-elements/presets/Event/EndEventFactory.d.ts

@@ -0,0 +1,5 @@
+export declare function EndEventFactory(lf: any): {
+    type: string;
+    model: any;
+    view: any;
+};

package/es/bpmn-elements/presets/Event/EndEventFactory.js

@@ -0,0 +1,130 @@
+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 __());
+    };
+})();
+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;
+};
+/* eslint-disable @typescript-eslint/naming-convention */
+import { CircleNode, CircleNodeModel, h, } from '@logicflow/core';
+import { genBpmnId, groupRule } from '../../utils';
+export function EndEventFactory(lf) {
+    var _a = __read(lf.useDefinition(), 1), definition = _a[0];
+    var view = /** @class */ (function (_super) {
+        __extends(view, _super);
+        function view() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        view.prototype.getAnchorStyle = function () {
+            return {
+                visibility: 'hidden',
+            };
+        };
+        view.prototype.getShape = function () {
+            var _a;
+            var model = this.props.model;
+            var style = model.getNodeStyle();
+            var x = model.x, y = model.y, r = model.r, width = model.width, height = model.height, properties = model.properties;
+            var outCircle = _super.prototype.getShape.call(this);
+            var definitionType = properties.definitionType;
+            var icon = (((_a = definition.endEvent) === null || _a === void 0 ? void 0 : _a.get(definitionType)) || {}).icon;
+            var i = Array.isArray(icon)
+                ? h.apply(void 0, __spread(['g', {
+                        transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+                    }], icon)) : h('path', {
+                transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+                d: icon,
+                style: 'fill: black; stroke-linecap: round; stroke-linejoin: round; stroke: white; stroke-width: 1px;',
+            });
+            return h('g', {}, outCircle, h('circle', __assign(__assign({}, style), { strokeWidth: 2, cx: x, cy: y, r: r - 2 })), i);
+        };
+        return view;
+    }(CircleNode));
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model(data, graphModel) {
+            var _a, _b, _c;
+            var _this = this;
+            if (!data.id) {
+                data.id = "Event_" + genBpmnId();
+            }
+            if (!data.text) {
+                data.text = '';
+            }
+            if (data.text && typeof data.text === 'string') {
+                data.text = {
+                    value: data.text,
+                    x: data.x,
+                    y: data.y + 40,
+                };
+            }
+            var _d = (((_a = definition.endEvent) === null || _a === void 0 ? void 0 : _a.get((_b = data.properties) === null || _b === void 0 ? void 0 : _b.definitionType)) || {}).properties, properties = _d === void 0 ? {} : _d;
+            data.properties = __assign(__assign({}, properties), data.properties);
+            ((_c = data.properties) === null || _c === void 0 ? void 0 : _c.definitionType) && (data.properties.definitionId = "Definition_" + genBpmnId());
+            _this = _super.call(this, data, graphModel) || this;
+            groupRule.call(_this);
+            return _this;
+        }
+        model.prototype.setAttributes = function () {
+            this.r = 18;
+        };
+        model.prototype.getConnectedSourceRules = function () {
+            var _this = this;
+            var rules = _super.prototype.getConnectedSourceRules.call(this);
+            var notAsSource = {
+                message: '结束节点不能作为边的起点',
+                validate: function (source, _target) {
+                    if (source === _this) {
+                        return false;
+                    }
+                    return true;
+                },
+            };
+            rules.push(notAsSource);
+            return rules;
+        };
+        return model;
+    }(CircleNodeModel));
+    return {
+        type: 'bpmn:endEvent',
+        view: view,
+        model: model,
+    };
+}

package/es/bpmn-elements/presets/Event/IntermediateCatchEvent.d.ts

@@ -0,0 +1,5 @@
+export declare function IntermediateCatchEventFactory(lf: any): {
+    type: string;
+    model: any;
+    view: any;
+};