@logicflow/extension 1.2.10 → 1.2.11

package/es/bpmn-elements/presets/Task/subProcess.js

@@ -0,0 +1,186 @@
+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);
+};
+/* eslint-disable no-shadow */
+/* eslint-disable @typescript-eslint/naming-convention */
+import { h } from '@logicflow/core';
+import { GroupNode } from '../../../materials/group/index';
+export function SubProcessFactory() {
+    var view = /** @class */ (function (_super) {
+        __extends(view, _super);
+        function view() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        view.prototype.getFoldIcon = function () {
+            var model = this.props.model;
+            var x = model.x, y = model.y, width = model.width, height = model.height, properties = model.properties, foldable = model.foldable;
+            var foldX = model.x - model.width / 2 + 5;
+            var foldY = model.y - model.height / 2 + 5;
+            if (!foldable)
+                return null;
+            var iconIcon = h('path', {
+                fill: 'none',
+                stroke: '#818281',
+                strokeWidth: 2,
+                'pointer-events': 'none',
+                d: properties.isFolded
+                    ? "M " + (foldX + 3) + "," + (foldY + 6) + " " + (foldX + 11) + "," + (foldY + 6) + " M" + (foldX + 7) + "," + (foldY + 2) + " " + (foldX + 7) + "," + (foldY + 10)
+                    : "M " + (foldX + 3) + "," + (foldY + 6) + " " + (foldX + 11) + "," + (foldY + 6) + " ",
+            });
+            return h('g', {}, [
+                h('rect', {
+                    height: 12,
+                    width: 14,
+                    rx: 2,
+                    ry: 2,
+                    strokeWidth: 1,
+                    fill: '#F4F5F6',
+                    stroke: '#CECECE',
+                    cursor: 'pointer',
+                    x: x - width / 2 + 5,
+                    y: y - height / 2 + 5,
+                    onClick: function (e) {
+                        e.stopPropagation();
+                        model.foldGroup(!properties.isFolded);
+                    },
+                }),
+                iconIcon,
+            ]);
+        };
+        view.prototype.getResizeShape = function () {
+            var model = this.props.model;
+            var x = model.x, y = model.y, width = model.width, height = model.height;
+            var style = model.getNodeStyle();
+            var foldRectAttrs = __assign(__assign({}, style), { x: x - width / 2, y: y - height / 2, width: width,
+                height: height, stroke: 'black', strokeWidth: 2, strokeDasharray: '0 0' });
+            return h('g', {}, [
+                // this.getAddAbleShape(),
+                h('rect', __assign({}, foldRectAttrs)),
+                this.getFoldIcon(),
+            ]);
+        };
+        return view;
+    }(GroupNode.view));
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        model.prototype.initNodeData = function (data) {
+            _super.prototype.initNodeData.call(this, data);
+            this.foldable = true;
+            // this.isFolded = true;
+            this.resizable = true;
+            this.width = 400;
+            this.height = 200;
+            // 根据 properties中的配置重设 宽高
+            this.resetWidthHeight();
+            this.isTaskNode = true; // 标识此节点是任务节点，可以被附件边界事件
+            this.boundaryEvents = []; // 记录自己附加的边界事件
+        };
+        // 自定义根据properties.iniProp
+        model.prototype.resetWidthHeight = function () {
+            var _a, _b;
+            var width = (_a = this.properties.iniProp) === null || _a === void 0 ? void 0 : _a.width;
+            var height = (_b = this.properties.iniProp) === null || _b === void 0 ? void 0 : _b.height;
+            width && (this.width = width);
+            height && (this.height = height);
+        };
+        model.prototype.getNodeStyle = function () {
+            var style = _super.prototype.getNodeStyle.call(this);
+            style.stroke = '#989891';
+            style.strokeWidth = 1;
+            style.strokeDasharray = '3 3';
+            if (this.isSelected) {
+                style.stroke = 'rgb(124, 15, 255)';
+            }
+            // isBoundaryEventTouchingTask属性用于标识拖动边界节点是否靠近此节点
+            // 如果靠近，则高亮提示
+            // style.fill = 'rgb(255, 230, 204)';
+            var isBoundaryEventTouchingTask = this.properties.isBoundaryEventTouchingTask;
+            if (isBoundaryEventTouchingTask) {
+                style.stroke = '#00acff';
+                style.strokeWidth = 2;
+            }
+            return style;
+        };
+        model.prototype.addChild = function (id) {
+            var model = this.graphModel.getElement(id);
+            model.setProperties({
+                parent: this.id,
+            });
+            _super.prototype.addChild.call(this, id);
+        };
+        // 隐藏锚点而不是设置锚点数为0
+        // 因为分组内部节点与外部节点相连时，
+        // 如果折叠分组，需要分组代替内部节点与外部节点相连。
+        model.prototype.getAnchorStyle = function () {
+            var style = _super.prototype.getAnchorStyle.call(this, {});
+            style.stroke = '#000';
+            style.fill = '#fff';
+            style.hover.stroke = 'transparent';
+            return style;
+        };
+        model.prototype.getOutlineStyle = function () {
+            var style = _super.prototype.getOutlineStyle.call(this);
+            style.stroke = 'transparent';
+            !style.hover && (style.hover = {});
+            style.hover.stroke = 'transparent';
+            return style;
+        };
+        /**
+         * 提供方法给插件在判断此节点被拖动边界事件节点靠近时调用，从而触发高亮
+         */
+        model.prototype.setTouching = function (flag) {
+            this.setProperty('isBoundaryEventTouchingTask', flag);
+        };
+        /**
+         * 附加后记录被附加的边界事件节点Id
+         */
+        model.prototype.addBoundaryEvent = function (nodeId) {
+            this.setTouching(false);
+            if (this.boundaryEvents.find(function (item) { return item === nodeId; })) {
+                return false;
+            }
+            var boundaryEvent = this.graphModel.getNodeModelById(nodeId);
+            boundaryEvent === null || boundaryEvent === void 0 ? void 0 : boundaryEvent.setProperties({
+                attachedToRef: this.id,
+            });
+            this.boundaryEvents.push(nodeId);
+            return true;
+        };
+        /**
+         * 被附加的边界事件节点被删除时，移除记录
+         */
+        model.prototype.deleteBoundaryEvent = function (nodeId) {
+            this.boundaryEvents = this.boundaryEvents.filter(function (item) { return item !== nodeId; });
+        };
+        return model;
+    }(GroupNode.model));
+    return {
+        type: 'bpmn:subProcess',
+        view: view,
+        model: model,
+    };
+}

