ui: fix transition callback (#874)

packages/ui-default/utils/base.ts

@@ -183,11 +183,12 @@ export const request = {
   },
 };
 
-export function withTransistionCallback(callback: () => (Promise<void> | void)) {
+export async function withTransitionCallback(callback: () => (Promise<void> | void)) {
   // @ts-ignore
   if (!document.startViewTransition) return callback?.();
   // @ts-ignore
-  return document.startViewTransition(() => callback());
+  const transition = document.startViewTransition(callback);
+  return await transition.finished;
 }
 
 export async function setTemporaryViewTransitionNames(entries, vtPromise: Promise<void>) {
@@ -213,6 +214,6 @@ Object.assign(window.Hydro.utils, {
   tpl,
   delay,
   zIndexManager,
-  withTransistionCallback,
+  withTransitionCallback,
   setTemporaryViewTransitionNames,
 });