@logicflow/core 2.0.10 → 2.0.12

package/es/LogicFlow.js

@@ -1176,12 +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/constant/index.d.ts

@@ -64,6 +64,8 @@ export declare enum EventType {
     EDGE_CONTEXTMENU = "edge:contextmenu",
     EDGE_ADJUST = "edge:adjust",
     EDGE_EXCHANGE_NODE = "edge:exchange-node",
+    ANCHOR_CLICK = "anchor:click",
+    ANCHOR_MOUSEDOWN = "anchor:mousedown",
     ANCHOR_DRAGSTART = "anchor:dragstart",
     ANCHOR_DRAG = "anchor:drag",
     ANCHOR_DROP = "anchor:drop",

package/es/constant/index.js

@@ -72,6 +72,8 @@ export var EventType;
     EventType["EDGE_ADJUST"] = "edge:adjust";
     EventType["EDGE_EXCHANGE_NODE"] = "edge:exchange-node";
     // Anchor events
+    EventType["ANCHOR_CLICK"] = "anchor:click";
+    EventType["ANCHOR_MOUSEDOWN"] = "anchor:mousedown";
     EventType["ANCHOR_DRAGSTART"] = "anchor:dragstart";
     EventType["ANCHOR_DRAG"] = "anchor:drag";
     EventType["ANCHOR_DROP"] = "anchor:drop";

package/es/event/eventArgs.d.ts

@@ -382,6 +382,14 @@ type AnchorEventArgsPick<T extends 'data' | 'e' | 'nodeModel' | 'edgeModel'> = P
  * 锚点事件
  */
 interface AnchorEventArgs {
+    /**
+     * anchor 锚点 click
+     */
+    'anchor:click': AnchorEventArgsPick<'data' | 'e' | 'nodeModel'>;
+    /**
+     * anchor 锚点 mousedown
+     */
+    'anchor:mousedown': AnchorEventArgsPick<'data' | 'e' | 'nodeModel'>;
     /**
      * 开始拖拽锚点
      */

package/es/model/GraphModel.js

@@ -1464,6 +1464,9 @@ var GraphModel = /** @class */ (function () {
     __decorate([
         observable
     ], GraphModel.prototype, "height", void 0);
+    __decorate([
+        observable
+    ], GraphModel.prototype, "theme", void 0);
     __decorate([
         observable
     ], GraphModel.prototype, "grid", void 0);

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 () {
@@ -208,6 +208,9 @@ var BezierEdgeModel = /** @class */ (function (_super) {
         this.pointsList = [startPoint, sNext, ePre, endPoint];
         this.initPoints();
     };
+    __decorate([
+        observable
+    ], BezierEdgeModel.prototype, "offset", void 0);
     __decorate([
         observable
     ], BezierEdgeModel.prototype, "path", void 0);

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,7 @@ 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;
         }
@@ -553,6 +553,9 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
         }, sourceNode, targetNode, this.offset || 0);
         this.initPoints();
     };
+    __decorate([
+        observable
+    ], PolylineEdgeModel.prototype, "offset", void 0);
     __decorate([
         observable
     ], PolylineEdgeModel.prototype, "dbClickPosition", void 0);

package/es/model/node/BaseNodeModel.js

@@ -645,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.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());

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) {

package/es/view/Anchor.js

@@ -294,10 +294,23 @@ var Anchor = /** @class */ (function (_super) {
     Anchor.prototype.render = function () {
         var _this = this;
         var _a = this.state, startX = _a.startX, startY = _a.startY, endX = _a.endX, endY = _a.endY;
-        var _b = this.props, edgeAddable = _b.anchorData.edgeAddable, edgeStyle = _b.edgeStyle;
+        var _b = this.props, anchorData = _b.anchorData, edgeStyle = _b.edgeStyle, nodeModel = _b.nodeModel, graphModel = _b.graphModel;
+        var edgeAddable = anchorData.edgeAddable;
         return (
         // className="lf-anchor" 作为下载时，需要将锚点删除的依据，不要修改类名
-        _jsxs("g", { className: "lf-anchor", children: [_jsx("g", { onMouseDown: function (ev) {
+        _jsxs("g", { className: "lf-anchor", children: [_jsx("g", { onClick: function (ev) {
+                        ev.stopPropagation();
+                        graphModel.eventCenter.emit(EventType.ANCHOR_CLICK, {
+                            data: anchorData,
+                            e: ev,
+                            nodeModel: nodeModel,
+                        });
+                    }, onMouseDown: function (ev) {
+                        graphModel.eventCenter.emit(EventType.ANCHOR_MOUSEDOWN, {
+                            data: anchorData,
+                            e: ev,
+                            nodeModel: nodeModel,
+                        });
                         if (edgeAddable !== false) {
                             _this.dragHandler.handleMouseDown(ev);
                         }

package/es/view/Control.d.ts

@@ -43,6 +43,7 @@ export declare class ResizeControl extends Component<IResizeControlProps, IResiz
      */
     recalcResizeInfo: (index: ResizeControlIndex, resizeInfo: ResizeInfo, pct?: number, freezeWidth?: boolean, freezeHeight?: boolean) => ResizeInfo;
     resizeNode: ({ deltaX, deltaY }: VectorData) => void;
+    onDragStart: () => void;
     onDragging: ({ deltaX, deltaY }: IDragParams) => void;
     onDragEnd: () => void;
     render(): h.JSX.Element;

package/es/view/Control.js

@@ -280,6 +280,9 @@ var ResizeControl = /** @class */ (function (_super) {
             // // 触发 resize 事件
             // this.triggerResizeEvent(preNodeData, curNodeData, deltaX, deltaY, this.index, this.nodeModel)
         };
+        _this.onDragStart = function () {
+            _this.graphModel.selectNodeById(_this.nodeModel.id);
+        };
         _this.onDragging = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var transformModel = _this.graphModel.transformModel;
@@ -309,6 +312,7 @@ var ResizeControl = /** @class */ (function (_super) {
         _this.graphModel = graphModel;
         // 初始化拖拽工具
         _this.dragHandler = new StepDrag({
+            onDragStart: _this.onDragStart,
             onDragging: _this.onDragging,
             onDragEnd: _this.onDragEnd,
             step: graphModel.gridSize,

package/es/view/Graph.d.ts

@@ -1,4 +1,5 @@
 import { Component, ComponentType } from 'preact/compat';
+import { CanvasOverlay } from './overlay';
 import DnD from './behavior/dnd';
 import Tool from '../tool';
 import { Options as LFOptions } from '../options';
@@ -12,6 +13,8 @@ type IGraphProps = {
     graphModel: GraphModel;
 };
 declare class Graph extends Component<IGraphProps> {
+    canvasOverlayRef: import("preact").RefObject<CanvasOverlay>;
+    getCanvasOverlay: () => CanvasOverlay | null;
     private handleResize;
     private throttleResize;
     componentDidMount(): void;

package/es/view/Graph.js

@@ -45,7 +45,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-import { Component } from 'preact/compat';
+import { Component, createRef } from 'preact/compat';
 import { map, throttle } from 'lodash-es';
 import { CanvasOverlay, ToolOverlay, BackgroundOverlay, Grid, SnaplineOverlay, OutlineOverlay, BezierAdjustOverlay, ModificationOverlay, } from './overlay';
 import { observer } from '..';
@@ -54,6 +54,10 @@ var Graph = /** @class */ (function (_super) {
     __extends(Graph, _super);
     function Graph() {
         var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.canvasOverlayRef = createRef();
+        _this.getCanvasOverlay = function () {
+            return _this.canvasOverlayRef.current;
+        };
         _this.handleResize = function () {
             var _a = _this.props, graphModel = _a.graphModel, options = _a.options;
             var width = graphModel.width, height = graphModel.height, isContainerWidth = graphModel.isContainerWidth, isContainerHeight = graphModel.isContainerHeight;
@@ -110,9 +114,9 @@ var Graph = /** @class */ (function (_super) {
         }
         var fakeNode = graphModel.fakeNode, editConfigModel = graphModel.editConfigModel, background = graphModel.background;
         var adjustEdge = editConfigModel.adjustEdge;
-        return (_jsxs("div", { className: "lf-graph", "flow-id": graphModel.flowId, style: style, children: [_jsxs(CanvasOverlay, { graphModel: graphModel, dnd: dnd, children: [_jsx("g", { className: "lf-base", children: map(graphModel.sortElements, function (nodeModel) {
+        return (_jsxs("div", { className: "lf-graph", "flow-id": graphModel.flowId, style: style, children: [_jsxs(CanvasOverlay, { ref: this.canvasOverlayRef, graphModel: graphModel, dnd: dnd, children: [_jsx("g", { className: "lf-base", children: map(graphModel.sortElements, function (nodeModel) {
                                 return _this.getComponent(nodeModel, graphModel);
-                            }) }), fakeNode ? this.getComponent(fakeNode, graphModel) : ''] }), _jsxs(ModificationOverlay, { graphModel: graphModel, children: [_jsx(OutlineOverlay, { graphModel: graphModel }), adjustEdge ? _jsx(BezierAdjustOverlay, { graphModel: graphModel }) : '', options.snapline !== false ? (_jsx(SnaplineOverlay, { snaplineModel: snaplineModel })) : ('')] }), _jsx(ToolOverlay, { graphModel: graphModel, tool: tool }), background && _jsx(BackgroundOverlay, { background: background }), _jsx(Grid, { graphModel: graphModel })] }));
+                            }) }), fakeNode ? this.getComponent(fakeNode, graphModel) : ''] }), _jsxs(ModificationOverlay, { graphModel: graphModel, children: [_jsx(OutlineOverlay, { graphModel: graphModel }), adjustEdge ? _jsx(BezierAdjustOverlay, { graphModel: graphModel }) : '', options.snapline !== false ? (_jsx(SnaplineOverlay, { snaplineModel: snaplineModel })) : ('')] }), _jsx(ToolOverlay, { graphModel: graphModel, tool: tool, getCanvasOverlay: this.getCanvasOverlay }), background && _jsx(BackgroundOverlay, { background: background }), _jsx(Grid, { graphModel: graphModel })] }));
     };
     Graph = __decorate([
         observer

package/es/view/node/BaseNode.js

@@ -58,7 +58,7 @@ import { map } from 'lodash-es';
 import Anchor from '../Anchor';
 import { BaseText } from '../text';
 import { ElementState, EventType, TextMode } from '../../constant';
-import { StepDrag, snapToGrid, isIe, isMultipleSelect, cancelRaf, createRaf, TranslateMatrix,
+import { StepDrag, snapToGrid, isIe, isMultipleSelect, cancelRaf, createRaf,
 // RotateMatrix,
  } from '../../util';
 import RotateControlPoint from '../Rotate';
@@ -135,10 +135,6 @@ var BaseNode = /** @class */ (function (_super) {
             if (_this.t) {
                 cancelRaf(_this.t);
             }
-            model.transform = new TranslateMatrix(-x, -y)
-                .rotate(model.rotate)
-                .translate(x, y)
-                .toString();
             var moveNodes = selectNodes.map(function (node) { return node.id; });
             // 未被选中的节点也可以拖动
             if (moveNodes.indexOf(model.id) === -1) {

package/es/view/overlay/ToolOverlay.d.ts

@@ -1,10 +1,11 @@
 import { createElement as h, Component } from 'preact/compat';
-import { OutlineOverlay } from '.';
+import { CanvasOverlay, OutlineOverlay } from '.';
 import { GraphModel } from '../../model';
 import { Tool } from '../../tool';
 type IProps = {
     graphModel: GraphModel;
     tool: Tool;
+    getCanvasOverlay: () => CanvasOverlay | null;
 };
 export declare class ToolOverlay extends Component<IProps> {
     componentDidMount(): void;
@@ -14,6 +15,7 @@ export declare class ToolOverlay extends Component<IProps> {
      */
     getTools(): import("preact").VNode<import("../..").IToolProps>[];
     triggerToolRender(): void;
+    zoomHandler: (e: WheelEvent) => void;
     render(): h.JSX.Element;
 }
 export default OutlineOverlay;

package/es/view/overlay/ToolOverlay.js

@@ -19,6 +19,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+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));
+};
 import { jsx as _jsx } from "preact/jsx-runtime";
 import { createElement as h, Component } from 'preact/compat';
 import { OutlineOverlay } from '.';
@@ -26,7 +51,13 @@ import { observer } from '../..';
 var ToolOverlay = /** @class */ (function (_super) {
     __extends(ToolOverlay, _super);
     function ToolOverlay() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.zoomHandler = function (e) {
+            var _a;
+            // TODO 是否应该使用 dispatchEvent 来触发事件
+            (_a = _this.props.getCanvasOverlay()) === null || _a === void 0 ? void 0 : _a.zoomHandler(e);
+        };
+        return _this;
     }
     // 在react严格模式下，useEffect会执行两次，但是在LogicFlow内部，则只会触发一次componentDidMount和componentDidUpdate。
     // 其中第一次componentDidMount对应的graphModel为被丢弃的graphModel, 所以不应该生效。
@@ -64,7 +95,13 @@ var ToolOverlay = /** @class */ (function (_super) {
     };
     ToolOverlay.prototype.render = function () {
         var graphModel = this.props.graphModel;
-        return (_jsx("div", { className: "lf-tool-overlay", id: "ToolOverlay_".concat(graphModel.flowId), children: this.getTools() }));
+        return (_jsx("div", { className: "lf-tool-overlay", id: "ToolOverlay_".concat(graphModel.flowId), 
+            /*
+             * 默认情况下该容器设置了 pointer-events: none，不会触发这些事件
+             * 只会在容器取消 pointer-events: none 后触发，用于缩放、滚动画布等操作
+             * 目前只在 selection-select 插件中使用。为了能在元素内部进行框选，在开启选区后会关闭事件透传。需要手动触发事件
+             */
+            onWheel: this.zoomHandler, children: this.getTools() }));
     };
     ToolOverlay = __decorate([
         observer

package/lib/LogicFlow.js

@@ -1205,12 +1205,19 @@ var LogicFlow = /** @class */ (function () {
     };
     /** 销毁当前实例 */
     LogicFlow.prototype.destroy = function () {
+        var _a;
         this.clearData();
         (0, compat_1.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/lib/constant/index.d.ts

@@ -64,6 +64,8 @@ export declare enum EventType {
     EDGE_CONTEXTMENU = "edge:contextmenu",
     EDGE_ADJUST = "edge:adjust",
     EDGE_EXCHANGE_NODE = "edge:exchange-node",
+    ANCHOR_CLICK = "anchor:click",
+    ANCHOR_MOUSEDOWN = "anchor:mousedown",
     ANCHOR_DRAGSTART = "anchor:dragstart",
     ANCHOR_DRAG = "anchor:drag",
     ANCHOR_DROP = "anchor:drop",

package/lib/constant/index.js

@@ -75,6 +75,8 @@ var EventType;
     EventType["EDGE_ADJUST"] = "edge:adjust";
     EventType["EDGE_EXCHANGE_NODE"] = "edge:exchange-node";
     // Anchor events
+    EventType["ANCHOR_CLICK"] = "anchor:click";
+    EventType["ANCHOR_MOUSEDOWN"] = "anchor:mousedown";
     EventType["ANCHOR_DRAGSTART"] = "anchor:dragstart";
     EventType["ANCHOR_DRAG"] = "anchor:drag";
     EventType["ANCHOR_DROP"] = "anchor:drop";

package/lib/event/eventArgs.d.ts

@@ -382,6 +382,14 @@ type AnchorEventArgsPick<T extends 'data' | 'e' | 'nodeModel' | 'edgeModel'> = P
  * 锚点事件
  */
 interface AnchorEventArgs {
+    /**
+     * anchor 锚点 click
+     */
+    'anchor:click': AnchorEventArgsPick<'data' | 'e' | 'nodeModel'>;
+    /**
+     * anchor 锚点 mousedown
+     */
+    'anchor:mousedown': AnchorEventArgsPick<'data' | 'e' | 'nodeModel'>;
     /**
      * 开始拖拽锚点
      */

package/lib/model/GraphModel.js

@@ -1470,6 +1470,9 @@ var GraphModel = /** @class */ (function () {
     __decorate([
         mobx_1.observable
     ], GraphModel.prototype, "height", void 0);
+    __decorate([
+        mobx_1.observable
+    ], GraphModel.prototype, "theme", void 0);
     __decorate([
         mobx_1.observable
     ], GraphModel.prototype, "grid", void 0);

package/lib/model/edge/BezierEdgeModel.js

@@ -68,7 +68,7 @@ var BezierEdgeModel = /** @class */ (function (_super) {
         return _this;
     }
     BezierEdgeModel.prototype.initEdgeData = function (data) {
-        this.offset = 100;
+        this.offset = (0, lodash_es_1.get)(data, 'properties.offset', 100);
         _super.prototype.initEdgeData.call(this, data);
     };
     BezierEdgeModel.prototype.getEdgeStyle = function () {
@@ -214,6 +214,9 @@ var BezierEdgeModel = /** @class */ (function (_super) {
         this.pointsList = [startPoint, sNext, ePre, endPoint];
         this.initPoints();
     };
+    __decorate([
+        mobx_1.observable
+    ], BezierEdgeModel.prototype, "offset", void 0);
     __decorate([
         mobx_1.observable
     ], BezierEdgeModel.prototype, "path", void 0);

package/lib/model/edge/PolylineEdgeModel.js

@@ -72,7 +72,7 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
         return _this;
     }
     PolylineEdgeModel.prototype.initEdgeData = function (data) {
-        this.offset = 30;
+        this.offset = (0, lodash_es_1.get)(data, 'properties.offset', 30);
         if (data.pointsList) {
             this.pointsList = data.pointsList;
         }
@@ -556,6 +556,9 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
         }, sourceNode, targetNode, this.offset || 0);
         this.initPoints();
     };
+    __decorate([
+        mobx_1.observable
+    ], PolylineEdgeModel.prototype, "offset", void 0);
     __decorate([
         mobx_1.observable
     ], PolylineEdgeModel.prototype, "dbClickPosition", void 0);

package/lib/model/node/BaseNodeModel.js

@@ -648,6 +648,10 @@ var BaseNodeModel = /** @class */ (function () {
             this.text && this.moveText(0, deltaY);
             moveY = deltaY;
         }
+        this.transform = new util_1.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/lib/tool/index.js

@@ -56,7 +56,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);
@@ -65,7 +65,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());

package/lib/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;