@logicflow/core 1.1.27 → 1.1.29

package/dist/logic-flow.js

@@ -20739,6 +20739,7 @@ var EventType;
   EventType["ANCHOR_DRAGSTART"] = "anchor:dragstart";
   EventType["ANCHOR_DRAG"] = "anchor:drag";
   EventType["ANCHOR_DROP"] = "anchor:drop";
+  EventType["ANCHOR_DRAGEND"] = "anchor:dragend";
   EventType["BLANK_MOUSEDOWN"] = "blank:mousedown";
   EventType["BLANK_DRAGSTART"] = "blank:dragstart";
   EventType["BLANK_DRAG"] = "blank:drag";
@@ -22868,7 +22869,7 @@ var es_math_hypot = __webpack_require__(203);
 入参：线段1端点: ab, 线段2端点： cd,
 返回值：有交点返回交点，无交点返回false
  */
-var getCorssPointOfLine = function getCorssPointOfLine(a, b, c, d) {
+var getCrossPointOfLine = function getCrossPointOfLine(a, b, c, d) {
   /** 1 解线性方程组, 求线段交点. * */
   // 如果分母为0 则平行或共线, 不相交
   var denominator = (b.y - a.y) * (d.x - c.x) - (a.x - b.x) * (c.y - d.y);
@@ -23772,11 +23773,34 @@ var BaseEdgeModel_BaseEdgeModel = (BaseEdgeModel_class = /*#__PURE__*/function (
       this.properties[key] = formatData(val);
       this.setAttributes();
     }
+  }, {
+    key: "deleteProperty",
+    value: function deleteProperty(key) {
+      delete this.properties[key];
+      this.setAttributes();
+    }
   }, {
     key: "setProperties",
     value: function setProperties(properties) {
       this.properties = BaseEdgeModel_objectSpread(BaseEdgeModel_objectSpread({}, this.properties), formatData(properties));
       this.setAttributes();
+    }
+  }, {
+    key: "changeEdgeId",
+    value: function changeEdgeId(id) {
+      var _this$arrowConfig = this.arrowConfig,
+          markerEnd = _this$arrowConfig.markerEnd,
+          markerStart = _this$arrowConfig.markerStart;
+
+      if (markerStart && markerStart === "url(#marker-start-".concat(this.id, ")")) {
+        this.arrowConfig.markerStart = "url(#marker-start-".concat(id, ")");
+      }
+
+      if (markerEnd && markerEnd === "url(#marker-end-".concat(this.id, ")")) {
+        this.arrowConfig.markerEnd = "url(#marker-end-".concat(id, ")");
+      }
+
+      this.id = id;
     } // 设置样式
 
   }, {
@@ -24164,7 +24188,7 @@ var BaseEdgeModel_BaseEdgeModel = (BaseEdgeModel_class = /*#__PURE__*/function (
       markerStart: ''
     };
   }
-}), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "sourceNode", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "sourceNode"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "targetNode", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "targetNode"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "textPosition", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "textPosition"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setProperty"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setProperties", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setProperties"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setStyle", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setStyle"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setStyles"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateStyles"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "formatText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "formatText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "resetTextPosition", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "resetTextPosition"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setAnchors", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setAnchors"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setSelected", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setSelected"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setHovered", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setHovered"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setHitable", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setHitable"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "openEdgeAnimation", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "openEdgeAnimation"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "closeEdgeAnimation", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "closeEdgeAnimation"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setElementState", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setElementState"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateStartPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateStartPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveStartPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveStartPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateEndPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateEndPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveEndPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveEndPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setZIndex", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setZIndex"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "initPoints", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "initPoints"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateAttributes", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateAttributes"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "getAdjustStart", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "getAdjustStart"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "getAdjustEnd", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "getAdjustEnd"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateAfterAdjustStartAndEnd", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateAfterAdjustStartAndEnd"), BaseEdgeModel_class.prototype)), BaseEdgeModel_class);
+}), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "sourceNode", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "sourceNode"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "targetNode", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "targetNode"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "textPosition", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "textPosition"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setProperty"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "deleteProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "deleteProperty"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setProperties", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setProperties"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "changeEdgeId", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "changeEdgeId"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setStyle", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setStyle"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setStyles"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateStyles"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "formatText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "formatText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "resetTextPosition", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "resetTextPosition"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateText"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setAnchors", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setAnchors"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setSelected", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setSelected"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setHovered", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setHovered"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setHitable", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setHitable"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "openEdgeAnimation", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "openEdgeAnimation"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "closeEdgeAnimation", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "closeEdgeAnimation"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setElementState", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setElementState"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateStartPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateStartPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveStartPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveStartPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateEndPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateEndPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "moveEndPoint", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "moveEndPoint"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "setZIndex", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "setZIndex"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "initPoints", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "initPoints"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateAttributes", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateAttributes"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "getAdjustStart", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "getAdjustStart"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "getAdjustEnd", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "getAdjustEnd"), BaseEdgeModel_class.prototype), BaseEdgeModel_applyDecoratedDescriptor(BaseEdgeModel_class.prototype, "updateAfterAdjustStartAndEnd", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseEdgeModel_class.prototype, "updateAfterAdjustStartAndEnd"), BaseEdgeModel_class.prototype)), BaseEdgeModel_class);
 
 /* harmony default export */ var edge_BaseEdgeModel = (BaseEdgeModel_BaseEdgeModel);
 // CONCATENATED MODULE: ./src/model/edge/LineEdgeModel.ts