package/es/bpmn-elements/presets/Task/task.d.ts

@@ -0,0 +1,12 @@
+export declare const multiInstanceIcon: any;
+/**
+ * @param type 任务节点的type, 对应其XML定义中的节点名，如<bpmn:userTask /> 其type为bpmn:userTask
+ * @param icon 任务节点左上角的图标，可以是svg path，也可以是h函数生成的svg
+ * @param props (可选) 任务节点的属性
+ * @returns { type: string, model: any, view: any }
+ */
+export declare function TaskNodeFactory(type: string, icon: string | any[], props?: any): {
+    type: string;
+    model: any;
+    view: any;
+};

package/es/bpmn-elements/presets/Task/task.js

@@ -0,0 +1,186 @@
+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 { RectNode, RectNodeModel, h, } from '@logicflow/core';
+import { parallelMarker, sequentialMarker, loopMarker } from '../icons';
+import { genBpmnId, groupRule } from '../../utils';
+export var multiInstanceIcon = {
+    parallel: parallelMarker,
+    sequential: sequentialMarker,
+    loop: loopMarker,
+};
+/**
+ * @param type 任务节点的type, 对应其XML定义中的节点名，如<bpmn:userTask /> 其type为bpmn:userTask
+ * @param icon 任务节点左上角的图标，可以是svg path，也可以是h函数生成的svg
+ * @param props (可选) 任务节点的属性
+ * @returns { type: string, model: any, view: any }
+ */
+export function TaskNodeFactory(type, icon, props) {
+    var view = /** @class */ (function (_super) {
+        __extends(view, _super);
+        function view() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        view.prototype.getLabelShape = function () {
+            // @ts-ignore
+            var model = this.props.model;
+            var x = model.x, y = model.y, width = model.width, height = model.height;
+            var style = model.getNodeStyle();
+            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', {
+                fill: style.stroke,
+                d: icon,
+            });
+            return h('svg', {
+                x: x - width / 2 + 5,
+                y: y - height / 2 + 5,
+                width: 25,
+                height: 25,
+                viewBox: '0 0 1274 1024',
+            }, i);
+        };
+        view.prototype.getShape = function () {
+            // @ts-ignore
+            var model = this.props.model;
+            var x = model.x, y = model.y, width = model.width, height = model.height, radius = model.radius, properties = model.properties;
+            var style = model.getNodeStyle();
+            return h('g', {}, [
+                h('rect', __assign(__assign({}, style), { x: x - width / 2, y: y - height / 2, rx: radius, ry: radius, width: width,
+                    height: height, opacity: 0.95 })),
+                this.getLabelShape(),
+                h('g', {
+                    transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+                }, h('path', {
+                    fill: 'white',
+                    strokeLinecap: 'round',
+                    strokeLinejoin: 'round',
+                    stroke: 'rgb(34, 36, 42)',
+                    strokeWidth: '2',
+                    d: multiInstanceIcon[properties.multiInstanceType] || '',
+                })),
+            ]);
+        };
+        return view;
+    }(RectNode));
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model(data, graphModel) {
+            var _a;
+            var _this = this;
+            if (!data.id) {
+                data.id = "Activity_" + genBpmnId();
+            }
+            var properties = __assign(__assign({}, (props || {})), data.properties);
+            data.properties = properties;
+            _this = _super.call(this, data, graphModel) || this;
+            (_a = properties === null || properties === void 0 ? void 0 : properties.boundaryEvents) === null || _a === void 0 ? void 0 : _a.forEach(function (id) {
+                _this.addBoundaryEvent(id);
+            });
+            _this.deleteProperty('boundaryEvents');
+            groupRule.call(_this);
+            return _this;
+        }
+        model.prototype.initNodeData = function (data) {
+            _super.prototype.initNodeData.call(this, data);
+            this.isTaskNode = true; // 标识此节点是任务节点，可以被附件边界事件
+            this.boundaryEvents = []; // 记录自己附加的边界事件
+        };
+        model.prototype.getNodeStyle = function () {
+            var style = _super.prototype.getNodeStyle.call(this);
+            // isBoundaryEventTouchingTask属性用于标识拖动边界节点是否靠近此节点
+            // 如果靠近，则高亮提示
+            // style.fill = 'rgb(255, 230, 204)';
+            var isBoundaryEventTouchingTask = this.properties.isBoundaryEventTouchingTask;
+            if (isBoundaryEventTouchingTask) {
+                style.stroke = '#00acff';
+                style.strokeWidth = 2;
+            }
+            return style;
+        };
+        model.prototype.getOutlineStyle = function () {
+            var style = _super.prototype.getOutlineStyle.call(this);
+            style.stroke = 'transparent';
+            !style.hover && (style.hover = {});
+            style.hover.stroke = 'transparent';
+            return style;
+        };
+        /**
+           * 提供方法给插件在判断此节点被拖动边界事件节点靠近时调用，从而触发高亮
+           */
+        model.prototype.setTouching = function (flag) {
+            this.setProperty('isBoundaryEventTouchingTask', flag);
+        };
+        /**
+           * 附加后记录被附加的边界事件节点Id
+           */
+        model.prototype.addBoundaryEvent = function (nodeId) {
+            this.setTouching(false);
+            if (this.boundaryEvents.find(function (item) { return item === nodeId; })) {
+                return false;
+            }
+            var boundaryEvent = this.graphModel.getNodeModelById(nodeId);
+            boundaryEvent === null || boundaryEvent === void 0 ? void 0 : boundaryEvent.setProperties({
+                attachedToRef: this.id,
+            });
+            this.boundaryEvents.push(nodeId);
+            return true;
+        };
+        /**
+           * 被附加的边界事件节点被删除时，移除记录
+           */
+        model.prototype.deleteBoundaryEvent = function (nodeId) {
+            this.boundaryEvents = this.boundaryEvents.filter(function (item) { return item !== nodeId; });
+        };
+        return model;
+    }(RectNodeModel));
+    // @ts-ignore
+    return {
+        type: type,
+        view: view,
+        model: model,
+    };
+}

