@logicflow/core 2.0.0 → 2.0.2

package/es/LogicFlow.js

@@ -1176,4 +1176,3 @@ export { LogicFlow };
     LogicFlow.toStringTag = "LF.".concat(LogicFlow.name);
 })(LogicFlow || (LogicFlow = {}));
 export default LogicFlow;
-//# sourceMappingURL=LogicFlow.js.map

package/es/algorithm/edge.js

@@ -54,4 +54,3 @@ export var isInSegment = function (point, start, end) {
         y <= endY &&
         Math.abs(y - k * x + b) < Number.EPSILON);
 };
-//# sourceMappingURL=edge.js.map

package/es/algorithm/index.js

@@ -70,4 +70,3 @@ export var getVerticalPointOfLine = function (config) {
     }
     return pointPosition;
 };
-//# sourceMappingURL=index.js.map

package/es/algorithm/outline.js

@@ -58,4 +58,3 @@ export var getEdgeOutline = function (edge) {
         return getBezierOutline(edge);
     }
 };
-//# sourceMappingURL=outline.js.map

package/es/common/drag.js

@@ -142,4 +142,3 @@ var StepperDrag = /** @class */ (function () {
 }());
 export { StepperDrag };
 export default StepperDrag;
-//# sourceMappingURL=drag.js.map

package/es/common/history.js

@@ -89,4 +89,3 @@ var History = /** @class */ (function () {
 }());
 export { History };
 export default History;
-//# sourceMappingURL=history.js.map

package/es/common/index.js

@@ -3,4 +3,3 @@ export * from './history';
 export * from './keyboard';
 export * from './matrix';
 export * from './vector';
-//# sourceMappingURL=index.js.map

package/es/common/keyboard.js

@@ -77,4 +77,3 @@ var Keyboard = /** @class */ (function () {
 }());
 export { Keyboard };
 export default Keyboard;
-//# sourceMappingURL=keyboard.js.map

package/es/common/matrix.js

@@ -152,4 +152,3 @@ var TranslateMatrix = /** @class */ (function (_super) {
     return TranslateMatrix;
 }(Matrix));
 export { TranslateMatrix };
-//# sourceMappingURL=matrix.js.map

package/es/common/vector.js

@@ -94,4 +94,3 @@ var Point = /** @class */ (function (_super) {
     return Point;
 }(Base));
 export { Vector, Point };
-//# sourceMappingURL=vector.js.map

package/es/constant/index.js

@@ -154,4 +154,3 @@ export var TextMode;
     TextMode["TEXT"] = "text";
     TextMode["LABEL"] = "label";
 })(TextMode || (TextMode = {}));
-//# sourceMappingURL=index.js.map

package/es/event/eventArgs.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=eventArgs.js.map

package/es/event/eventEmitter.js

@@ -88,4 +88,3 @@ var EventEmitter = /** @class */ (function () {
 }());
 export default EventEmitter;
 export { EventEmitter };
-//# sourceMappingURL=eventEmitter.js.map

package/es/history/index.js

@@ -108,4 +108,3 @@ var History = /** @class */ (function () {
 }());
 export { History };
 export default History;
-//# sourceMappingURL=index.js.map

package/es/index.js

@@ -18,4 +18,3 @@ export * from './event/eventEmitter';
 export { ElementState, ModelType, ElementType, EventType } from './constant';
 export { formatAnchorConnectValidateData } from './util/node';
 export default LogicFlow;
-//# sourceMappingURL=index.js.map

package/es/keyboard/index.js

@@ -85,4 +85,3 @@ var Keyboard = /** @class */ (function () {
 }());
 export { Keyboard };
 export default Keyboard;
-//# sourceMappingURL=index.js.map

package/es/keyboard/shortcut.js

@@ -175,4 +175,3 @@ export function initDefaultShortcut(lf, graph) {
         return false;
     });
 }
-//# sourceMappingURL=shortcut.js.map

package/es/model/BaseModel.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=BaseModel.js.map

package/es/model/EditConfigModel.js

