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

refactor(base-edge): pass id to base edge path

Browse Source
This commit is contained in:
moklick
2023-05-10 12:32:25 +02:00
parent e21531b173
commit a72ab2f2dc
4 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/vite-app/src/examples/Edges/CustomEdge.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import { FC } from 'react';
import { EdgeProps, getBezierPath } from 'reactflow';
import { BaseEdge, EdgeProps, getBezierPath } from 'reactflow';
const CustomEdge: FC<EdgeProps> = ({
id,
@@ -22,7 +22,7 @@ const CustomEdge: FC<EdgeProps> = ({
return (
<>
<path id={id} className="react-flow__edge-path" d={edgePath} />
<BaseEdge path={edgePath} id={id} />
<text>
<textPath href={`#${id}`} style={{ fontSize: '12px' }} startOffset="50%" textAnchor="middle">
{data.text}
examples/vite-app/src/examples/Edges/CustomEdge2.tsx
+2 -3
View File
@@ -1,5 +1,5 @@
import { FC } from 'react';
import { EdgeProps, getBezierPath, EdgeText } from 'reactflow';
import { EdgeProps, getBezierPath, EdgeText, BaseEdge } from 'reactflow';
const CustomEdge: FC<EdgeProps> = ({
id,
@@ -22,7 +22,7 @@ const CustomEdge: FC<EdgeProps> = ({
return (
<>
<path id={id} className="react-flow__edge-path" d={edgePath} />
<BaseEdge id={id} path={edgePath} />
<EdgeText
x={labelX}
y={labelY}
@@ -34,7 +34,6 @@ const CustomEdge: FC<EdgeProps> = ({
labelBgBorderRadius={2}
onClick={() => console.log(data)}
/>
;
</>
);
};