refactor(pathfinding-edge): remove getEdgeCenter usage

packages/pathfinding-edge/src/arrow/PerfectArrow.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { EdgeText, getEdgeCenter } from '@vue-flow/core'
+import { EdgeText, getSimpleBezierPath } from '@vue-flow/core'
 import type { CSSProperties } from 'vue'
 import { getArrow } from 'perfect-arrows'
 import type { PerfectArrowProps } from '../types'
@@ -13,7 +13,7 @@ const props = withDefaults(defineProps<PerfectArrowProps>(), {
 })
 
 const centered = computed(() =>
-  getEdgeCenter({
+  getSimpleBezierPath({
     ...props,
   }),
 )
@@ -44,8 +44,8 @@ export default {
   />
   <EdgeText
     v-if="props.label"
-    :x="centered[0]"
-    :y="centered[1]"
+    :x="centered[1]"
+    :y="centered[2]"
     :label="props.label"
     :label-style="props.labelStyle"
     :label-show-bg="props.labelShowBg"

packages/pathfinding-edge/src/edge/PathFindingEdge.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { Position } from '@vue-flow/core'
-import { BezierEdge, EdgeText, getEdgeCenter, useVueFlow } from '@vue-flow/core'
+import { BezierEdge, EdgeText, getSimpleBezierPath, useVueFlow } from '@vue-flow/core'
 import type { PathFindingEdgeProps } from '../types'
 import { createGrid, gridRatio } from './createGrid'
 import { drawSmoothLinePath } from './drawSvgPath'
@@ -24,7 +24,7 @@ const roundCoordinatesTo = gridRatio
 const { getNodes } = useVueFlow()
 
 const centered = computed(() =>
-  getEdgeCenter({
+  getSimpleBezierPath({
     ...props,
   }),
 )
@@ -33,6 +33,7 @@ const source = computed(() => ({
   y: props.sourceY,
   position: props.sourcePosition,
 }))
+
 const target = computed(() => ({
   x: props.targetX,
   y: props.targetY,
@@ -95,8 +96,8 @@ export default {
     />
     <EdgeText
       v-if="props.label"
-      :x="centered[0]"
-      :y="centered[1]"
+      :x="centered[1]"
+      :y="centered[2]"
       :label="props.label"
       :label-style="props.labelStyle"
       :label-show-bg="props.labelShowBg"