refactor(edges): default zIndex=0

src/container/EdgeRenderer/index.tsx

@@ -37,6 +37,7 @@ interface EdgeRendererProps {
   onEdgeUpdateEnd?: (event: MouseEvent, edge: Edge, handleType: HandleType) => void;
   edgeUpdaterRadius?: number;
   noPanClassName?: string;
+  isEdgeAutoZIndex: boolean;
 }
 
 const selector = (s: ReactFlowState) => ({
@@ -65,7 +66,7 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
     connectionMode,
     nodeInternals,
   } = useStore(selector, shallow);
-  const edgeTree = useVisibleEdges(props.onlyRenderVisibleElements, nodeInternals);
+  const edgeTree = useVisibleEdges(props.onlyRenderVisibleElements, nodeInternals, props.isEdgeAutoZIndex);
 
   if (!width) {
     return null;

src/container/GraphView/index.tsx

@@ -82,6 +82,7 @@ const GraphView = ({
   noDragClassName,
   noWheelClassName,
   noPanClassName,
+  isEdgeAutoZIndex,
 }: GraphViewProps) => {
   useOnInitHandler(onInit);
 
@@ -135,6 +136,7 @@ const GraphView = ({
           edgeUpdaterRadius={edgeUpdaterRadius}
           defaultMarkerColor={defaultMarkerColor}
           noPanClassName={noPanClassName}
+          isEdgeAutoZIndex={!!isEdgeAutoZIndex}
         />
         <NodeRenderer
           nodeTypes={nodeTypes}

src/container/ReactFlow/index.tsx

@@ -137,6 +137,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       attributionPosition,
       proOptions,
       defaultEdgeOptions,
+      isEdgeAutoZIndex = false,
       ...rest
     },
     ref
@@ -204,6 +205,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             noDragClassName={noDragClassName}
             noWheelClassName={noWheelClassName}
             noPanClassName={noPanClassName}
+            isEdgeAutoZIndex={isEdgeAutoZIndex}
           />
           <StoreUpdater
             nodes={nodes}