@logicflow/extension 1.2.27 → 2.0.0-beta.0

package/{cjs → lib}/components/context-menu/index.js

@@ -15,6 +15,15 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenu = void 0;
 var COMMON_TYPE_KEY = 'menu-common';
@@ -22,8 +31,8 @@ var NEXT_X_DISTANCE = 200;
 var NEXT_Y_DISTANCE = 100;
 var ContextMenu = /** @class */ (function () {
     function ContextMenu(_a) {
-        var _this = this;
         var lf = _a.lf;
+        var _this = this;
         this.menuTypeMap = new Map();
         this.listenDelete = function () {
             _this.hideContextMenu();
@@ -99,32 +108,30 @@ var ContextMenu = /** @class */ (function () {
     ContextMenu.prototype.getContextMenuPosition = function () {
         var data = this._activeData;
         var Model = this.lf.graphModel.getElement(data.id);
-        if (!Model) {
-            console.warn("\u627E\u4E0D\u5230\u5143\u7D20" + data.id);
-            return;
-        }
-        var x;
-        var y;
-        if (Model.BaseType === 'edge') {
-            x = Number.MIN_SAFE_INTEGER;
-            y = Number.MAX_SAFE_INTEGER;
-            var edgeData = Model.getData();
-            x = Math.max(edgeData.startPoint.x, x);
-            y = Math.min(edgeData.startPoint.y, y);
-            x = Math.max(edgeData.endPoint.x, x);
-            y = Math.min(edgeData.endPoint.y, y);
-            if (edgeData.pointsList) {
-                edgeData.pointsList.forEach(function (point) {
-                    x = Math.max(point.x, x);
-                    y = Math.min(point.y, y);
-                });
+        if (Model) {
+            var x_1;
+            var y_1;
+            if (Model.BaseType === 'edge') {
+                x_1 = Number.MIN_SAFE_INTEGER;
+                y_1 = Number.MAX_SAFE_INTEGER;
+                var edgeData = Model.getData();
+                x_1 = Math.max(edgeData.startPoint.x, x_1);
+                y_1 = Math.min(edgeData.startPoint.y, y_1);
+                x_1 = Math.max(edgeData.endPoint.x, x_1);
+                y_1 = Math.min(edgeData.endPoint.y, y_1);
+                if (edgeData.pointsList) {
+                    edgeData.pointsList.forEach(function (point) {
+                        x_1 = Math.max(point.x, x_1);
+                        y_1 = Math.min(point.y, y_1);
+                    });
+                }
             }
+            if (Model.BaseType === 'node') {
+                x_1 = data.x + Model.width / 2;
+                y_1 = data.y - Model.height / 2;
+            }
+            return this.lf.graphModel.transformModel.CanvasPointToHtmlPoint([x_1, y_1]);
         }
-        if (Model.BaseType === 'node') {
-            x = data.x + Model.width / 2;
-            y = data.y - Model.height / 2;
-        }
-        return this.lf.graphModel.transformModel.CanvasPointToHtmlPoint([x, y]);
     };
     ContextMenu.prototype.createContextMenu = function () {
         var _this = this;
@@ -133,8 +140,7 @@ var ContextMenu = /** @class */ (function () {
         if (isSilentMode) {
             return;
         }
-        var items = this.menuTypeMap.get(this._activeData.type) || [];
-        items = items.concat(this.menuTypeMap.get(COMMON_TYPE_KEY));
+        var items = __spreadArray(__spreadArray([], __read((this.menuTypeMap.get(this._activeData.type) || [])), false), __read((this.menuTypeMap.get(COMMON_TYPE_KEY) || [])), false);
         var menus = document.createDocumentFragment();
         items.forEach(function (item) {
             var menuItem = document.createElement('div');
@@ -143,7 +149,7 @@ var ContextMenu = /** @class */ (function () {
             img.src = item.icon;
             img.className = 'lf-context-img';
             if (item.className) {
-                menuItem.className = menuItem.className + " " + item.className;
+                menuItem.className = "".concat(menuItem.className, " ").concat(item.className);
             }
             img.addEventListener('click', function () {
                 _this.hideContextMenu();
@@ -173,53 +179,62 @@ var ContextMenu = /** @class */ (function () {
             y = node.y;
         }
         var nodeModel = this.lf.getNodeModelById(node.sourceId);
-        var leftTopX = node.x - nodeModel.width + NEXT_X_DISTANCE;
-        var leftTopY = y - node.y / 2 - 20;
-        var rightBottomX = node.x + nodeModel.width + NEXT_X_DISTANCE;
-        var rightBottomY = y + node.y / 2 + 20;
-        var existElements = this.lf.getAreaElement([leftTopX, leftTopY], [rightBottomX, rightBottomY]);
-        if (existElements.length) {
-            y = y + NEXT_Y_DISTANCE;
-            this.addNode(node, y);
-            return;
-        }
-        var newNode = this.lf.addNode({
-            type: node.type,
-            x: node.x + 200,
-            y: y,
-            properties: node.properties,
-        });
-        var startPoint;
-        var endPoint;
-        if (isDeep) {
-            startPoint = {
-                x: node.x,
-                y: node.y + nodeModel.height / 2,
-            };
-            endPoint = {
-                x: newNode.x - newNode.width / 2,
-                y: newNode.y,
-            };
+        if (nodeModel) {
+            var leftTopX = node.x - nodeModel.width + NEXT_X_DISTANCE;
+            var leftTopY = y - node.y / 2 - 20;
+            var rightBottomX = node.x + nodeModel.width + NEXT_X_DISTANCE;
+            var rightBottomY = y + node.y / 2 + 20;
+            var existElements = this.lf.getAreaElement([leftTopX, leftTopY], [rightBottomX, rightBottomY]);
+            if (existElements.length) {
+                y = y + NEXT_Y_DISTANCE;
+                this.addNode(node, y);
+                return;
+            }
+            if (node.type) {
+                var newNode = this.lf.addNode({
+                    type: node.type,
+                    x: node.x + 200,
+                    y: y,
+                    properties: node.properties,
+                });
+                var startPoint = void 0;
+                var endPoint = void 0;
+                if (isDeep) {
+                    startPoint = {
+                        x: node.x,
+                        y: node.y + nodeModel.height / 2,
+                    };
+                    endPoint = {
+                        x: newNode.x - newNode.width / 2,
+                        y: newNode.y,
+                    };
+                }
+                this.lf.addEdge({
+                    sourceNodeId: node.sourceId,
+                    targetNodeId: newNode.id,
+                    startPoint: startPoint,
+                    endPoint: endPoint,
+                });
+            }
         }
-        this.lf.addEdge({
-            sourceNodeId: node.sourceId,
-            targetNodeId: newNode.id,
-            startPoint: startPoint,
-            endPoint: endPoint,
-        });
     };
     ContextMenu.prototype.showMenu = function () {
-        var _a = __read(this.getContextMenuPosition(), 2), x = _a[0], y = _a[1];
-        this.__menuDOM.style.display = 'flex';
-        this.__menuDOM.style.top = y + "px";
-        this.__menuDOM.style.left = x + 10 + "px";
-        this.container.appendChild(this.__menuDOM);
-        // 菜单显示的时候，监听删除，同时隐藏
-        !this.isShow && this.lf.on('node:delete,edge:delete,node:drag,graph:transform', this.listenDelete);
-        this.isShow = true;
+        var menuPosition = this.getContextMenuPosition();
+        if (menuPosition) {
+            var _a = __read(menuPosition, 2), x = _a[0], y = _a[1];
+            this.__menuDOM.style.display = 'flex';
+            this.__menuDOM.style.top = "".concat(y, "px");
+            this.__menuDOM.style.left = "".concat(x + 10, "px");
+            this.container.appendChild(this.__menuDOM);
+            // 菜单显示的时候，监听删除，同时隐藏
+            !this.isShow &&
+                this.lf.on('node:delete,edge:delete,node:drag,graph:transform', this.listenDelete);
+            this.isShow = true;
+        }
     };
     ContextMenu.pluginName = 'contextMenu';
     return ContextMenu;
 }());
 exports.ContextMenu = ContextMenu;
 exports.default = ContextMenu;
+//# sourceMappingURL=index.js.map

package/lib/components/context-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/context-menu/index.ts"],"names":[],"mappings":"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"}

package/lib/components/control/index.d.ts

@@ -0,0 +1,24 @@
+import LogicFlow from '@logicflow/core';
+type ControlItem = {
+    key: string;
+    iconClass: string;
+    title: string;
+    text: string;
+    onClick?: (lf: LogicFlow) => void;
+    onMouseEnter?: (lf: LogicFlow) => void;
+    onMouseLeave?: (lf: LogicFlow) => void;
+};
+export declare class Control {
+    static pluginName: string;
+    private readonly lf;
+    private controlItems;
+    private domContainer?;
+    private toolEl?;
+    constructor({ lf }: LogicFlow.ExtensionProps);
+    render(_: LogicFlow, domContainer: HTMLElement): void;
+    destroy(): void;
+    addItem(item: ControlItem): void;
+    removeItem(key: string): ControlItem | null;
+    private getControlTool;
+}
+export default Control;

package/{cjs → lib}/components/control/index.js

@@ -15,16 +15,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Control = void 0;
 var Control = /** @class */ (function () {
     function Control(_a) {
-        var _this = this;
         var lf = _a.lf;
+        var _this = this;
         this.controlItems = [
             {
                 key: 'zoom-out',
@@ -74,7 +79,7 @@ var Control = /** @class */ (function () {
         ];
         this.lf = lf;
     }
-    Control.prototype.render = function (lf, domContainer) {
+    Control.prototype.render = function (_, domContainer) {
         this.destroy();
         var toolEl = this.getControlTool();
         this.toolEl = toolEl;
@@ -82,7 +87,9 @@ var Control = /** @class */ (function () {
         this.domContainer = domContainer;
     };
     Control.prototype.destroy = function () {
-        if (this.domContainer && this.toolEl && this.domContainer.contains(this.toolEl)) {
+        if (this.domContainer &&
+            this.toolEl &&
+            this.domContainer.contains(this.toolEl)) {
             this.domContainer.removeChild(this.toolEl);
         }
     };
@@ -106,8 +113,10 @@ var Control = /** @class */ (function () {
             var text = document.createElement('span');
             itemContainer.className = DISABLED;
             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));
+            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;
@@ -132,7 +141,7 @@ var Control = /** @class */ (function () {
             }
             controlElements.push(itemContainer);
         });
-        controlTool.append.apply(controlTool, __spread(controlElements));
+        controlTool.append.apply(controlTool, __spreadArray([], __read(controlElements), false));
         return controlTool;
     };
     Control.pluginName = 'control';
@@ -140,3 +149,4 @@ var Control = /** @class */ (function () {
 }());
 exports.Control = Control;
 exports.default = Control;
+//# sourceMappingURL=index.js.map

package/lib/components/control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/control/index.ts"],"names":[],"mappings":"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"}

package/lib/components/dnd-panel/index.d.ts

@@ -0,0 +1,27 @@
+import LogicFlow from '@logicflow/core';
+export type ShapeItem = {
+    type?: string;
+    text?: string;
+    icon?: string;
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+    properties?: Record<string, unknown>;
+    callback?: (lf: LogicFlow, container?: HTMLElement) => void;
+    [key: string]: unknown;
+};
+export declare class DndPanel {
+    lf: LogicFlow;
+    static pluginName: string;
+    shapeList?: ShapeItem[];
+    panelEl?: HTMLDivElement;
+    domContainer?: HTMLElement;
+    constructor({ lf }: {
+        lf: any;
+    });
+    render(_lf: LogicFlow, domContainer: any): void;
+    destroy(): void;
+    setPatternItems(shapeList: any): void;
+    private createDndItem;
+}
+export default DndPanel;

package/{cjs → lib}/components/dnd-panel/index.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DndPanel = void 0;
 var DndPanel = /** @class */ (function () {
     function DndPanel(_a) {
-        var _this = this;
         var lf = _a.lf;
+        var _this = this;
         this.lf = lf;
         this.lf.setPatternItems = function (shapeList) {
             _this.setPatternItems(shapeList);
         };
     }
-    DndPanel.prototype.render = function (lf, domContainer) {
+    DndPanel.prototype.render = function (_lf, domContainer) {
         var _this = this;
         this.destroy();
         if (!this.shapeList || this.shapeList.length === 0) {
@@ -21,13 +21,16 @@ var DndPanel = /** @class */ (function () {
         this.panelEl = document.createElement('div');
         this.panelEl.className = 'lf-dndpanel';
         this.shapeList.forEach(function (shapeItem) {
-            _this.panelEl.appendChild(_this.createDndItem(shapeItem));
+            var _a;
+            (_a = _this.panelEl) === null || _a === void 0 ? void 0 : _a.appendChild(_this.createDndItem(shapeItem));
         });
         domContainer.appendChild(this.panelEl);
         this.domContainer = domContainer;
     };
     DndPanel.prototype.destroy = function () {
-        if (this.domContainer && this.panelEl && this.domContainer.contains(this.panelEl)) {
+        if (this.domContainer &&
+            this.panelEl &&
+            this.domContainer.contains(this.panelEl)) {
             this.domContainer.removeChild(this.panelEl);
         }
     };
@@ -41,12 +44,15 @@ var DndPanel = /** @class */ (function () {
     DndPanel.prototype.createDndItem = function (shapeItem) {
         var _this = this;
         var el = document.createElement('div');
-        el.className = shapeItem.className ? "lf-dnd-item " + shapeItem.className : 'lf-dnd-item';
+        el.className = shapeItem.className
+            ? "lf-dnd-item ".concat(shapeItem.className)
+            : 'lf-dnd-item';
         var shape = document.createElement('div');
         shape.className = 'lf-dnd-shape';
         // if (typeof shapeItem.icon === 'string') {
         if (shapeItem.icon) {
-            shape.style.backgroundImage = "url(" + shapeItem.icon + ")";
+            shape.style.backgroundImage = "url(".concat(shapeItem.icon, ")");
+            // shape.style.backgroundSize = 'contain'
             // } else {
             //   shape.appendChild(shapeItem.icon);
         }
@@ -103,3 +109,5 @@ var DndPanel = /** @class */ (function () {
     return DndPanel;
 }());
 exports.DndPanel = DndPanel;
+exports.default = DndPanel;
+//# sourceMappingURL=index.js.map

package/lib/components/dnd-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dnd-panel/index.ts"],"names":[],"mappings":"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"}

package/lib/components/highlight/index.d.ts

@@ -0,0 +1,21 @@
+import LogicFlow from '@logicflow/core';
+type IMode = 'single' | 'path';
+export declare class Highlight {
+    lf: LogicFlow;
+    static pluginName: string;
+    mode: IMode;
+    manual: boolean;
+    tempStyles: {};
+    constructor({ lf }: {
+        lf: any;
+    });
+    setMode(mode: IMode): void;
+    setManual(manual: boolean): void;
+    private highlightSingle;
+    private highlightPath;
+    highlight(id: string, mode?: IMode): void;
+    restoreHighlight(): void;
+    render(): void;
+    destroy(): void;
+}
+export default Highlight;

package/{cjs → lib}/components/highlight/index.js

@@ -26,16 +26,21 @@ var __read = (this && this.__read) || function (o, n) {
     }
     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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Highlight = void 0;
 // 后续并入FlowPath
 var getPath = function (id, lf) {
     var el = lf.getModelById(id);
-    return getNodePath(el.BaseType === 'node' ? el : el.targetNode, lf);
+    return getNodePath((el === null || el === void 0 ? void 0 : el.BaseType) === 'node' ? el : el === null || el === void 0 ? void 0 : el.targetNode, lf);
 };
 // dfs + 动态规划
 // todo 算法优化
@@ -43,15 +48,14 @@ var getNodePath = function (node, lf) {
     var incomingPaths = [];
     var outgoingPaths = [];
     var getIncomingPaths = function (curNode, path, prevNode) {
-        if (prevNode === void 0) { prevNode = null; }
         if (prevNode) {
             // * 上个节点和当前节点中间边
-            path.unshift.apply(path, __spread(lf
+            path.unshift.apply(path, __spreadArray([], __read(lf
                 .getEdgeModels({
                 sourceNodeId: curNode.id,
-                targetNodeId: prevNode.id,
+                targetNodeId: prevNode === null || prevNode === void 0 ? void 0 : prevNode.id,
             })
-                .map(function (item) { return item.id; })));
+                .map(function (item) { return item.id; })), false));
         }
         // * 路径中存在节点，则不再继续查找，说明出现环情况
         if (path.includes(curNode.id)) {
@@ -71,14 +75,13 @@ var getNodePath = function (node, lf) {
     };
     // * 同上逻辑
     var getOutgoingPaths = function (curNode, path, prevNode) {
-        if (prevNode === void 0) { prevNode = null; }
         if (prevNode) {
-            path.push.apply(path, __spread(lf
+            path.push.apply(path, __spreadArray([], __read(lf
                 .getEdgeModels({
-                sourceNodeId: prevNode.id,
+                sourceNodeId: prevNode === null || prevNode === void 0 ? void 0 : prevNode.id,
                 targetNodeId: curNode.id,
             })
-                .map(function (item) { return item.id; })));
+                .map(function (item) { return item.id; })), false));
         }
         if (path.includes(curNode.id)) {
             outgoingPaths.push(path);
@@ -95,7 +98,7 @@ var getNodePath = function (node, lf) {
     };
     getIncomingPaths(node, []);
     getOutgoingPaths(node, []);
-    return __spread(new Set(__spread(incomingPaths.flat(), outgoingPaths.flat())));
+    return __spreadArray([], __read(new Set(__spreadArray(__spreadArray([], __read(incomingPaths.flat()), false), __read(outgoingPaths.flat()), false))), false);
 };
 var Highlight = /** @class */ (function () {
     function Highlight(_a) {
@@ -113,11 +116,11 @@ var Highlight = /** @class */ (function () {
     };
     Highlight.prototype.highlightSingle = function (id) {
         var model = this.lf.getModelById(id);
-        if (model.BaseType === 'node') {
+        if ((model === null || model === void 0 ? void 0 : model.BaseType) === 'node') {
             // 高亮节点
             model.updateStyles(this.tempStyles[id]);
         }
-        else if (model.BaseType === 'edge') {
+        else if ((model === null || model === void 0 ? void 0 : model.BaseType) === 'edge') {
             // 高亮边及对应的节点
             model.updateStyles(this.tempStyles[id]);
             model.sourceNode.updateStyles(this.tempStyles[model.sourceNode.id]);
@@ -128,8 +131,9 @@ var Highlight = /** @class */ (function () {
         var _this = this;
         var path = getPath(id, this.lf);
         path.forEach(function (_id) {
+            var _a;
             // 高亮路径上所有的边和节点
-            _this.lf.getModelById(_id).updateStyles(_this.tempStyles[_id]);
+            (_a = _this.lf.getModelById(_id)) === null || _a === void 0 ? void 0 : _a.updateStyles(_this.tempStyles[_id]);
         });
     };
     Highlight.prototype.highlight = function (id, mode) {
@@ -165,7 +169,7 @@ var Highlight = /** @class */ (function () {
         });
         this.tempStyles = {};
     };
-    Highlight.prototype.render = function (lf, domContainer) {
+    Highlight.prototype.render = function () {
         var _this = this;
         this.lf.on('node:mouseenter', function (_a) {
             var data = _a.data;
@@ -184,3 +188,5 @@ var Highlight = /** @class */ (function () {
     return Highlight;
 }());
 exports.Highlight = Highlight;
+exports.default = Highlight;
+//# sourceMappingURL=index.js.map

package/lib/components/highlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/highlight/index.ts"],"names":[],"mappings":"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"}

package/lib/components/menu/index.d.ts

@@ -0,0 +1,50 @@
+import LogicFlow from '@logicflow/core';
+type SetType = 'add' | 'reset';
+export type MenuItem = {
+    text?: string;
+    className?: string;
+    icon?: boolean;
+    callback: (element: any) => void;
+};
+export type MenuConfig = {
+    nodeMenu?: MenuItem[] | false;
+    edgeMenu?: MenuItem[] | false;
+    graphMenu?: MenuItem[] | false;
+};
+declare class Menu {
+    lf: LogicFlow;
+    private __container?;
+    private __menuDOM?;
+    private menuTypeMap?;
+    private __currentData;
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    /**
+     * 初始化设置默认内置菜单栏
+     */
+    private init;
+    render(lf: any, container: any): void;
+    destroy(): void;
+    private showMenu;
+    /**
+     * 设置指定类型元素的菜单
+     */
+    private setMenuByType;
+    /**
+     * 获取 Menu DOM
+     * @param list 菜单项
+     * @return 菜单项 DOM
+     */
+    private __getMenuDom;
+    setMenuConfig(config: MenuConfig): void;
+    addMenuConfig(config: MenuConfig): void;
+    /**
+     * @deprecated
+     * 复写添加
+     */
+    changeMenuItem(type: SetType, config: MenuConfig): void;
+}
+export default Menu;
+export { Menu };