alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: connection line position incorrectly calculated

Browse Source 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-23 13:00:29 +01:00
parent 94dcb0c03d
commit d87388fbe6
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ConnectionLine/ConnectionLine.vue
+3 -2
View File
@@ -28,6 +28,7 @@ interface ConnectionLineProps {
const props = withDefaults(defineProps<ConnectionLineProps>(), { const props = withDefaults(defineProps<ConnectionLineProps>(), {
connectionLineType: ConnectionLineType.Bezier, connectionLineType: ConnectionLineType.Bezier,
connectionLineStyle: () => ({}), connectionLineStyle: () => ({}),
connectionPosition: () => ({ x: 0, y: 0 }),
}) })
const sourceHandle = const sourceHandle =
@@ -42,8 +43,8 @@ const sourceY = props.vf.position.y + sourceHandleY
const isRightOrLeft = sourceHandle?.position === Position.Left || sourceHandle?.position === Position.Right const isRightOrLeft = sourceHandle?.position === Position.Left || sourceHandle?.position === Position.Right
const targetPosition = isRightOrLeft ? Position.Left : Position.Top const targetPosition = isRightOrLeft ? Position.Left : Position.Top
const targetX = computed(() => (props.connectionPosition?.x || 0 - props.transform[0]) / props.transform[2]) const targetX = computed(() => (props.connectionPosition.x - props.transform[0]) / props.transform[2])
const targetY = computed(() => (props.connectionPosition?.y || 0 - props.transform[1]) / props.transform[2]) const targetY = computed(() => (props.connectionPosition.y - props.transform[1]) / props.transform[2])
const dAttr = computed(() => { const dAttr = computed(() => {
let path = `M${sourceX},${sourceY} ${targetX.value},${targetY.value}` let path = `M${sourceX},${sourceY} ${targetX.value},${targetY.value}`