chore(example): add debug node

src/components/Nodes/wrapNode.tsx

@@ -270,6 +270,7 @@ export default (NodeComponent: ComponentType<NodeComponentProps>) => {
               targetPosition={targetPosition}
               isDragging={isDragging}
               dragHandle={dragHandle}
+              zIndex={zIndex}
             />
           </Provider>
         </div>

src/store/utils.ts

@@ -55,7 +55,7 @@ export function createNodeInternals(nodes: Node[], nodeInternals: NodeInternals)
 
       const positionAbsoluteAndTreeLevel = getAbsolutePosAndTreeLevel(node, nextNodeInternals, {
         ...node.position,
-        treeLevel: node.zIndex || updatedInternals?.treeLevel || parentNodeInternal?.treeLevel || 0,
+        treeLevel: updatedInternals.treeLevel || parentNodeInternal?.treeLevel || 0,
       });
 
       const { treeLevel, x, y } = positionAbsoluteAndTreeLevel;
@@ -67,12 +67,6 @@ export function createNodeInternals(nodes: Node[], nodeInternals: NodeInternals)
       };
       updatedInternals.treeLevel = treeLevel;
     }
-
-    // if (node.isDragging || node.isSelected) {
-    //   nextNodeInternals.set(node.id, { ...updatedInternals, treeLevel: 1000 });
-    // } else {
-    //   nextNodeInternals.set(node.id, { ...updatedInternals, treeLevel: updatedInternals?.treeLevel || 0 });
-    // }
   });
 
   return nextNodeInternals;

src/types/index.ts

@@ -239,6 +239,7 @@ export interface NodeProps<T = any> {
   sourcePosition?: Position;
   isDragging?: boolean;
   dragHandle?: string;
+  zIndex?: number;
 }
 
 export interface NodeComponentProps<T = any> {
@@ -264,6 +265,7 @@ export interface NodeComponentProps<T = any> {
   style?: CSSProperties;
   isDragging?: boolean;
   dragHandle?: string;
+  zIndex?: number;
 }
 
 export interface WrapNodeProps<T = any> {