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);
|
const { x, y } = viewportCoordsToSceneCoords(e, this.state);
|
||||||
let deltaX = 0;
|
let deltaX = 0;
|
||||||
let deltaY = 0;
|
let deltaY = 0;
|
||||||
selectedElements.forEach(element => {
|
const element = selectedElements[0];
|
||||||
switch (resizeHandle) {
|
switch (resizeHandle) {
|
||||||
case "nw":
|
case "nw":
|
||||||
deltaX = lastX - x;
|
deltaX = lastX - x;
|
||||||
element.width += deltaX;
|
element.width += deltaX;
|
||||||
element.x -= deltaX;
|
element.x -= deltaX;
|
||||||
if (e.shiftKey) {
|
if (e.shiftKey) {
|
||||||
element.y += element.height - element.width;
|
element.y += element.height - element.width;
|
||||||
element.height = element.width;
|
element.height = element.width;
|
||||||
} else {
|
} else {
|
||||||
const deltaY = lastY - y;
|
const deltaY = lastY - y;
|
||||||
element.height += deltaY;
|
element.height += deltaY;
|
||||||
element.y -= deltaY;
|
element.y -= deltaY;
|
||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "ne":
|
case "ne":
|
||||||
element.width += x - lastX;
|
element.width += x - lastX;
|
||||||
if (e.shiftKey) {
|
if (e.shiftKey) {
|
||||||
element.y += element.height - element.width;
|
element.y += element.height - element.width;
|
||||||
element.height = element.width;
|
element.height = element.width;
|
||||||
} else {
|
} 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":
|
|
||||||
deltaY = lastY - y;
|
deltaY = lastY - y;
|
||||||
element.height += deltaY;
|
element.height += deltaY;
|
||||||
element.y -= deltaY;
|
element.y -= deltaY;
|
||||||
break;
|
}
|
||||||
case "w":
|
break;
|
||||||
deltaX = lastX - x;
|
case "sw":
|
||||||
element.width += deltaX;
|
deltaX = lastX - x;
|
||||||
element.x -= deltaX;
|
element.width += deltaX;
|
||||||
break;
|
element.x -= deltaX;
|
||||||
case "s":
|
if (e.shiftKey) {
|
||||||
|
element.height = element.width;
|
||||||
|
} else {
|
||||||
element.height += y - lastY;
|
element.height += y - lastY;
|
||||||
break;
|
}
|
||||||
case "e":
|
break;
|
||||||
element.width += x - lastX;
|
case "se":
|
||||||
break;
|
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;
|
lastX = x;
|
||||||
lastY = y;
|
lastY = y;
|
||||||
// We don't want to save history when resizing an element
|
// We don't want to save history when resizing an element
|
||||||
|
Loading…
x
Reference in New Issue
Block a user