smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add points to multi arrows in real time (#697)

Browse source 
* Add points to multi arrows in real time

* Fix linter issues

* Clear unecessary values from local storage
This commit is contained in:
Gasim Gasimzada 2020-02-04 17:39:08 +04:00 • committed by GitHub
parent 173fe093b6
commit 08d80fb4fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 52 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/index.tsx
View file

@ -1074,7 +1074,6 @@ export class App extends React.Component<any, AppState> {
multiElement.isSelected = true;
multiElement.points.push([x - rx, y - ry]);
multiElement.shape = null;
this.setState({ draggingElement: multiElement });
} else {
element.isSelected = false;
element.points.push([0, 0]);
@ -1548,7 +1547,13 @@ export class App extends React.Component<any, AppState> {
if (draggingElement!.points.length > 1) {
history.resumeRecording();
}
if (!draggingOccurred && !multiElement) {
if (!draggingOccurred && draggingElement && !multiElement) {
const { x, y } = viewportCoordsToSceneCoords(e, this.state);
draggingElement.points.push([
x - draggingElement.x,
y - draggingElement.y,
]);
draggingElement.shape = null;
this.setState({ multiElement: this.state.draggingElement });
} else if (draggingOccurred && !multiElement) {
this.state.draggingElement!.isSelected = true;
@ -1751,13 +1756,28 @@ export class App extends React.Component<any, AppState> {
return;
}
const hasDeselectedButton = Boolean(e.buttons);
const { x, y } = viewportCoordsToSceneCoords(e, this.state);
if (this.state.multiElement) {
const { multiElement } = this.state;
const originX = multiElement.x;
const originY = multiElement.y;
const points = multiElement.points;
const pnt = points[points.length - 1];
pnt[0] = x - originX;
pnt[1] = y - originY;
multiElement.shape = null;
this.setState({});
return;
}
if (
hasDeselectedButton ||
this.state.elementType !== "selection"
) {
return;
}
const { x, y } = viewportCoordsToSceneCoords(e, this.state);
const selectedElements = elements.filter(e => e.isSelected)
.length;
if (selectedElements === 1) {