@logicflow/extension 1.2.10 → 1.2.12

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/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 = 'xxxxxxx'.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-adapter/bpmnIds.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 = 'xxxxxxx'.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;
+};

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

@@ -0,0 +1,114 @@
+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 IntermediateCatchEventFactory(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;
+            var icon = (((_a = definition.intermediateCatchEvent) === 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, strokeWidth: 1.5 })), h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r - 3, 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.intermediateCatchEvent) === 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;
+        };
+        return model;
+    }(CircleNodeModel));
+    return {
+        type: 'bpmn:intermediateCatchEvent',
+        view: view,
+        model: model,
+    };
+}

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

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

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

@@ -0,0 +1,115 @@
+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 IntermediateThrowEventFactory(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;
+            var icon = (((_a = definition.intermediateThrowEvent) === 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',
+            });
+            return h('g', {}, h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r, strokeWidth: 1.5 })), h('circle', __assign(__assign({}, style), { cx: x, cy: y, r: r - 3, 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.intermediateThrowEvent) === 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;
+        };
+        return model;
+    }(CircleNodeModel));
+    return {
+        type: 'bpmn:intermediateThrowEvent',
+        view: view,
+        model: model,
+    };
+}

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

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