alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(props): add mouse event to onNodeDragStart, onNodeDragStop, onElementClick, and onPaneClick

Browse Source
This commit is contained in:
Nate Amack
2020-08-04 12:05:03 -06:00
parent 0f79c3d978
commit 97ec24fa14
15 changed files with 51 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+4 -4
View File
@@ -79,10 +79,10 @@ const BasicFlow = () => <ReactFlow elements={elements} />;
- `onlyRenderVisibleNodes`: default: `true`
#### Event Handlers
- `onElementClick(element: Node | Edge)`: called when user clicks node or edge click
- `onElementClick(evt: MouseEvent, element: Node | Edge)`: called when user clicks node or edge click
- `onElementsRemove(elements: Elements)`: called when user removes node or edge
- `onNodeDragStart(node: Node)`: node drag start
- `onNodeDragStop(node: Node)`: node drag stop
- `onNodeDragStart(evt: MouseEvent, node: Node)`: node drag start
- `onNodeDragStop(evt: MouseEvent, node: Node)`: node drag stop
- `onNodeMouseEnter(evt: MouseEvent, node: Node)`: node mouse enter
- `onNodeMouseMove(evt: MouseEvent, node: Node)`: node mouse move
- `onNodeMouseLeave(evt: MouseEvent, node: Node)`: node mouse leave
@@ -95,7 +95,7 @@ const BasicFlow = () => <ReactFlow elements={elements} />;
- `onMoveStart()`: called when user starts panning or zooming
- `onMoveEnd()`: called when user ends panning or zooming
- `onSelectionChange(elements: Elements)`: called when user selects one or multiple elements
- `onPaneClick()`: called when user clicks directly on the canvas
- `onPaneClick(evt: MouseEvent)`: called when user clicks directly on the canvas
#### Interaction
- `nodesDraggable`: default: `true`. This applies to all nodes. You can also change the behavior of a specific node with the `draggable` node option.