@logicflow/core 2.0.9 → 2.0.11

package/es/LogicFlow.js

@@ -36,7 +36,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { createElement as h, render } from 'preact/compat';
-import { cloneDeep, forEach, indexOf } from 'lodash-es';
+import { cloneDeep, forEach, indexOf, isNil } from 'lodash-es';
 import { observer } from '.';
 import { Options as LFOptions } from './options';
 import * as _Model from './model';
@@ -777,12 +777,18 @@ var LogicFlow = /** @class */ (function () {
      */
     LogicFlow.prototype.updateEditConfig = function (config) {
         var _a = this.graphModel, editConfigModel = _a.editConfigModel, transformModel = _a.transformModel;
+        var currentSnapGrid = editConfigModel.snapGrid;
         editConfigModel.updateEditConfig(config);
         if ((config === null || config === void 0 ? void 0 : config.stopMoveGraph) !== undefined) {
             transformModel.updateTranslateLimits(config.stopMoveGraph);
         }
         // 静默模式切换时，修改快捷键的启用状态
         (config === null || config === void 0 ? void 0 : config.isSilentMode) ? this.keyboard.disable() : this.keyboard.enable(true);
+        // 切换网格对齐状态时，修改网格尺寸
+        if (!isNil(config === null || config === void 0 ? void 0 : config.snapGrid) && config.snapGrid !== currentSnapGrid) {
+            var _b = this.graphModel.grid.size, size = _b === void 0 ? 1 : _b;
+            this.graphModel.updateGridSize(config.snapGrid ? size : 1);
+        }
     };
     /**
      * 获取流程图当前编辑相关设置
@@ -907,6 +913,8 @@ var LogicFlow = /** @class */ (function () {
      */
     LogicFlow.prototype.clearData = function () {
         this.graphModel.clearData();
+        // 强制刷新数据, 让 preact 清除对已删除节点的引用
+        this.render({});
     };
     /*********************************************************
      * LogicFlow Render方法
@@ -1168,7 +1176,19 @@ var LogicFlow = /** @class */ (function () {
     };
     /** 销毁当前实例 */
     LogicFlow.prototype.destroy = function () {
+        var _a;
+        this.clearData();
+        render(null, this.container);
+        this.keyboard.destroy();
         this.graphModel.destroy();
+        this.tool.destroy();
+        this.history.destroy();
+        for (var extensionName in this.extension) {
+            var extensionInstance = this.extension[extensionName];
+            if ('destroy' in extensionInstance) {
+                (_a = extensionInstance.destroy) === null || _a === void 0 ? void 0 : _a.call(extensionInstance);
+            }
+        }
     };
     // 全局配置的插件，所有的LogicFlow示例都会使用
     LogicFlow.extensions = new Map();

package/es/event/eventEmitter.d.ts

@@ -44,5 +44,6 @@ export default class EventEmitter {
     off<T extends keyof EventArgs>(evts: T, callback?: (args: EventArgs[T]) => void): void;
     off<T extends string>(evts: T, callback?: EventCallback<T>): void;
     getEvents(): EventsType<string>;
+    destroy(): void;
 }
 export { EventEmitter, EventArgs };

package/es/event/eventEmitter.js

@@ -84,6 +84,9 @@ var EventEmitter = /** @class */ (function () {
     EventEmitter.prototype.getEvents = function () {
         return this._events;
     };
+    EventEmitter.prototype.destroy = function () {
+        this._events = {};
+    };
     return EventEmitter;
 }());
 export default EventEmitter;

package/es/history/index.d.ts

@@ -19,5 +19,6 @@ export declare class History {
     redoAble(): boolean;
     redo(): LogicFlow.GraphData | undefined;
     watch(model: GraphModel): void;
+    destroy(): void;
 }
 export default History;

package/es/history/index.js

@@ -104,6 +104,12 @@ var History = /** @class */ (function () {
             }
         }, this.waitTime));
     };
+    History.prototype.destroy = function () {
+        this.undos = [];
+        this.redos = [];
+        this.curData = null;
+        this.stopWatch && this.stopWatch();
+    };
     return History;
 }());
 export { History };

package/es/keyboard/index.d.ts

@@ -26,6 +26,7 @@ export declare class Keyboard {
     off(keys: string | string[], action?: Action): void;
     enable(force: boolean): void;
     disable(): void;
+    destroy(): void;
     private getKeys;
     protected formatKey(key: string): string;
 }

