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

tighter check

Browse Source
This commit is contained in:
Alessandro
2025-07-29 12:45:34 +02:00
parent 24dc140431
commit 8cb54fbf46
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
examples/svelte/src/routes/examples/edges/+page.svelte
View File

@@ -149,7 +149,9 @@
label: 'Explicit Prop Blue Color (should override CSS)',
markerEnd: {
type: MarkerType.ArrowClosed,
color: '#0000ff'
color: '#0000ff',
width: 40,
height: 40
}
},
{
@@ -159,7 +161,9 @@
label: 'Marker No Prop Color (should use CSS variable)',
markerEnd: {
type: MarkerType.ArrowClosed,
color: null
color: undefined,
width: 40,
height: 40
}
}
]);

4
packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
View File

@@ -8,7 +8,7 @@ type SymbolProps = Omit<EdgeMarker, 'type'>;
const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
const style = {
strokeWidth,
...(color !== 'none' && { stroke: color, fill: color }),
...(color && color !== 'none' && { stroke: color, fill: color }),
};
return <polyline style={style} strokeLinecap="round" strokeLinejoin="round" fill="none" points="-5,-4 0,0 -5,4" />;
@@ -17,7 +17,7 @@ const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
const ArrowClosedSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
const style = {
strokeWidth,
...(color !== 'none' && { stroke: color, fill: color }),
...(color && color !== 'none' && { stroke: color, fill: color }),
};
return <polyline style={style} strokeLinecap="round" strokeLinejoin="round" points="-5,-4 0,0 -5,4 -5,-4" />;