feat(useTransition): support custom window (#4850)

byronogis · antfu · web-flow · commit a75f40c88811 · 2025-07-28T04:42:51.000Z
Co-authored-by: Anthony Fu &lt;anthonyfu117@hotmail.com&gt;
diff --git a/packages/core/useTransition/index.ts b/packages/core/useTransition/index.ts
@@ -1,6 +1,8 @@
 import type { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref } from 'vue'
+import type { ConfigurableWindow } from '../_configurable'
 import { identity as linear, promiseTimeout, tryOnScopeDispose } from '@vueuse/shared'
 import { computed, ref as deepRef, toValue, watch } from 'vue'
+import { defaultWindow } from '../_configurable'
 
 /**
  * Cubic bezier points
@@ -15,7 +17,7 @@ export type EasingFunction = (n: number) => number
 /**
  * Transition options
  */
-export interface TransitionOptions {
+export interface TransitionOptions extends ConfigurableWindow {
 
   /**
    * Manually abort a transition
@@ -140,6 +142,9 @@ export function executeTransition<T extends number | number[]>(
   to: MaybeRefOrGetter<T>,
   options: TransitionOptions = {},
 ): PromiseLike<void> {
+  const {
+    window = defaultWindow,
+  } = options
   const fromVal = toValue(from)
   const toVal = toValue(to)
   const v1 = toVec(fromVal)
@@ -175,7 +180,7 @@ export function executeTransition<T extends number | number[]>(
         (source.value as number) = arr[0]
 
       if (now < endAt) {
-        requestAnimationFrame(tick)
+        window?.requestAnimationFrame(tick)
       }
       else {
         source.value = toVal
