@logicflow/core 2.1.2 → 2.1.3

package/es/view/edge/BaseEdge.js

@@ -282,12 +282,21 @@ var BaseEdge = /** @class */ (function (_super) {
         var _a = model.getArrowStyle(), _b = _a.refY, refY = _b === void 0 ? 0 : _b, _c = _a.refX, refX = _c === void 0 ? 2 : _c;
         var _d = __read(this.getLastTwoPoints(), 2), start = _d[0], end = _d[1];
         var theta = 'auto';
-        if (start !== null && end !== null) {
-            theta = degrees(getThetaOfVector({
-                x: end.x - start.x,
-                y: end.y - start.y,
-                z: 0,
-            }));
+        // 防止无效点和零长度向量以避免 NaN 方向
+        if (start && end) {
+            var dx = end.x - start.x;
+            var dy = end.y - start.y;
+            // 仅在有实际方向时才计算
+            if (dx !== 0 || dy !== 0) {
+                var computed = degrees(getThetaOfVector({
+                    x: dx,
+                    y: dy,
+                    z: 0,
+                }));
+                if (Number.isFinite(computed) && !Number.isNaN(computed)) {
+                    theta = computed;
+                }
+            }
         }
         return (_jsx("g", { children: _jsxs("defs", { children: [_jsx("marker", { id: "marker-start-".concat(id), refX: -refX, refY: refY, overflow: "visible", orient: "auto", markerUnits: "userSpaceOnUse", children: this.getStartArrow() }), _jsx("marker", { id: "marker-end-".concat(id), refX: refX, refY: refY, overflow: "visible", orient: theta, markerUnits: "userSpaceOnUse", children: this.getEndArrow() })] }) }));
     };

package/lib/view/edge/BaseEdge.js

@@ -308,12 +308,21 @@ var BaseEdge = /** @class */ (function (_super) {
         var _a = model.getArrowStyle(), _b = _a.refY, refY = _b === void 0 ? 0 : _b, _c = _a.refX, refX = _c === void 0 ? 2 : _c;
         var _d = __read(this.getLastTwoPoints(), 2), start = _d[0], end = _d[1];
         var theta = 'auto';
-        if (start !== null && end !== null) {
-            theta = (0, util_1.degrees)((0, util_1.getThetaOfVector)({
-                x: end.x - start.x,
-                y: end.y - start.y,
-                z: 0,
-            }));
+        // 防止无效点和零长度向量以避免 NaN 方向
+        if (start && end) {
+            var dx = end.x - start.x;
+            var dy = end.y - start.y;
+            // 仅在有实际方向时才计算
+            if (dx !== 0 || dy !== 0) {
+                var computed = (0, util_1.degrees)((0, util_1.getThetaOfVector)({
+                    x: dx,
+                    y: dy,
+                    z: 0,
+                }));
+                if (Number.isFinite(computed) && !Number.isNaN(computed)) {
+                    theta = computed;
+                }
+            }
         }
         return ((0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsx)("marker", { id: "marker-start-".concat(id), refX: -refX, refY: refY, overflow: "visible", orient: "auto", markerUnits: "userSpaceOnUse", children: this.getStartArrow() }), (0, jsx_runtime_1.jsx)("marker", { id: "marker-end-".concat(id), refX: refX, refY: refY, overflow: "visible", orient: theta, markerUnits: "userSpaceOnUse", children: this.getEndArrow() })] }) }));
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logicflow/core",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "LogicFlow, help you quickly create flowcharts",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/view/edge/BaseEdge.tsx

@@ -124,14 +124,23 @@ export abstract class BaseEdge<P extends IProps> extends Component<
     const { refY = 0, refX = 2 } = model.getArrowStyle()
     const [start, end] = this.getLastTwoPoints()
     let theta: string | number = 'auto'
-    if (start !== null && end !== null) {
-      theta = degrees(
-        getThetaOfVector({
-          x: end.x - start.x,
-          y: end.y - start.y,
-          z: 0,
-        }),
-      )
+    // 防止无效点和零长度向量以避免 NaN 方向
+    if (start && end) {
+      const dx = end.x - start.x
+      const dy = end.y - start.y
+      // 仅在有实际方向时才计算
+      if (dx !== 0 || dy !== 0) {
+        const computed = degrees(
+          getThetaOfVector({
+            x: dx,
+            y: dy,
+            z: 0,
+          }),
+        )
+        if (Number.isFinite(computed) && !Number.isNaN(computed)) {
+          theta = computed
+        }
+      }
     }
     return (
       <g>