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
examples/svelte/src/routes/examples/edges/+page.svelte
+6 -2
View File
@@ -149,7 +149,9 @@
label: 'Explicit Prop Blue Color (should override CSS)', label: 'Explicit Prop Blue Color (should override CSS)',
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
color: '#0000ff' color: '#0000ff',
width: 40,
height: 40
} }
}, },
{ {
@@ -159,7 +161,9 @@
label: 'Marker No Prop Color (should use CSS variable)', label: 'Marker No Prop Color (should use CSS variable)',
markerEnd: { markerEnd: {
type: MarkerType.ArrowClosed, type: MarkerType.ArrowClosed,
color: null color: undefined,
width: 40,
height: 40
} }
} }
]); ]);
packages/react/src/container/EdgeRenderer/MarkerSymbols.tsx
+2 -2
View File
@@ -8,7 +8,7 @@ type SymbolProps = Omit<EdgeMarker, 'type'>;
const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => { const ArrowSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
const style = { const style = {
strokeWidth, 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" />; 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 ArrowClosedSymbol = ({ color = 'none', strokeWidth = 1 }: SymbolProps) => {
const style = { const style = {
strokeWidth, 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" />; return <polyline style={style} strokeLinecap="round" strokeLinejoin="round" points="-5,-4 0,0 -5,4 -5,-4" />;