소스 검색

fix: workflow edge curvature (#3488)

tags/0.6.3
zxhlyh 1 년 전
부모
커밋
58cbda2950
No account linked to committer's email address
2개의 변경된 파일6개의 추가작업 그리고 4개의 파일을 삭제
  1. 3
    2
      web/app/components/workflow/custom-connection-line.tsx
  2. 3
    2
      web/app/components/workflow/custom-edge.tsx

+ 3
- 2
web/app/components/workflow/custom-connection-line.tsx 파일 보기

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 (

+ 3
- 2
web/app/components/workflow/custom-edge.tsx 파일 보기

BaseEdge, BaseEdge,
EdgeLabelRenderer, EdgeLabelRenderer,
Position, Position,
getSimpleBezierPath,
getBezierPath,
} from 'reactflow' } from 'reactflow'
import { import {
useNodesExtraData, useNodesExtraData,
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()

Loading…
취소
저장