alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(smoothstepedge): draw straight line when source and target have same x positions

Browse Source
This commit is contained in:
moklick
2020-07-14 14:57:56 +02:00
parent 65764fbefb
commit cbc98df74a
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Edges/SmoothStepEdge.tsx
+12 -12
View File
@@ -68,11 +68,11 @@ export function getSmoothStepPath({
let secondCornerPath = null;
// default case: source and target positions are top or bottom
if (sourceX < targetX) {
if (sourceX <= targetX) {
firstCornerPath =
sourceY < targetY ? bottomLeftCorner(sourceX, centerY, cornerSize) : topLeftCorner(sourceX, centerY, cornerSize);
sourceY <= targetY ? bottomLeftCorner(sourceX, centerY, cornerSize) : topLeftCorner(sourceX, centerY, cornerSize);
secondCornerPath =
sourceY < targetY
sourceY <= targetY
? rightTopCorner(targetX, centerY, cornerSize)
: rightBottomCorner(targetX, centerY, cornerSize);
} else if (sourceX > targetX) {
@@ -85,38 +85,38 @@ export function getSmoothStepPath({
}
if (leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) {
if (sourceX <= targetX) {
firstCornerPath =
sourceY < targetY
sourceY <= targetY
? rightTopCorner(centerX, sourceY, cornerSize)
: rightBottomCorner(centerX, sourceY, cornerSize);
secondCornerPath =
sourceY < targetY
sourceY <= targetY
? bottomLeftCorner(centerX, targetY, cornerSize)
: topLeftCorner(centerX, targetY, cornerSize);
}
} else if (leftAndRight.includes(sourcePosition) && !leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) {
if (sourceX <= targetX) {
firstCornerPath =
sourceY < targetY
sourceY <= targetY
? rightTopCorner(targetX, sourceY, cornerSize)
: rightBottomCorner(targetX, sourceY, cornerSize);
} else if (sourceX > targetX) {
firstCornerPath =
sourceY < targetY
sourceY <= targetY
? bottomRightCorner(sourceX, targetY, cornerSize)
: topRightCorner(sourceX, targetY, cornerSize);
}
secondCornerPath = '';
} else if (!leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) {
if (sourceX <= targetX) {
firstCornerPath =
sourceY < targetY
sourceY <= targetY
? bottomLeftCorner(sourceX, targetY, cornerSize)
: topLeftCorner(sourceX, targetY, cornerSize);
} else if (sourceX > targetX) {
firstCornerPath =
sourceY < targetY
sourceY <= targetY
? bottomRightCorner(sourceX, targetY, cornerSize)
: topRightCorner(sourceX, targetY, cornerSize);
}