alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update(types): use MouseTouchEvent type for drag events

Browse Source 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-12-07 16:20:19 +01:00
parent fe3f6e6e19
commit 8cf22797f5
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/types/hooks.ts
+10 -9
View File
@@ -1,4 +1,5 @@
import { EventHook } from '@vueuse/core' import { EventHook } from '@vueuse/core'
import { MouseTouchEvent } from '@braks/revue-draggable'
import { FlowTransform, FlowInstance, FlowElements } from './flow' import { FlowTransform, FlowInstance, FlowElements } from './flow'
import { GraphEdge } from './edge' import { GraphEdge } from './edge'
import { GraphNode } from './node' import { GraphNode } from './node'
@@ -7,17 +8,17 @@ import { Connection, OnConnectStartParams } from './connection'
export type FlowHook<T = any> = EventHook<T> export type FlowHook<T = any> = EventHook<T>
export interface FlowEvents { export interface FlowEvents {
elementClick: { event: MouseEvent; element: GraphNode | GraphEdge } elementClick: { event: MouseTouchEvent; element: GraphNode | GraphEdge }
elementsRemove: FlowElements elementsRemove: FlowElements
nodeDoubleClick: { event: MouseEvent; node: GraphNode } nodeDoubleClick: { event: MouseTouchEvent; node: GraphNode }
nodeClick: { event: MouseEvent; node: GraphNode } nodeClick: { event: MouseTouchEvent; node: GraphNode }
nodeMouseEnter: { event: MouseEvent; node: GraphNode } nodeMouseEnter: { event: MouseEvent; node: GraphNode }
nodeMouseMove: { event: MouseEvent; node: GraphNode } nodeMouseMove: { event: MouseEvent; node: GraphNode }
nodeMouseLeave: { event: MouseEvent; node: GraphNode } nodeMouseLeave: { event: MouseEvent; node: GraphNode }
nodeContextMenu: { event: MouseEvent; node: GraphNode } nodeContextMenu: { event: MouseEvent; node: GraphNode }
nodeDragStart: { event: MouseEvent; node: GraphNode } nodeDragStart: { event: MouseTouchEvent; node: GraphNode }
nodeDrag: { event: MouseEvent; node: GraphNode } nodeDrag: { event: MouseTouchEvent; node: GraphNode }
nodeDragStop: { event: MouseEvent; node: GraphNode } nodeDragStop: { event: MouseTouchEvent; node: GraphNode }
connect: Connection connect: Connection
connectStart: { connectStart: {
event: MouseEvent event: MouseEvent
@@ -30,9 +31,9 @@ export interface FlowEvents {
moveStart: FlowTransform | undefined moveStart: FlowTransform | undefined
moveEnd: FlowTransform | undefined moveEnd: FlowTransform | undefined
selectionChange: FlowElements | undefined selectionChange: FlowElements | undefined
selectionDragStart: { event: MouseEvent; nodes: GraphNode[] } selectionDragStart: { event: MouseTouchEvent; nodes: GraphNode[] }
selectionDrag: { event: MouseEvent; nodes: GraphNode[] } selectionDrag: { event: MouseTouchEvent; nodes: GraphNode[] }
selectionDragStop: { event: MouseEvent; nodes: GraphNode[] } selectionDragStop: { event: MouseTouchEvent; nodes: GraphNode[] }
selectionContextMenu: { event: MouseEvent; nodes: GraphNode[] } selectionContextMenu: { event: MouseEvent; nodes: GraphNode[] }
paneScroll: WheelEvent | undefined paneScroll: WheelEvent | undefined
paneClick: MouseEvent paneClick: MouseEvent