@logicflow/extension 1.0.6 → 1.1.0-alpha.0

package/cjs/NodeResize/index.js

@@ -8,7 +8,7 @@ exports.EllipseResize = EllipseResize_1.default;
 var DiamondResize_1 = require("./Node/DiamondResize");
 exports.DiamondResize = DiamondResize_1.default;
 var NodeResize = {
-    pluginName: 'node-resize',
+    pluginName: 'nodeResize',
     // 拖动step
     step: 0,
     // 边框和contol拖动点样式的设置

package/cjs/bpmn/index.js

@@ -37,7 +37,7 @@ var BpmnElement = /** @class */ (function () {
             lf.setDefaultEdgeType('bpmn:sequenceFlow');
         }
     }
-    BpmnElement.pluginName = 'BpmnElement';
+    BpmnElement.pluginName = 'bpmnElement';
     return BpmnElement;
 }());
 exports.BpmnElement = BpmnElement;

package/cjs/bpmn-adapter/index.js

@@ -471,19 +471,18 @@ BpmnAdapter.shapeConfigMap.set(BpmnElements.USER, {
     height: constant_1.UserTaskConfig.height,
 });
 var BpmnXmlAdapter = {
-    pluginName: 'bpmn-xml-adapter',
+    pluginName: 'bpmnXmlAdapter',
     install: function (lf) {
         lf.adapterIn = this.adapterXmlIn;
         lf.adapterOut = this.adapterXmlOut;
     },
     adapterXmlIn: function (bpmnData) {
-        // @ts-ignore
-        var json = new xml2json_1.default.ObjTree().parseXML(bpmnData);
+        var json = xml2json_1.lfXml2Json(bpmnData);
         return BpmnAdapter.adapterIn(json);
     },
     adapterXmlOut: function (data) {
         var outData = BpmnAdapter.adapterOut(data);
-        return json2xml_1.default(outData);
+        return json2xml_1.lfJson2Xml(outData);
     },
 };
 exports.BpmnXmlAdapter = BpmnXmlAdapter;

package/cjs/bpmn-adapter/json2xml.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.lfJson2Xml = void 0;
 /**
  * This work is licensed under Creative Commons GNU LGPL License.
  * License:
@@ -51,11 +52,11 @@ function toXml(v, name, ind, deep) {
     return xml;
 }
 ;
-function json2xml(o) {
+function lfJson2Xml(o) {
     var xmlStr = "";
     for (var m in o) {
         xmlStr += toXml(o[m], m, "\t\n", 0);
     }
     return xmlStr;
 }
-exports.default = json2xml;
+exports.lfJson2Xml = lfJson2Xml;

package/cjs/bpmn-adapter/xml2json.js

@@ -1,6 +1,7 @@
 "use strict";
 // @ts-nocheck
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.lfXml2Json = void 0;
 // ========================================================================  
 //  XML.ObjTree -- XML source code from/to JavaScript object like E4X  
 // ========================================================================  
@@ -522,4 +523,7 @@ which I will do instead of keeping this documentation like it is.
 =cut
 // ========================================================================
 */
-exports.default = XML;
+var lfXml2Json = function (xmlData) {
+    return new XML.ObjTree().parseXML(xmlData);
+};
+exports.lfXml2Json = lfXml2Json;

package/cjs/components/context-menu/index.js

