Austin/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2024-11-16 03:32:23 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: workflow edge curvature (#3488)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/workflow/custom-connection-line.tsx
View File

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

5
web/app/components/workflow/custom-edge.tsx
View File

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