@logicflow/extension 1.2.0-next.1 → 1.2.0-next.3

package/es/NodeResize/Node/DiamondResize.js

@@ -27,8 +27,14 @@ import ControlGroup from '../Control/ControlGroup';
 import Polygon from '../BasicShape/Polygon';
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
-    function DiamondResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function DiamondResizeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        var nodeSize = _this.properties.nodeSize;
+        if (nodeSize) {
+            _this.rx = nodeSize.rx;
+            _this.ry = nodeSize.ry;
+        }
+        return _this;
     }
     DiamondResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -38,14 +44,6 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         this.maxHeight = 2000;
         this.gridSize = 1;
     };
-    DiamondResizeModel.prototype.init = function () {
-        _super.prototype.init.call(this);
-        var nodeSize = this.properties.nodeSize;
-        if (nodeSize) {
-            this.rx = nodeSize.rx;
-            this.ry = nodeSize.ry;
-        }
-    };
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         var isSilentMode = this.graphModel.editConfigModel.isSilentMode;
@@ -72,6 +70,22 @@ var DiamondResizeModel = /** @class */ (function (_super) {
             stroke: '#000000',
         };
     };
+    // 该方法需要在重设宽高和最大、最小限制后被调用，不建议在 initNodeData() 方法中使用
+    DiamondResizeModel.prototype.enableProportionResize = function (turnOn) {
+        if (turnOn === void 0) { turnOn = true; }
+        if (turnOn) {
+            var ResizePCT = { widthPCT: 100, hightPCT: 100 };
+            var ResizeBasis = { basisWidth: this.rx, basisHeight: this.ry };
+            var ScaleLimit = {
+                maxScaleLimit: Math.min((this.maxWidth / (this.rx * 2)) * 100, (this.maxHeight / (this.ry * 2)) * 100),
+                minScaleLimit: Math.max((this.minWidth / (this.rx * 2)) * 100, (this.minHeight / (this.ry * 2)) * 100),
+            };
+            this.PCTResizeInfo = { ResizePCT: ResizePCT, ResizeBasis: ResizeBasis, ScaleLimit: ScaleLimit };
+        }
+        else {
+            delete this.PCTResizeInfo;
+        }
+    };
     return DiamondResizeModel;
 }(DiamondNodeModel));
 var DiamondResizeView = /** @class */ (function (_super) {

package/es/NodeResize/Node/EllipseResize.d.ts

@@ -1,7 +1,8 @@
 import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 declare class EllipseResizeModel extends EllipseNodeModel {
+    private PCTResizeInfo;
+    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
-    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;
@@ -14,6 +15,7 @@ declare class EllipseResizeModel extends EllipseNodeModel {
         fill: string;
         stroke: string;
     };
+    enableProportionResize(turnOn?: boolean): void;
 }
 declare class EllipseResizeView extends EllipseNode {
     getControlGroup(): h.JSX.Element;

package/es/NodeResize/Node/EllipseResize.js

@@ -15,8 +15,14 @@ import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var EllipseResizeModel = /** @class */ (function (_super) {
     __extends(EllipseResizeModel, _super);
-    function EllipseResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function EllipseResizeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        var nodeSize = _this.properties.nodeSize;
+        if (nodeSize) {
+            _this.rx = nodeSize.rx;
+            _this.ry = nodeSize.ry;
+        }
+        return _this;
     }
     EllipseResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -25,14 +31,6 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
-    EllipseResizeModel.prototype.init = function () {
-        _super.prototype.init.call(this);
-        var nodeSize = this.properties.nodeSize;
-        if (nodeSize) {
-            this.rx = nodeSize.rx;
-            this.ry = nodeSize.ry;
-        }
-    };
     EllipseResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         var isSilentMode = this.graphModel.editConfigModel.isSilentMode;
@@ -59,6 +57,22 @@ var EllipseResizeModel = /** @class */ (function (_super) {
             stroke: '#000000',
         };
     };
+    // 该方法需要在重设宽高和最大、最小限制后被调用，不建议在 initNodeData() 方法中使用
+    EllipseResizeModel.prototype.enableProportionResize = function (turnOn) {
+        if (turnOn === void 0) { turnOn = true; }
+        if (turnOn) {
+            var ResizePCT = { widthPCT: 100, hightPCT: 100 };
+            var ResizeBasis = { basisWidth: this.rx, basisHeight: this.ry };
+            var ScaleLimit = {
+                maxScaleLimit: Math.min((this.maxWidth / (this.rx * 2)) * 100, (this.maxHeight / (this.ry * 2)) * 100),
+                minScaleLimit: Math.max((this.minWidth / (this.rx * 2)) * 100, (this.minHeight / (this.ry * 2)) * 100),
+            };
+            this.PCTResizeInfo = { ResizePCT: ResizePCT, ResizeBasis: ResizeBasis, ScaleLimit: ScaleLimit };
+        }
+        else {
+            delete this.PCTResizeInfo;
+        }
+    };
     return EllipseResizeModel;
 }(EllipseNodeModel));
 var EllipseResizeView = /** @class */ (function (_super) {

package/es/NodeResize/Node/HtmlResize.d.ts

@@ -1,7 +1,8 @@
 import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 declare class HtmlResizeModel extends HtmlNodeModel {
+    private PCTResizeInfo;
+    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
-    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;
@@ -14,6 +15,7 @@ declare class HtmlResizeModel extends HtmlNodeModel {
         fill: string;
         stroke: string;
     };
+    enableProportionResize(turnOn?: boolean): void;
 }
 declare class HtmlResizeView extends HtmlNode {
     getControlGroup(): h.JSX.Element;

package/es/NodeResize/Node/HtmlResize.js

@@ -15,8 +15,14 @@ import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var HtmlResizeModel = /** @class */ (function (_super) {
     __extends(HtmlResizeModel, _super);
-    function HtmlResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function HtmlResizeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        var nodeSize = _this.properties.nodeSize;
+        if (nodeSize) {
+            _this.width = nodeSize.width;
+            _this.height = nodeSize.height;
+        }
+        return _this;
     }
     HtmlResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -25,14 +31,6 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
-    HtmlResizeModel.prototype.init = function () {
-        _super.prototype.init.call(this);
-        var nodeSize = this.properties.nodeSize;
-        if (nodeSize) {
-            this.width = nodeSize.width;
-            this.height = nodeSize.height;
-        }
-    };
     HtmlResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         var isSilentMode = this.graphModel.editConfigModel.isSilentMode;
@@ -59,6 +57,22 @@ var HtmlResizeModel = /** @class */ (function (_super) {
             stroke: '#000000',
         };
     };
+    // 该方法需要在重设宽高和最大、最小限制后被调用，不建议在 initNodeData() 方法中使用
+    HtmlResizeModel.prototype.enableProportionResize = function (turnOn) {
+        if (turnOn === void 0) { turnOn = true; }
+        if (turnOn) {
+            var ResizePCT = { widthPCT: 100, hightPCT: 100 };
+            var ResizeBasis = { basisWidth: this.width, basisHeight: this.height };
+            var ScaleLimit = {
+                maxScaleLimit: Math.min((this.maxWidth / this.width) * 100, (this.maxHeight / this.height) * 100),
+                minScaleLimit: Math.max((this.minWidth / this.width) * 100, (this.minHeight / this.height) * 100),
+            };
+            this.PCTResizeInfo = { ResizePCT: ResizePCT, ResizeBasis: ResizeBasis, ScaleLimit: ScaleLimit };
+        }
+        else {
+            delete this.PCTResizeInfo;
+        }
+    };
     return HtmlResizeModel;
 }(HtmlNodeModel));
 var HtmlResizeView = /** @class */ (function (_super) {

package/es/NodeResize/Node/RectResize.d.ts

@@ -1,7 +1,8 @@
 import { h, RectNode, RectNodeModel } from '@logicflow/core';
 declare class RectResizeModel extends RectNodeModel {
+    private PCTResizeInfo;
+    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
-    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         fill: string;
@@ -16,6 +17,7 @@ declare class RectResizeModel extends RectNodeModel {
         stroke: string;
     };
     resize(deltaX: any, deltaY: any): void;
+    enableProportionResize(turnOn?: boolean): void;
 }
 declare class RectResizeView extends RectNode {
     getControlGroup(): h.JSX.Element;

package/es/NodeResize/Node/RectResize.js

@@ -15,8 +15,14 @@ import { h, RectNode, RectNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var RectResizeModel = /** @class */ (function (_super) {
     __extends(RectResizeModel, _super);
-    function RectResizeModel() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function RectResizeModel(data, graphModel) {
+        var _this = _super.call(this, data, graphModel) || this;
+        var nodeSize = _this.properties.nodeSize;
+        if (nodeSize) {
+            _this.width = nodeSize.width;
+            _this.height = nodeSize.height;
+        }
+        return _this;
     }
     RectResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -25,14 +31,6 @@ var RectResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
-    RectResizeModel.prototype.init = function () {
-        _super.prototype.init.call(this);
-        var nodeSize = this.properties.nodeSize;
-        if (nodeSize) {
-            this.width = nodeSize.width;
-            this.height = nodeSize.height;
-        }
-    };
     RectResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         var isSilentMode = this.graphModel.editConfigModel.isSilentMode;
@@ -63,6 +61,22 @@ var RectResizeModel = /** @class */ (function (_super) {
     RectResizeModel.prototype.resize = function (deltaX, deltaY) {
         console.log(deltaX, deltaY);
     };
+    // 该方法需要在重设宽高和最大、最小限制后被调用，不建议在 initNodeData() 方法中使用
+    RectResizeModel.prototype.enableProportionResize = function (turnOn) {
+        if (turnOn === void 0) { turnOn = true; }
+        if (turnOn) {
+            var ResizePCT = { widthPCT: 100, hightPCT: 100 };
+            var ResizeBasis = { basisWidth: this.width, basisHeight: this.height };
+            var ScaleLimit = {
+                maxScaleLimit: Math.min((this.maxWidth / this.width) * 100, (this.maxHeight / this.height) * 100),
+                minScaleLimit: Math.max((this.minWidth / this.width) * 100, (this.minHeight / this.height) * 100),
+            };
+            this.PCTResizeInfo = { ResizePCT: ResizePCT, ResizeBasis: ResizeBasis, ScaleLimit: ScaleLimit };
+        }
+        else {
+            delete this.PCTResizeInfo;
+        }
+    };
     return RectResizeModel;
 }(RectNodeModel));
 var RectResizeView = /** @class */ (function (_super) {

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

@@ -1,53 +1,45 @@
-declare class BpmnAdapter {
-    static pluginName: string;
-    static shapeConfigMap: Map<any, any>;
-    processAttributes: {
-        ['-isExecutable']: string;
-        ['-id']: string;
-    };
-    definitionAttributes: {
-        ['-id']: string;
-        ['-xmlns:xsi']: string;
-        ['-xmlns:bpmn']: string;
-        ['-xmlns:bpmndi']: string;
-        ['-xmlns:dc']: string;
-        ['-xmlns:di']: string;
-        ['-targetNamespace']: string;
-        ['-exporter']: string;
-        ['-exporterVersion']: string;
-        [key: string]: any;
-    };
-    constructor({ lf }: {
-        lf: any;
-    });
+declare const BpmnAdapter: {
+    pluginName: string;
+    install(lf: any): void;
+    shapeConfigMap: Map<any, any>;
     setCustomShape(key: any, val: any): void;
-    adapterOut: (data: any) => {
+    adapterOut(data: any): {
         'bpmn:definitions': {
-            [key: string]: any;
-            "-id": string;
-            "-xmlns:xsi": string;
-            "-xmlns:bpmn": string;
-            "-xmlns:bpmndi": string;
-            "-xmlns:dc": string;
-            "-xmlns:di": string;
-            "-targetNamespace": string;
-            "-exporter": string;
-            "-exporterVersion": string;
+            '-id': string;
+            '-xmlns:xsi': string;
+            '-xmlns:bpmn': string;
+            '-xmlns:bpmndi': string;
+            '-xmlns:dc': string;
+            '-xmlns:di': string;
+            '-targetNamespace': string;
+            '-exporter': string;
+            '-exporterVersion': string;
+            'bpmn:process': {
+                '-id': string;
+                '-isExecutable': string;
+            };
+            'bpmndi:BPMNDiagram': {
+                '-id': string;
+                'bpmndi:BPMNPlane': {
+                    '-id': string;
+                    '-bpmnElement': string;
+                };
+            };
         };
     };
-    adapterIn: (bpmnData: any) => {
+    adapterIn(bpmnData: any): {
         nodes: any[];
         edges: any[];
     };
-}
-declare class BpmnXmlAdapter extends BpmnAdapter {
-    static pluginName: string;
-    constructor(data: any);
-    adapterXmlIn: (bpmnData: any) => {
+};
+declare const BpmnXmlAdapter: {
+    pluginName: string;
+    install(lf: any): void;
+    adapterXmlIn(bpmnData: any): {
         nodes: any[];
         edges: any[];
     };
-    adapterXmlOut: (data: any) => string;
-}
+    adapterXmlOut(data: any): string;
+};
 export { BpmnAdapter, BpmnXmlAdapter, };
 export default BpmnAdapter;

package/es/bpmn-adapter/index.js

@@ -1,27 +1,3 @@
-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;
@@ -138,6 +114,8 @@ function convertLf2ProcessData(bpmnProcessData, data) {
     var sequenceFlow = data.edges.map(function (edge) {
         var _a, _b;
         var targetNode = nodeMap.get(edge.targetNodeId);
+        // @see https://github.com/didi/LogicFlow/issues/325
+        // 需要保证incomming在outgoing之前
         if (!targetNode['bpmn:incoming']) {
             targetNode['bpmn:incoming'] = edge.id;
         }
@@ -150,34 +128,6 @@ function convertLf2ProcessData(bpmnProcessData, data) {
                 edge.id,
             ];
         }
-        // const sourceNode = nodeMap.get(edge.sourceNodeId);
-        // if (!sourceNode['bpmn:outgoing']) {
-        //   sourceNode['bpmn:outgoing'] = edge.id;
-        // } else if (Array.isArray(sourceNode['bpmn:outgoing'])) {
-        //   sourceNode['bpmn:outgoing'].push(edge.id);
-        // } else { // 字符串转数组
-        //   sourceNode['bpmn:outgoing'] = [
-        //     sourceNode['bpmn:outgoing'],
-        //     edge.id,
-        //   ];
-        // }
-        var edgeConfig = {
-            '-id': edge.id,
-            '-sourceRef': edge.sourceNodeId,
-            '-targetRef': edge.targetNodeId,
-        };
-        if ((_a = edge.text) === null || _a === void 0 ? void 0 : _a.value) {
-            edgeConfig['-name'] = (_b = edge.text) === null || _b === void 0 ? void 0 : _b.value;
-        }
-        if (edge.properties) {
-            var properties = toXmlJson(edge.properties);
-            Object.assign(edgeConfig, properties);
-        }
-        return edgeConfig;
-    });
-    // @see https://github.com/didi/LogicFlow/issues/325
-    // 需要保证incoming在outgoing之前
-    data.edges.forEach(function (edge) {
         var sourceNode = nodeMap.get(edge.sourceNodeId);
         if (!sourceNode['bpmn:outgoing']) {
             sourceNode['bpmn:outgoing'] = edge.id;
@@ -191,6 +141,19 @@ function convertLf2ProcessData(bpmnProcessData, data) {
                 edge.id,
             ];
         }
+        var edgeConfig = {
+            '-id': edge.id,
+            '-sourceRef': edge.sourceNodeId,
+            '-targetRef': edge.targetNodeId,
+        };
+        if ((_a = edge.text) === null || _a === void 0 ? void 0 : _a.value) {
+            edgeConfig['-name'] = (_b = edge.text) === null || _b === void 0 ? void 0 : _b.value;
+        }
+        if (edge.properties) {
+            var properties = toXmlJson(edge.properties);
+            Object.assign(edgeConfig, properties);
+        }
+        return edgeConfig;
     });
     bpmnProcessData[BpmnElements.FLOW] = sequenceFlow;
 }
@@ -436,59 +399,53 @@ function getEdgeConfig(edgeValue, processValue) {
     }
     return edge;
 }
-var BpmnAdapter = /** @class */ (function () {
-    function BpmnAdapter(_a) {
-        var _this = this;
-        var lf = _a.lf;
-        this.adapterOut = function (data) {
-            var bpmnProcessData = __assign({}, _this.processAttributes);
-            convertLf2ProcessData(bpmnProcessData, data);
-            var bpmnDiagramData = {
-                '-id': 'BPMNPlane_1',
-                '-bpmnElement': bpmnProcessData['-id'],
-            };
-            convertLf2DiagramData(bpmnDiagramData, data);
-            var definitions = _this.definitionAttributes;
-            definitions['bpmn:process'] = bpmnProcessData;
-            definitions['bpmndi:BPMNDiagram'] = {
-                '-id': 'BPMNDiagram_1',
-                'bpmndi:BPMNPlane': bpmnDiagramData,
-            };
-            var bpmnData = {
-                'bpmn:definitions': definitions,
-            };
-            return bpmnData;
-        };
-        this.adapterIn = function (bpmnData) {
-            if (bpmnData) {
-                return convertBpmn2LfData(bpmnData);
-            }
-        };
-        lf.adapterIn = function (data) { return _this.adapterIn(data); };
-        lf.adapterOut = function (data) { return _this.adapterOut(data); };
-        this.processAttributes = {
-            '-isExecutable': 'true',
+var BpmnAdapter = {
+    pluginName: 'bpmn-adapter',
+    install: function (lf) {
+        lf.adapterIn = this.adapterIn;
+        lf.adapterOut = this.adapterOut;
+    },
+    shapeConfigMap: new Map(),
+    setCustomShape: function (key, val) {
+        this.shapeConfigMap.set(key, val);
+    },
+    adapterOut: function (data) {
+        var bpmnProcessData = {
             '-id': "Process_" + getBpmnId(),
+            '-isExecutable': 'false',
         };
-        this.definitionAttributes = {
-            '-id': "Definitions_" + getBpmnId(),
-            '-xmlns:xsi': 'http://www.w3.org/2001/XMLSchema-instance',
-            '-xmlns:bpmn': 'http://www.omg.org/spec/BPMN/20100524/MODEL',
-            '-xmlns:bpmndi': 'http://www.omg.org/spec/BPMN/20100524/DI',
-            '-xmlns:dc': 'http://www.omg.org/spec/DD/20100524/DC',
-            '-xmlns:di': 'http://www.omg.org/spec/DD/20100524/DI',
-            '-targetNamespace': 'http://logic-flow.org',
-            '-exporter': 'logicflow',
-            '-exporterVersion': '1.2.0',
+        convertLf2ProcessData(bpmnProcessData, data);
+        var bpmnDiagramData = {
+            '-id': 'BPMNPlane_1',
+            '-bpmnElement': bpmnProcessData['-id'],
         };
-    }
-    BpmnAdapter.prototype.setCustomShape = function (key, val) {
-        BpmnAdapter.shapeConfigMap.set(key, val);
-    };
-    BpmnAdapter.pluginName = 'bpmn-adapter';
-    BpmnAdapter.shapeConfigMap = new Map();
-    return BpmnAdapter;
-}());
+        convertLf2DiagramData(bpmnDiagramData, data);
+        var bpmnData = {
+            'bpmn:definitions': {
+                '-id': "Definitions_" + getBpmnId(),
+                '-xmlns:xsi': 'http://www.w3.org/2001/XMLSchema-instance',
+                '-xmlns:bpmn': 'http://www.omg.org/spec/BPMN/20100524/MODEL',
+                '-xmlns:bpmndi': 'http://www.omg.org/spec/BPMN/20100524/DI',
+                '-xmlns:dc': 'http://www.omg.org/spec/DD/20100524/DC',
+                '-xmlns:di': 'http://www.omg.org/spec/DD/20100524/DI',
+                '-targetNamespace': 'http://bpmn.io/schema/bpmn',
+                '-exporter': 'bpmn-js (https://demo.bpmn.io)',
+                '-exporterVersion': '7.3.0',
+                'bpmn:process': bpmnProcessData,
+                'bpmndi:BPMNDiagram': {
+                    '-id': 'BPMNDiagram_1',
+                    'bpmndi:BPMNPlane': bpmnDiagramData,
+                },
+            },
+        };
+        return bpmnData;
+    },
+    adapterIn: function (bpmnData) {
+        if (bpmnData) {
+            return convertBpmn2LfData(bpmnData);
+        }
+    },
+};
 BpmnAdapter.shapeConfigMap.set(BpmnElements.START, {
     width: StartEventConfig.width,
     height: StartEventConfig.height,
@@ -509,25 +466,20 @@ BpmnAdapter.shapeConfigMap.set(BpmnElements.USER, {
     width: UserTaskConfig.width,
     height: UserTaskConfig.height,
 });
-var BpmnXmlAdapter = /** @class */ (function (_super) {
-    __extends(BpmnXmlAdapter, _super);
-    function BpmnXmlAdapter(data) {
-        var _this = _super.call(this, data) || this;
-        _this.adapterXmlIn = function (bpmnData) {
-            var json = lfXml2Json(bpmnData);
-            return _this.adapterIn(json);
-        };
-        _this.adapterXmlOut = function (data) {
-            var outData = _this.adapterOut(data);
-            return lfJson2Xml(outData);
-        };
-        var lf = data.lf;
-        lf.adapterIn = _this.adapterXmlIn;
-        lf.adapterOut = _this.adapterXmlOut;
-        return _this;
-    }
-    BpmnXmlAdapter.pluginName = 'bpmnXmlAdapter';
-    return BpmnXmlAdapter;
-}(BpmnAdapter));
+var BpmnXmlAdapter = {
+    pluginName: 'bpmnXmlAdapter',
+    install: function (lf) {
+        lf.adapterIn = this.adapterXmlIn;
+        lf.adapterOut = this.adapterXmlOut;
+    },
+    adapterXmlIn: function (bpmnData) {
+        var json = lfXml2Json(bpmnData);
+        return BpmnAdapter.adapterIn(json);
+    },
+    adapterXmlOut: function (data) {
+        var outData = BpmnAdapter.adapterOut(data);
+        return lfJson2Xml(outData);
+    },
+};
 export { BpmnAdapter, BpmnXmlAdapter, };
 export default BpmnAdapter;

package/es/bpmn-adapter/json2xml.js

@@ -22,12 +22,10 @@ function toXml(v, name, ind, deep) {
         var hasChild = false;
         xml += addIndSpace(ind, deep) + "<" + name;
         for (var m in v) {
-            if (m.charAt(0) == "-") {
+            if (m.charAt(0) == "-")
                 xml += " " + m.substr(1) + "=\"" + v[m].toString() + "\"";
-            }
-            else {
+            else
                 hasChild = true;
-            }
         }
         xml += hasChild ? ">" : " />";
         if (hasChild) {