@logicflow/extension 1.2.10 → 1.2.11

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

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

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

@@ -0,0 +1,121 @@
+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 max-len */
+/* eslint-disable @typescript-eslint/naming-convention */
+import { CircleNode, CircleNodeModel, h, } from '@logicflow/core';
+import { genBpmnId, groupRule } from '../../utils';
+export function BoundaryEventFactory(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;
+            // @ts-ignore
+            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 definitionType = properties.definitionType, cancelActivity = properties.cancelActivity;
+            var icon = (((_a = definition.boundaryEvent) === 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,
+            });
+            return h('g', {}, h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r, strokeDasharray: cancelActivity ? '5,5' : '', strokeWidth: 1.5 })), h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r - 3, strokeDasharray: cancelActivity ? '5,5' : '', strokeWidth: 1.5 })), 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.boundaryEvent) === 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({ attachedToRef: '', cancelActivity: false }, 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.initNodeData = function (data) {
+            _super.prototype.initNodeData.call(this, data);
+            this.r = 20;
+            this.autoToFront = false; // 不自动设置到最顶部，而是使用自己的zIndex
+            this.zIndex = 99999; // 保证边界事件节点用于在最上方
+        };
+        model.prototype.setAttributes = function () {
+            this.r = 18;
+        };
+        return model;
+    }(CircleNodeModel));
+    return {
+        type: 'bpmn:boundaryEvent',
+        view: view,
+        model: model,
+    };
+}

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

@@ -0,0 +1,2 @@
+import LogicFlow from '@logicflow/core';
+export declare function registerEventNodes(lf: LogicFlow): void;

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

@@ -0,0 +1,12 @@
+import { EndEventFactory } from './EndEventFactory';
+import { IntermediateCatchEventFactory } from './IntermediateCatchEvent';
+import { StartEventFactory } from './StartEventFactory';
+import { BoundaryEventFactory } from './boundaryEventFactory';
+import { IntermediateThrowEventFactory } from './IntermediateThrowEvent';
+export function registerEventNodes(lf) {
+    lf.register(StartEventFactory(lf));
+    lf.register(EndEventFactory(lf));
+    lf.register(IntermediateCatchEventFactory(lf));
+    lf.register(IntermediateThrowEventFactory(lf));
+    lf.register(BoundaryEventFactory(lf));
+}

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

@@ -0,0 +1,7 @@
+import LogicFlow from '@logicflow/core';
+export declare const SequenceFlow: {
+    type: string;
+    model: any;
+    view: any;
+};
+export declare function registerFlows(lf: LogicFlow): void;

package/es/bpmn-elements/presets/Flow/index.js

@@ -0,0 +1,5 @@
+import { sequenceFlowFactory } from './sequenceFlow';
+export var SequenceFlow = sequenceFlowFactory();
+export function registerFlows(lf) {
+    lf.register(SequenceFlow);
+}

package/es/bpmn-elements/presets/Flow/sequenceFlow.d.ts

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

package/es/bpmn-elements/presets/Flow/sequenceFlow.js

@@ -0,0 +1,74 @@
+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 @typescript-eslint/naming-convention */
+import { PolylineEdge, PolylineEdgeModel, h, } from '@logicflow/core';
+import { genBpmnId } from '../../utils';
+export function sequenceFlowFactory(props) {
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model(data, graphModel) {
+            var _this = this;
+            if (!data.id) {
+                data.id = "Flow_" + genBpmnId();
+            }
+            var properties = __assign(__assign(__assign({}, (props || {})), data.properties), { 
+                // panels: ['condition'],
+                isDefaultFlow: false });
+            data.properties = properties;
+            _this = _super.call(this, data, graphModel) || this;
+            return _this;
+        }
+        model.extendKey = 'SequenceFlowModel';
+        return model;
+    }(PolylineEdgeModel));
+    var view = /** @class */ (function (_super) {
+        __extends(view, _super);
+        function view() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        view.prototype.getStartArrow = function () {
+            // eslint-disable-next-line no-shadow
+            var model = this.props.model;
+            var isDefaultFlow = model.properties.isDefaultFlow;
+            return isDefaultFlow
+                ? h('path', {
+                    refX: 15,
+                    stroke: '#000000',
+                    strokeWidth: 2,
+                    d: 'M 20 5 10 -5 z',
+                })
+                : h('path', {
+                    d: '',
+                });
+        };
+        view.extendKey = 'SequenceFlowEdge';
+        return view;
+    }(PolylineEdge));
+    return {
+        type: 'bpmn:sequenceFlow',
+        view: view,
+        model: model,
+    };
+}

