fix: workflow edge curvature (#3488)

This commit is contained in:
zxhlyh 2024-04-15 15:49:40 +08:00 committed by GitHub
parent d965b91b08
commit 58cbda2950
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 4 deletions

View File

@ -2,19 +2,20 @@ import { memo } from 'react'
import type { ConnectionLineComponentProps } from 'reactflow'
import {
Position,
getSimpleBezierPath,
getBezierPath,
} from 'reactflow'
const CustomConnectionLine = ({ fromX, fromY, toX, toY }: ConnectionLineComponentProps) => {
const [
edgePath,
] = getSimpleBezierPath({
] = getBezierPath({
sourceX: fromX,
sourceY: fromY,
sourcePosition: Position.Right,
targetX: toX,
targetY: toY,
targetPosition: Position.Left,
curvature: 0.16,
})
return (

View File

@ -9,7 +9,7 @@ import {
BaseEdge,
EdgeLabelRenderer,
Position,
getSimpleBezierPath,
getBezierPath,
} from 'reactflow'
import {
useNodesExtraData,
@ -38,13 +38,14 @@ const CustomEdge = ({
edgePath,
labelX,
labelY,
] = getSimpleBezierPath({
] = getBezierPath({
sourceX: sourceX - 8,
sourceY,
sourcePosition: Position.Right,
targetX: targetX + 8,
targetY,
targetPosition: Position.Left,
curvature: 0.16,
})
const [open, setOpen] = useState(false)
const { handleNodeAdd } = useNodesInteractions()