@logicflow/core 2.0.0 → 2.0.2

package/lib/model/GraphModel.js

@@ -56,6 +56,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();
         /**
          * 节点移动规则判断
          * 在节点移动的时候，会出发此数组中的所有规则判断
@@ -141,7 +147,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 = [
                 -constant_1.DEFAULT_VISIBLE_SPACE,
                 -constant_1.DEFAULT_VISIBLE_SPACE,
@@ -367,7 +373,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 {
@@ -713,7 +722,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;
     };
     /**
      * 克隆节点
@@ -804,6 +816,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(constant_1.EventType.EDGE_ADD, { data: edgeData });
@@ -1011,8 +1025,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++) {
@@ -1172,10 +1189,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) {
@@ -1491,7 +1507,7 @@ var GraphModel = /** @class */ (function () {
     ], GraphModel.prototype, "getAnchorIncomingEdge", null);
     __decorate([
         mobx_1.action
-    ], GraphModel.prototype, "getAnchorOutcomingEdge", null);
+    ], GraphModel.prototype, "getAnchorOutgoingEdge", null);
     __decorate([
         mobx_1.action
     ], GraphModel.prototype, "getNodeIncomingNode", null);
@@ -1526,4 +1542,3 @@ var GraphModel = /** @class */ (function () {
 }());
 exports.GraphModel = GraphModel;
 exports.default = GraphModel;
-//# sourceMappingURL=GraphModel.js.map

package/lib/model/SnaplineModel.js

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

package/lib/model/TransformModel.js

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

package/lib/model/edge/BaseEdgeModel.js

@@ -318,8 +318,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: (0, lodash_es_1.assign)({}, this.startPoint),
             endPoint: (0, lodash_es_1.assign)({}, this.endPoint),
         };
