refactor(flowEditor): 优化流程线的绘制方式

src/pages/flowEditor/components/customEdge.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseEdge, EdgeLabelRenderer, EdgeProps, getBezierPath, useReactFlow } from '@xyflow/react';
+import { BaseEdge, EdgeLabelRenderer, EdgeProps, getSmoothStepPath, useReactFlow } from '@xyflow/react';
-import EdgeAddNodeButton from './edgeAddNodeButton';
+import EdgeAddNodeButton from '@/pages/flowEditor/components/edgeAddNodeButton';
 
 const CustomEdge: React.FC<EdgeProps> = ({
   id,
@@ -14,14 +14,15 @@ const CustomEdge: React.FC<EdgeProps> = ({
   markerEnd,
   selected,
   data
-                                         }) => {
+}) => {
-  const [edgePath, labelX, labelY, offsetX, offsetY] = getBezierPath({
+  const [edgePath, labelX, labelY] = getSmoothStepPath({
     sourceX,
     sourceY,
     sourcePosition,
     targetX,
     targetY,
-    targetPosition
+    targetPosition,
+    borderRadius: 8, // 设置圆角半径
   });
 
   // 从数据中获取悬停状态