@@ -26,29 +26,23 @@ var ContextMenu = /** @class */ (function () {
         var lf = _a.lf;
         this.menuTypeMap = new Map();
         this.listenDelete = function () {
-            _this.hideMenu();
+            _this.hideContextMenu();
         };
         this.lf = lf;
         this.__menuDOM = document.createElement('div');
         this.__menuDOM.className = 'lf-inner-context';
-        // const commonMenu = [];
         this.menuTypeMap.set(COMMON_TYPE_KEY, []);
         this.lf.setContextMenuByType = function (type, menus) {
             _this.menuTypeMap.set(type, menus);
         };
         this.lf.setContextMenuItems = function (menus) {
-            _this.menuTypeMap.set(COMMON_TYPE_KEY, menus);
+            _this.setContextMenuItems(menus);
         };
         this.lf.showContextMenu = function (data) {
-            if (!data || !data.id) {
-                console.warn('请检查传入的参数');
-                return;
-            }
-            _this._activeData = data;
-            _this.createContextMenu();
+            _this.showContextMenu(data);
         };
         this.lf.hideContextMenu = function () {
-            _this.hideMenu();
+            _this.hideContextMenu();
         };
     }
     ContextMenu.prototype.render = function (lf, container) {
@@ -66,9 +60,36 @@ var ContextMenu = /** @class */ (function () {
             _this.createContextMenu();
         });
         lf.on('blank:click', function () {
-            _this.hideMenu();
+            _this.hideContextMenu();
         });
     };
+    /**
+     * 隐藏菜单
+     */
+    ContextMenu.prototype.hideContextMenu = function () {
+        this.__menuDOM.innerHTML = '';
+        this.__menuDOM.style.display = 'none';
+        if (this.isShow) {
+            this.container.removeChild(this.__menuDOM);
+        }
+        this.lf.off('node:delete,edge:delete,node:drag,graph:transform', this.listenDelete);
+        this.isShow = false;
+    };
+    /**
+     * 显示指定元素菜单
+     * @param data 节点id、节点类型、菜单位置
+     */
+    ContextMenu.prototype.showContextMenu = function (data) {
+        if (!data || !data.id) {
+            console.warn('请检查传入的参数');
+            return;
+        }
+        this._activeData = data;
+        this.createContextMenu();
+    };
+    ContextMenu.prototype.setContextMenuItems = function (menus) {
+        this.menuTypeMap.set(COMMON_TYPE_KEY, menus);
+    };
     /**
      * 获取新菜单位置
      */
@@ -122,7 +143,7 @@ var ContextMenu = /** @class */ (function () {
                 menuItem.className = menuItem.className + " " + item.className;
             }
             img.addEventListener('click', function () {
-                _this.hideMenu();
+                _this.hideContextMenu();
                 if (item.callback) {
                     item.callback(_this._activeData);
                 }
@@ -194,16 +215,7 @@ var ContextMenu = /** @class */ (function () {
         !this.isShow && this.lf.on('node:delete,edge:delete,node:drag,graph:transform', this.listenDelete);
         this.isShow = true;
     };
-    ContextMenu.prototype.hideMenu = function () {
-        this.__menuDOM.innerHTML = '';
-        this.__menuDOM.style.display = 'none';
-        if (this.isShow) {
-            this.container.removeChild(this.__menuDOM);
-        }
-        this.lf.off('node:delete,edge:delete,node:drag,graph:transform', this.listenDelete);
-        this.isShow = false;
-    };
-    ContextMenu.pluginName = 'ContextMenu';
+    ContextMenu.pluginName = 'contextMenu';
     return ContextMenu;
 }());
 exports.ContextMenu = ContextMenu;

package/cjs/components/control/index.js

@@ -21,83 +21,93 @@ var __spread = (this && this.__spread) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Control = void 0;
-var Control = {
-    pluginName: 'control',
-    __lf: null,
-    __controlItems: [
-        {
-            key: 'zoom-out',
-            iconClass: 'lf-control-zoomOut',
-            title: '缩小流程图',
-            text: '缩小',
-            onClick: function () { Control.__lf.zoom(false); },
-        },
-        {
-            key: 'zoom-in',
-            iconClass: 'lf-control-zoomIn',
-            title: '放大流程图',
-            text: '放大',
-            onClick: function () { Control.__lf.zoom(true); },
-        },
-        {
-            key: 'reset',
-            iconClass: 'lf-control-fit',
-            title: '恢复流程原有尺寸',
-            text: '适应',
-            onClick: function () { Control.__lf.resetZoom(); },
-        },
-        {
-            key: 'undo',
-            iconClass: 'lf-control-undo',
-            title: '回到上一步',
-            text: '上一步',
-            onClick: function () { Control.__lf.undo(); },
-        },
-        {
-            key: 'redo',
-            iconClass: 'lf-control-redo',
-            title: '移到下一步',
-            text: '下一步',
-            onClick: function () { Control.__lf.redo(); },
-        },
-    ],
-    addItem: function (item) {
-        Control.__controlItems.push(item);
-    },
-    removeItem: function (key) {
-        var index = Control.__controlItems.findIndex(function (item) { return item.key === key; });
-        return Control.__controlItems.splice(index, 1)[0];
-    },
-    install: function () { },
-    render: function (lf, domContainer) {
-        Control.__lf = lf;
-        Control.__domContainer = domContainer;
-        Control.__tool = this.__getControlTool();
-        domContainer.appendChild(Control.__tool);
-    },
-    destroy: function () {
-        var _a;
-        try {
-            (_a = Control.__domContainer) === null || _a === void 0 ? void 0 : _a.removeChild(Control.__tool);
+var Control = /** @class */ (function () {
+    function Control(_a) {
+        var _this = this;
+        var lf = _a.lf;
+        this.controlItems = [
+            {
+                key: 'zoom-out',
+                iconClass: 'lf-control-zoomOut',
+                title: '缩小流程图',
+                text: '缩小',
+                onClick: function () {
+                    _this.lf.zoom(false);
+                },
+            },
+            {
+                key: 'zoom-in',
+                iconClass: 'lf-control-zoomIn',
+                title: '放大流程图',
+                text: '放大',
+                onClick: function () {
+                    _this.lf.zoom(true);
+                },
+            },
+            {
+                key: 'reset',
+                iconClass: 'lf-control-fit',
+                title: '恢复流程原有尺寸',
+                text: '适应',
+                onClick: function () {
+                    _this.lf.resetZoom();
+                },
+            },
+            {
+                key: 'undo',
+                iconClass: 'lf-control-undo',
+                title: '回到上一步',
+                text: '上一步',
+                onClick: function () {
+                    _this.lf.undo();
+                },
+            },
+            {
+                key: 'redo',
+                iconClass: 'lf-control-redo',
+                title: '移到下一步',
+                text: '下一步',
+                onClick: function () {
+                    _this.lf.redo();
+                },
+            },
+        ];
+        this.lf = lf;
+    }
+    Control.prototype.render = function (lf, domContainer) {
+        this.destroy();
+        var toolEl = this.getControlTool();
+        this.toolEl = toolEl;
+        domContainer.appendChild(toolEl);
+        this.domContainer = domContainer;
+    };
+    Control.prototype.destroy = function () {
+        if (this.domContainer && this.toolEl && this.domContainer.contains(this.toolEl)) {
+            this.domContainer.removeChild(this.toolEl);
         }
-        catch (e) {
-            console.warn('unexpect destory error', e);
-        } // todo: 目前某些情况存在此处报错情况，暂时这样处理。后续改成class写法就没有问题了。
-    },
-    __getControlTool: function () {
+    };
+    Control.prototype.addItem = function (item) {
+        this.controlItems.push(item);
+    };
+    Control.prototype.removeItem = function (key) {
+        var index = this.controlItems.findIndex(function (item) { return item.key === key; });
+        return this.controlItems.splice(index, 1)[0];
+    };
+    Control.prototype.getControlTool = function () {
+        var _this = this;
         var NORMAL = 'lf-control-item';
         var DISABLED = 'lf-control-item disabled';
         var controlTool = document.createElement('div');
         var controlElements = [];
         controlTool.className = 'lf-control';
-        Control.__controlItems.forEach(function (item) {
+        this.controlItems.forEach(function (item) {
             var itemContainer = document.createElement('div');
             var icon = document.createElement('i');
             var text = document.createElement('span');
             itemContainer.className = DISABLED;
-            item.onClick && (itemContainer.onclick = item.onClick.bind(null, Control.__lf));
-            item.onMouseEnter && (itemContainer.onmouseenter = item.onMouseEnter.bind(null, Control.__lf));
-            item.onMouseLeave && (itemContainer.onmouseleave = item.onMouseLeave.bind(null, Control.__lf));
+            item.onClick && (itemContainer.onclick = item.onClick.bind(null, _this.lf));
+            item.onMouseEnter && (itemContainer.onmouseenter = item.onMouseEnter.bind(null, _this.lf));
+            item.onMouseLeave && (itemContainer.onmouseleave = item.onMouseLeave.bind(null, _this.lf));
             icon.className = item.iconClass;
             text.className = 'lf-control-text';
             text.title = item.title;
@@ -105,13 +115,13 @@ var Control = {
             itemContainer.append(icon, text);
             switch (item.text) {
                 case '上一步':
-                    Control.__lf.on('history:change', function (_a) {
+                    _this.lf.on('history:change', function (_a) {
                         var undoAble = _a.data.undoAble;
                         itemContainer.className = undoAble ? NORMAL : DISABLED;
                     });
                     break;
                 case '下一步':
-                    Control.__lf.on('history:change', function (_a) {
+                    _this.lf.on('history:change', function (_a) {
                         var redoAble = _a.data.redoAble;
                         itemContainer.className = redoAble ? NORMAL : DISABLED;
                     });
@@ -124,7 +134,9 @@ var Control = {
         });
         controlTool.append.apply(controlTool, __spread(controlElements));
         return controlTool;
-    },
-};
+    };
+    Control.pluginName = 'control';
+    return Control;
+}());
 exports.Control = Control;
 exports.default = Control;

package/cjs/components/dnd-panel/index.js

@@ -7,20 +7,17 @@ var DndPanel = /** @class */ (function () {
         var lf = _a.lf;
         this.lf = lf;
         this.lf.setPatternItems = function (shapeList) {
-            _this.shapeList = shapeList;
-            // 支持渲染后重新设置拖拽面板
-            if (_this.domContainer) {
-                _this.render(_this.lf, _this.domContainer);
-            }
+            _this.setPatternItems(shapeList);
         };
     }
     DndPanel.prototype.render = function (lf, domContainer) {
         var _this = this;
-        if (this.panelEl) {
-            domContainer.removeChild(this.panelEl);
-        }
-        if (!this.shapeList || this.shapeList.length === 0)
+        this.destroy();
+        if (!this.shapeList || this.shapeList.length === 0) {
+            // 首次render后失败后，后续调用setPatternItems支持渲染
+            this.domContainer = domContainer;
             return;
+        }
         this.panelEl = document.createElement('div');
         this.panelEl.className = 'lf-dndpanel';
         this.shapeList.forEach(function (shapeItem) {
@@ -29,6 +26,18 @@ var DndPanel = /** @class */ (function () {
         domContainer.appendChild(this.panelEl);
         this.domContainer = domContainer;
     };
+    DndPanel.prototype.destroy = function () {
+        if (this.domContainer && this.panelEl && this.domContainer.contains(this.panelEl)) {
+            this.domContainer.removeChild(this.panelEl);
+        }
+    };
+    DndPanel.prototype.setPatternItems = function (shapeList) {
+        this.shapeList = shapeList;
+        // 支持渲染后重新设置拖拽面板
+        if (this.domContainer) {
+            this.render(this.lf, this.domContainer);
+        }
+    };
     DndPanel.prototype.createDndItem = function (shapeItem) {
         var _this = this;
         var el = document.createElement('div');
@@ -54,12 +63,12 @@ var DndPanel = /** @class */ (function () {
                 });
             }
             if (shapeItem.callback) {
-                shapeItem.callback();
+                shapeItem.callback(_this.lf, _this.domContainer);
             }
         };
         return el;
     };
-    DndPanel.pluginName = 'DndPanel';
+    DndPanel.pluginName = 'dndPanel';
     return DndPanel;
 }());
 exports.DndPanel = DndPanel;

package/cjs/components/menu/index.js

@@ -33,13 +33,13 @@ var Menu = /** @class */ (function () {
         this.lf = lf;
         this.menuTypeMap = new Map();
         this.init();
-        this.lf.setMenuConfig = function (config) {
-            _this.resetMenuItem(config);
+        this.lf.extension.menu.setMenuConfig = function (config) {
+            _this.setMenuConfig(config);
         };
-        this.lf.addMenuConfig = function (config) {
-            _this.addMenuItem(config);
+        this.lf.extension.menu.addMenuConfig = function (config) {
+            _this.addMenuConfig(config);
         };
-        this.lf.setMenuByType = function (config) {
+        this.lf.extension.menu.setMenuByType = function (config) {
             _this.setMenuByType(config);
         };
     }
@@ -250,7 +250,7 @@ var Menu = /** @class */ (function () {
         return menuList;
     };
     // 复写菜单
-    Menu.prototype.resetMenuItem = function (config) {
+    Menu.prototype.setMenuConfig = function (config) {
         if (!config) {
             return;
         }
@@ -265,7 +265,7 @@ var Menu = /** @class */ (function () {
             && this.menuTypeMap.set(DefalutGraphMenuKey, config.graphMenu ? config.graphMenu : []);
     };
     // 在默认菜单后面追加菜单项
-    Menu.prototype.addMenuItem = function (config) {
+    Menu.prototype.addMenuConfig = function (config) {
         if (!config) {
             return;
         }
@@ -289,14 +289,14 @@ var Menu = /** @class */ (function () {
      */
     Menu.prototype.changeMenuItem = function (type, config) {
         if (type === 'add')
-            this.addMenuItem(config);
+            this.addMenuConfig(config);
         else if (type === 'reset')
-            this.resetMenuItem(config);
+            this.setMenuConfig(config);
         else {
             throw new Error('The first parameter of changeMenuConfig should be \'add\' or \'reset\'');
         }
     };
-    Menu.pluginName = 'Menu';
+    Menu.pluginName = 'menu';
     return Menu;
 }());
 exports.Menu = Menu;