chore: 优化旅程交互

src/components/flow/CustomEdge.vue

@@ -31,7 +31,7 @@ export default {
 </script>
 
 <template>
-  <StepEdge :id="id" :style="style" :path="path[0]" :marker-end="markerEnd" :interactionWidth="2"></StepEdge>
+  <StepEdge :id="id" :style="style" :path="path[0]" :marker-end="markerEnd" :interactionWidth="30"></StepEdge>
   <EdgeLabelRenderer>
     <div class="edge-label" :style="{ transform: `translate(-50%, -50%) translate(${path[1]}px,${path[2]}px)` }">
       <span v-if="label" :style="{ color: labelColor }">{{ label }}</span>

src/components/flow/Index.vue

@@ -142,6 +142,8 @@ const onAddText = (event: MouseEvent) => {
     <el-card shadow="never" class="flow-main" @drop="onDrop">
       <slot name="header"> </slot>
       <VueFlow
+        snap-to-grid
+        :snap-grid="[40, 40]"
         :zoom-on-scroll="false"
         :prevent-scrolling="false"
         :connection-radius="30"