fix: zoom pan helper

2021-10-20 22:39:54 +02:00
parent a895853b64
commit c3fb3cd10a
38 changed files with 214 additions and 277 deletions
@@ -0,0 +1,61 @@
+// global hooks
+import { Connection, Edge, Elements, FlowHooks, FlowTransform, Node, OnConnectStartParams, OnLoadParams } from '~/types'
+
+export default (): FlowHooks & { bind: (emit: (event: string, ...args: any[]) => void) => FlowHooks } => {
+  const eventHooks: FlowHooks = {
+    elementClick: createEventHook<{ event: MouseEvent; element: Node | Edge }>(),
+    elementsRemove: createEventHook<Elements>(),
+    nodeDoubleClick: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeClick: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeMouseEnter: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeMouseMove: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeMouseLeave: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeContextMenu: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeDragStart: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeDrag: createEventHook<{ event: MouseEvent; node: Node }>(),
+    nodeDragStop: createEventHook<{ event: MouseEvent; node: Node }>(),
+    connect: createEventHook<Connection>(),
+    connectStart: createEventHook<{
+      event: MouseEvent
+      params: OnConnectStartParams
+    }>(),
+    connectStop: createEventHook<MouseEvent>(),
+    connectEnd: createEventHook<MouseEvent>(),
+    load: createEventHook<OnLoadParams>(),
+    move: createEventHook<FlowTransform | undefined>(),
+    moveStart: createEventHook<FlowTransform | undefined>(),
+    moveEnd: createEventHook<FlowTransform | undefined>(),
+    selectionChange: createEventHook<Elements | null>(),
+    selectionDragStart: createEventHook<{ event: MouseEvent; nodes: Node[] }>(),
+    selectionDrag: createEventHook<{ event: MouseEvent; nodes: Node[] }>(),
+    selectionDragStop: createEventHook<{ event: MouseEvent; nodes: Node[] }>(),
+    selectionContextMenu: createEventHook<{ event: MouseEvent; nodes: Node[] }>(),
+    paneScroll: createEventHook<WheelEvent | undefined>(),
+    paneClick: createEventHook<MouseEvent>(),
+    paneContextMenu: createEventHook<MouseEvent>(),
+    edgeUpdate: createEventHook<{ edge: Edge; connection: Connection }>(),
+    edgeContextMenu: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeMouseEnter: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeMouseMove: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeMouseLeave: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeDoubleClick: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeClick: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeUpdateStart: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+    edgeUpdateEnd: createEventHook<{ event: MouseEvent; edge: Edge }>(),
+  }
+
+  const bind = (emit: (event: string, args: any) => void) => {
+    for (const [key, value] of Object.entries(eventHooks)) {
+      value.on((data: any) => {
+        emit(key, data)
+      })
+    }
+
+    return eventHooks
+  }
+
+  return {
+    ...eventHooks,
+    bind,
+  }
+}