@@ -276,4 +276,3 @@ var EditConfigModel = /** @class */ (function () {
 }());
 export { EditConfigModel };
 export default EditConfigModel;
-//# sourceMappingURL=EditConfigModel.js.map

package/es/model/GraphModel.d.ts

@@ -6,9 +6,6 @@ import EventEmitter from '../event/eventEmitter';
 import PointTuple = LogicFlow.PointTuple;
 import GraphData = LogicFlow.GraphData;
 import NodeConfig = LogicFlow.NodeConfig;
-export interface Constructable<T> {
-    new (...args: any): T;
-}
 export declare class GraphModel {
     /**
      * LogicFlow画布挂载元素
@@ -30,6 +27,9 @@ export declare class GraphModel {
     animation?: boolean | LFOptions.AnimationConfig;
     idGenerator?: (type?: string) => string | undefined;
     edgeGenerator: LFOptions.Definition['edgeGenerator'];
+    nodeModelMap: Map<string, BaseNodeModel>;
+    edgeModelMap: Map<string, BaseEdgeModel>;
+    elementsModelMap: Map<string, BaseNodeModel | BaseEdgeModel>;
     /**
      * 节点移动规则判断
      * 在节点移动的时候，会出发此数组中的所有规则判断
@@ -57,12 +57,7 @@ export declare class GraphModel {
     [propName: string]: any;
     constructor(options: LFOptions.Common);
     get nodesMap(): GraphModel.NodesMapType;
-    get edgesMap(): {
-        [key: string]: {
-            index: number;
-            model: BaseEdgeModel;
-        };
-    };
+    get edgesMap(): GraphModel.EdgesMapType;
     get modelsMap(): GraphModel.ModelsMapType;
     /**
      * 基于zIndex对元素进行排序。
@@ -366,10 +361,9 @@ export declare class GraphModel {
      */
     getAnchorIncomingEdge(anchorId?: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
-     * TODO: 命名问题 outcoming -> outgoing or incoming
      * 获取所有以此锚点为起点的边
      */
-    getAnchorOutcomingEdge(anchorId?: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
+    getAnchorOutgoingEdge(anchorId?: string): BaseEdgeModel<LogicFlow.PropertiesType>[];
     /**
      * 获取节点连接到的所有起始节点
      */

package/es/model/GraphModel.js

@@ -50,6 +50,12 @@ var GraphModel = /** @class */ (function () {
     function GraphModel(options) {
         // 维护所有节点和边类型对应的 model
         this.modelMap = new Map();
+        // Remind：用于记录当前画布上所有节点和边的 model 的 Map
+        // 现在的处理方式，用 this.nodes.map 生成的方式，如果在 new Model 的过程中依赖于其它节点的 model，会出现找不到的情况
+        // eg: new DynamicGroupModel 时，需要获取当前 children 的 model，根据 groupModel 的 isCollapsed 状态更新子节点的 visible
+        this.nodeModelMap = new Map();
+        this.edgeModelMap = new Map();
+        this.elementsModelMap = new Map();
         /**
          * 节点移动规则判断
          * 在节点移动的时候，会出发此数组中的所有规则判断
@@ -135,7 +141,7 @@ var GraphModel = /** @class */ (function () {
             var elements = __spreadArray(__spreadArray([], __read(this.nodes), false), __read(this.edges), false).sort(function (a, b) { return a.zIndex - b.zIndex; });
             // 只显示可见区域的节点和边
             var visibleElements = [];
-            // TODO: 缓存，优化计算效率 by xutao. So what to do?
+            // TODO: 缓存，优化计算效率 by xutao. So how?
             var visibleLt = [
                 -DEFAULT_VISIBLE_SPACE,
                 -DEFAULT_VISIBLE_SPACE,
@@ -361,7 +367,10 @@ var GraphModel = /** @class */ (function () {
                 if (!Model) {
                     throw new Error("\u627E\u4E0D\u5230".concat(edge.type, "\u5BF9\u5E94\u7684\u8FB9\u3002"));
                 }
-                return new Model(edge, _this);
+                var edgeModel = new Model(edge, _this);
+                _this.edgeModelMap.set(edgeModel.id, edgeModel);
+                _this.elementsModelMap.set(edgeModel.id, edgeModel);
+                return edgeModel;
             });
         }
         else {
@@ -707,7 +716,10 @@ var GraphModel = /** @class */ (function () {
                 node.text.y += node.y - nodeY;
             }
         }
-        return new Model(node, this);
+        var nodeModel = new Model(node, this);
+        this.nodeModelMap.set(nodeModel.id, nodeModel);
+        this.elementsModelMap.set(nodeModel.id, nodeModel);
+        return nodeModel;
     };
     /**
      * 克隆节点
@@ -798,6 +810,8 @@ var GraphModel = /** @class */ (function () {
             throw new Error("\u627E\u4E0D\u5230".concat(type, "\u5BF9\u5E94\u7684\u8FB9\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u5DF2\u6CE8\u518C\u6B64\u7C7B\u578B\u8FB9\u3002"));
         }
         var edgeModel = new Model(__assign(__assign({}, edgeOriginData), { type: type }), this);
+        this.edgeModelMap.set(edgeModel.id, edgeModel);
+        this.elementsModelMap.set(edgeModel.id, edgeModel);
         var edgeData = edgeModel.getData();
         this.edges.push(edgeModel);
         this.eventCenter.emit(EventType.EDGE_ADD, { data: edgeData });
@@ -1005,8 +1019,11 @@ var GraphModel = /** @class */ (function () {
         // FIX: https://github.com/didi/LogicFlow/issues/1015
         // 如果节点之间存在连线，则只移动连线一次。
         var nodeIdMap = nodeIds.reduce(function (acc, cur) {
-            var nodeModel = _this.nodesMap[cur].model;
-            acc[cur] = nodeModel.getMoveDistance(deltaX, deltaY, isIgnoreRule);
+            var _a;
+            var nodeModel = (_a = _this.nodesMap[cur]) === null || _a === void 0 ? void 0 : _a.model;
+            if (nodeModel) {
+                acc[cur] = nodeModel.getMoveDistance(deltaX, deltaY, isIgnoreRule);
+            }
             return acc;
         }, {});
         for (var i = 0; i < this.edges.length; i++) {
@@ -1166,10 +1183,9 @@ var GraphModel = /** @class */ (function () {
         return edges;
     };
     /**
-     * TODO: 命名问题 outcoming -> outgoing or incoming
      * 获取所有以此锚点为起点的边
      */
-    GraphModel.prototype.getAnchorOutcomingEdge = function (anchorId) {
+    GraphModel.prototype.getAnchorOutgoingEdge = function (anchorId) {
         var edges = [];
         this.edges.forEach(function (edge) {
             if (edge.sourceAnchorId === anchorId) {
@@ -1485,7 +1501,7 @@ var GraphModel = /** @class */ (function () {
     ], GraphModel.prototype, "getAnchorIncomingEdge", null);
     __decorate([
         action
-    ], GraphModel.prototype, "getAnchorOutcomingEdge", null);
+    ], GraphModel.prototype, "getAnchorOutgoingEdge", null);
     __decorate([
         action
     ], GraphModel.prototype, "getNodeIncomingNode", null);
@@ -1520,4 +1536,3 @@ var GraphModel = /** @class */ (function () {
 }());
 export { GraphModel };
 export default GraphModel;
-//# sourceMappingURL=GraphModel.js.map

package/es/model/SnaplineModel.js

@@ -214,4 +214,3 @@ var SnaplineModel = /** @class */ (function () {
 }());
 export { SnaplineModel };
 export default SnaplineModel;
-//# sourceMappingURL=SnaplineModel.js.map

package/es/model/TransformModel.js

@@ -237,4 +237,3 @@ var TransformModel = /** @class */ (function () {
 }());
 export { TransformModel };
 export default TransformModel;
-//# sourceMappingURL=TransformModel.js.map

package/es/model/edge/BaseEdgeModel.js

@@ -16,7 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { assign, cloneDeep, find, isUndefined } from 'lodash-es';
-import { action, computed, isObservable, observable, toJS } from 'mobx';
+import { action, computed, isObservable, observable, set, toJS } from 'mobx';
 import { createUuid, formatData, getAnchors, getZIndex, pickEdgeConfig, twoPointDistance, } from '../../util';
 import { ElementState, ElementType, ModelType, OverlapMode, TextMode, } from '../../constant';
 var BaseEdgeModel = /** @class */ (function () {
@@ -315,8 +315,8 @@ var BaseEdgeModel = /** @class */ (function () {
             id: this.id,
             type: this.type,
             properties: properties,
-            sourceNodeId: this.sourceNode.id,
-            targetNodeId: this.targetNode.id,
+            sourceNodeId: this.sourceNodeId,
+            targetNodeId: this.targetNodeId,
             startPoint: assign({}, this.startPoint),
             endPoint: assign({}, this.endPoint),
         };
@@ -350,9 +350,10 @@ var BaseEdgeModel = /** @class */ (function () {
      * @param val 属性值
      */
     BaseEdgeModel.prototype.setProperty = function (key, val) {
-        var _a;
         var preProperties = toJS(this.properties);
-        this.properties = __assign(__assign({}, preProperties), (_a = {}, _a[key] = formatData(val), _a));
+        var newProperties = cloneDeep(preProperties);
+        set(newProperties, key, formatData(val));
+        this.properties = newProperties;
         this.setAttributes();
     };
     /**
@@ -758,4 +759,3 @@ var BaseEdgeModel = /** @class */ (function () {
 }());
 export { BaseEdgeModel };
 export default BaseEdgeModel;
-//# sourceMappingURL=BaseEdgeModel.js.map

package/es/model/edge/BezierEdgeModel.js

@@ -245,4 +245,3 @@ var BezierEdgeModel = /** @class */ (function (_super) {
 }(BaseEdgeModel));
 export { BezierEdgeModel };
 export default BezierEdgeModel;
-//# sourceMappingURL=BezierEdgeModel.js.map

package/es/model/edge/LineEdgeModel.js

@@ -75,4 +75,3 @@ var LineEdgeModel = /** @class */ (function (_super) {
 }(BaseEdgeModel));
 export { LineEdgeModel };
 export default LineEdgeModel;
-//# sourceMappingURL=LineEdgeModel.js.map

package/es/model/edge/PolylineEdgeModel.js

@@ -597,4 +597,3 @@ var PolylineEdgeModel = /** @class */ (function (_super) {
 }(BaseEdgeModel));
 export { PolylineEdgeModel };
 export default PolylineEdgeModel;
-//# sourceMappingURL=PolylineEdgeModel.js.map

package/es/model/edge/index.js

@@ -2,4 +2,3 @@ export * from './BaseEdgeModel';
 export * from './BezierEdgeModel';
 export * from './LineEdgeModel';
 export * from './PolylineEdgeModel';
-//# sourceMappingURL=index.js.map

package/es/model/index.js

@@ -5,4 +5,3 @@ export * from './EditConfigModel';
 export * from './GraphModel';
 export * from './SnaplineModel';
 export * from './TransformModel';
-//# sourceMappingURL=index.js.map

package/es/model/node/BaseNodeModel.d.ts

@@ -272,6 +272,7 @@ export declare class BaseNodeModel<P extends PropertiesType = PropertiesType> im
     setHitable(flag?: boolean): void;
     setHittable(flag?: boolean): void;
     setElementState(state: number, additionStateData?: Model.AdditionStateDataType): void;
+    private updateProperties;
     setProperty(key: string, val: any): void;
     setProperties(properties: Record<string, any>): void;
     deleteProperty(key: string): void;

package/es/model/node/BaseNodeModel.js

@@ -43,7 +43,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import { action, computed, isObservable, observable, toJS } from 'mobx';
-import { assign, cloneDeep, has, isNil, mapKeys, isUndefined } from 'lodash-es';
+import { assign, cloneDeep, has, isNil, mapKeys, isUndefined, set, } from 'lodash-es';
 import { createUuid, formatData, getClosestAnchor, getZIndex, Matrix, pickNodeConfig, TranslateMatrix, } from '../../util';
 import { ElementState, ElementType, EventType, ModelType, OverlapMode, TextMode, } from '../../constant';
 var BaseNodeModel = /** @class */ (function () {
@@ -682,26 +682,30 @@ var BaseNodeModel = /** @class */ (function () {
         this.state = state;
         this.additionStateData = additionStateData;
     };
-    // TODO: 处理重复代码，setProperty 和 setProperties  -> 公用代码提到 updateProperties 中？
-    BaseNodeModel.prototype.setProperty = function (key, val) {
-        var _a;
+    BaseNodeModel.prototype.updateProperties = function (nextProperties, updateKeys) {
         var preProperties = toJS(this.properties);
-        var nextProperties = __assign(__assign({}, preProperties), (_a = {}, _a[key] = formatData(val), _a));
         this.properties = nextProperties;
         this.setAttributes();
         // 触发更新节点 properties:change 的事件
         this.graphModel.eventCenter.emit(EventType.NODE_PROPERTIES_CHANGE, {
             id: this.id,
-            keys: [key],
+            keys: updateKeys,
             preProperties: preProperties,
             properties: nextProperties,
         });
     };
+    BaseNodeModel.prototype.setProperty = function (key, val) {
+        var preProperties = toJS(this.properties);
+        var nextProperties = cloneDeep(preProperties);
+        // https://lodash.com/docs/4.17.15#set
+        // 使用 lodash 的 set 方法更新某个属性，可以支持 key 为 'a.b.c' 的情况
+        // TODO：待测试
+        set(nextProperties, key, formatData(val));
+        this.updateProperties(nextProperties, [key]);
+    };
     BaseNodeModel.prototype.setProperties = function (properties) {
         var preProperties = toJS(this.properties);
         var nextProperties = __assign(__assign({}, preProperties), formatData(properties));
-        this.properties = nextProperties;
-        this.setAttributes();
         var updateKeys = [];
         mapKeys(properties, function (val, key) {
             // key 存在于上一个 properties 并且与传入的值不相等 或者 key 不存在于上一个 properties
@@ -710,13 +714,7 @@ var BaseNodeModel = /** @class */ (function () {
                 updateKeys.push(key);
             }
         });
-        // 触发更新节点 properties:change 的事件
-        this.graphModel.eventCenter.emit(EventType.NODE_PROPERTIES_CHANGE, {
-            id: this.id,
-            keys: updateKeys,
-            preProperties: preProperties,
-            properties: nextProperties,
-        });
+        this.updateProperties(nextProperties, updateKeys);
     };
     BaseNodeModel.prototype.deleteProperty = function (key) {
         delete this.properties[key];
@@ -894,4 +892,3 @@ var BaseNodeModel = /** @class */ (function () {
 }());
 export { BaseNodeModel };
 export default BaseNodeModel;
-//# sourceMappingURL=BaseNodeModel.js.map

package/es/model/node/CircleNodeModel.js

@@ -42,6 +42,7 @@ var CircleNodeModel = /** @class */ (function (_super) {
         // @observable properties: ICircleNodeProperties = {}
         _this.r = 50;
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -104,4 +105,3 @@ var CircleNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { CircleNodeModel };
 export default CircleNodeModel;
-//# sourceMappingURL=CircleNodeModel.js.map

package/es/model/node/DiamondNodeModel.js

@@ -59,6 +59,7 @@ var DiamondNodeModel = /** @class */ (function (_super) {
         _this.rx = 30;
         _this.ry = 50;
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -182,4 +183,3 @@ var DiamondNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { DiamondNodeModel };
 export default DiamondNodeModel;
-//# sourceMappingURL=DiamondNodeModel.js.map

package/es/model/node/EllipseNodeModel.js

@@ -43,6 +43,7 @@ var EllipseNodeModel = /** @class */ (function (_super) {
         _this.rx = 30;
         _this.ry = 45;
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -113,4 +114,3 @@ var EllipseNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { EllipseNodeModel };
 export default EllipseNodeModel;
-//# sourceMappingURL=EllipseNodeModel.js.map

package/es/model/node/HtmlNodeModel.js

@@ -46,4 +46,3 @@ var HtmlNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { HtmlNodeModel };
 export default HtmlNodeModel;
-//# sourceMappingURL=HtmlNodeModel.js.map

package/es/model/node/PolygonNodeModel.js

@@ -70,6 +70,7 @@ var PolygonNodeModel = /** @class */ (function (_super) {
             // [160, 198], // 五角星
         ];
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -190,4 +191,3 @@ var PolygonNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { PolygonNodeModel };
 export default PolygonNodeModel;
-//# sourceMappingURL=PolygonNodeModel.js.map

package/es/model/node/RectNodeModel.js

@@ -30,7 +30,7 @@ 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;
 };
-import { cloneDeep } from 'lodash-es';
+import { cloneDeep, isNil } from 'lodash-es';
 import { observable } from 'mobx';
 import BaseNodeModel from './BaseNodeModel';
 import { ModelType } from '../../constant';
@@ -44,18 +44,19 @@ var RectNodeModel = /** @class */ (function (_super) {
         // TODO：类字段初始化会覆盖 super、setAttributes 中设置的属性
         // this.properties = data.properties || {}
         // TODO: bug here, 上面更新 properties 会触发 setAttributes，下面再主动调用，会导致触发两次
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
     RectNodeModel.prototype.setAttributes = function () {
         _super.prototype.setAttributes.call(this);
         var _a = this.properties, width = _a.width, height = _a.height, radius = _a.radius;
-        if (width)
+        if (!isNil(width))
             this.width = width;
-        if (height)
+        if (!isNil(height))
             this.height = height;
         // 矩形特有
-        if (radius)
+        if (!isNil(radius))
             this.radius = radius;
     };
     RectNodeModel.prototype.getDefaultAnchor = function () {
@@ -80,4 +81,3 @@ var RectNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { RectNodeModel };
 export default RectNodeModel;
-//# sourceMappingURL=RectNodeModel.js.map

package/es/model/node/TextNodeModel.js

@@ -111,4 +111,3 @@ var TextNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel));
 export { TextNodeModel };
 export default TextNodeModel;
-//# sourceMappingURL=TextNodeModel.js.map

package/es/model/node/index.js

@@ -6,4 +6,3 @@ export * from './PolygonNodeModel';
 export * from './RectNodeModel';
 export * from './TextNodeModel';
 export * from './HtmlNodeModel';
-//# sourceMappingURL=index.js.map

package/es/options.js

@@ -32,4 +32,3 @@ export var Options;
         disabledTools: [],
     };
 })(Options || (Options = {}));
-//# sourceMappingURL=options.js.map

package/es/style/raw.js

@@ -3,4 +3,3 @@
  * Auto generated file, do not modify it!
  */
 export var content = ".lf-graph {\n  position: relative;\n  z-index: 0;\n  width: 100%;\n  height: 100%;\n  background: #fff;\n  user-select: none;\n}\n.lf-element-text {\n  cursor: text;\n}\n.lf-text-disabled {\n  pointer-events: none;\n}\n.lf-text-draggable {\n  cursor: move;\n}\n.lf-node-anchor {\n  cursor: crosshair;\n}\n.lf-node-anchor-hover {\n  visibility: hidden;\n}\n.lf-anchor:hover .lf-node-anchor-hover {\n  visibility: visible;\n}\n.lf-edge.pointer-none {\n  pointer-events: none;\n}\n.lf-edge-append {\n  cursor: pointer;\n}\n.lf-edge-animation {\n  stroke-dashoffset: 100%;\n  animation: lf_animate_dash 5s linear infinite;\n}\n@keyframes lf_animate_dash {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n/* node */\n.lf-node-not-allow {\n  cursor: not-allowed;\n}\n.lf-polyline-append-ns-resize {\n  cursor: ns-resize;\n}\n.lf-polyline-append-ew-resize {\n  cursor: ew-resize;\n}\n.lf-dragging {\n  cursor: move;\n}\n.lf-dragging .lf-element-text {\n  cursor: move;\n}\n.lf-draggable {\n  cursor: default;\n}\n.lf-bezier-adjust-anchor {\n  cursor: pointer;\n}\n/* background */\n.lf-background,\n.lf-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n}\n.lf-background-area {\n  width: 100%;\n  height: 100%;\n}\n/* html-overlay */\n.lf-html-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  overflow: hidden;\n  user-select: none;\n  pointer-events: none;\n}\n.lf-html-overlay__transform > * {\n  pointer-events: all;\n}\n.lf-text-editable {\n  pointer-events: all;\n}\n.lf-text-input {\n  position: absolute;\n  box-sizing: border-box;\n  min-width: 100px;\n  min-height: 20px;\n  padding: 5px;\n  line-height: 1.2;\n  white-space: pre;\n  text-align: center;\n  background: #fff;\n  border: 1px solid #edefed;\n  border-radius: 3px;\n  outline: none;\n  transform: translate(-50%, -50%);\n  resize: none;\n}\n.lf-get-text-height {\n  display: inline-block;\n  box-sizing: border-box;\n  word-break: break-all;\n  /* \u4E3A\u4E86\u8DDF\u8F93\u5165\u6548\u679C\u4FDD\u6301\u4E00\u81F4\uFF0C\u8BBE\u7F6E\u900F\u660E\u8FB9\u6846\u5360\u4F4D */\n  border: 1px solid transparent;\n}\n.lf-node-text-auto-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  /* border: 1px solid transparent; */\n}\n.lf-node-text-auto-wrap-content {\n  width: 100%;\n  line-height: 1.2;\n  text-align: center;\n  word-break: break-all;\n  background: transparent;\n}\n.lf-node-text-ellipsis-content {\n  width: 100%;\n  line-height: 1.2;\n  white-space: nowrap;\n  text-align: center;\n  background: transparent;\n  /* overflow: hidden;\n  text-overflow: ellipsis; */\n}\n.lf-node-text-ellipsis-content > div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n/* tool-overlay */\n.lf-tool-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  overflow: hidden;\n  pointer-events: none;\n}\n.lf-tool-overlay > * {\n  pointer-events: all;\n}\n/* modification-overlay */\n.modification-overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  overflow: hidden;\n  pointer-events: none;\n}\n.modification-overlay > * {\n  pointer-events: all;\n}\n.lf-outline,\n.lf-snapline {\n  pointer-events: none;\n}\n.lf-keyboard-tips {\n  float: right;\n}\n.lf-node-select-decorate {\n  position: absolute;\n  border: 1px dashed #343435;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n.lf-multiple-select {\n  position: absolute;\n  border: 2px dashed #187dffcc;\n  box-shadow: 0 0 3px 0 #187dff80;\n  cursor: move;\n}\n.lf-edge-adjust-point {\n  cursor: move;\n}\n.lf-rotate-control {\n  cursor: grabbing;\n}\n.lf-resize-control-nw {\n  cursor: nw-resize;\n}\n.lf-resize-control-n {\n  cursor: n-resize;\n}\n.lf-resize-control-ne {\n  cursor: ne-resize;\n}\n.lf-resize-control-e {\n  cursor: e-resize;\n}\n.lf-resize-control-se {\n  cursor: se-resize;\n}\n.lf-resize-control-s {\n  cursor: s-resize;\n}\n.lf-resize-control-sw {\n  cursor: sw-resize;\n}\n.lf-resize-control-w {\n  cursor: w-resize;\n}\n";
-//# sourceMappingURL=raw.js.map

package/es/tool/MultipleSelectTool.js

@@ -156,4 +156,3 @@ var MultipleSelect = /** @class */ (function (_super) {
     return MultipleSelect;
 }(Component));
 export default MultipleSelect;
-//# sourceMappingURL=MultipleSelectTool.js.map

package/es/tool/TextEditTool.js

@@ -184,4 +184,3 @@ var TextEditTool = /** @class */ (function (_super) {
 }(Component));
 export { TextEditTool };
 export default TextEditTool;
-//# sourceMappingURL=TextEditTool.js.map

package/es/tool/index.js

@@ -80,4 +80,3 @@ var Tool = /** @class */ (function () {
 }());
 export { Tool };
 export default Tool;
-//# sourceMappingURL=index.js.map

package/es/util/animation.js

@@ -17,4 +17,3 @@ export var setupAnimation = function (config) {
     return merge(cloneDeep(defaultAnimationOffConfig), config);
 };
 export var updateAnimation = setupAnimation;
-//# sourceMappingURL=animation.js.map

package/es/util/browser.js

@@ -1,3 +1,2 @@
 import { get } from 'lodash-es';
 export var isIe = get(window, 'navigator.userAgent', '').match(/MSIE|Trident/) !== null;
-//# sourceMappingURL=browser.js.map

package/es/util/compatible.js

@@ -14,4 +14,3 @@ export function formatData(data) {
         return data;
     }
 }
-//# sourceMappingURL=compatible.js.map

package/es/util/drag.js

@@ -67,6 +67,8 @@ var StepDrag = /** @class */ (function () {
                 }
                 _this.isDragging = true;
                 // 为了让dragstart和drag不在同一个事件循环中，使drag事件放到下一个消息队列中。
+                // TODO: 放到下一个消息队列中是否会有延迟，比如
+                // 限制某个元素的拖拽范围，如果在dragstart中设置了拖拽范围，那么在drag中就会有延迟。
                 Promise.resolve().then(function () {
                     var _a, _b;
                     _this.onDragging({
@@ -138,4 +140,3 @@ var StepDrag = /** @class */ (function () {
     return StepDrag;
 }());
 export { StepDrag };
-//# sourceMappingURL=drag.js.map

package/es/util/edge.js

@@ -841,4 +841,3 @@ export var getSvgTextSize = function (_a) {
         height: rowsLength * (fontSize + 2) + fontSize / 4,
     };
 };
-//# sourceMappingURL=edge.js.map

package/es/util/geometry.js

@@ -69,4 +69,3 @@ export function normalizePolygon(points, width, height) {
         return [x * scaleFactor, y * scaleFactor];
     });
 }
-//# sourceMappingURL=geometry.js.map

package/es/util/graph.js

@@ -51,4 +51,3 @@ export var isMultipleSelect = function (e, editConfigModel) {
     }
     return isMultiple;
 };
-//# sourceMappingURL=graph.js.map

package/es/util/index.js

@@ -15,4 +15,3 @@ export * from './theme';
 export * from './uuid';
 export * from './vector';
 export * from './zIndex';
-//# sourceMappingURL=index.js.map

package/es/util/matrix.js

@@ -158,4 +158,3 @@ var TranslateMatrix = /** @class */ (function (_super) {
     return TranslateMatrix;
 }(Matrix));
 export { TranslateMatrix };
-//# sourceMappingURL=matrix.js.map

package/es/util/mobx.js

@@ -1,4 +1,3 @@
 import { action, observable, computed, toJS, isObservable, configure, reaction, } from 'mobx';
 configure({ isolateGlobalState: true });
 export { action, observable, computed, isObservable, toJS, configure, reaction, };
-//# sourceMappingURL=mobx.js.map

package/es/util/node.js

@@ -418,4 +418,3 @@ export var formatAnchorConnectValidateData = function (data) {
     }
     return data;
 };
-//# sourceMappingURL=node.js.map