fix: should not disableBodyScroll when modelValueLocal is false

Author: hunterliu1003

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

@@ -55,8 +55,11 @@ const vfmContentEl = ref<HTMLDivElement>()
 
 const { focus, blur } = useFocusTrap(props, { focusEl: vfmRootEl })
 const { zIndex, refreshZIndex, resetZIndex } = useZIndex(props)
-const { enableBodyScroll, disableBodyScroll } = useLockScroll(props, { lockScrollEl: vfmRootEl })
 const { modelValueLocal } = useModelValue(props, emit)
+const { enableBodyScroll, disableBodyScroll } = useLockScroll(props, {
+  lockScrollEl: vfmRootEl,
+  modelValueLocal,
+})
 const { emitEvent } = useEvent(emit)
 
 let resolveToggle: (res: string) => void = (noop)

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

@@ -235,8 +235,9 @@ export const enableBodyScroll = (targetElement?: HTMLElement) => {
 
 export function useLockScroll(props: InstanceType<typeof CoreModal>['$props'], options: {
   lockScrollEl: Ref<undefined | HTMLElement>
+  modelValueLocal: Ref<boolean>
 }) {
-  const { lockScrollEl } = options
+  const { lockScrollEl, modelValueLocal } = options
 
   let _lockScrollEl: HTMLElement
   watch(lockScrollEl, (val) => {
@@ -257,6 +258,8 @@ export function useLockScroll(props: InstanceType<typeof CoreModal>['$props'], o
   }
 
   function _disableBodyScroll() {
+    if (!modelValueLocal.value)
+      return
     props.lockScroll && _lockScrollEl
       && disableBodyScroll(_lockScrollEl, {
         reserveScrollBarGap: true,