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

package/cjs/NodeResize/Control/Control.js

@@ -53,16 +53,70 @@ var Control = /** @class */ (function (_super) {
         _this.updatePosition = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, x = _b.x, y = _b.y;
+            _this.nodeModel.x = x + deltaX / 2;
+            _this.nodeModel.y = y + deltaY / 2;
             _this.nodeModel.moveText(deltaX / 2, deltaY / 2);
-            _this.nodeModel.updateAttributes({
-                x: x + deltaX / 2,
-                y: y + deltaY / 2,
-            });
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
-            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, _b = _a.pct, pct = _b === void 0 ? 1 : _b;
-            var resize = { width: width, height: height };
+            var index = _a.index, deltaX = _a.deltaX, deltaY = _a.deltaY, width = _a.width, height = _a.height, PCTResizeInfo = _a.PCTResizeInfo, _b = _a.pct, pct = _b === void 0 ? 1 : _b;
+            var resize = { width: width, height: height, deltaX: deltaX, deltaY: deltaY };
+            if (PCTResizeInfo) {
+                var sensitivity = 4; // 越低越灵敏
+                var deltaScale = 0;
+                var combineDelta = 0;
+                switch (index) {
+                    case 0:
+                        combineDelta = (deltaX * -1 - deltaY) / sensitivity;
+                        break;
+                    case 1:
+                        combineDelta = (deltaX - deltaY) / sensitivity;
+                        break;
+                    case 2:
+                        combineDelta = (deltaX + deltaY) / sensitivity;
+                        break;
+                    case 3:
+                        combineDelta = (deltaX * -1 + deltaY) / sensitivity;
+                        break;
+                    default:
+                        break;
+                }
+                if (combineDelta !== 0) {
+                    deltaScale = Math.round((combineDelta / PCTResizeInfo.ResizeBasis.basisHeight)
+                        * 100000) / 1000;
+                }
+                PCTResizeInfo.ResizePCT.widthPCT = Math.max(Math.min(PCTResizeInfo.ResizePCT.widthPCT + deltaScale, PCTResizeInfo.ScaleLimit.maxScaleLimit), PCTResizeInfo.ScaleLimit.minScaleLimit);
+                PCTResizeInfo.ResizePCT.hightPCT = Math.max(Math.min(PCTResizeInfo.ResizePCT.hightPCT + deltaScale, PCTResizeInfo.ScaleLimit.maxScaleLimit), PCTResizeInfo.ScaleLimit.minScaleLimit);
+                var spcWidth = Math.round((PCTResizeInfo.ResizePCT.widthPCT
+                    * PCTResizeInfo.ResizeBasis.basisWidth) / 100);
+                var spcHeight = Math.round((PCTResizeInfo.ResizePCT.hightPCT
+                    * PCTResizeInfo.ResizeBasis.basisHeight) / 100);
+                switch (index) {
+                    case 0:
+                        deltaX = width - spcWidth;
+                        deltaY = height - spcHeight;
+                        break;
+                    case 1:
+                        deltaX = spcWidth - width;
+                        deltaY = height - spcHeight;
+                        break;
+                    case 2:
+                        deltaX = spcWidth - width;
+                        deltaY = spcHeight - height;
+                        break;
+                    case 3:
+                        deltaX = width - spcWidth;
+                        deltaY = spcHeight - height;
+                        break;
+                    default:
+                        break;
+                }
+                resize.width = spcWidth;
+                resize.height = spcHeight;
+                resize.deltaX = deltaX / pct;
+                resize.deltaY = deltaY / pct;
+                return resize;
+            }
             switch (index) {
                 case 0:
                     resize.width = width - deltaX * pct;
@@ -88,7 +142,7 @@ var Control = /** @class */ (function (_super) {
         // 矩形更新
         _this.updateRect = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
-            var _b = _this.nodeModel, id = _b.id, x = _b.x, y = _b.y, width = _b.width, height = _b.height, radius = _b.radius;
+            var _b = _this.nodeModel, id = _b.id, x = _b.x, y = _b.y, width = _b.width, height = _b.height, radius = _b.radius, PCTResizeInfo = _b.PCTResizeInfo;
             // 更新中心点位置，更新文案位置
             var index = _this.index;
             var size = _this.getResize({
@@ -97,6 +151,7 @@ var Control = /** @class */ (function (_super) {
                 deltaY: deltaY,
                 width: width,
                 height: height,
+                PCTResizeInfo: PCTResizeInfo,
                 pct: 1,
             });
             // 限制放大缩小的最大最小范围
@@ -109,18 +164,16 @@ var Control = /** @class */ (function (_super) {
                 _this.dragHandler.cancelDrag();
                 return;
             }
-            _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
+            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
             // 更新宽高
+            _this.nodeModel.width = size.width;
+            _this.nodeModel.height = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     width: size.width,
                     height: size.height,
                 },
             });
-            _this.nodeModel.updateAttributes({
-                width: size.width,
-                height: size.height,
-            });
             var edges = _this.getNodeEdges(id);
             var beforeNode = {
                 x: x,
@@ -158,7 +211,7 @@ var Control = /** @class */ (function (_super) {
         // 椭圆更新
         _this.updateEllipse = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
-            var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y;
+            var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
             var width = rx;
             var height = ry;
@@ -168,6 +221,7 @@ var Control = /** @class */ (function (_super) {
                 deltaY: deltaY,
                 width: width,
                 height: height,
+                PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
             });
             // 限制放大缩小的最大最小范围
@@ -180,7 +234,7 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
+            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;
@@ -222,7 +276,7 @@ var Control = /** @class */ (function (_super) {
         // 菱形更新
         _this.updateDiamond = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
-            var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y;
+            var _b = _this.nodeModel, id = _b.id, rx = _b.rx, ry = _b.ry, x = _b.x, y = _b.y, PCTResizeInfo = _b.PCTResizeInfo;
             var index = _this.index;
             var width = rx;
             var height = ry;
@@ -232,6 +286,7 @@ var Control = /** @class */ (function (_super) {
                 deltaY: deltaY,
                 width: width,
                 height: height,
+                PCTResizeInfo: PCTResizeInfo,
                 pct: 1 / 2,
             });
             // 限制放大缩小的最大最小范围
@@ -244,7 +299,7 @@ var Control = /** @class */ (function (_super) {
                 return;
             }
             // 更新中心点位置，更新文案位置
-            _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
+            _this.updatePosition({ deltaX: size.deltaX, deltaY: size.deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
             _this.nodeModel.rx = size.width;

package/cjs/NodeResize/Node/DiamondResize.js

@@ -29,8 +29,14 @@ var ControlGroup_1 = require("../Control/ControlGroup");
 var Polygon_1 = require("../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);
@@ -40,14 +46,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;
@@ -74,6 +72,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;
 }(core_1.DiamondNodeModel));
 var DiamondResizeView = /** @class */ (function (_super) {

package/cjs/NodeResize/Node/EllipseResize.js

@@ -17,8 +17,14 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -27,14 +33,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;
@@ -61,6 +59,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;
 }(core_1.EllipseNodeModel));
 var EllipseResizeView = /** @class */ (function (_super) {

package/cjs/NodeResize/Node/HtmlResize.js

@@ -17,8 +17,14 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -27,14 +33,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;
@@ -61,6 +59,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;
 }(core_1.HtmlNodeModel));
 var HtmlResizeView = /** @class */ (function (_super) {

package/cjs/NodeResize/Node/RectResize.js

@@ -17,8 +17,14 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -27,14 +33,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;
@@ -65,6 +63,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;
 }(core_1.RectNodeModel));
 var RectResizeView = /** @class */ (function (_super) {

package/cjs/bpmn-adapter/index.js

@@ -1,28 +1,4 @@
 "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;
@@ -141,6 +117,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;
         }
@@ -153,34 +131,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;
@@ -194,6 +144,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;
 }
@@ -439,59 +402,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_" + bpmnIds_1.getBpmnId(),
+            '-isExecutable': 'false',
         };
-        this.definitionAttributes = {
-            '-id': "Definitions_" + bpmnIds_1.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_" + bpmnIds_1.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);
+        }
+    },
+};
 exports.BpmnAdapter = BpmnAdapter;
 BpmnAdapter.shapeConfigMap.set(BpmnElements.START, {
     width: constant_1.StartEventConfig.width,
@@ -513,25 +470,20 @@ BpmnAdapter.shapeConfigMap.set(BpmnElements.USER, {
     width: constant_1.UserTaskConfig.width,
     height: constant_1.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 = xml2json_1.lfXml2Json(bpmnData);
-            return _this.adapterIn(json);
-        };
-        _this.adapterXmlOut = function (data) {
-            var outData = _this.adapterOut(data);
-            return json2xml_1.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 = xml2json_1.lfXml2Json(bpmnData);
+        return BpmnAdapter.adapterIn(json);
+    },
+    adapterXmlOut: function (data) {
+        var outData = BpmnAdapter.adapterOut(data);
+        return json2xml_1.lfJson2Xml(outData);
+    },
+};
 exports.BpmnXmlAdapter = BpmnXmlAdapter;
 exports.default = BpmnAdapter;

package/cjs/bpmn-adapter/json2xml.js

@@ -25,12 +25,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) {