@@ -353,9 +353,10 @@ var BaseEdgeModel = /** @class */ (function () {
      * @param val 属性值
      */
     BaseEdgeModel.prototype.setProperty = function (key, val) {
-        var _a;
         var preProperties = (0, mobx_1.toJS)(this.properties);
-        this.properties = __assign(__assign({}, preProperties), (_a = {}, _a[key] = (0, util_1.formatData)(val), _a));
+        var newProperties = (0, lodash_es_1.cloneDeep)(preProperties);
+        (0, mobx_1.set)(newProperties, key, (0, util_1.formatData)(val));
+        this.properties = newProperties;
         this.setAttributes();
     };
     /**
@@ -761,4 +762,3 @@ var BaseEdgeModel = /** @class */ (function () {
 }());
 exports.BaseEdgeModel = BaseEdgeModel;
 exports.default = BaseEdgeModel;
-//# sourceMappingURL=BaseEdgeModel.js.map

package/lib/model/edge/BezierEdgeModel.js

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

package/lib/model/edge/LineEdgeModel.js

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

package/lib/model/edge/PolylineEdgeModel.js

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

package/lib/model/edge/index.js

@@ -18,4 +18,3 @@ __exportStar(require("./BaseEdgeModel"), exports);
 __exportStar(require("./BezierEdgeModel"), exports);
 __exportStar(require("./LineEdgeModel"), exports);
 __exportStar(require("./PolylineEdgeModel"), exports);
-//# sourceMappingURL=index.js.map

package/lib/model/index.js

@@ -21,4 +21,3 @@ __exportStar(require("./EditConfigModel"), exports);
 __exportStar(require("./GraphModel"), exports);
 __exportStar(require("./SnaplineModel"), exports);
 __exportStar(require("./TransformModel"), exports);
-//# sourceMappingURL=index.js.map

package/lib/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/lib/model/node/BaseNodeModel.js

@@ -685,26 +685,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 = (0, mobx_1.toJS)(this.properties);
-        var nextProperties = __assign(__assign({}, preProperties), (_a = {}, _a[key] = (0, util_1.formatData)(val), _a));
         this.properties = nextProperties;
         this.setAttributes();
         // 触发更新节点 properties:change 的事件
         this.graphModel.eventCenter.emit(constant_1.EventType.NODE_PROPERTIES_CHANGE, {
             id: this.id,
-            keys: [key],
+            keys: updateKeys,
             preProperties: preProperties,
             properties: nextProperties,
         });
     };
+    BaseNodeModel.prototype.setProperty = function (key, val) {
+        var preProperties = (0, mobx_1.toJS)(this.properties);
+        var nextProperties = (0, lodash_es_1.cloneDeep)(preProperties);
+        // https://lodash.com/docs/4.17.15#set
+        // 使用 lodash 的 set 方法更新某个属性，可以支持 key 为 'a.b.c' 的情况
+        // TODO：待测试
+        (0, lodash_es_1.set)(nextProperties, key, (0, util_1.formatData)(val));
+        this.updateProperties(nextProperties, [key]);
+    };
     BaseNodeModel.prototype.setProperties = function (properties) {
         var preProperties = (0, mobx_1.toJS)(this.properties);
         var nextProperties = __assign(__assign({}, preProperties), (0, util_1.formatData)(properties));
-        this.properties = nextProperties;
-        this.setAttributes();
         var updateKeys = [];
         (0, lodash_es_1.mapKeys)(properties, function (val, key) {
             // key 存在于上一个 properties 并且与传入的值不相等 或者 key 不存在于上一个 properties
@@ -713,13 +717,7 @@ var BaseNodeModel = /** @class */ (function () {
                 updateKeys.push(key);
             }
         });
-        // 触发更新节点 properties:change 的事件
-        this.graphModel.eventCenter.emit(constant_1.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];
@@ -897,4 +895,3 @@ var BaseNodeModel = /** @class */ (function () {
 }());
 exports.BaseNodeModel = BaseNodeModel;
 exports.default = BaseNodeModel;
-//# sourceMappingURL=BaseNodeModel.js.map

package/lib/model/node/CircleNodeModel.js

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

package/lib/model/node/DiamondNodeModel.js

@@ -65,6 +65,7 @@ var DiamondNodeModel = /** @class */ (function (_super) {
         _this.rx = 30;
         _this.ry = 50;
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -188,4 +189,3 @@ var DiamondNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel_1.default));
 exports.DiamondNodeModel = DiamondNodeModel;
 exports.default = DiamondNodeModel;
-//# sourceMappingURL=DiamondNodeModel.js.map

package/lib/model/node/EllipseNodeModel.js

@@ -49,6 +49,7 @@ var EllipseNodeModel = /** @class */ (function (_super) {
         _this.rx = 30;
         _this.ry = 45;
         // this.properties = data.properties || {}
+        _this.initNodeData(data);
         _this.setAttributes();
         return _this;
     }
@@ -119,4 +120,3 @@ var EllipseNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel_1.default));
 exports.EllipseNodeModel = EllipseNodeModel;
 exports.default = EllipseNodeModel;
-//# sourceMappingURL=EllipseNodeModel.js.map

package/lib/model/node/HtmlNodeModel.js

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

package/lib/model/node/PolygonNodeModel.js

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

package/lib/model/node/RectNodeModel.js

@@ -50,18 +50,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 (!(0, lodash_es_1.isNil)(width))
             this.width = width;
-        if (height)
+        if (!(0, lodash_es_1.isNil)(height))
             this.height = height;
         // 矩形特有
-        if (radius)
+        if (!(0, lodash_es_1.isNil)(radius))
             this.radius = radius;
     };
     RectNodeModel.prototype.getDefaultAnchor = function () {
@@ -86,4 +87,3 @@ var RectNodeModel = /** @class */ (function (_super) {
 }(BaseNodeModel_1.default));
 exports.RectNodeModel = RectNodeModel;
 exports.default = RectNodeModel;
-//# sourceMappingURL=RectNodeModel.js.map

package/lib/model/node/TextNodeModel.js

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

package/lib/model/node/index.js

@@ -22,4 +22,3 @@ __exportStar(require("./PolygonNodeModel"), exports);
 __exportStar(require("./RectNodeModel"), exports);
 __exportStar(require("./TextNodeModel"), exports);
 __exportStar(require("./HtmlNodeModel"), exports);
-//# sourceMappingURL=index.js.map

package/lib/options.js

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

package/lib/style/raw.js

@@ -6,4 +6,3 @@ exports.content = void 0;
  * Auto generated file, do not modify it!
  */
 exports.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/lib/tool/MultipleSelectTool.js

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

package/lib/tool/TextEditTool.js

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

package/lib/tool/index.js

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

package/lib/util/animation.js

@@ -21,4 +21,3 @@ var setupAnimation = function (config) {
 };
 exports.setupAnimation = setupAnimation;
 exports.updateAnimation = exports.setupAnimation;
-//# sourceMappingURL=animation.js.map

package/lib/util/browser.js

@@ -3,4 +3,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isIe = void 0;
 var lodash_es_1 = require("lodash-es");
 exports.isIe = (0, lodash_es_1.get)(window, 'navigator.userAgent', '').match(/MSIE|Trident/) !== null;
-//# sourceMappingURL=browser.js.map

package/lib/util/compatible.js

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

package/lib/util/drag.js

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

package/lib/util/edge.js

@@ -888,4 +888,3 @@ var getSvgTextSize = function (_a) {
     };
 };
 exports.getSvgTextSize = getSvgTextSize;
-//# sourceMappingURL=edge.js.map

package/lib/util/geometry.js

@@ -75,4 +75,3 @@ function normalizePolygon(points, width, height) {
     });
 }
 exports.normalizePolygon = normalizePolygon;
