added usefull variable that gives last known index of path

projectstorm · Sep 2, 2019 · 0deaec2 · 0deaec2
1 parent 326567c
commit 0deaec2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/react-diagrams-defaults/src/link/DefaultLinkSegmentWidget.tsx b/packages/react-diagrams-defaults/src/link/DefaultLinkSegmentWidget.tsx
@@ -28,14 +28,14 @@ export class DefaultLinkSegmentWidget extends React.Component<DefaultLinkSegment
 		);
 
 		const Top = React.cloneElement(Bottom, {
-			...this.props.extras,
 			strokeLinecap: 'round',
 			onMouseLeave: () => {
 				this.props.onSelection(false);
 			},
 			onMouseEnter: () => {
 				this.props.onSelection(true);
 			},
+			...this.props.extras,
 			ref: null,
 			'data-linkid': this.props.link.getID(),
 			strokeOpacity: this.props.selected ? 0.1 : 0,

diff --git a/packages/react-diagrams-routing/src/link/RightAngleLinkModel.ts b/packages/react-diagrams-routing/src/link/RightAngleLinkModel.ts
@@ -2,11 +2,13 @@ import { DefaultLinkModel, DefaultLinkModelOptions } from '@projectstorm/react-d
 import { RightAngleLinkFactory } from './RightAngleLinkFactory';
 
 export class RightAngleLinkModel extends DefaultLinkModel {
-	constructor(options: DefaultLinkModelOptions = {}) {
+	lastHoverIndexOfPath: number;
+	constructor(options: DefaultLinkModelOptions = { }) {
 		super({
 			type: RightAngleLinkFactory.NAME,
 			...options
 		});
+		this.lastHoverIndexOfPath = 0;
 	}
 
 	performanceTune() {

diff --git a/packages/react-diagrams-routing/src/link/RightAngleLinkWidget.tsx b/packages/react-diagrams-routing/src/link/RightAngleLinkWidget.tsx
@@ -264,6 +264,10 @@ export class RightAngleLinkWidget extends React.Component<RightAngleLinkProps, R
 								window.addEventListener('mousemove', this.handleMove);
 								window.addEventListener('mouseup', this.handleUp);
 							}
+						},
+						onMouseEnter: (event: MouseEvent) => {
+							this.setState({ selected: true });
+							this.props.link.lastHoverIndexOfPath = j;
 						}
 					},
 					j