feat(core): support origin on node level closes #2874

packages/core/src/container/NodeRenderer/index.tsx

@@ -97,7 +97,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
           y: posY,
           width: node.width ?? 0,
           height: node.height ?? 0,
-          origin: props.nodeOrigin,
+          origin: node.origin || props.nodeOrigin,
         });
 
         return (

packages/core/src/hooks/useDrag/utils.ts

@@ -71,6 +71,7 @@ export function getDragItems(
       parentNode: n.parentNode,
       width: n.width,
       height: n.height,
+      origin: n.origin,
     }));
 }
 
@@ -87,14 +88,15 @@ export function calcNextPosition(
   if (node.extent === 'parent') {
     if (node.parentNode && node.width && node.height) {
       const parent = nodeInternals.get(node.parentNode);
-      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, nodeOrigin).positionAbsolute;
+      const parentOrigin = parent?.origin || nodeOrigin;
+      const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parentOrigin).positionAbsolute;
       currentExtent =
         parent && isNumeric(parentX) && isNumeric(parentY) && isNumeric(parent.width) && isNumeric(parent.height)
           ? [
-              [parentX + node.width * nodeOrigin[0], parentY + node.height * nodeOrigin[1]],
+              [parentX + node.width * parentOrigin[0], parentY + node.height * parentOrigin[1]],
               [
-                parentX + parent.width - node.width + node.width * nodeOrigin[0],
-                parentY + parent.height - node.height + node.height * nodeOrigin[1],
+                parentX + parent.width - node.width + node.width * parentOrigin[0],
+                parentY + parent.height - node.height + node.height * parentOrigin[1],
               ],
             ]
           : currentExtent;
@@ -105,7 +107,7 @@ export function calcNextPosition(
     }
   } else if (node.extent && node.parentNode) {
     const parent = nodeInternals.get(node.parentNode);
-    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, nodeOrigin).positionAbsolute;
+    const { x: parentX, y: parentY } = getNodePositionWithOrigin(parent, parent?.origin || nodeOrigin).positionAbsolute;
     currentExtent = [
       [node.extent[0][0] + parentX, node.extent[0][1] + parentY],
       [node.extent[1][0] + parentX, node.extent[1][1] + parentY],
@@ -116,7 +118,7 @@ export function calcNextPosition(
 
   if (node.parentNode) {
     const parentNode = nodeInternals.get(node.parentNode);
-    parentPosition = getNodePositionWithOrigin(parentNode, nodeOrigin).positionAbsolute;
+    parentPosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin).positionAbsolute;
   }
 
   const positionAbsolute = currentExtent

packages/core/src/store/index.ts

@@ -92,8 +92,8 @@ const createRFStore = () =>
               [internalsSymbol]: {
                 ...node[internalsSymbol],
                 handleBounds: {
-                  source: getHandleBounds('.source', update.nodeElement, zoom, nodeOrigin),
-                  target: getHandleBounds('.target', update.nodeElement, zoom, nodeOrigin),
+                  source: getHandleBounds('.source', update.nodeElement, zoom, node.origin || nodeOrigin),
+                  target: getHandleBounds('.target', update.nodeElement, zoom, node.origin || nodeOrigin),
                 },
               },
               ...dimensions,

packages/core/src/store/utils.ts

@@ -16,7 +16,7 @@ function calculateXYZPosition(
     return result;
   }
   const parentNode = nodeInternals.get(node.parentNode)!;
-  const parentNodePosition = getNodePositionWithOrigin(parentNode, nodeOrigin);
+  const parentNodePosition = getNodePositionWithOrigin(parentNode, parentNode?.origin || nodeOrigin);
 
   return calculateXYZPosition(
     parentNode,
@@ -26,7 +26,7 @@ function calculateXYZPosition(
       y: (result.y ?? 0) + parentNodePosition.y,
       z: (parentNode[internalsSymbol]?.z ?? 0) > (result.z ?? 0) ? parentNode[internalsSymbol]?.z ?? 0 : result.z ?? 0,
     },
-    nodeOrigin
+    parentNode.origin || nodeOrigin
   );
 }
 
@@ -41,6 +41,7 @@ export function updateAbsoluteNodePositions(
     }
 
     if (node.parentNode || parentNodes?.[node.id]) {
+      const parentNode = node.parentNode ? nodeInternals.get(node.parentNode) : null;
       const { x, y, z } = calculateXYZPosition(
         node,
         nodeInternals,
@@ -48,7 +49,7 @@ export function updateAbsoluteNodePositions(
           ...node.position,
           z: node[internalsSymbol]?.z ?? 0,
         },
-        nodeOrigin
+        parentNode?.origin || nodeOrigin
       );
 
       node.positionAbsolute = {