-//# sourceMappingURL=geometry.js.map

package/lib/util/graph.js

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

package/lib/util/index.js

@@ -31,4 +31,3 @@ __exportStar(require("./theme"), exports);
 __exportStar(require("./uuid"), exports);
 __exportStar(require("./vector"), exports);
 __exportStar(require("./zIndex"), exports);
-//# sourceMappingURL=index.js.map

package/lib/util/matrix.js

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

package/lib/util/mobx.js

@@ -10,4 +10,3 @@ Object.defineProperty(exports, "isObservable", { enumerable: true, get: function
 Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return mobx_1.configure; } });
 Object.defineProperty(exports, "reaction", { enumerable: true, get: function () { return mobx_1.reaction; } });
 (0, mobx_1.configure)({ isolateGlobalState: true });
-//# sourceMappingURL=mobx.js.map

package/lib/util/node.js

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

package/lib/util/raf.js

@@ -26,4 +26,3 @@ var cancelRaf = function (rafId) {
     }
 };
 exports.cancelRaf = cancelRaf;
-//# sourceMappingURL=raf.js.map

package/lib/util/resize.js

@@ -201,4 +201,3 @@ var handleResize = function (_a) {
     (0, exports.triggerResizeEvent)(preNodeData, curNodeData, deltaX, deltaY, index, nodeModel, graphModel);
 };
 exports.handleResize = handleResize;
-//# sourceMappingURL=resize.js.map

package/lib/util/sampling.js

@@ -69,4 +69,3 @@ function degrees(radians) {
     return radians * (180 / Math.PI);
 }
 exports.degrees = degrees;
-//# sourceMappingURL=sampling.js.map

package/lib/util/theme.js

