mirror of
https://github.com/langgenius/dify.git
synced 2024-11-16 19:59:50 +08:00
41 lines
767 B
TypeScript
41 lines
767 B
TypeScript
import { memo } from 'react'
|
|
import type { ConnectionLineComponentProps } from 'reactflow'
|
|
import {
|
|
Position,
|
|
getBezierPath,
|
|
} from 'reactflow'
|
|
|
|
const CustomConnectionLine = ({ fromX, fromY, toX, toY }: ConnectionLineComponentProps) => {
|
|
const [
|
|
edgePath,
|
|
] = getBezierPath({
|
|
sourceX: fromX,
|
|
sourceY: fromY,
|
|
sourcePosition: Position.Right,
|
|
targetX: toX,
|
|
targetY: toY,
|
|
targetPosition: Position.Left,
|
|
curvature: 0.16,
|
|
})
|
|
|
|
return (
|
|
<g>
|
|
<path
|
|
fill="none"
|
|
stroke='#D0D5DD'
|
|
strokeWidth={2}
|
|
d={edgePath}
|
|
/>
|
|
<rect
|
|
x={toX}
|
|
y={toY - 4}
|
|
width={2}
|
|
height={8}
|
|
fill='#2970FF'
|
|
/>
|
|
</g>
|
|
)
|
|
}
|
|
|
|
export default memo(CustomConnectionLine)
|