@logicflow/extension 1.2.27 → 2.0.0-beta.1

package/lib/components/menu/index.js

@@ -0,0 +1,417 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __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.Menu = void 0;
+var DefaultNodeMenuKey = 'lf:defaultNodeMenu';
+var DefaultEdgeMenuKey = 'lf:defaultEdgeMenu';
+var DefaultGraphMenuKey = 'lf:defaultGraphMenu';
+var DefaultSelectionMenuKey = 'lf:defaultSelectionMenu';
+var Menu = /** @class */ (function () {
+    function Menu(_a) {
+        var lf = _a.lf;
+        var _this = this;
+        this.lf = lf;
+        var isSilentMode = lf.options.isSilentMode;
+        if (!isSilentMode) {
+            this.__menuDOM = document.createElement('ul');
+            this.menuTypeMap = new Map();
+            this.init();
+            this.lf.setMenuConfig = function (config) {
+                _this.setMenuConfig(config);
+            };
+            this.lf.addMenuConfig = function (config) {
+                _this.addMenuConfig(config);
+            };
+            this.lf.setMenuByType = function (config) {
+                _this.setMenuByType(config);
+            };
+        }
+    }
+    /**
+     * 初始化设置默认内置菜单栏
+     */
+    Menu.prototype.init = function () {
+        var _this = this;
+        var _a, _b, _c, _d;
+        var defaultNodeMenu = [
+            {
+                text: '删除',
+                callback: function (node) {
+                    _this.lf.deleteNode(node.id);
+                },
+            },
+            {
+                text: '编辑文本',
+                callback: function (node) {
+                    _this.lf.graphModel.editText(node.id);
+                },
+            },
+            {
+                text: '复制',
+                callback: function (node) {
+                    _this.lf.cloneNode(node.id);
+                },
+            },
+        ];
+        (_a = this.menuTypeMap) === null || _a === void 0 ? void 0 : _a.set(DefaultNodeMenuKey, defaultNodeMenu);
+        var defaultEdgeMenu = [
+            {
+                text: '删除',
+                callback: function (edge) {
+                    _this.lf.deleteEdge(edge.id);
+                },
+            },
+            {
+                text: '编辑文本',
+                callback: function (edge) {
+                    _this.lf.graphModel.editText(edge.id);
+                },
+            },
+        ];
+        (_b = this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.set(DefaultEdgeMenuKey, defaultEdgeMenu);
+        (_c = this.menuTypeMap) === null || _c === void 0 ? void 0 : _c.set(DefaultGraphMenuKey, []);
+        var DefaultSelectionMenu = [
+            {
+                text: '删除',
+                callback: function (elements) {
+                    _this.lf.clearSelectElements();
+                    elements.edges.forEach(function (edge) { return _this.lf.deleteEdge(edge.id); });
+                    elements.nodes.forEach(function (node) { return _this.lf.deleteNode(node.id); });
+                },
+            },
+        ];
+        (_d = this.menuTypeMap) === null || _d === void 0 ? void 0 : _d.set(DefaultSelectionMenuKey, DefaultSelectionMenu);
+    };
+    Menu.prototype.render = function (lf, container) {
+        var _this = this;
+        if (lf.options.isSilentMode)
+            return;
+        this.__container = container;
+        this.__currentData = null; // 当前展示的菜单所属元素的model数据
+        if (this.__menuDOM) {
+            this.__menuDOM.className = 'lf-menu';
+            container.appendChild(this.__menuDOM);
+            // 将选项的click事件委托至menu容器
+            // 在捕获阶段拦截并执行
+            this.__menuDOM.addEventListener('click', function (event) {
+                event.stopPropagation();
+                var target = event.target;
+                // 菜单有多层dom，需要精确获取菜单项所对应的dom
+                // 除菜单项dom外，应考虑两种情况
+                // 1. 菜单项的子元素 2. 菜单外层容器
+                while (Array.from(target.classList).indexOf('lf-menu-item') === -1 &&
+                    Array.from(target.classList).indexOf('lf-menu') === -1) {
+                    target = target === null || target === void 0 ? void 0 : target.parentElement;
+                }
+                if (Array.from(target.classList).indexOf('lf-menu-item') > -1) {
+                    // 如果点击区域在菜单项内
+                    ;
+                    target.onclickCallback(_this.__currentData);
+                    // 点击后隐藏menu
+                    if (_this.__menuDOM) {
+                        _this.__menuDOM.style.display = 'none';
+                    }
+                    _this.__currentData = null;
+                }
+                else {
+                    // 如果点击区域不在菜单项内
+                    console.warn('点击区域不在菜单项内，请检查代码！');
+                }
+            }, true);
+        }
+        // 通过事件控制菜单的显示和隐藏
+        this.lf.on('node:contextmenu', function (_a) {
+            var _b, _c;
+            var data = _a.data, position = _a.position, e = _a.e;
+            var _d = position.domOverlayPosition, x = _d.x, y = _d.y;
+            var id = data.id;
+            var model = _this.lf.graphModel.getNodeModelById(id);
+            if (!model)
+                return;
+            var menuList = [];
+            var typeMenus = (_b = _this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.get(model.type);
+            // 如果单个节点自定义了节点，以单个节点自定义为准
+            if (model && model.menu && Array.isArray(model.menu)) {
+                menuList = model.menu;
+            }
+            else if (typeMenus) {
+                // 如果定义当前节点类型的元素
+                menuList = typeMenus;
+            }
+            else {
+                // 最后取全局默认
+                menuList = (_c = _this.menuTypeMap) === null || _c === void 0 ? void 0 : _c.get(DefaultNodeMenuKey);
+            }
+            _this.__currentData = data;
+            _this.showMenu(x, y, menuList, {
+                width: model.width,
+                height: model.height,
+                clientX: e.clientX,
+                clientY: e.clientY,
+            });
+        });
+        this.lf.on('edge:contextmenu', function (_a) {
+            var _b, _c, _d, _e;
+            var data = _a.data, position = _a.position, e = _a.e;
+            var _f = position.domOverlayPosition, x = _f.x, y = _f.y;
+            var id = data.id;
+            var model = _this.lf.graphModel.getEdgeModelById(id);
+            if (!model)
+                return;
+            var menuList = [];
+            var typeMenus = (_c = (_b = _this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.get(model.type)) !== null && _c !== void 0 ? _c : [];
+            // 如果单个节点自定义了边
+            if (model && model.menu && Array.isArray(model.menu)) {
+                menuList = model.menu;
+            }
+            else if (typeMenus) {
+                // 如果定义当前边类型的元素
+                menuList = typeMenus;
+            }
+            else {
+                // 最后取全局默认
+                menuList = (_e = (_d = _this.menuTypeMap) === null || _d === void 0 ? void 0 : _d.get(DefaultEdgeMenuKey)) !== null && _e !== void 0 ? _e : [];
+            }
+            _this.__currentData = data;
+            _this.showMenu(x, y, menuList, {
+                width: model.width,
+                height: model.height,
+                clientX: e.clientX,
+                clientY: e.clientY,
+            });
+        });
+        this.lf.on('blank:contextmenu', function (_a) {
+            var _b, _c;
+            var position = _a.position;
+            var menuList = (_c = (_b = _this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.get(DefaultGraphMenuKey)) !== null && _c !== void 0 ? _c : [];
+            var _d = position.domOverlayPosition, x = _d.x, y = _d.y;
+            _this.showMenu(x, y, menuList);
+        });
+        this.lf.on('selection:contextmenu', function (_a) {
+            var _b;
+            var data = _a.data, position = _a.position;
+            var menuList = (_b = _this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.get(DefaultSelectionMenuKey);
+            var _c = position.domOverlayPosition, x = _c.x, y = _c.y;
+            _this.__currentData = data;
+            _this.showMenu(x, y, menuList);
+        });
+        this.lf.on('node:mousedown', function () {
+            _this.__menuDOM.style.display = 'none';
+        });
+        this.lf.on('edge:click', function () {
+            _this.__menuDOM.style.display = 'none';
+        });
+        this.lf.on('blank:click', function () {
+            _this.__menuDOM.style.display = 'none';
+        });
+    };
+    Menu.prototype.destroy = function () {
+        var _a;
+        if (this.__menuDOM) {
+            (_a = this === null || this === void 0 ? void 0 : this.__container) === null || _a === void 0 ? void 0 : _a.removeChild(this.__menuDOM);
+            this.__menuDOM = undefined;
+        }
+    };
+    Menu.prototype.showMenu = function (x, y, menuList, options) {
+        if (!menuList || !menuList.length)
+            return;
+        var menu = this.__menuDOM;
+        if (menu) {
+            // 菜单容器不变，需要先清空内部的菜单项
+            menu.innerHTML = '';
+            menu.append.apply(menu, __spreadArray([], __read(this.__getMenuDom(menuList)), false));
+            // 菜单中没有项，不显示
+            if (!menu.children.length)
+                return;
+            menu.style.display = 'block';
+            if (!options) {
+                menu.style.top = "".concat(y, "px");
+                menu.style.left = "".concat(x, "px");
+                return;
+            }
+            // https://github.com/didi/LogicFlow/issues/1019
+            // 根据边界判断菜单的left 和 top
+            var width = options.width, height = options.height, clientX = options.clientX, clientY = options.clientY;
+            var graphModel = this.lf.graphModel;
+            var menuWidth = menu.offsetWidth;
+            var menuIsRightShow = true;
+            // ======先进行可视屏幕范围的判断=======
+            // 浏览器窗口可视区域兼容性写法
+            // eslint-disable-next-line max-len
+            var windowMaxX = window.innerWidth ||
+                document.documentElement.clientWidth ||
+                document.body.clientWidth;
+            var rightDistance = windowMaxX - clientX;
+            // ======先进行可视屏幕范围的判断=======
+            // ========再进行画布范围的判断========
+            var graphRect = graphModel.rootEl.getBoundingClientRect();
+            var graphMaxX = graphRect.left + graphRect.width;
+            if (graphMaxX < windowMaxX) {
+                // 画布右边小于可视屏幕范围的最右边，取画布右边作为极限值，计算出当前触摸点距离右边极限值的距离
+                rightDistance = graphMaxX - clientX;
+            }
+            // ========再进行画布范围的判断========
+            // 根据当前触摸点距离右边的距离 跟 menuWidth进行比较
+            if (rightDistance < menuWidth) {
+                // 空间不足够，显示在左边
+                menuIsRightShow = false;
+            }
+            if (menuIsRightShow) {
+                menu.style.left = "".concat(x, "px");
+            }
+            else {
+                menu.style.left = "".concat(x - width, "px");
+            }
+            var menuHeight = menu.offsetHeight;
+            var menuIsBottomShow = true;
+            // ======先进行可视屏幕范围的判断=======
+            // 浏览器窗口可视区域兼容性写法
+            // eslint-disable-next-line max-len
+            var windowMaxY = window.innerHeight ||
+                document.documentElement.clientHeight ||
+                document.body.clientHeight;
+            var bottomDistance = windowMaxY - clientY;
+            // ======先进行可视屏幕范围的判断=======
+            // ========再进行画布范围的判断========
+            var graphMaxY = graphRect.top + graphRect.height;
+            if (graphMaxY < windowMaxY) {
+                // 画布底部小于可视屏幕范围的最底边，取画布底部作为极限值，计算出当前触摸点距离底部极限值的距离
+                bottomDistance = graphMaxY - clientY;
+            }
+            // ========再进行画布范围的判断========
+            if (bottomDistance < menuHeight) {
+                // 如果下边距离太小，无法显示menu，则向上显示
+                menuIsBottomShow = false;
+            }
+            if (menuIsBottomShow) {
+                menu.style.top = "".concat(y, "px");
+            }
+            else {
+                menu.style.top = "".concat(y - height, "px");
+            }
+        }
+    };
+    /**
+     * 设置指定类型元素的菜单
+     */
+    Menu.prototype.setMenuByType = function (config) {
+        var _a;
+        if (!config.type || !config.menu) {
+            return;
+        }
+        (_a = this.menuTypeMap) === null || _a === void 0 ? void 0 : _a.set(config.type, config.menu);
+    };
+    /**
+     * 获取 Menu DOM
+     * @param list 菜单项
+     * @return 菜单项 DOM
+     */
+    Menu.prototype.__getMenuDom = function (list) {
+        var menuList = [];
+        list &&
+            list.length > 0 &&
+            list.forEach(function (item) {
+                var element = document.createElement('li');
+                if (item.className) {
+                    element.className = "lf-menu-item ".concat(item.className);
+                }
+                else {
+                    element.className = 'lf-menu-item';
+                }
+                if (item.icon === true) {
+                    var icon = document.createElement('span');
+                    icon.className = 'lf-menu-item-icon';
+                    element.appendChild(icon);
+                }
+                var text = document.createElement('span');
+                text.className = 'lf-menu-item-text';
+                if (item.text) {
+                    text.innerText = item.text;
+                }
+                element.appendChild(text);
+                element.onclickCallback = item.callback;
+                menuList.push(element);
+            });
+        return menuList;
+    };
+    // 复写菜单
+    Menu.prototype.setMenuConfig = function (config) {
+        var _a, _b, _c;
+        if (!config) {
+            return;
+        }
+        // node
+        config.nodeMenu !== undefined &&
+            ((_a = this.menuTypeMap) === null || _a === void 0 ? void 0 : _a.set(DefaultNodeMenuKey, config.nodeMenu ? config.nodeMenu : []));
+        // edge
+        config.edgeMenu !== undefined &&
+            ((_b = this.menuTypeMap) === null || _b === void 0 ? void 0 : _b.set(DefaultEdgeMenuKey, config.edgeMenu ? config.edgeMenu : []));
+        // graph
+        config.graphMenu !== undefined &&
+            ((_c = this.menuTypeMap) === null || _c === void 0 ? void 0 : _c.set(DefaultGraphMenuKey, config.graphMenu ? config.graphMenu : []));
+    };
+    // 在默认菜单后面追加菜单项
+    Menu.prototype.addMenuConfig = function (config) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        if (!config) {
+            return;
+        }
+        // 追加项时，只支持数组类型，对false不做操作
+        if (Array.isArray(config.nodeMenu)) {
+            var menuList = (_b = (_a = this.menuTypeMap) === null || _a === void 0 ? void 0 : _a.get(DefaultNodeMenuKey)) !== null && _b !== void 0 ? _b : [];
+            (_c = this.menuTypeMap) === null || _c === void 0 ? void 0 : _c.set(DefaultNodeMenuKey, menuList.concat(config.nodeMenu));
+        }
+        if (Array.isArray(config.edgeMenu)) {
+            var menuList = (_e = (_d = this.menuTypeMap) === null || _d === void 0 ? void 0 : _d.get(DefaultEdgeMenuKey)) !== null && _e !== void 0 ? _e : [];
+            (_f = this.menuTypeMap) === null || _f === void 0 ? void 0 : _f.set(DefaultEdgeMenuKey, menuList.concat(config.edgeMenu));
+        }
+        if (Array.isArray(config.graphMenu)) {
+            var menuList = (_h = (_g = this.menuTypeMap) === null || _g === void 0 ? void 0 : _g.get(DefaultGraphMenuKey)) !== null && _h !== void 0 ? _h : [];
+            (_j = this.menuTypeMap) === null || _j === void 0 ? void 0 : _j.set(DefaultGraphMenuKey, menuList.concat(config.graphMenu));
+        }
+    };
+    /**
+     * @deprecated
+     * 复写添加
+     */
+    Menu.prototype.changeMenuItem = function (type, config) {
+        if (type === 'add') {
+            this.addMenuConfig(config);
+        }
+        else if (type === 'reset') {
+            this.setMenuConfig(config);
+        }
+        else {
+            throw new Error("The first parameter of changeMenuConfig should be 'add' or 'reset'");
+        }
+    };
+    Menu.pluginName = 'menu';
+    return Menu;
+}());
+exports.Menu = Menu;
+exports.default = Menu;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/mini-map/index.d.ts

@@ -0,0 +1,236 @@
+import LogicFlow from '@logicflow/core';
+import MiniMapPosition = MiniMap.MiniMapPosition;
+export declare namespace MiniMap {
+    type MiniMapOption = Partial<{
+        /**
+         * 小地图中画布的宽度
+         */
+        width: number;
+        /**
+         * 小地图中画布的高度
+         */
+        height: number;
+        /**
+         * 在小地图的画布中是否渲染边
+         */
+        showEdge: boolean;
+        /**
+         * 是否显示小地图的标题栏
+         */
+        isShowHeader: boolean;
+        /**
+         * 是否显示关闭按钮
+         */
+        isShowCloseIcon: boolean;
+        /**
+         * 小地图标题栏的文本内容
+         */
+        headerTitle: string;
+        /**
+         * 小地图与画布左边界的左边距，优先级高于`rightPosition`
+         */
+        leftPosition: number;
+        /**
+         * 小地图与画布右边界的右边距，优先级低于`leftPosition`
+         */
+        rightPosition: number;
+        /**
+         * 小地图与画布上边界的上边距，优先级高于`bottomPosition`
+         */
+        topPosition: number;
+        /**
+         * 小地图与画布下边界的下边距，优先级低于`topPosition`
+         */
+        bottomPosition: number;
+    }>;
+    type AbsolutePosition = Partial<Record<'left' | 'right' | 'top' | 'bottom', number>>;
+    type MiniMapPosition = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom' | AbsolutePosition;
+}
+export declare class MiniMap {
+    static pluginName: string;
+    /**
+     * 主画布的LogicFlow实例
+     */
+    private lf;
+    /**
+     * LogicFlow构造函数
+     */
+    private LFCtor;
+    /**
+     * 小地图中画布的LogicFlow实例
+     */
+    private lfMap;
+    /**
+     * lf的工具层容器，用于挂载小地图
+     */
+    private container?;
+    /**
+     * 小地图的容器
+     */
+    private miniMapContainer?;
+    /**
+     * 小地图的画布容器
+     */
+    private miniMapWrap;
+    /**
+     * 小地图的预览视窗
+     */
+    private viewport;
+    /**
+     * 小地图中画布容器的宽度
+     */
+    private width;
+    /**
+     * 小地图中画布容器的高度
+     */
+    private height;
+    /**
+     * 小地图中画布的缩放比例
+     */
+    private scale;
+    /**
+     * 小地图中画布的水平位移
+     */
+    private translateX;
+    /**
+     * 小地图中画布的垂直位移
+     */
+    private translateY;
+    /**
+     * 在小地图的画布中是否渲染边
+     */
+    private showEdge;
+    /**
+     * 小地图中画布的区域范围
+     */
+    private bounds;
+    /**
+     * 所有元素占领的区域范围
+     */
+    private elementAreaBounds;
+    /**
+     * 主画布视口的区域范围
+     */
+    private viewPortBounds;
+    private leftPosition?;
+    private topPosition?;
+    private rightPosition?;
+    private bottomPosition?;
+    /**
+     * 预览视窗左上角在主画布的y坐标
+     */
+    private viewPortTop;
+    /**
+     * 预览视窗左上角在主画布的x坐标
+     */
+    private viewPortLeft;
+    private viewPortWidth;
+    private viewPortHeight;
+    /**
+     * 拖拽预览视窗时，记录起始点的位置
+     */
+    private startPosition;
+    /**
+     * 是否显示小地图
+     */
+    private isShow;
+    /**
+     * 是否显示小地图的标题栏
+     */
+    private isShowHeader;
+    /**
+     * 是否显示关闭按钮
+     */
+    private isShowCloseIcon;
+    /**
+     * 小地图标题栏的文本内容
+     */
+    private headerTitle;
+    /**
+     * 小地图的logicFlow实例需要禁用的插件
+     */
+    private disabledPlugins;
+    constructor({ lf, LogicFlow, options }: LogicFlow.ExtensionProps);
+    render: (_: LogicFlow, container: HTMLElement) => void;
+    /**
+     * 显示小地图
+     * @param left 相对画布的左边距
+     * @param top 相对画布的上边距
+     */
+    show: (left?: number, top?: number) => void;
+    /**
+     * 隐藏小地图
+     */
+    hide: () => void;
+    /**
+     * 更新小地图在画布中的位置
+     * @param {MiniMapPosition} position
+     */
+    updatePosition: (position: MiniMapPosition) => void;
+    /**
+     * 重置主画布的缩放和平移
+     */
+    reset: () => void;
+    /**
+     * 设置小地图的画布中是否绘制边
+     * @param {boolean} showEdge
+     */
+    setShowEdge: (showEdge: boolean) => void;
+    /**
+     * 初始化小地图的配置
+     * @param options
+     */
+    private setOption;
+    /**
+     * 初始化小地图的 LogicFlow 实例
+     */
+    private initMiniMap;
+    private createMiniMap;
+    private updateMiniMapPosition;
+    private removeMiniMap;
+    /**
+     * 更新小地图的区域范围
+     * @param data
+     */
+    private updateBounds;
+    /**
+     * 计算所有图形一起，占领的区域范围。
+     * @param data
+     */
+    private updateElementAreaBounds;
+    /**
+     * 获取视口范围
+     */
+    private updateViewPortBounds;
+    /**
+     * 删除部分内容以简化渲染，包括边与节点文本
+     */
+    private resetData;
+    /**
+     * MiniMap视图重绘
+     * @param reRender 是否重新渲染画布元素
+     */
+    private setView;
+    /**
+     * 更新预览视窗的位置
+     */
+    private updateViewPort;
+    /**
+     * 创建预览视窗元素
+     */
+    private createViewPort;
+    private startDrag;
+    /**
+     * 拖拽预览视窗过程中，更新主画布视口
+     */
+    private drag;
+    /**
+     * 拖拽预览视窗结束，移除拖拽事件
+     */
+    private drop;
+    /**
+     * 点击小地图中非预览视窗的区域时，移动主画布视口聚焦于点击位置
+     */
+    private mapClick;
+}
+export default MiniMap;