diff --git a/packages/vue-flow/src/container/SelectionPane/SelectionPane.vue b/packages/vue-flow/src/container/SelectionPane/SelectionPane.vue index 56f08b18..5a778b59 100644 --- a/packages/vue-flow/src/container/SelectionPane/SelectionPane.vue +++ b/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((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" /> diff --git a/packages/vue-flow/src/store/hooks.ts b/packages/vue-flow/src/store/hooks.ts index 91725b33..2a97dfa1 100644 --- a/packages/vue-flow/src/store/hooks.ts +++ b/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(),