package/es/bpmn-elements/presets/icons.d.ts

@@ -0,0 +1,25 @@
+export declare const messageIcon = "m 8.459999999999999,11.34 l 0,12.6 l 18.900000000000002,0 l 0,-12.6 z l 9.450000000000001,5.4 l 9.450000000000001,-5.4";
+export declare const timerIcon: import("preact").VNode<any>[];
+export declare const errorIcon = "m 7.2,25.991999999999997 0.09350000000000001,-0.025300000000000003 7.3392,-9.610700000000001 7.667000000000001,8.9661 4.7003,-18.2204 -5.8707,11.6501 -7.299600000000001,-9.585400000000002 z";
+export declare const escalationIcon = "M 18,7.2 l 8,20 l -8,-7 l -8,7 Z";
+export declare const compensationIcon = "m 7.92,18 9,-6.5 0,13 z m 9.3,-0.4 8.7,-6.1 0,13 -8.7,-6.1 z";
+export declare const conditionalIcon = "M 10.5,8.5 l 14.5,0 l 0,18 l -14.5,0 Z M 12.5,11.5 l 10.5,0 M 12.5,14.5 l 10.5,0 M 12.5,17.5 l 10.5,0 M 12.5,20.5 l 10.5,0 M 12.5,23.5 l 10.5,0 M 12.5,26.5 l 10.5,0 ";
+export declare const linkIcon = "m 20.52,9.468 0,4.4375 -13.5,0 0,6.75 13.5,0 0,4.4375 9.84375,-7.8125 -9.84375,-7.8125 z";
+export declare const signalIcon = "M 18,7.2 l 9,16.2 l -18,0 Z";
+export declare const terminateIcon: import("preact").VNode<any>[];
+export declare const exclusiveIcon = "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";
+export declare const parallelIcon = "m 23,10 0,12.5 -12.5,0 0,5 12.5,0 0,12.5 5,0 0,-12.5 12.5,0 0,-5 -12.5,0 0,-12.5 -5,0 z";
+export declare const inclusiveIcon: import("preact").VNode<any>;
+export declare const serviceTaskIcon = "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";
+export declare const userTaskIcon = "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";
+export declare const scriptTaskIcon = "M6.402,0.5H20.902C20.902,0.5,15.069,3.333,15.069,6.083S19.486,12.083,19.486,15.25S15.319,20.333,15.319,20.333H0.235C0.235,20.333,5.235,17.665999999999997,5.235,15.332999999999998S0.6520000000000001,8.582999999999998,0.6520000000000001,6.082999999999998S6.402,0.5,6.402,0.5ZM3.5,4.5L13.5,4.5M3.8,8.5L13.8,8.5M6.3,12.5L16.3,12.5M6.5,16.5L16.5,16.5";
+export declare const manualTaskIcon = "M0.5,3.751L4.583,0.5009999999999999C4.583,0.5009999999999999,15.749,0.5839999999999999,16.666,0.5839999999999999S14.249,3.5009999999999994,15.166,3.5009999999999994S26.833,3.5009999999999994,27.75,3.5009999999999994C28.916,5.209,27.582,6.667999999999999,26.916,7.167999999999999S27.791,9.084999999999999,25.916,11.584999999999999C25.166,11.834999999999999,26.666,13.459999999999999,24.583000000000002,14.918C23.416,15.501,25.166,16.46,23.333000000000002,17.750999999999998C22.166,17.750999999999998,2.5000000000000036,17.833999999999996,2.5000000000000036,17.833999999999996L0.5000000000000036,16.500999999999998V3.751ZM13.5,7L27,7M13.5,11L26,11M14,14.5L25,14.5M8.2,3.1L15,3.1";
+export declare const style: {
+    throw: string;
+    catch: string;
+    nonIntermediate: string;
+    intermediate: string;
+};
+export declare const parallelMarker = "m44,60 m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10";
+export declare const sequentialMarker = "m47,61 m 0,3 l 10,0 m -10,3 l 10,0 m -10,3 l 10,0";
+export declare const loopMarker = "m 50,73 c 3.526979,0 6.386161,-2.829858 6.386161,-6.320661 0,-3.490806 -2.859182,-6.320661 -6.386161,-6.320661 -3.526978,0 -6.38616,2.829855 -6.38616,6.320661 0,1.745402 0.714797,3.325567 1.870463,4.469381 0.577834,0.571908 1.265885,1.034728 2.029916,1.35457 l -0.718163,-3.909793 m 0.718163,3.909793 -3.885211,0.802902";