@@ -25633,7 +25657,7 @@ var edge_getCrossPointInRect = function getCrossPointInRect(start, end, node) {
   }
 
   if (crossSegments) {
-    point = getCorssPointOfLine(start, end, crossSegments[0], crossSegments[1]);
+    point = getCrossPointOfLine(start, end, crossSegments[0], crossSegments[1]);
   }
 
   return point;
@@ -26247,6 +26271,11 @@ var drag_StepDrag = /*#__PURE__*/function () {
     drag_defineProperty(this, "cancelDrag", function () {
       DOC.removeEventListener('mousemove', _this.handleMouseMove, false);
       DOC.removeEventListener('mouseup', _this.handleMouseUp, false);
+
+      _this.onDragEnd({
+        event: null
+      });
+
       _this.isDraging = false;
     });
 
@@ -26983,7 +27012,8 @@ var GraphModel_GraphModel = (GraphModel_class = /*#__PURE__*/function () {
 
       this.edges.forEach(function (edge) {
         if (edge.id === oldId) {
-          edge.id = newId;
+          // edge.id = newId;
+          edge.changeEdgeId(newId);
         }
       });
       return newId;
@@ -30080,7 +30110,7 @@ function isNil(value) {
 
 
 
-var BaseNodeModel_class, BaseNodeModel_descriptor, BaseNodeModel_descriptor2, BaseNodeModel_descriptor3, BaseNodeModel_descriptor4, BaseNodeModel_descriptor5, BaseNodeModel_descriptor6, BaseNodeModel_descriptor7, BaseNodeModel_descriptor8, BaseNodeModel_descriptor9, BaseNodeModel_descriptor10, BaseNodeModel_descriptor11, BaseNodeModel_descriptor12, BaseNodeModel_descriptor13, BaseNodeModel_descriptor14, BaseNodeModel_descriptor15, BaseNodeModel_descriptor16, BaseNodeModel_descriptor17, BaseNodeModel_descriptor18;
+var BaseNodeModel_class, BaseNodeModel_descriptor, BaseNodeModel_descriptor2, BaseNodeModel_descriptor3, BaseNodeModel_descriptor4, BaseNodeModel_descriptor5, BaseNodeModel_descriptor6, BaseNodeModel_descriptor7, BaseNodeModel_descriptor8, BaseNodeModel_descriptor9, BaseNodeModel_descriptor10, BaseNodeModel_descriptor11, BaseNodeModel_descriptor12, BaseNodeModel_descriptor13, BaseNodeModel_descriptor14, BaseNodeModel_descriptor15, BaseNodeModel_descriptor16, BaseNodeModel_descriptor17, BaseNodeModel_descriptor18, BaseNodeModel_descriptor19;
 
 function BaseNodeModel_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { BaseNodeModel_typeof = function _typeof(obj) { return typeof obj; }; } else { BaseNodeModel_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return BaseNodeModel_typeof(obj); }
 
@@ -30150,25 +30180,27 @@ var BaseNodeModel_BaseNodeModel = (BaseNodeModel_class = /*#__PURE__*/function (
 
     BaseNodeModel_initializerDefineProperty(this, "isHovered", BaseNodeModel_descriptor10, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "isDragging", BaseNodeModel_descriptor11, this);
+    BaseNodeModel_initializerDefineProperty(this, "isShowAnchor", BaseNodeModel_descriptor11, this);
+
+    BaseNodeModel_initializerDefineProperty(this, "isDragging", BaseNodeModel_descriptor12, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "isHitable", BaseNodeModel_descriptor12, this);
+    BaseNodeModel_initializerDefineProperty(this, "isHitable", BaseNodeModel_descriptor13, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "draggable", BaseNodeModel_descriptor13, this);
+    BaseNodeModel_initializerDefineProperty(this, "draggable", BaseNodeModel_descriptor14, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "visible", BaseNodeModel_descriptor14, this);
+    BaseNodeModel_initializerDefineProperty(this, "visible", BaseNodeModel_descriptor15, this);
 
     BaseNodeModel_defineProperty(this, "virtual", false);
 
     BaseNodeModel_defineProperty(this, "graphModel", void 0);
 
-    BaseNodeModel_initializerDefineProperty(this, "zIndex", BaseNodeModel_descriptor15, this);
+    BaseNodeModel_initializerDefineProperty(this, "zIndex", BaseNodeModel_descriptor16, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "state", BaseNodeModel_descriptor16, this);
+    BaseNodeModel_initializerDefineProperty(this, "state", BaseNodeModel_descriptor17, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "autoToFront", BaseNodeModel_descriptor17, this);
+    BaseNodeModel_initializerDefineProperty(this, "autoToFront", BaseNodeModel_descriptor18, this);
 
-    BaseNodeModel_initializerDefineProperty(this, "style", BaseNodeModel_descriptor18, this);
+    BaseNodeModel_initializerDefineProperty(this, "style", BaseNodeModel_descriptor19, this);
 
     BaseNodeModel_defineProperty(this, "BaseType", ElementType.NODE);
 
@@ -30424,7 +30456,7 @@ var BaseNodeModel_BaseNodeModel = (BaseNodeModel_class = /*#__PURE__*/function (
 
   }, {
     key: "getAnchorLineStyle",
-    value: function getAnchorLineStyle() {
+    value: function getAnchorLineStyle(anchorInfo) {
       var anchorLine = this.graphModel.theme.anchorLine;
       return lodash_es_cloneDeep(anchorLine);
     }
@@ -30767,6 +30799,13 @@ var BaseNodeModel_BaseNodeModel = (BaseNodeModel_class = /*#__PURE__*/function (
     value: function setHovered() {
       var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       this.isHovered = flag;
+      this.setIsShowAnchor(flag);
+    }
+  }, {
+    key: "setIsShowAnchor",
+    value: function setIsShowAnchor() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      this.isShowAnchor = flag;
     }
   }, {
     key: "setHitable",
@@ -30792,6 +30831,12 @@ var BaseNodeModel_BaseNodeModel = (BaseNodeModel_class = /*#__PURE__*/function (
       this.properties = BaseNodeModel_objectSpread(BaseNodeModel_objectSpread({}, this.properties), formatData(properties));
       this.setAttributes();
     }
+  }, {
+    key: "deleteProperty",
+    value: function deleteProperty(key) {
+      delete this.properties[key];
+      this.setAttributes();
+    }
   }, {
     key: "setStyle",
     value: function setStyle(key, val) {
@@ -30897,63 +30942,70 @@ var BaseNodeModel_BaseNodeModel = (BaseNodeModel_class = /*#__PURE__*/function (
   initializer: function initializer() {
     return false;
   }
-}), BaseNodeModel_descriptor11 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "isDragging", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor11 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "isShowAnchor", [mobx_module["C" /* observable */]], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), BaseNodeModel_descriptor12 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "isDragging", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return false;
   }
-}), BaseNodeModel_descriptor12 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "isHitable", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor13 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "isHitable", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return true;
   }
-}), BaseNodeModel_descriptor13 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "draggable", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor14 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "draggable", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return true;
   }
-}), BaseNodeModel_descriptor14 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "visible", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor15 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "visible", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return true;
   }
-}), BaseNodeModel_descriptor15 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "zIndex", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor16 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "zIndex", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return 1;
   }
