fix(core): reuse TresPointerEvent

Jungzl · Jungzl · commit 3d0269355fc5 · 2025-11-27T10:39:34.000+08:00
diff --git a/packages/core/src/components/TresCanvas.vue b/packages/core/src/components/TresCanvas.vue
@@ -7,8 +7,7 @@ import {
   WebGLRenderer,
 } from 'three'
 import type { App, Ref } from 'vue'
-import type { TresCamera, TresContextWithClock, TresObject, TresScene } from '../types/'
-import type { PointerEvent } from '@pmndrs/pointer-events'
+import type { TresCamera, TresContextWithClock, TresObject, TresPointerEvent, TresScene } from '../types'
 import * as THREE from 'three'
 
 import {
@@ -271,13 +270,13 @@ export interface TresCanvasProps extends RendererOptions {
 
 export type TresCanvasEmits = {
   ready: [context: TresContext]
-  pointermissed: [event: PointerEvent<MouseEvent>]
+  pointermissed: [event: TresPointerEvent]
   render: [context: TresContext]
   beforeLoop: [context: TresContextWithClock]
   loop: [context: TresContextWithClock]
 } & {
   // all pointer events are supported because they bubble up
-  [key in TresPointerEventName]: [event: PointerEvent<MouseEvent>]
+  [key in TresPointerEventName]: [event: TresPointerEvent]
 }
 </script>
 
diff --git a/packages/core/src/composables/useEventManager/index.ts b/packages/core/src/composables/useEventManager/index.ts
@@ -1,10 +1,11 @@
-import type { PointerEvent, PointerEventsMap } from '@pmndrs/pointer-events'
+import type { PointerEventsMap } from '@pmndrs/pointer-events'
 import type { Event, Object3D, Object3DEventMap } from 'three'
 import { forwardHtmlEvents, getVoidObject } from '@pmndrs/pointer-events'
 import { onUnmounted, toValue } from 'vue'
 import type { MaybeRef } from 'vue'
 import type { TresContext } from '../useTresContextProvider'
 import { createEventHook } from '@vueuse/core'
+import type { TresPointerEvent } from '../../types'
 
 export function useEventManager({
   canvas,
@@ -21,7 +22,7 @@ export function useEventManager({
   type VoidObject = Object3D<Object3DEventMap & PointerEventsMap>
 
   const voidObject = getVoidObject(scene.value) as VoidObject
-  const pointerMissedEventHook = createEventHook<PointerEvent<MouseEvent> & Event<'click', VoidObject>>()
+  const pointerMissedEventHook = createEventHook<TresPointerEvent & Event<'click', VoidObject>>()
 
   voidObject.addEventListener('click', pointerMissedEventHook.trigger)
 
