9e941966a4
* edge updater cannot discern a valid connection by itself so we allow an option to pass a valid connection func to nodes which will then be used to determine if updating connection is valid * it is optional, by default all connections are valid Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
53 lines
2.3 KiB
TypeScript
53 lines
2.3 KiB
TypeScript
import { EventHook } from '@vueuse/core'
|
|
import { FlowTransform, FlowInstance, FlowElements } from './flow'
|
|
import { GraphEdge } from './edge'
|
|
import { GraphNode } from './node'
|
|
import { Connection, OnConnectStartParams } from './connection'
|
|
|
|
export type FlowHook<T = any> = EventHook<T>
|
|
|
|
export interface FlowEvents {
|
|
elementClick: { event: MouseEvent; element: GraphNode | GraphEdge }
|
|
elementsRemove: FlowElements
|
|
nodeDoubleClick: { event: MouseEvent; node: GraphNode }
|
|
nodeClick: { event: MouseEvent; node: GraphNode }
|
|
nodeMouseEnter: { event: MouseEvent; node: GraphNode }
|
|
nodeMouseMove: { event: MouseEvent; node: GraphNode }
|
|
nodeMouseLeave: { event: MouseEvent; node: GraphNode }
|
|
nodeContextMenu: { event: MouseEvent; node: GraphNode }
|
|
nodeDragStart: { event: MouseEvent; node: GraphNode }
|
|
nodeDrag: { event: MouseEvent; node: GraphNode }
|
|
nodeDragStop: { event: MouseEvent; node: GraphNode }
|
|
connect: Connection
|
|
connectStart: {
|
|
event: MouseEvent
|
|
} & { [key in keyof OnConnectStartParams]: OnConnectStartParams[key] }
|
|
connectStop: MouseEvent
|
|
connectEnd: MouseEvent
|
|
load: FlowInstance
|
|
move: FlowTransform | undefined
|
|
moveStart: FlowTransform | undefined
|
|
moveEnd: FlowTransform | undefined
|
|
selectionChange: FlowElements | null
|
|
selectionDragStart: { event: MouseEvent; nodes: GraphNode[] }
|
|
selectionDrag: { event: MouseEvent; nodes: GraphNode[] }
|
|
selectionDragStop: { event: MouseEvent; nodes: GraphNode[] }
|
|
selectionContextMenu: { event: MouseEvent; nodes: GraphNode[] }
|
|
paneScroll: WheelEvent | undefined
|
|
paneClick: MouseEvent
|
|
paneContextMenu: MouseEvent
|
|
edgeUpdate: { edge: GraphEdge; connection: Connection }
|
|
edgeContextMenu: { event: MouseEvent; edge: GraphEdge }
|
|
edgeMouseEnter: { event: MouseEvent; edge: GraphEdge }
|
|
edgeMouseMove: { event: MouseEvent; edge: GraphEdge }
|
|
edgeMouseLeave: { event: MouseEvent; edge: GraphEdge }
|
|
edgeDoubleClick: { event: MouseEvent; edge: GraphEdge }
|
|
edgeClick: { event: MouseEvent; edge: GraphEdge }
|
|
edgeUpdateStart: { event: MouseEvent; edge: GraphEdge }
|
|
edgeUpdateEnd: { event: MouseEvent; edge: GraphEdge }
|
|
}
|
|
|
|
export type FlowHooks = { [key in keyof FlowEvents]: FlowHook<FlowEvents[key]> }
|
|
|
|
export type EmitFunc<T extends FlowHooks = FlowHooks> = (name: keyof T, ...args: any[]) => void
|