perf(vue): simplify canvas wheel handling

This commit is contained in:
Danila Poyarkov 2026-05-15 11:35:01 +03:00
parent 20342d68a2
commit eb393db250

View file

@ -1,8 +1,7 @@
import { useEventListener } from '@vueuse/core'
import type { Ref } from 'vue'
import type { Editor } from '@open-pencil/core/editor'
import { useWheelGesture } from '#vue/shared/gesture/wheel'
import { createRafScheduler } from '#vue/shared/input/raf-scheduler'
type WheelAccum = {
@ -69,14 +68,13 @@ export function setupWheelPanZoom(canvasRef: Ref<HTMLCanvasElement | null>, edit
wheelScheduler.schedule()
}
useWheelGesture(
useEventListener(
canvasRef,
({ event, last }) => {
if (!last) onWheel(event)
'wheel',
(event) => {
event.preventDefault()
onWheel(event)
},
{
eventOptions: { passive: false },
preventDefault: true
}
{ passive: false }
)
}