@logicflow/extension 1.2.10 → 1.2.11

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

@@ -0,0 +1,190 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskNodeFactory = exports.multiInstanceIcon = void 0;
+/* eslint-disable @typescript-eslint/naming-convention */
+var core_1 = require("@logicflow/core");
+var icons_1 = require("../icons");
+var utils_1 = require("../../utils");
+exports.multiInstanceIcon = {
+    parallel: icons_1.parallelMarker,
+    sequential: icons_1.sequentialMarker,
+    loop: icons_1.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 }
+ */
+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)
+                ? core_1.h.apply(void 0, __spread(['g', {
+                        transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+                    }], icon)) : core_1.h('path', {
+                fill: style.stroke,
+                d: icon,
+            });
+            return core_1.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 core_1.h('g', {}, [
+                core_1.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(),
+                core_1.h('g', {
+                    transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+                }, core_1.h('path', {
+                    fill: 'white',
+                    strokeLinecap: 'round',
+                    strokeLinejoin: 'round',
+                    stroke: 'rgb(34, 36, 42)',
+                    strokeWidth: '2',
+                    d: exports.multiInstanceIcon[properties.multiInstanceType] || '',
+                })),
+            ]);
+        };
+        return view;
+    }(core_1.RectNode));
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model(data, graphModel) {
+            var _a;
+            var _this = this;
+            if (!data.id) {
+                data.id = "Activity_" + utils_1.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');
+            utils_1.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;
+    }(core_1.RectNodeModel));
+    // @ts-ignore
+    return {
+        type: type,
+        view: view,
+        model: model,
+    };
+}
+exports.TaskNodeFactory = TaskNodeFactory;

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loopMarker = exports.sequentialMarker = exports.parallelMarker = exports.style = exports.manualTaskIcon = exports.scriptTaskIcon = exports.userTaskIcon = exports.serviceTaskIcon = exports.inclusiveIcon = exports.parallelIcon = exports.exclusiveIcon = exports.terminateIcon = exports.signalIcon = exports.linkIcon = exports.conditionalIcon = exports.compensationIcon = exports.escalationIcon = exports.errorIcon = exports.timerIcon = exports.messageIcon = void 0;
+var core_1 = require("@logicflow/core");
+// event
+exports.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';
+exports.timerIcon = [
+    core_1.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',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+    core_1.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;',
+    }),
+];
+exports.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';
+exports.escalationIcon = 'M 18,7.2 l 8,20 l -8,-7 l -8,7 Z';
+exports.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';
+exports.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 ';
+exports.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';
+exports.signalIcon = 'M 18,7.2 l 9,16.2 l -18,0 Z';
+exports.terminateIcon = [
+    core_1.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
+exports.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';
+exports.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';
+exports.inclusiveIcon = core_1.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
+exports.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';
+exports.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';
+exports.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';
+exports.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';
+exports.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
+exports.parallelMarker = 'm44,60 m 3,2 l 0,10 m 3,-10 l 0,10 m 3,-10 l 0,10';
+exports.sequentialMarker = 'm47,61 m 0,3 l 10,0 m -10,3 l 10,0 m -10,3 l 10,0';
+exports.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/cjs/bpmn-elements/utils.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genBpmnId = exports.groupRule = void 0;
+/* eslint-disable no-bitwise */
+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);
+}
+exports.groupRule = groupRule;
+/* 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();
+function genBpmnId() {
+    return ids.next();
+}
+exports.genBpmnId = genBpmnId;

package/cjs/bpmn-elements-adapter/constant.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = exports.SubProcessConfig = exports.UserTaskConfig = exports.ServiceTaskConfig = exports.ExclusiveGatewayConfig = exports.InclusiveGatewayConfig = exports.ParallelGatewayConfig = exports.IntermediateEventConfig = exports.BoundaryEventConfig = exports.EndEventConfig = exports.StartEventConfig = void 0;
+exports.StartEventConfig = {
+    width: 40,
+    height: 40,
+};
+exports.EndEventConfig = {
+    width: 40,
+    height: 40,
+};
+exports.BoundaryEventConfig = {
+    width: 100,
+    height: 80,
+};
+exports.IntermediateEventConfig = {
+    width: 100,
+    height: 80,
+};
+exports.ParallelGatewayConfig = {
+    width: 100,
+    height: 80,
+};
+exports.InclusiveGatewayConfig = {
+    width: 100,
+    height: 80,
+};
+exports.ExclusiveGatewayConfig = {
+    width: 100,
+    height: 80,
+};
+exports.ServiceTaskConfig = {
+    width: 100,
+    height: 80,
+};
+exports.UserTaskConfig = {
+    width: 100,
+    height: 80,
+};
+exports.SubProcessConfig = {
+    width: 100,
+    height: 80,
+};
+exports.theme = {
+    rect: {
+        radius: 5,
+        stroke: 'rgb(24, 125, 255)',
+    },
+    circle: {
+        r: 18,
+        stroke: 'rgb(24, 125, 255)',
+    },
+    polygon: {
+        stroke: 'rgb(24, 125, 255)',
+    },
+    polyline: {
+        stroke: 'rgb(24, 125, 255)',
+        hoverStroke: 'rgb(24, 125, 255)',
+        selectedStroke: 'rgb(24, 125, 255)',
+    },
+    edgeText: {
+        background: {
+            fill: 'white',
+            height: 14,
+            stroke: 'transparent',
+            radius: 3,
+        },
+    },
+};