package/es/bpmn-elements/presets/Gateway/gateway.d.ts

@@ -0,0 +1,17 @@
+/**
+ * index 0 排他网关
+ * index 1 包容网关
+ * index 2 并行网关
+ */
+export declare const gatewayComposable: number[][];
+/**
+ * @param type 网关节点的type, 对应其XML定义中的节点名，如<bpmn:inclusiveGateway /> 其type为bpmn:inclusiveGateway
+ * @param icon 网关节点左上角的图标，可以是svg path，也可以是h函数生成的svg
+ * @param props (可选) 网关节点的属性
+ * @returns { type: string, model: any, view: any }
+ */
+export declare function GatewayNodeFactory(type: string, icon: string | object, props?: any): {
+    type: string;
+    model: any;
+    view: any;
+};

package/es/bpmn-elements/presets/Gateway/gateway.js

@@ -0,0 +1,105 @@
+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 @typescript-eslint/naming-convention */
+import { PolygonNode, PolygonNodeModel, h, } from '@logicflow/core';
+import { genBpmnId, groupRule } from '../../utils';
+var gateway = {
+    exclusive: 0,
+    inclusive: 1,
+    parallel: 2,
+};
+/**
+ * index 0 排他网关
+ * index 1 包容网关
+ * index 2 并行网关
+ */
+export var gatewayComposable = [
+    [1, 1, 0],
+    [0, 0, 1],
+    [0, 1, 1],
+];
+/**
+ * @param type 网关节点的type, 对应其XML定义中的节点名，如<bpmn:inclusiveGateway /> 其type为bpmn:inclusiveGateway
+ * @param icon 网关节点左上角的图标，可以是svg path，也可以是h函数生成的svg
+ * @param props (可选) 网关节点的属性
+ * @returns { type: string, model: any, view: any }
+ */
+export function GatewayNodeFactory(type, icon, props) {
+    var view = /** @class */ (function (_super) {
+        __extends(view, _super);
+        function view() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        view.prototype.getShape = function () {
+            // @ts-ignore
+            var model = this.props.model;
+            var x = model.x, y = model.y, width = model.width, height = model.height, points = model.points;
+            var style = model.getNodeStyle();
+            return h('g', {
+                transform: "matrix(1 0 0 1 " + (x - width / 2) + " " + (y - height / 2) + ")",
+            }, h('polygon', __assign(__assign({}, style), { x: x,
+                y: y,
+                points: points })), typeof icon === 'string'
+                ? h('path', __assign(__assign({ d: icon }, style), { fill: 'rgb(34, 36, 42)', strokeWidth: 1 }))
+                : icon);
+        };
+        return view;
+    }(PolygonNode));
+    var model = /** @class */ (function (_super) {
+        __extends(model, _super);
+        function model(data, graphModel) {
+            var _this = this;
+            if (!data.id) {
+                data.id = "Gateway_" + 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,
+                };
+            }
+            data.properties = __assign(__assign({}, (props || {})), data.properties);
+            _this = _super.call(this, data, graphModel) || this;
+            _this.points = [
+                [25, 0],
+                [50, 25],
+                [25, 50],
+                [0, 25],
+            ];
+            groupRule.call(_this);
+            return _this;
+        }
+        return model;
+    }(PolygonNodeModel));
+    return {
+        type: type,
+        view: view,
+        model: model,
+    };
+}

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

@@ -0,0 +1,2 @@
+import LogicFlow from '@logicflow/core';
+export declare function registerGatewayNodes(lf: LogicFlow): void;

package/es/bpmn-elements/presets/Gateway/index.js

@@ -0,0 +1,10 @@
+import { exclusiveIcon, parallelIcon, inclusiveIcon } from '../icons';
+import { GatewayNodeFactory } from './gateway';
+export function registerGatewayNodes(lf) {
+    var ExclusiveGateway = GatewayNodeFactory('bpmn:exclusiveGateway', exclusiveIcon);
+    var ParallelGateway = GatewayNodeFactory('bpmn:parallelGateway', parallelIcon);
+    var InclusiveGateway = GatewayNodeFactory('bpmn:inclusiveGateway', inclusiveIcon);
+    lf.register(ExclusiveGateway);
+    lf.register(InclusiveGateway);
+    lf.register(ParallelGateway);
+}

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

@@ -0,0 +1,2 @@
+import LogicFlow from '@logicflow/core';
+export declare function registerTaskNodes(lf: LogicFlow): void;

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

