mirror of
https://github.com/langgenius/dify.git
synced 2026-07-21 18:58:35 +08:00
25 lines
669 B
TypeScript
25 lines
669 B
TypeScript
import type { ConnectionLineComponentProps } from 'reactflow'
|
|
import { memo } from 'react'
|
|
import { getBezierPath, Position } 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)
|