fix: fixed animation of swipe to close

Author: hunterliu1003

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

@@ -274,11 +274,11 @@ onBeforeUnmount(() => {
 }
 .vfm-slide-down-enter-from,
 .vfm-slide-down-leave-to {
-  transform: translateY(100vh);
+  transform: translateY(100vh) !important;
 }
 .vfm-slide-up-enter-from,
 .vfm-slide-up-leave-to {
-  transform: translateY(-100vh);
+  transform: translateY(-100vh) !important;
 }
 
 .vfm-slide-right-enter-active,
@@ -289,11 +289,11 @@ onBeforeUnmount(() => {
 }
 .vfm-slide-right-enter-from,
 .vfm-slide-right-leave-to {
-  transform: translateX(100vw);
+  transform: translateX(100vw) !important;
 }
 .vfm-slide-left-enter-from,
 .vfm-slide-left-leave-to {
-  transform: translateX(-100vw);
+  transform: translateX(-100vw) !important;
 }
 
 .vfm-swipe-banner-back,

packages/vue-final-modal/src/useSwipeToClose.ts

@@ -84,7 +84,6 @@ export function useSwipeToClose(
       const validSpeed = swipeEnd - swipeStart <= LIMIT_SPEED
 
       if (shouldCloseModal && allowSwipe && validDirection && (validDistance || validSpeed)) {
-        offset.value = 0
         modelValueLocal.value = false
         return
       }
@@ -166,7 +165,7 @@ export function useSwipeToClose(
     })()
     return {
       class: { 'vfm-bounce-back': !isSwiping.value },
-      style: isSwiping.value ? { transform: `${translateDirection}(${-offset.value}px)` } : '',
+      style: { transform: `${translateDirection}(${-offset.value}px)` },
     }
   })