feat: bind pane mouse events

packages/vue-flow/src/container/SelectionPane/SelectionPane.vue

@@ -35,6 +35,12 @@ const onContextMenu = (event: MouseEvent) => emits.paneContextMenu(event)
 
 const onWheel = (event: WheelEvent) => emits.paneScroll(event)
 
+const onMouseEnter = (event: MouseEvent) => emits.paneMouseEnter(event)
+
+const onMouseLeave = (event: MouseEvent) => emits.paneMouseLeave(event)
+
+const onMouseMove = (event: MouseEvent) => emits.paneMouseMove(event)
+
 useKeyPress($$(deleteKeyCode), (keyPressed) => {
   const nodesToRemove = getNodes.reduce<GraphNode[]>((res, node) => {
     if (!node.selected && node.parentNode && res.find((n) => n.id === node.parentNode)) {
@@ -95,5 +101,8 @@ export default {
     @click="onClick"
     @contextmenu="onContextMenu"
     @wheel="onWheel"
+    @mouseenter="onMouseEnter"
+    @mousemove="onMouseMove"
+    @mouseleave="onMouseLeave"
   />
 </template>

packages/vue-flow/src/store/hooks.ts

@@ -33,6 +33,9 @@ export const createHooks = (): FlowHooks => ({
   paneScroll: createEventHook(),
   paneClick: createEventHook(),
   paneContextMenu: createEventHook(),
+  paneMouseEnter: createEventHook(),
+  paneMouseMove: createEventHook(),
+  paneMouseLeave: createEventHook(),
   edgeContextMenu: createEventHook(),
   edgeMouseEnter: createEventHook(),
   edgeMouseMove: createEventHook(),