alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Formatting

Browse Source
This commit is contained in:
RunDevelopment
2022-05-22 12:13:37 +02:00
parent 225298447d
commit daf5927c09
1 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/container/EdgeRenderer/index.tsx
+29 -21
View File
@@ -73,7 +73,13 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
return null; return null;
} }
const { connectionLineType, defaultMarkerColor, connectionLineStyle, connectionLineComponent, connectionLineContainerStyle } = props; const {
connectionLineType,
defaultMarkerColor,
connectionLineStyle,
connectionLineComponent,
connectionLineContainerStyle,
} = props;
const renderConnectionLine = connectionNodeId && connectionHandleType; const renderConnectionLine = connectionNodeId && connectionHandleType;
return ( return (
@@ -183,26 +189,28 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
</g> </g>
</svg> </svg>
))} ))}
{renderConnectionLine && <svg {renderConnectionLine && (
style={connectionLineContainerStyle} <svg
width={width} style={connectionLineContainerStyle}
height={height} width={width}
className="react-flow__edges react-flow__connectionline react-flow__container" height={height}
> className="react-flow__edges react-flow__connectionline react-flow__container"
<g> >
<ConnectionLine <g>
connectionNodeId={connectionNodeId!} <ConnectionLine
connectionHandleId={connectionHandleId} connectionNodeId={connectionNodeId!}
connectionHandleType={connectionHandleType!} connectionHandleId={connectionHandleId}
connectionPositionX={connectionPosition.x} connectionHandleType={connectionHandleType!}
connectionPositionY={connectionPosition.y} connectionPositionX={connectionPosition.x}
connectionLineStyle={connectionLineStyle} connectionPositionY={connectionPosition.y}
connectionLineType={connectionLineType} connectionLineStyle={connectionLineStyle}
isConnectable={nodesConnectable} connectionLineType={connectionLineType}
CustomConnectionLineComponent={connectionLineComponent} isConnectable={nodesConnectable}
/> CustomConnectionLineComponent={connectionLineComponent}
</g> />
</svg>} </g>
</svg>
)}
</> </>
); );
}; };