@@ -157,4 +157,3 @@ var setupTheme = function (customTheme) {
 exports.setupTheme = setupTheme;
 /* 更新 theme 方法 */
 exports.updateTheme = exports.setupTheme;
-//# sourceMappingURL=theme.js.map

package/lib/util/uuid.js

@@ -22,4 +22,3 @@ var refreshGraphId = function (graphData, prefix) {
     return graphData;
 };
 exports.refreshGraphId = refreshGraphId;
-//# sourceMappingURL=uuid.js.map

package/lib/util/vector.js

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

package/lib/util/zIndex.js

@@ -7,4 +7,3 @@ var getZIndex = function () { return ++maxIndex; };
 exports.getZIndex = getZIndex;
 var getMinIndex = function () { return --minIndex; };
 exports.getMinIndex = getMinIndex;
-//# sourceMappingURL=zIndex.js.map

package/lib/view/Anchor.d.ts

@@ -36,7 +36,7 @@ declare class Anchor extends Component<IProps, IState> {
     get customTrajectory(): ((props: import("..").Options.CustomAnchorLineProps) => import("preact/compat").JSX.Element) | undefined;
     get relateEdges(): {
         incomingEdgeList: import("../model").BaseEdgeModel<LogicFlow.PropertiesType>[];
-        outcomingEdgeList: import("../model").BaseEdgeModel<LogicFlow.PropertiesType>[];
+        outgoingEdgeList: import("../model").BaseEdgeModel<LogicFlow.PropertiesType>[];
     };
     checkEnd: (event: MouseEvent | null | undefined) => import("../model").BaseEdgeModel<LogicFlow.PropertiesType> | null | undefined;
     moveAnchorEnd(endX: number, endY: number): void;

package/lib/view/Anchor.js

@@ -237,10 +237,10 @@ var Anchor = /** @class */ (function (_super) {
     });
     Object.defineProperty(Anchor.prototype, "relateEdges", {
         get: function () {
-            var _a = this.props, _b = _a.graphModel, getAnchorIncomingEdge = _b.getAnchorIncomingEdge, getAnchorOutcomingEdge = _b.getAnchorOutcomingEdge, id = _a.anchorData.id;
+            var _a = this.props, _b = _a.graphModel, getAnchorIncomingEdge = _b.getAnchorIncomingEdge, getAnchorOutgoingEdge = _b.getAnchorOutgoingEdge, id = _a.anchorData.id;
             return {
                 incomingEdgeList: getAnchorIncomingEdge(id),
-                outcomingEdgeList: getAnchorOutcomingEdge(id),
+                outgoingEdgeList: getAnchorOutgoingEdge(id),
             };
         },
         enumerable: false,
@@ -317,4 +317,3 @@ var Anchor = /** @class */ (function (_super) {
     return Anchor;
 }(compat_1.Component));
 exports.default = Anchor;
-//# sourceMappingURL=Anchor.js.map

package/lib/view/Control.js

@@ -373,4 +373,3 @@ var ResizeControlGroup = /** @class */ (function (_super) {
 }(compat_1.Component));
 exports.ResizeControlGroup = ResizeControlGroup;
 exports.default = ResizeControlGroup;
-//# sourceMappingURL=Control.js.map

package/lib/view/Graph.d.ts

@@ -12,7 +12,8 @@ type IGraphProps = {
     graphModel: GraphModel;
 };
 declare class Graph extends Component<IGraphProps> {
-    handleResize: () => void;
+    private handleResize;
+    private throttleResize;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;

package/lib/view/Graph.js

@@ -70,17 +70,18 @@ var Graph = /** @class */ (function (_super) {
         _this.handleResize = function () {
             _this.props.graphModel.resize();
         };
+        _this.throttleResize = function () { return (0, lodash_es_1.throttle)(_this.handleResize, 200); };
         return _this;
     }
     Graph.prototype.componentDidMount = function () {
-        window.addEventListener('resize', (0, lodash_es_1.throttle)(this.handleResize, 200));
+        window.addEventListener('resize', this.throttleResize);
     };
     Graph.prototype.componentDidUpdate = function () {
         var data = this.props.graphModel.modelToGraphData();
         this.props.graphModel.eventCenter.emit(constant_1.EventType.GRAPH_UPDATED, { data: data });
     };
     Graph.prototype.componentWillUnmount = function () {
-        window.removeEventListener('resize', (0, lodash_es_1.throttle)(this.handleResize, 200));
+        window.removeEventListener('resize', this.throttleResize);
     };
     Graph.prototype.getComponent = function (model, graphModel, overlay) {
         if (overlay === void 0) { overlay = 'canvas-overlay'; }
@@ -116,4 +117,3 @@ var Graph = /** @class */ (function (_super) {
     return Graph;
 }(compat_1.Component));
 exports.default = Graph;
-//# sourceMappingURL=Graph.js.map

package/lib/view/Rotate.js

@@ -111,4 +111,3 @@ var RotateControlPoint = /** @class */ (function (_super) {
     return RotateControlPoint;
 }(compat_1.Component));
 exports.default = RotateControlPoint;
-//# sourceMappingURL=Rotate.js.map

package/lib/view/behavior/dnd.js

@@ -110,4 +110,3 @@ var Dnd = /** @class */ (function () {
 }());
 exports.Dnd = Dnd;
 exports.default = Dnd;
-//# sourceMappingURL=dnd.js.map

package/lib/view/behavior/index.js

@@ -16,4 +16,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./dnd"), exports);
 __exportStar(require("./snapline"), exports);
-//# sourceMappingURL=index.js.map

package/lib/view/behavior/snapline.js

@@ -13,4 +13,3 @@ function snapline(eventCenter, snaplineModel) {
     });
 }
 exports.snapline = snapline;
-//# sourceMappingURL=snapline.js.map

package/lib/view/edge/AdjustPoint.js

@@ -357,4 +357,3 @@ var AdjustPoint = /** @class */ (function (_super) {
 }(compat_1.Component));
 exports.AdjustPoint = AdjustPoint;
 exports.default = AdjustPoint;
-//# sourceMappingURL=AdjustPoint.js.map

package/lib/view/edge/Arrow.js

@@ -60,4 +60,3 @@ var Arrow = /** @class */ (function (_super) {
 }(compat_1.Component));
 exports.Arrow = Arrow;
 exports.default = Arrow;
-//# sourceMappingURL=Arrow.js.map

package/lib/view/edge/BaseEdge.js

@@ -412,4 +412,3 @@ var BaseEdge = /** @class */ (function (_super) {
 }(compat_1.Component));
 exports.BaseEdge = BaseEdge;
 exports.default = BaseEdge;
-//# sourceMappingURL=BaseEdge.js.map

package/lib/view/edge/BezierEdge.js

@@ -121,4 +121,3 @@ var BezierEdge = /** @class */ (function (_super) {
 }(BaseEdge_1.default));
 exports.BezierEdge = BezierEdge;
 exports.default = BezierEdge;
-//# sourceMappingURL=BezierEdge.js.map

package/lib/view/edge/LineEdge.js

@@ -81,4 +81,3 @@ var LineEdge = /** @class */ (function (_super) {
 }(BaseEdge_1.default));
 exports.LineEdge = LineEdge;
 exports.default = LineEdge;
-//# sourceMappingURL=LineEdge.js.map