package/es/keyboard/index.js

@@ -68,6 +68,9 @@ var Keyboard = /** @class */ (function () {
             }
         }
     };
+    Keyboard.prototype.destroy = function () {
+        this.mousetrap.reset();
+    };
     Keyboard.prototype.getKeys = function (keys) {
         var _this = this;
         return (Array.isArray(keys) ? keys : [keys]).map(function (key) {

package/es/model/EditConfigModel.d.ts

@@ -113,6 +113,7 @@ export interface IEditConfigType {
     textMode: TextMode;
     nodeTextMode: TextMode;
     edgeTextMode: TextMode;
+    snapGrid: boolean;
 }
 export type IConfigKeys = keyof IEditConfigType;
 /**
@@ -127,6 +128,7 @@ export declare class EditConfigModel {
     stopZoomGraph: boolean;
     stopMoveGraph: boolean;
     stopScrollGraph: boolean;
+    snapGrid: boolean;
     /*********************************************************
      * 文本相关配置（全局）
      ********************************************************/
@@ -168,7 +170,7 @@ export declare class EditConfigModel {
     multipleSelectKey: string;
     constructor(config: Partial<IEditConfigType>);
     updateEditConfig(config: Partial<IEditConfigType>): void;
-    computeConfig(config: Partial<IEditConfigType>): Partial<IEditConfigType> & Pick<Partial<IEditConfigType>, "textMode" | "adjustEdgeStartAndEnd" | "isSilentMode" | "stopZoomGraph" | "stopScrollGraph" | "stopMoveGraph" | "adjustEdge" | "adjustEdgeMiddle" | "adjustEdgeStart" | "adjustEdgeEnd" | "adjustNodePosition" | "hideAnchors" | "allowRotate" | "allowResize" | "autoExpand" | "hoverOutline" | "nodeSelectedOutline" | "edgeSelectedOutline" | "textEdit" | "nodeTextEdit" | "edgeTextEdit" | "textDraggable" | "nodeTextDraggable" | "edgeTextDraggable" | "multipleSelectKey" | "nodeTextMode" | "edgeTextMode" | "nodeTextMultiple" | "edgeTextMultiple" | "nodeTextVertical" | "edgeTextVertical">;
+    computeConfig(config: Partial<IEditConfigType>): Partial<IEditConfigType> & Pick<Partial<IEditConfigType>, "textMode" | "adjustEdgeStartAndEnd" | "edgeTextDraggable" | "edgeTextEdit" | "nodeTextDraggable" | "nodeTextEdit" | "isSilentMode" | "stopZoomGraph" | "stopScrollGraph" | "stopMoveGraph" | "snapGrid" | "adjustEdge" | "adjustEdgeMiddle" | "adjustEdgeStart" | "adjustEdgeEnd" | "adjustNodePosition" | "hideAnchors" | "allowRotate" | "allowResize" | "autoExpand" | "hoverOutline" | "nodeSelectedOutline" | "edgeSelectedOutline" | "textEdit" | "textDraggable" | "multipleSelectKey" | "nodeTextMode" | "edgeTextMode" | "nodeTextMultiple" | "edgeTextMultiple" | "nodeTextVertical" | "edgeTextVertical">;
     updateTextMode(textMode: TextMode): void;
     getConfig(): IEditConfigType;
 }

package/es/model/EditConfigModel.js

@@ -33,6 +33,7 @@ var allKeys = [
     'stopZoomGraph', // 禁止缩放画布
     'stopScrollGraph', // 禁止鼠标滚动移动画布
     'stopMoveGraph', // 禁止拖动画布
+    'snapGrid', // 是否开启网格对齐
     'adjustEdge', // 允许调整边
     'adjustEdgeMiddle', // 允许调整边中点
     'adjustEdgeStartAndEnd', // 允许调整边起点和终点
@@ -74,6 +75,7 @@ var EditConfigModel = /** @class */ (function () {
         this.stopZoomGraph = false;
         this.stopMoveGraph = false;
         this.stopScrollGraph = false;
+        this.snapGrid = false;
         /*********************************************************
          * 文本相关配置（全局）
          ********************************************************/
@@ -188,6 +190,9 @@ var EditConfigModel = /** @class */ (function () {
     __decorate([
         observable
     ], EditConfigModel.prototype, "stopScrollGraph", void 0);
+    __decorate([
+        observable
+    ], EditConfigModel.prototype, "snapGrid", void 0);
     __decorate([
         observable
     ], EditConfigModel.prototype, "textMode", void 0);

package/es/model/GraphModel.d.ts

@@ -46,6 +46,14 @@ export declare class GraphModel {
      * 获取自定义连线轨迹
      */
     customTrajectory: LFOptions.Definition['customTrajectory'];
+    /**
+     * 判断是否使用的是容器的宽度
+     */
+    isContainerWidth: boolean;
+    /**
+     * 判断是否使用的是容器的高度
+     */
+    isContainerHeight: boolean;
     edgeType: string;
     nodes: BaseNodeModel[];
     edges: BaseEdgeModel[];
@@ -391,7 +399,11 @@ export declare class GraphModel {
      */
     updateGridOptions(options: Partial<Grid.GridOptions>): void;
     /**
-     * 更新网格配置
+     * 更新网格尺寸
+     */
+    updateGridSize(size: number): void;
+    /**
+     * 更新背景配置
      */
     updateBackgroundOptions(options: boolean | Partial<LFOptions.BackgroundConfig>): void;
     /**

package/es/model/GraphModel.js

@@ -51,7 +51,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { find, forEach, map, merge, isBoolean, debounce, isEqual } from 'lodash-es';
+import { find, forEach, map, merge, isBoolean, debounce, isNil, } from 'lodash-es';
 import { action, computed, observable } from 'mobx';
 import { EditConfigModel, TransformModel, } from '.';
 import { DEFAULT_VISIBLE_SPACE, ELEMENT_MAX_Z_INDEX, ElementState, ElementType, EventType, ModelType, OverlapMode, TextMode, } from '../constant';
@@ -61,6 +61,7 @@ import { Grid } from '../view/overlay';
 var GraphModel = /** @class */ (function () {
     function GraphModel(options) {
         var _this = this;
+        var _a, _b;
         // 维护所有节点和边类型对应的 model
         this.modelMap = new Map();
         // Remind：用于记录当前画布上所有节点和边的 model 的 Map
@@ -94,11 +95,13 @@ var GraphModel = /** @class */ (function () {
         // 控制是否开启局部渲染
         this.partial = false;
         this.waitCleanEffects = [];
-        var container = options.container, partial = options.partial, _a = options.background, background = _a === void 0 ? {} : _a, grid = options.grid, idGenerator = options.idGenerator, edgeGenerator = options.edgeGenerator, animation = options.animation, customTrajectory = options.customTrajectory;
+        var container = options.container, partial = options.partial, _c = options.background, background = _c === void 0 ? {} : _c, grid = options.grid, idGenerator = options.idGenerator, edgeGenerator = options.edgeGenerator, animation = options.animation, customTrajectory = options.customTrajectory;
         this.rootEl = container;
         this.partial = !!partial;
         this.background = background;
-        if (typeof grid === 'object') {
+        if (typeof grid === 'object' && options.snapGrid) {
+            // 开启网格对齐时才根据网格尺寸设置步长
+            // TODO：需要让用户设置成 0 吗？后面可以讨论一下
             this.gridSize = grid.size || 1; // 默认 gridSize 设置为 1
         }
         this.theme = setupTheme(options.style);
@@ -106,8 +109,10 @@ var GraphModel = /** @class */ (function () {
         this.edgeType = options.edgeType || 'polyline';
         this.animation = setupAnimation(animation);
         this.overlapMode = options.overlapMode || OverlapMode.DEFAULT;
-        this.width = options.width || this.rootEl.getBoundingClientRect().width;
-        this.height = options.height || this.rootEl.getBoundingClientRect().height;
+        this.width = (_a = options.width) !== null && _a !== void 0 ? _a : this.rootEl.getBoundingClientRect().width;
+        this.isContainerWidth = isNil(options.width);
+        this.height = (_b = options.height) !== null && _b !== void 0 ? _b : this.rootEl.getBoundingClientRect().height;
+        this.isContainerHeight = isNil(options.height);
         var resizeObserver = new ResizeObserver(debounce((function (entries) {
             var e_1, _a;
             try {
@@ -389,17 +394,23 @@ var GraphModel = /** @class */ (function () {
      */
     GraphModel.prototype.graphDataToModel = function (graphData) {
         var _this = this;
-        if (!this.width || !this.height) {
-            this.resize();
-        }
+        // 宽度必然存在，取消重新计算
+        // if (!this.width || !this.height) {
+        //   this.resize()
+        // }
         if (!graphData) {
-            this.nodes = [];
-            this.edges = [];
+            this.clearData();
             return;
         }
+        this.elementsModelMap.clear();
+        this.nodeModelMap.clear();
+        this.edgeModelMap.clear();
         if (graphData.nodes) {
             this.nodes = map(graphData.nodes, function (node) {
-                return _this.getModelAfterSnapToGrid(node);
+                var nodeModel = _this.getModelAfterSnapToGrid(node);
+                _this.elementsModelMap.set(nodeModel.id, nodeModel);
+                _this.nodeModelMap.set(nodeModel.id, nodeModel);
+                return nodeModel;
             });
         }
         else {
@@ -414,31 +425,6 @@ var GraphModel = /** @class */ (function () {
                     throw new Error("\u627E\u4E0D\u5230".concat(edge.type, "\u5BF9\u5E94\u7684\u8FB9\u3002"));
                 }
                 var edgeModel = new Model(edge, _this);
-                // 根据edgeModel中存储的数据找到当前画布上的起终锚点坐标
-                // 判断当前起终锚点数据和Model中存储的起终点数据是否一致，不一致更新起终点信息
-                var sourceNodeId = edgeModel.sourceNodeId, targetNodeId = edgeModel.targetNodeId, _b = edgeModel.sourceAnchorId, sourceAnchorId = _b === void 0 ? '' : _b, _c = edgeModel.targetAnchorId, targetAnchorId = _c === void 0 ? '' : _c, startPoint = edgeModel.startPoint, endPoint = edgeModel.endPoint, text = edgeModel.text, textPosition = edgeModel.textPosition;
-                var updateAnchorPoint = function (node, anchorId, point, updatePoint) {
-                    var anchor = node === null || node === void 0 ? void 0 : node.anchors.find(function (anchor) { return anchor.id === anchorId; });
-                    if (anchor && !isEqual(anchor, point)) {
-                        updatePoint(anchor);
-                    }
-                };
-                var sourceNode = _this.getNodeModelById(sourceNodeId);
-                var targetNode = _this.getNodeModelById(targetNodeId);
-                updateAnchorPoint(sourceNode, sourceAnchorId, startPoint, edgeModel.updateStartPoint.bind(edgeModel));
-                updateAnchorPoint(targetNode, targetAnchorId, endPoint, edgeModel.updateEndPoint.bind(edgeModel));
-                // 而文本需要先算一下文本与默认文本位置之间的相对位置差
-                // 再计算新路径的文本默认位置，加上相对位置差，得到调整后边的文本的位置
-                if (text) {
-                    var x = text.x, y = text.y;
-                    var defaultX = textPosition.x, defaultY = textPosition.y;
-                    if (x && y && defaultX && defaultY) {
-                        var deltaX = x - defaultX;
-                        var deltaY = y - defaultY;
-                        edgeModel.resetTextPosition();
-                        edgeModel.moveText(deltaX, deltaY);
-                    }
-                }
                 _this.edgeModelMap.set(edgeModel.id, edgeModel);
                 _this.elementsModelMap.set(edgeModel.id, edgeModel);
                 return edgeModel;
@@ -772,14 +758,15 @@ var GraphModel = /** @class */ (function () {
      */
     GraphModel.prototype.getModelAfterSnapToGrid = function (node) {
         var Model = this.getModel(node.type);
+        var snapGrid = this.editConfigModel.snapGrid;
         if (!Model) {
             throw new Error("\u627E\u4E0D\u5230".concat(node.type, "\u5BF9\u5E94\u7684\u8282\u70B9\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u5DF2\u6CE8\u518C\u6B64\u7C7B\u578B\u8282\u70B9\u3002"));
         }
         var nodeX = node.x, nodeY = node.y;
         // 根据 grid 修正节点的 x, y
         if (nodeX && nodeY) {
-            node.x = snapToGrid(nodeX, this.gridSize);
-            node.y = snapToGrid(nodeY, this.gridSize);
+            node.x = snapToGrid(nodeX, this.gridSize, snapGrid);
+            node.y = snapToGrid(nodeY, this.gridSize, snapGrid);
             if (typeof node.text === 'object' && node.text !== null) {
                 // 原来的处理是：node.text.x -= getGridOffset(nodeX, this.gridSize)
                 // 由于snapToGrid()使用了Math.round()四舍五入的做法，因此无法判断需要执行
@@ -1315,7 +1302,13 @@ var GraphModel = /** @class */ (function () {
         merge(this.grid, options);
     };
     /**
-     * 更新网格配置
+     * 更新网格尺寸
+     */
+    GraphModel.prototype.updateGridSize = function (size) {
+        this.gridSize = size;
+    };
+    /**
+     * 更新背景配置
      */
     GraphModel.prototype.updateBackgroundOptions = function (options) {
         if (isBoolean(options) || isBoolean(this.background)) {
@@ -1329,8 +1322,10 @@ var GraphModel = /** @class */ (function () {
      * 重新设置画布的宽高
      */
     GraphModel.prototype.resize = function (width, height) {
-        this.width = width || this.rootEl.getBoundingClientRect().width;
-        this.height = height || this.rootEl.getBoundingClientRect().height;
+        this.width = width !== null && width !== void 0 ? width : this.rootEl.getBoundingClientRect().width;
+        this.isContainerWidth = isNil(width);
+        this.height = height !== null && height !== void 0 ? height : this.rootEl.getBoundingClientRect().height;
+        this.isContainerHeight = isNil(height);
         if (!this.width || !this.height) {
             console.warn('渲染画布的时候无法获取画布宽高，请确认在container已挂载到DOM。@see https://github.com/didi/LogicFlow/issues/675');
         }
@@ -1341,6 +1336,10 @@ var GraphModel = /** @class */ (function () {
     GraphModel.prototype.clearData = function () {
         this.nodes = [];
         this.edges = [];
+        // 清除对已清除节点的引用
+        this.edgeModelMap.clear();
+        this.nodeModelMap.clear();
+        this.elementsModelMap.clear();
     };
     /**
      * 获取图形区域虚拟矩型的尺寸和中心坐标
@@ -1457,6 +1456,7 @@ var GraphModel = /** @class */ (function () {
             console.warn('error on destroy GraphModel', err);
         }
         this.waitCleanEffects.length = 0;
+        this.eventCenter.destroy();
     };
     __decorate([
         observable

package/es/model/edge/BaseEdgeModel.js

@@ -317,6 +317,8 @@ var BaseEdgeModel = /** @class */ (function () {
             properties: properties,
             sourceNodeId: this.sourceNodeId,
             targetNodeId: this.targetNodeId,
+            sourceAnchorId: this.sourceAnchorId,
+            targetAnchorId: this.targetAnchorId,
             startPoint: assign({}, this.startPoint),
             endPoint: assign({}, this.endPoint),
         };
@@ -416,14 +418,15 @@ var BaseEdgeModel = /** @class */ (function () {
      */
     BaseEdgeModel.prototype.formatText = function (data) {
         var _a, _b, _c;
-        var _d = this.textPosition, x = _d.x, y = _d.y;
+        var _d = this.graphModel.editConfigModel, edgeTextDraggable = _d.edgeTextDraggable, edgeTextEdit = _d.edgeTextEdit;
+        var _e = this.textPosition, x = _e.x, y = _e.y;
         var text = data.text;
         var textConfig = {
             value: '',
             x: x,
             y: y,
-            draggable: false,
-            editable: true,
+            draggable: edgeTextDraggable,
+            editable: edgeTextEdit,
         };
         if (text) {
             if (typeof text === 'string') {

package/es/model/edge/BezierEdgeModel.js

@@ -46,7 +46,7 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-import { assign, cloneDeep } from 'lodash-es';
+import { get, assign, cloneDeep } from 'lodash-es';
 import { action, observable } from 'mobx';
 import BaseEdgeModel from './BaseEdgeModel';
 import { ModelType } from '../../constant';
@@ -62,7 +62,7 @@ var BezierEdgeModel = /** @class */ (function (_super) {
         return _this;
     }
     BezierEdgeModel.prototype.initEdgeData = function (data) {
-        this.offset = 100;
+        this.offset = get(data, 'properties.offset', 100);
         _super.prototype.initEdgeData.call(this, data);
     };
     BezierEdgeModel.prototype.getEdgeStyle = function () {

package/es/model/edge/PolylineEdgeModel.d.ts

@@ -33,6 +33,7 @@ export declare class PolylineEdgeModel extends BaseEdgeModel {
     removeCrossPoints(startIndex: number, endIndex: number, pointList: Point[]): LogicFlow.Point[];
     getDraggingPoints(direction: SegmentDirection, positionType: string, position: Position, anchorList: AnchorConfig[], draggingPointList: Point[]): LogicFlow.Point[];
     updateCrossPoints(pointList: Point[]): LogicFlow.Point[];
+    updatePath(pointList: Point[]): void;
     getData(): LogicFlow.EdgeData & {
         pointsList: {
             x: number;

package/es/model/edge/PolylineEdgeModel.js

@@ -55,7 +55,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { assign, cloneDeep } from 'lodash-es';
+import { get, assign, cloneDeep } from 'lodash-es';
 import { observable, action } from 'mobx';
 import { BaseEdgeModel } from '.';
 import { ModelType, SegmentDirection } from '../../constant';
@@ -69,7 +69,10 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
         return _this;
     }
     PolylineEdgeModel.prototype.initEdgeData = function (data) {
-        this.offset = 30;
+        this.offset = get(data, 'properties.offset', 30);
+        if (data.pointsList) {
+            this.pointsList = data.pointsList;
+        }
         _super.prototype.initEdgeData.call(this, data);
     };
     PolylineEdgeModel.prototype.getEdgeStyle = function () {
@@ -282,6 +285,10 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
         }
         return list;
     };
+    PolylineEdgeModel.prototype.updatePath = function (pointList) {
+        this.pointsList = pointList;
+        this.points = this.getPath(this.pointsList);
+    };
     PolylineEdgeModel.prototype.getData = function () {
         var data = _super.prototype.getData.call(this);
         var pointsList = this.pointsList.map(function (_a) {

package/es/model/node/BaseNodeModel.js

@@ -223,13 +223,14 @@ var BaseNodeModel = /** @class */ (function () {
      */
     BaseNodeModel.prototype.formatText = function (data) {
         var _a, _b, _c;
+        var _d = this.graphModel.editConfigModel, nodeTextDraggable = _d.nodeTextDraggable, nodeTextEdit = _d.nodeTextEdit;
         var x = data.x, y = data.y, text = data.text;
         var textConfig = {
             value: '',
             x: x,
             y: y,
-            draggable: false,
-            editable: true,
+            draggable: nodeTextDraggable,
+            editable: nodeTextEdit,
         };
         if (text) {
             if (typeof text === 'string') {
@@ -644,6 +645,10 @@ var BaseNodeModel = /** @class */ (function () {
             this.text && this.moveText(0, deltaY);
             moveY = deltaY;
         }
+        this.transform = new TranslateMatrix(-this.x, -this.y)
+            .rotate(this.rotate)
+            .translate(this.x, this.y)
+            .toString();
         return [moveX, moveY];
     };
     BaseNodeModel.prototype.moveTo = function (x, y, isIgnoreRule) {

package/es/tool/index.d.ts

@@ -20,5 +20,6 @@ export declare class Tool {
     enableTool(name: string): boolean | Error;
     getTools(): ToolConstructor[];
     getInstance(): LogicFlow;
+    destroy(): void;
 }
 export default Tool;

package/es/tool/index.js

@@ -50,7 +50,7 @@ var Tool = /** @class */ (function () {
             this.toolMap.delete(name);
             return true;
         }
-        throw new Error('禁用失败，不存在名为 ${tool} 的工具');
+        throw new Error("\u7981\u7528\u5931\u8D25\uFF0C\u4E0D\u5B58\u5728\u540D\u4E3A ".concat(tool, " \u7684\u5DE5\u5177"));
     };
     Tool.prototype.enableTool = function (name) {
         var tool = this.disabledToolMap.get(name);
@@ -59,7 +59,7 @@ var Tool = /** @class */ (function () {
             this.disabledToolMap.delete(name);
             return true;
         }
-        throw new Error('不存在名为 ${tool} 的工具');
+        throw new Error("\u4E0D\u5B58\u5728\u540D\u4E3A ".concat(tool, " \u7684\u5DE5\u5177"));
     };
     Tool.prototype.getTools = function () {
         return Array.from(this.toolMap.values());
@@ -67,6 +67,10 @@ var Tool = /** @class */ (function () {
     Tool.prototype.getInstance = function () {
         return this.instance;
     };
+    Tool.prototype.destroy = function () {
+        this.toolMap.clear();
+        this.disabledToolMap.clear();
+    };
     __decorate([
         observable
     ], Tool.prototype, "toolMap", void 0);

package/es/util/geometry.d.ts

@@ -1,6 +1,6 @@
 import LogicFlow from '../LogicFlow';
 import PointTuple = LogicFlow.PointTuple;
-export declare function snapToGrid(point: number, gridSize: number): number;
+export declare function snapToGrid(point: number, gridSize: number, snapGrid: boolean): number;
 export declare function getGridOffset(distance: number, gridSize: number): number;
 /**
  * 多边形设置 points 后，坐标平移至原点 并 根据 width、height 缩放

package/es/util/geometry.js

@@ -23,7 +23,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-export function snapToGrid(point, gridSize) {
+export function snapToGrid(point, gridSize, snapGrid) {
+    // 开启节网格对齐时才根据网格尺寸校准坐标
+    if (!snapGrid)
+        return point;
     // 保证 x, y 的值为 gridSize 的整数倍
     return gridSize * Math.round(point / gridSize) || point;
 }

package/es/util/node.d.ts

@@ -15,7 +15,7 @@ export type NodeContaint = {
 export declare const targetNodeInfo: (position: Point, graphModel: GraphModel) => NodeContaint;
 export declare const getClosestAnchor: (position: Point, node: BaseNodeModel) => AnchorInfo;
 export declare const distance: (x1: number, y1: number, x2: number, y2: number) => number;
-export declare const isInNode: (position: Point, node: BaseNodeModel) => boolean;
+export declare const isInNode: (position: Point, node: BaseNodeModel, offset?: number) => boolean;
 export declare const isInNodeBbox: (position: Point, node: BaseNodeModel) => boolean;
 export type NodeBBox = {
     x: number;

package/es/util/node.js

@@ -9,10 +9,27 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+    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;
+};
 import { pick } from 'lodash-es';
 import { getBytesLength } from './edge';
 import { SegmentDirection } from '../constant';
 import { isInSegment } from '../algorithm/edge';
+import { Matrix } from './matrix';
 /* 获取所有锚点 */
 export var getAnchors = function (data) {
     var anchors = data.anchors;
@@ -72,29 +89,28 @@ export var getClosestAnchor = function (position, node) {
 /* 两点之间距离 */
 export var distance = function (x1, y1, x2, y2) { return Math.hypot(x1 - x2, y1 - y2); };
 /* 是否在某个节点内，手否进行连接，有offset控制粒度，与outline有关，可以优化 */
-export var isInNode = function (position, node) {
+export var isInNode = function (position, node, offset) {
+    if (offset === void 0) { offset = 0; }
     var inNode = false;
-    var offset = 0;
     var bBox = getNodeBBox(node);
-    if (position.x >= bBox.minX - offset &&
-        position.x <= bBox.maxX + offset &&
-        position.y >= bBox.minY - offset &&
-        position.y <= bBox.maxY + offset) {
+    var _a = __read(new Matrix([position.x, position.y, 1])
+        .translate(-node.x, -node.y)
+        .rotate(-node.rotate)
+        .translate(node.x, node.y)[0], 2), x = _a[0], y = _a[1];
+    var reverseRotatedPosition = {
+        x: x,
+        y: y,
+    };
+    if (reverseRotatedPosition.x >= bBox.minX - offset &&
+        reverseRotatedPosition.x <= bBox.maxX + offset &&
+        reverseRotatedPosition.y >= bBox.minY - offset &&
+        reverseRotatedPosition.y <= bBox.maxY + offset) {
         inNode = true;
     }
     return inNode;
 };
 export var isInNodeBbox = function (position, node) {
-    var inNode = false;
-    var offset = 5;
-    var bBox = getNodeBBox(node);
-    if (position.x >= bBox.minX - offset &&
-        position.x <= bBox.maxX + offset &&
-        position.y >= bBox.minY - offset &&
-        position.y <= bBox.maxY + offset) {
-        inNode = true;
-    }
-    return inNode;
+    return isInNode(position, node, 5);
 };
 /* 获取节点bbox */
 export var getNodeBBox = function (node) {