fix: fixed focus, blur and disableBodyScroll timing

Author: hunterliu1003

packages/vue-final-modal/src/components/CoreModal/CoreModal.vue

@@ -75,18 +75,12 @@ const {
   leaveTransition,
 } = useTransition(props, {
   modelValueLocal,
-  async onEntering() {
+  onEnter() {
     focus()
-    await nextTick()
     disableBodyScroll()
-  },
-  onEnter() {
     emitEvent('opened')
     resolveToggle('opened')
   },
-  onLeaving() {
-    blur()
-  },
   onLeave() {
     deleteFromOpenedModals(getModalInstance())
     focusLast()
@@ -158,6 +152,7 @@ function close() {
   enableBodyScroll()
   deleteFromOpenedModalOverlays(modalInstance)
   openLastOverlay()
+  blur()
   leaveTransition()
 }
 

packages/vue-final-modal/src/components/CoreModal/useTransition.ts

@@ -34,10 +34,10 @@ export function useTransition(
   props: InstanceType<typeof CoreModal>['$props'],
   options: {
     modelValueLocal: Ref<boolean>
-    onEntering: () => void
-    onEnter: () => void
-    onLeaving: () => void
-    onLeave: () => void
+    onEntering?: () => void
+    onEnter?: () => void
+    onLeaving?: () => void
+    onLeave?: () => void
   },
 ): {
     visible: Ref<boolean>
@@ -83,13 +83,13 @@ export function useTransition(
   watch(contentState, (state) => {
     switch (state) {
       case TransitionState.Entering:
-        return onEntering()
+        return onEntering?.()
       case TransitionState.Enter:
-        return onEnter()
+        return onEnter?.()
       case TransitionState.Leaving:
-        return onLeaving()
+        return onLeaving?.()
       case TransitionState.Leave:
-        return onLeave()
+        return onLeave?.()
     }
   })