package/es/bpmn-elements/presets/icons.js

@@ -0,0 +1,113 @@
+import { h } from '@logicflow/core';
+// event
+export var messageIcon = 'm 8.459999999999999,11.34 l 0,12.6 l 18.900000000000002,0 l 0,-12.6 z l 9.450000000000001,5.4 l 9.450000000000001,-5.4';
+export var timerIcon = [
+    h('circle', {
+        cx: 18,
+        cy: 18,
+        r: 11,
+        style: 'stroke-linecap: round;stroke-linejoin: round;stroke: rgb(34, 36, 42);stroke-width: 2px;fill: white',
+    }),
+    h('path', {
+        d: 'M 18,18 l 2.25,-7.5 m -2.25,7.5 l 5.25,1.5',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(0,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(30,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(60,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(90,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(120,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(150,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(180,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(210,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(240,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(270,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(300,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+    h('path', {
+        d: 'M 18,18 m 0,7.5 l -0,2.25',
+        transform: 'rotate(330,18,18)',
+        style: 'fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    }),
+];
+export var errorIcon = 'm 7.2,25.991999999999997 0.09350000000000001,-0.025300000000000003 7.3392,-9.610700000000001 7.667000000000001,8.9661 4.7003,-18.2204 -5.8707,11.6501 -7.299600000000001,-9.585400000000002 z';
+export var escalationIcon = 'M 18,7.2 l 8,20 l -8,-7 l -8,7 Z';
+export var compensationIcon = 'm 7.92,18 9,-6.5 0,13 z m 9.3,-0.4 8.7,-6.1 0,13 -8.7,-6.1 z';
+export var conditionalIcon = 'M 10.5,8.5 l 14.5,0 l 0,18 l -14.5,0 Z M 12.5,11.5 l 10.5,0 M 12.5,14.5 l 10.5,0 M 12.5,17.5 l 10.5,0 M 12.5,20.5 l 10.5,0 M 12.5,23.5 l 10.5,0 M 12.5,26.5 l 10.5,0 ';
+export var linkIcon = 'm 20.52,9.468 0,4.4375 -13.5,0 0,6.75 13.5,0 0,4.4375 9.84375,-7.8125 -9.84375,-7.8125 z';
+export var signalIcon = 'M 18,7.2 l 9,16.2 l -18,0 Z';
+export var terminateIcon = [
+    h('circle', {
+        cx: 18,
+        cy: 18,
+        r: 10,
+        style: 'stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 4px; fill: rgb(34, 36, 42);',
+    }),
+];
+// gateway
+export var exclusiveIcon = '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';
+export var parallelIcon = 'm 23,10 0,12.5 -12.5,0 0,5 12.5,0 0,12.5 5,0 0,-12.5 12.5,0 0,-5 -12.5,0 0,-12.5 -5,0 z';
+export var inclusiveIcon = h('circle', {
+    cx: 25,
+    cy: 25,
+    r: 13,
+    style: 'stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 2.5px; fill: white;',
+});
+// task
+export var serviceTaskIcon = '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';
+export var userTaskIcon = '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';
+export var scriptTaskIcon = 'M6.402,0.5H20.902C20.902,0.5,15.069,3.333,15.069,6.083S19.486,12.083,19.486,15.25S15.319,20.333,15.319,20.333H0.235C0.235,20.333,5.235,17.665999999999997,5.235,15.332999999999998S0.6520000000000001,8.582999999999998,0.6520000000000001,6.082999999999998S6.402,0.5,6.402,0.5ZM3.5,4.5L13.5,4.5M3.8,8.5L13.8,8.5M6.3,12.5L16.3,12.5M6.5,16.5L16.5,16.5';
+export var manualTaskIcon = 'M0.5,3.751L4.583,0.5009999999999999C4.583,0.5009999999999999,15.749,0.5839999999999999,16.666,0.5839999999999999S14.249,3.5009999999999994,15.166,3.5009999999999994S26.833,3.5009999999999994,27.75,3.5009999999999994C28.916,5.209,27.582,6.667999999999999,26.916,7.167999999999999S27.791,9.084999999999999,25.916,11.584999999999999C25.166,11.834999999999999,26.666,13.459999999999999,24.583000000000002,14.918C23.416,15.501,25.166,16.46,23.333000000000002,17.750999999999998C22.166,17.750999999999998,2.5000000000000036,17.833999999999996,2.5000000000000036,17.833999999999996L0.5000000000000036,16.500999999999998V3.751ZM13.5,7L27,7M13.5,11L26,11M14,14.5L25,14.5M8.2,3.1L15,3.1';
+export var style = {
+    throw: 'fill: rgb(34, 36, 42); stroke-linecap: round; stroke-linejoin: round; stroke: white; stroke-width: 1px;',
+    catch: 'fill: white; stroke-linecap: round; stroke-linejoin: round; stroke: rgb(34, 36, 42); stroke-width: 1px;',
+    nonIntermediate: 'stroke-width: 1.5; stroke-dash-array: 6',
+    intermediate: 'stroke-width: 1.5',
+};
+// marker
+export var parallelMarker = 'm44,60 m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10';
+export var sequentialMarker = 'm47,61 m 0,3 l 10,0 m -10,3 l 10,0 m -10,3 l 10,0';
+export var loopMarker = 'm 50,73 c 3.526979,0 6.386161,-2.829858 6.386161,-6.320661 0,-3.490806 -2.859182,-6.320661 -6.386161,-6.320661 -3.526978,0 -6.38616,2.829855 -6.38616,6.320661 0,1.745402 0.714797,3.325567 1.870463,4.469381 0.577834,0.571908 1.265885,1.034728 2.029916,1.35457 l -0.718163,-3.909793 m 0.718163,3.909793 -3.885211,0.802902';

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

@@ -0,0 +1,2 @@
+export declare function groupRule(): void;
+export declare function genBpmnId(): string;

package/es/bpmn-elements/utils.js

@@ -0,0 +1,40 @@
+/* eslint-disable no-bitwise */
+export function groupRule() {
+    var rule = {
+        message: '分组外的节点不允许连接分组内的',
+        validate: function (_sourceNode, _targetNode, _sourceAnchor, _targetAnchor) {
+            var isSourceNodeInsideTheGroup = !!_sourceNode.properties.parent;
+            var isTargetNodeInsideTheGroup = !!_targetNode.properties.parent;
+            return !(!isSourceNodeInsideTheGroup && isTargetNodeInsideTheGroup);
+        },
+    };
+    this.targetRules.push(rule);
+}
+/* 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 genBpmnId() {
+    return ids.next();
+}

package/{types/bpmn → es/bpmn-elements-adapter}/constant.d.ts

@@ -6,6 +6,22 @@ export declare const EndEventConfig: {
     width: number;
     height: number;
 };
+export declare const BoundaryEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const IntermediateEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const ParallelGatewayConfig: {
+    width: number;
+    height: number;
+};
+export declare const InclusiveGatewayConfig: {
+    width: number;
+    height: number;
+};
 export declare const ExclusiveGatewayConfig: {
     width: number;
     height: number;
@@ -18,6 +34,10 @@ export declare const UserTaskConfig: {
     width: number;
     height: number;
 };
+export declare const SubProcessConfig: {
+    width: number;
+    height: number;
+};
 export declare const theme: {
     rect: {
         radius: number;