//#region src/use-view-transition.d.ts /** * 视图过渡选项配置 */ type ViewTransitionOptions = { /** * 动画持续时间,单位毫秒 * @default 300 */ duration?: number; /** * 动画缓动函数 * @default 'linear' */ easing?: 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear'; /** * 是否启用过渡效果 * @default true */ effect?: boolean; /** * 反转选择器,用于控制特定元素(如暗黑模式)的层级 * @default '.dark' */ reverseSelector?: string; }; /** * 使用视图过渡 API 的组合式函数 * 封装了 View Transition API,提供带圆形裁剪动画的视图过渡效果 * * @param options 过渡配置选项 * @returns 包含 run 方法的对象 * * @example * ```ts * const { run } = useViewTransition({ * duration: 500, * easing: 'ease-in-out' * }) * * await run(() => { * state.value = !state.value * }, { x: 100, y: 100 }) * ``` */ declare function useViewTransition(options?: ViewTransitionOptions): { run: (cb: () => void, opt?: { reverse?: boolean; x: number; y: number; }) => Promise; }; /** * useViewTransition 函数的返回类型 */ type UseViewTransitionReturns = ReturnType; //#endregion export { UseViewTransitionReturns, ViewTransitionOptions, useViewTransition };