@@ -0,0 +1,130 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+import { serviceTaskIcon, userTaskIcon } from '../icons';
+import { TaskNodeFactory } from './task';
+import { SubProcessFactory } from './subProcess';
+function boundaryEvent(lf) {
+    lf.on('node:drag,node:dnd-drag', checkAppendBoundaryEvent);
+    lf.on('node:drop,node:dnd-add', appendBoundaryEvent);
+    lf.graphModel.addNodeMoveRules(function (model, deltaX, deltaY) {
+        if (model.isTaskNode) {
+            // 如果移动的是分组，那么分组的子节点也跟着移动。
+            var nodeIds = model.boundaryEvents;
+            lf.graphModel.moveNodes(nodeIds, deltaX, deltaY, true);
+            return true;
+        }
+        return true;
+    });
+    function appendBoundaryEvent(_a) {
+        var e_1, _b;
+        var data = _a.data;
+        var type = data.type, id = data.id;
+        if (type !== 'bpmn:boundaryEvent') {
+            return;
+        }
+        var nodes = lf.graphModel.nodes;
+        try {
+            for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
+                var node = nodes_1_1.value;
+                if (node.isTaskNode) {
+                    var nodeId = null;
+                    if ((nodeId = isBoundaryEventCloseToTask(node, data)) !== null) {
+                        var eventModel = lf.graphModel.getNodeModelById(id);
+                        var nodeModel = lf.graphModel.getNodeModelById(nodeId);
+                        var attachedToRef = eventModel.properties.attachedToRef;
+                        if (attachedToRef && attachedToRef !== nodeId) {
+                            lf.graphModel.getNodeModelById(attachedToRef).deleteBoundaryEvent(id);
+                        }
+                        nodeModel.addBoundaryEvent(id);
+                        return;
+                    }
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (nodes_1_1 && !nodes_1_1.done && (_b = nodes_1.return)) _b.call(nodes_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+    }
+    // 判断此节点是否在某个节点的边界上
+    // 如果在，且这个节点model存在属性isTaskNode，则调用这个方法
+    function checkAppendBoundaryEvent(_a) {
+        var e_2, _b;
+        var data = _a.data;
+        var type = data.type;
+        if (type !== 'bpmn:boundaryEvent') {
+            return;
+        }
+        var nodes = lf.graphModel.nodes;
+        try {
+            for (var nodes_2 = __values(nodes), nodes_2_1 = nodes_2.next(); !nodes_2_1.done; nodes_2_1 = nodes_2.next()) {
+                var node = nodes_2_1.value;
+                if (node.isTaskNode) {
+                    if (isBoundaryEventCloseToTask(node, data)) {
+                        // 同时只允许在一个节点的边界上
+                        node.setTouching(true);
+                    }
+                    else {
+                        node.setTouching(false);
+                    }
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (nodes_2_1 && !nodes_2_1.done && (_b = nodes_2.return)) _b.call(nodes_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+    }
+    function isBoundaryEventCloseToTask(task, event) {
+        var offset = 5;
+        var tx = task.x, ty = task.y, twidth = task.width, theight = task.height, id = task.id;
+        var bbox = {
+            minX: tx - twidth / 2,
+            maxX: tx + twidth / 2,
+            minY: ty - theight / 2,
+            maxY: ty + theight / 2,
+        };
+        var bx = event.x, by = event.y;
+        var outerBBox = {
+            minX: bbox.minX - offset,
+            maxX: bbox.maxX + offset,
+            minY: bbox.minY - offset,
+            maxY: bbox.maxY + offset,
+        };
+        var innerBBox = {
+            minX: bbox.minX + offset,
+            maxX: bbox.maxX - offset,
+            minY: bbox.minY + offset,
+            maxY: bbox.maxX - offset,
+        };
+        if (bx > outerBBox.minX && bx < outerBBox.maxX && by > outerBBox.minY && by < outerBBox.maxY) {
+            if (!(bx > innerBBox.minX && bx < innerBBox.maxX && by > innerBBox.minY && by < innerBBox.maxY)) {
+                return id;
+            }
+        }
+        return null;
+    }
+}
+export function registerTaskNodes(lf) {
+    var ServiceTask = TaskNodeFactory('bpmn:serviceTask', serviceTaskIcon);
+    var UserTask = TaskNodeFactory('bpmn:userTask', userTaskIcon);
+    lf.register(ServiceTask);
+    lf.register(UserTask);
+    lf.register(SubProcessFactory());
+    boundaryEvent(lf);
+}

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

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