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; let secondCornerPath = null;
// default case: source and target positions are top or bottom // default case: source and target positions are top or bottom
if (sourceX < targetX) { if (sourceX <= targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY ? bottomLeftCorner(sourceX, centerY, cornerSize) : topLeftCorner(sourceX, centerY, cornerSize); sourceY <= targetY ? bottomLeftCorner(sourceX, centerY, cornerSize) : topLeftCorner(sourceX, centerY, cornerSize);
secondCornerPath = secondCornerPath =
sourceY < targetY sourceY <= targetY
? rightTopCorner(targetX, centerY, cornerSize) ? rightTopCorner(targetX, centerY, cornerSize)
: rightBottomCorner(targetX, centerY, cornerSize); : rightBottomCorner(targetX, centerY, cornerSize);
} else if (sourceX > targetX) { } else if (sourceX > targetX) {
@@ -85,38 +85,38 @@ export function getSmoothStepPath({
} }
if (leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) { if (leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) { if (sourceX <= targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY sourceY <= targetY
? rightTopCorner(centerX, sourceY, cornerSize) ? rightTopCorner(centerX, sourceY, cornerSize)
: rightBottomCorner(centerX, sourceY, cornerSize); : rightBottomCorner(centerX, sourceY, cornerSize);
secondCornerPath = secondCornerPath =
sourceY < targetY sourceY <= targetY
? bottomLeftCorner(centerX, targetY, cornerSize) ? bottomLeftCorner(centerX, targetY, cornerSize)
: topLeftCorner(centerX, targetY, cornerSize); : topLeftCorner(centerX, targetY, cornerSize);
} }
} else if (leftAndRight.includes(sourcePosition) && !leftAndRight.includes(targetPosition)) { } else if (leftAndRight.includes(sourcePosition) && !leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) { if (sourceX <= targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY sourceY <= targetY
? rightTopCorner(targetX, sourceY, cornerSize) ? rightTopCorner(targetX, sourceY, cornerSize)
: rightBottomCorner(targetX, sourceY, cornerSize); : rightBottomCorner(targetX, sourceY, cornerSize);
} else if (sourceX > targetX) { } else if (sourceX > targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY sourceY <= targetY
? bottomRightCorner(sourceX, targetY, cornerSize) ? bottomRightCorner(sourceX, targetY, cornerSize)
: topRightCorner(sourceX, targetY, cornerSize); : topRightCorner(sourceX, targetY, cornerSize);
} }
secondCornerPath = ''; secondCornerPath = '';
} else if (!leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) { } else if (!leftAndRight.includes(sourcePosition) && leftAndRight.includes(targetPosition)) {
if (sourceX < targetX) { if (sourceX <= targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY sourceY <= targetY
? bottomLeftCorner(sourceX, targetY, cornerSize) ? bottomLeftCorner(sourceX, targetY, cornerSize)
: topLeftCorner(sourceX, targetY, cornerSize); : topLeftCorner(sourceX, targetY, cornerSize);
} else if (sourceX > targetX) { } else if (sourceX > targetX) {
firstCornerPath = firstCornerPath =
sourceY < targetY sourceY <= targetY
? bottomRightCorner(sourceX, targetY, cornerSize) ? bottomRightCorner(sourceX, targetY, cornerSize)
: topRightCorner(sourceX, targetY, cornerSize); : topRightCorner(sourceX, targetY, cornerSize);
} }