From d87388fbe60be18563c85fe303ae3f2d4bc49fe5 Mon Sep 17 00:00:00 2001 From: Braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Tue, 23 Nov 2021 13:00:29 +0100 Subject: [PATCH] fix: connection line position incorrectly calculated Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com> --- src/components/ConnectionLine/ConnectionLine.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/ConnectionLine/ConnectionLine.vue b/src/components/ConnectionLine/ConnectionLine.vue index cf180c76..58df160e 100644 --- a/src/components/ConnectionLine/ConnectionLine.vue +++ b/src/components/ConnectionLine/ConnectionLine.vue @@ -28,6 +28,7 @@ interface ConnectionLineProps { const props = withDefaults(defineProps(), { connectionLineType: ConnectionLineType.Bezier, connectionLineStyle: () => ({}), + connectionPosition: () => ({ x: 0, y: 0 }), }) const sourceHandle = @@ -42,8 +43,8 @@ const sourceY = props.vf.position.y + sourceHandleY const isRightOrLeft = sourceHandle?.position === Position.Left || sourceHandle?.position === Position.Right const targetPosition = isRightOrLeft ? Position.Left : Position.Top -const targetX = computed(() => (props.connectionPosition?.x || 0 - props.transform[0]) / props.transform[2]) -const targetY = computed(() => (props.connectionPosition?.y || 0 - props.transform[1]) / props.transform[2]) +const targetX = computed(() => (props.connectionPosition.x - props.transform[0]) / props.transform[2]) +const targetY = computed(() => (props.connectionPosition.y - props.transform[1]) / props.transform[2]) const dAttr = computed(() => { let path = `M${sourceX},${sourceY} ${targetX.value},${targetY.value}`