fix(nodes): correctly calculate xyzpos from parent

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

src/components/Nodes/NodeWrapper.vue

@@ -32,7 +32,7 @@ watch([() => node.value.position, () => node.value.parentNode?.position], () =>
     z: node.value.computedPosition.z,
   }
   if (node.value.parentNode) {
-    node.value.computedPosition = getXYZPos(node.value, xyzPos)
+    node.value.computedPosition = getXYZPos(node.value.parentNode, xyzPos)
   } else {
     node.value.computedPosition = xyzPos
   }

src/types/connection.ts

@@ -14,7 +14,6 @@ export interface Connection {
   targetHandle?: string
 }
 
-export type OnConnectFunc = (connection: Connection) => void
 export type OnConnectStartParams = {
   nodeId?: string
   handleId?: string

src/types/node.ts

@@ -61,7 +61,7 @@ export interface NodeProps<T = any> {
   dragging?: boolean
   isValidTargetPos?: ValidConnectionFunc
   isValidSourcePos?: ValidConnectionFunc
-  parentNode?: GraphNode<T>[]
+  parentNode?: any
   isParent?: boolean
   children?: Node<T>[]
 }

src/utils/graph.ts

@@ -327,14 +327,12 @@ export const getTransformForBounds = (
   return [x, y, clampedZoom]
 }
 
-export const getXYZPos = (node: GraphNode, result: XYZPosition): XYZPosition => {
+export const getXYZPos = (parentNode: GraphNode, computedPosition: XYZPosition): XYZPosition => {
-  if (!node.parentNode) return result
+  return {
-  return getXYZPos(node.parentNode, {
+    x: computedPosition.x + parentNode.computedPosition.x,
-    x: result.x + node.parentNode.computedPosition.x,
+    y: computedPosition.y + parentNode.computedPosition.y,
-    y: result.y + node.parentNode.computedPosition.y,
+    z: parentNode.computedPosition.z > computedPosition.z ? parentNode.computedPosition.z : computedPosition.z,
-    z:
+  }
-      node.parentNode.computedPosition.z > node.computedPosition.z ? node.parentNode.computedPosition.z : node.computedPosition.z,
-  })
 }
 
 export const isParentSelected = (node: GraphNode): boolean => {