UniqAI/hexabot
1
0
Fork 0
mirror of https://github.com/hexastack/hexabot synced 2024-11-24 04:53:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #104 from Hexastack/103-issue-visual-editor-block-self-link-intersection

Browse Source 
fix: enhance self linked block curve
This commit is contained in:
Mohamed Marrouchi 2024-09-30 11:07:48 +01:00 committed by GitHub
commit ddcc9757ef
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/visual-editor/v2/AdvancedLink/AdvancedLinkFactory.tsx
View File

@ -13,11 +13,11 @@ interface Point {
y: number;
}
const createCurvedPath = (start: Point, end: Point) => {
const controlPoint1X = start.x + 220;
const controlPoint1Y = start.y - 250;
const controlPoint2X = end.x - 250;
const controlPoint2Y = end.y - 250;
const createCurvedPath = (start: Point, end: Point, nodeHeight: number) => {
const controlPoint1X = start.x + nodeHeight - 20;
const controlPoint1Y = start.y - nodeHeight;
const controlPoint2X = end.x - nodeHeight - 20;
const controlPoint2Y = end.y - nodeHeight;
return `M ${start.x},${start.y} C ${controlPoint1X},${controlPoint1Y} ${controlPoint2X},${controlPoint2Y} ${end.x},${end.y}`;
};
@ -77,8 +77,14 @@ export class AdvancedLinkFactory extends DefaultLinkFactory {
x: targetPortPosition.x + 20,
y: targetPortPosition.y + 20,
};
const targetPortHeight = model.getTargetPort().height;
const targetNdeHeight =
(model.getTargetPort().getPosition().y -
model.getTargetPort().getNode().getPosition().y) *
2 +
targetPortHeight;
path = createCurvedPath(startPoint, endPoint);
path = createCurvedPath(startPoint, endPoint, targetNdeHeight);
}
return (