-}), BaseNodeModel_descriptor16 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "state", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor17 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "state", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return 1;
   }
-}), BaseNodeModel_descriptor17 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "autoToFront", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor18 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "autoToFront", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return true;
   }
-}), BaseNodeModel_descriptor18 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "style", [mobx_module["C" /* observable */]], {
+}), BaseNodeModel_descriptor19 = BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "style", [mobx_module["C" /* observable */]], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function initializer() {
     return {};
   }
-}), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "incoming", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "incoming"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "outgoing", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "outgoing"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "addNodeMoveRules", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "addNodeMoveRules"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "move", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "move"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "getMoveDistance", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "getMoveDistance"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "moveTo", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "moveTo"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "moveText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "moveText"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateText"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setSelected", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setSelected"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setHovered", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setHovered"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setHitable", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setHitable"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setElementState", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setElementState"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setProperty"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setProperties", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setProperties"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setStyle", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setStyle"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setStyles"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateStyles"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setZIndex", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setZIndex"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateAttributes", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateAttributes"), BaseNodeModel_class.prototype)), BaseNodeModel_class);
+}), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "incoming", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "incoming"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "outgoing", [mobx_module["m" /* computed */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "outgoing"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "addNodeMoveRules", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "addNodeMoveRules"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "move", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "move"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "getMoveDistance", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "getMoveDistance"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "moveTo", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "moveTo"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "moveText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "moveText"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateText", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateText"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setSelected", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setSelected"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setHovered", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setHovered"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setIsShowAnchor", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setIsShowAnchor"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setHitable", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setHitable"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setElementState", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setElementState"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setProperty"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setProperties", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setProperties"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "deleteProperty", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "deleteProperty"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setStyle", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setStyle"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setStyles"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateStyles", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateStyles"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "setZIndex", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "setZIndex"), BaseNodeModel_class.prototype), BaseNodeModel_applyDecoratedDescriptor(BaseNodeModel_class.prototype, "updateAttributes", [mobx_module["k" /* action */]], Object.getOwnPropertyDescriptor(BaseNodeModel_class.prototype, "updateAttributes"), BaseNodeModel_class.prototype)), BaseNodeModel_class);
 
 // CONCATENATED MODULE: ./src/model/node/CircleNodeModel.ts
 function CircleNodeModel_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { CircleNodeModel_typeof = function _typeof(obj) { return typeof obj; }; } else { CircleNodeModel_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return CircleNodeModel_typeof(obj); }
@@ -32590,16 +32642,26 @@ var Anchor_Anchor = /*#__PURE__*/function (_Component) {
       _this.sourceRuleResults.clear();
 
       _this.targetRuleResults.clear();
-    });
 
-    Anchor_defineProperty(Anchor_assertThisInitialized(_this), "checkEnd", function (event) {
       var _this$props3 = _this.props,
           graphModel = _this$props3.graphModel,
           nodeModel = _this$props3.nodeModel,
-          _this$props3$anchorDa = _this$props3.anchorData,
-          x = _this$props3$anchorDa.x,
-          y = _this$props3$anchorDa.y,
-          id = _this$props3$anchorDa.id; // nodeModel.setSelected(false);
+          anchorData = _this$props3.anchorData;
+      graphModel.eventCenter.emit(EventType.ANCHOR_DRAGEND, {
+        data: anchorData,
+        e: event,
+        nodeModel: nodeModel
+      });
+    });
+
+    Anchor_defineProperty(Anchor_assertThisInitialized(_this), "checkEnd", function (event) {
+      var _this$props4 = _this.props,
+          graphModel = _this$props4.graphModel,
+          nodeModel = _this$props4.nodeModel,
+          _this$props4$anchorDa = _this$props4.anchorData,
+          x = _this$props4$anchorDa.x,
+          y = _this$props4$anchorDa.y,
+          id = _this$props4$anchorDa.id; // nodeModel.setSelected(false);
 
       /* 创建边 */
 
@@ -32687,10 +32749,10 @@ var Anchor_Anchor = /*#__PURE__*/function (_Component) {
   Anchor_createClass(Anchor, [{
     key: "getAnchorShape",
     value: function getAnchorShape() {
-      var _this$props4 = this.props,
-          anchorData = _this$props4.anchorData,
-          style = _this$props4.style,
-          node = _this$props4.node;
+      var _this$props5 = this.props,
+          anchorData = _this$props5.anchorData,
+          style = _this$props5.style,
+          node = _this$props5.node;
       var anchorShape = node.getAnchorShape(anchorData);
       if (anchorShape) return anchorShape;
       var x = anchorData.x,
@@ -32713,10 +32775,10 @@ var Anchor_Anchor = /*#__PURE__*/function (_Component) {
   }, {
     key: "moveAnchorEnd",
     value: function moveAnchorEnd(endX, endY) {
-      var _this$props5 = this.props,
-          graphModel = _this$props5.graphModel,
-          nodeModel = _this$props5.nodeModel,
-          anchorData = _this$props5.anchorData;
+      var _this$props6 = this.props,
+          graphModel = _this$props6.graphModel,
+          nodeModel = _this$props6.nodeModel,
+          anchorData = _this$props6.anchorData;
       var info = targetNodeInfo({
         x: endX,
         y: endY
@@ -32785,9 +32847,9 @@ var Anchor_Anchor = /*#__PURE__*/function (_Component) {
           startY = _this$state4.startY,
           endX = _this$state4.endX,
           endY = _this$state4.endY;
-      var _this$props6 = this.props,
-          edgeAddable = _this$props6.anchorData.edgeAddable,
-          edgeStyle = _this$props6.edgeStyle;
+      var _this$props7 = this.props,
+          edgeAddable = _this$props7.anchorData.edgeAddable,
+          edgeStyle = _this$props7.edgeStyle;
       return (// className="lf-anchor" 作为下载时，需要将锚点删除的依据，不要修改类名
         Object(preact_module["g" /* h */])("g", {
           className: "lf-anchor"
@@ -33459,16 +33521,10 @@ var BaseNode_BaseNode = /*#__PURE__*/function (_Component) {
     });
 
     BaseNode_defineProperty(BaseNode_assertThisInitialized(_this), "setHoverON", function (ev) {
-      var isHovered = _this.state.isHovered;
-      if (isHovered) return;
-
-      _this.setState({
-        isHovered: true
-      });
-
       var _this$props6 = _this.props,
           model = _this$props6.model,
           graphModel = _this$props6.graphModel;
+      if (model.isHovered) return;
       var nodeData = model.getData();
       model.setHovered(true);
       graphModel.eventCenter.emit(EventType.NODE_MOUSEENTER, {
@@ -33478,14 +33534,11 @@ var BaseNode_BaseNode = /*#__PURE__*/function (_Component) {
     });
 
     BaseNode_defineProperty(BaseNode_assertThisInitialized(_this), "setHoverOFF", function (ev) {
-      _this.setState({
-        isHovered: false
-      });
-
       var _this$props7 = _this.props,
           model = _this$props7.model,
           graphModel = _this$props7.graphModel;
       var nodeData = model.getData();
+      if (!model.isHovered) return;
       model.setHovered(false);
       graphModel.eventCenter.emit(EventType.NODE_MOUSELEAVE, {
         data: nodeData,
@@ -33514,9 +33567,6 @@ var BaseNode_BaseNode = /*#__PURE__*/function (_Component) {
       eventCenter: eventCenter,
       model: _model
     });
-    _this.state = {
-      isHovered: false
-    };
     return _this;
   }
 
@@ -33535,12 +33585,12 @@ var BaseNode_BaseNode = /*#__PURE__*/function (_Component) {
           graphModel = _this$props8.graphModel;
       var isSelected = model.isSelected,
           isHitable = model.isHitable,
-          isDragging = model.isDragging;
-      var isHovered = this.state.isHovered;
+          isDragging = model.isDragging,
+          isShowAnchor = model.isShowAnchor;
 
-      if (isHitable && (isSelected || isHovered) && !isDragging) {
-        var edgeStyle = model.getAnchorLineStyle();
+      if (isHitable && (isSelected || isShowAnchor) && !isDragging) {
         return lodash_es_map(model.anchors, function (anchor, index) {
+          var edgeStyle = model.getAnchorLineStyle(anchor);
           var style = model.getAnchorStyle(anchor);
           return Object(preact_module["g" /* h */])(view_Anchor, {
             anchorData: anchor,
@@ -34242,8 +34292,8 @@ var TextNode_TextNode = /*#__PURE__*/function (_BaseNode) {
   }
 
   TextNode_createClass(TextNode, [{
-    key: "getBackgroud",
-    value: function getBackgroud() {
+    key: "getBackground",
+    value: function getBackground() {
       var model = this.props.model;
       var style = model.getTextStyle();
       var text = model.text;
@@ -34269,7 +34319,7 @@ var TextNode_TextNode = /*#__PURE__*/function (_BaseNode) {
   }, {
     key: "getShape",
     value: function getShape() {
-      return Object(preact_module["g" /* h */])("g", null, this.getBackgroud());
+      return Object(preact_module["g" /* h */])("g", null, this.getBackground());
     }
   }]);
 
@@ -34338,7 +34388,7 @@ var HtmlNode_HtmlNode = /*#__PURE__*/function (_BaseNode) {
 
     HtmlNode_defineProperty(HtmlNode_assertThisInitialized(_this), "ref", void 0);
 
-    HtmlNode_defineProperty(HtmlNode_assertThisInitialized(_this), "currrentProperties", void 0);
+    HtmlNode_defineProperty(HtmlNode_assertThisInitialized(_this), "currentProperties", void 0);
 
     HtmlNode_defineProperty(HtmlNode_assertThisInitialized(_this), "preProperties", void 0);
 
@@ -34382,8 +34432,8 @@ var HtmlNode_HtmlNode = /*#__PURE__*/function (_BaseNode) {
   }, {
     key: "shouldUpdate",
     value: function shouldUpdate() {
-      if (this.preProperties && this.preProperties === this.currrentProperties) return;
-      this.preProperties = this.currrentProperties;
+      if (this.preProperties && this.preProperties === this.currentProperties) return;
+      this.preProperties = this.currentProperties;
       return true;
     }
   }, {
@@ -34409,7 +34459,7 @@ var HtmlNode_HtmlNode = /*#__PURE__*/function (_BaseNode) {
           height = model.height,
           width = model.width;
       var style = model.getNodeStyle();
-      this.currrentProperties = JSON.stringify(model.properties);
+      this.currentProperties = JSON.stringify(model.properties);
       return Object(preact_module["g" /* h */])("foreignObject", HtmlNode_extends({}, style, {
         x: x - width / 2,
         y: y - height / 2,
@@ -34525,8 +34575,8 @@ var LineText_LineText = /*#__PURE__*/function (_BaseText) {
   }
 
   LineText_createClass(LineText, [{
-    key: "getBackgroud",
-    value: function getBackgroud() {
+    key: "getBackground",
+    value: function getBackground() {
       var model = this.props.model;
       var style = model.getTextStyle();
       var text = model.text;
@@ -34644,7 +34694,7 @@ var LineText_LineText = /*#__PURE__*/function (_BaseText) {
         className: "lf-line-text",
         onMouseEnter: this.setHoverON,
         onMouseLeave: this.setHoverOFF
-      }, this.getBackgroud(), Object(preact_module["g" /* h */])(Text, LineText_extends({}, attr, {
+      }, this.getBackground(), Object(preact_module["g" /* h */])(Text, LineText_extends({}, attr, {
         model: model
       })));
     }
@@ -38626,6 +38676,13 @@ var LogicFlow_LogicFlow = /*#__PURE__*/function () {
 
       (_this$graphModel$getE = this.graphModel.getElement(id)) === null || _this$graphModel$getE === void 0 ? void 0 : _this$graphModel$getE.setProperties(formatData(properties));
     }
+  }, {
+    key: "deleteProperty",
+    value: function deleteProperty(id, key) {
+      var _this$graphModel$getE2;
+
+      (_this$graphModel$getE2 = this.graphModel.getElement(id)) === null || _this$graphModel$getE2 === void 0 ? void 0 : _this$graphModel$getE2.deleteProperty(key);
+    }
     /**
      * 获取元素的自定义属性
      * @param id 元素的id
@@ -38635,9 +38692,9 @@ var LogicFlow_LogicFlow = /*#__PURE__*/function () {
   }, {
     key: "getProperties",
     value: function getProperties(id) {
-      var _this$graphModel$getE2;
+      var _this$graphModel$getE3;
 
-      return (_this$graphModel$getE2 = this.graphModel.getElement(id)) === null || _this$graphModel$getE2 === void 0 ? void 0 : _this$graphModel$getE2.getProperties();
+      return (_this$graphModel$getE3 = this.graphModel.getElement(id)) === null || _this$graphModel$getE3 === void 0 ? void 0 : _this$graphModel$getE3.getProperties();
     }
     /**
      * 将某个元素放置到顶部。