Remove not needed nesting for resize (#460)
This commit is contained in:
parent
7ae52f1164
commit
3715da9966
128
src/index.tsx
128
src/index.tsx
@ -856,75 +856,75 @@ export class App extends React.Component<{}, AppState> {
|
||||
const { x, y } = viewportCoordsToSceneCoords(e, this.state);
|
||||
let deltaX = 0;
|
||||
let deltaY = 0;
|
||||
selectedElements.forEach(element => {
|
||||
switch (resizeHandle) {
|
||||
case "nw":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
if (e.shiftKey) {
|
||||
element.y += element.height - element.width;
|
||||
element.height = element.width;
|
||||
} else {
|
||||
const deltaY = lastY - y;
|
||||
element.height += deltaY;
|
||||
element.y -= deltaY;
|
||||
}
|
||||
break;
|
||||
case "ne":
|
||||
element.width += x - lastX;
|
||||
if (e.shiftKey) {
|
||||
element.y += element.height - element.width;
|
||||
element.height = element.width;
|
||||
} else {
|
||||
deltaY = lastY - y;
|
||||
element.height += deltaY;
|
||||
element.y -= deltaY;
|
||||
}
|
||||
break;
|
||||
case "sw":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
if (e.shiftKey) {
|
||||
element.height = element.width;
|
||||
} else {
|
||||
element.height += y - lastY;
|
||||
}
|
||||
break;
|
||||
case "se":
|
||||
element.width += x - lastX;
|
||||
if (e.shiftKey) {
|
||||
element.height = element.width;
|
||||
} else {
|
||||
element.height += y - lastY;
|
||||
}
|
||||
break;
|
||||
case "n":
|
||||
const element = selectedElements[0];
|
||||
switch (resizeHandle) {
|
||||
case "nw":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
if (e.shiftKey) {
|
||||
element.y += element.height - element.width;
|
||||
element.height = element.width;
|
||||
} else {
|
||||
const deltaY = lastY - y;
|
||||
element.height += deltaY;
|
||||
element.y -= deltaY;
|
||||
}
|
||||
break;
|
||||
case "ne":
|
||||
element.width += x - lastX;
|
||||
if (e.shiftKey) {
|
||||
element.y += element.height - element.width;
|
||||
element.height = element.width;
|
||||
} else {
|
||||
deltaY = lastY - y;
|
||||
element.height += deltaY;
|
||||
element.y -= deltaY;
|
||||
break;
|
||||
case "w":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
break;
|
||||
case "s":
|
||||
}
|
||||
break;
|
||||
case "sw":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
if (e.shiftKey) {
|
||||
element.height = element.width;
|
||||
} else {
|
||||
element.height += y - lastY;
|
||||
break;
|
||||
case "e":
|
||||
element.width += x - lastX;
|
||||
break;
|
||||
}
|
||||
}
|
||||
break;
|
||||
case "se":
|
||||
element.width += x - lastX;
|
||||
if (e.shiftKey) {
|
||||
element.height = element.width;
|
||||
} else {
|
||||
element.height += y - lastY;
|
||||
}
|
||||
break;
|
||||
case "n":
|
||||
deltaY = lastY - y;
|
||||
element.height += deltaY;
|
||||
element.y -= deltaY;
|
||||
break;
|
||||
case "w":
|
||||
deltaX = lastX - x;
|
||||
element.width += deltaX;
|
||||
element.x -= deltaX;
|
||||
break;
|
||||
case "s":
|
||||
element.height += y - lastY;
|
||||
break;
|
||||
case "e":
|
||||
element.width += x - lastX;
|
||||
break;
|
||||
}
|
||||
|
||||
document.documentElement.style.cursor = getCursorForResizingElement(
|
||||
{ element, resizeHandle }
|
||||
);
|
||||
el.x = element.x;
|
||||
el.y = element.y;
|
||||
el.shape = null;
|
||||
|
||||
document.documentElement.style.cursor = getCursorForResizingElement(
|
||||
{ element, resizeHandle }
|
||||
);
|
||||
el.x = element.x;
|
||||
el.y = element.y;
|
||||
el.shape = null;
|
||||
});
|
||||
lastX = x;
|
||||
lastY = y;
|
||||
// We don't want to save history when resizing an element
|
||||
|
Loading…
x
Reference in New Issue
Block a user