fix(Popup): resolved preventScrollThrough invalid when multiple popups (

#983)
Tencent · Jul 25, 2023 · a3fba0d · a3fba0d
1 parent 54011eb
commit a3fba0d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/popup/popup.vue b/src/popup/popup.vue
@@ -27,6 +27,7 @@ const { prefix } = config;
 
 const name = `${prefix}-popup`;
 const bodyLockClass = `${name}-overflow-hidden`;
+let lockTimes = 0;
 
 export default defineComponent({
   name,
@@ -119,11 +120,21 @@ export default defineComponent({
     );
 
     const lock = () => {
-      document.body.classList.add(bodyLockClass);
+      if (!lockTimes) {
+        document.body.classList.add(bodyLockClass);
+      }
+
+      lockTimes++;
     };
 
     const unlock = () => {
-      document.body.classList.remove(bodyLockClass);
+      if (lockTimes) {
+        lockTimes--;
+
+        if (!lockTimes) {
+          document.body.classList.remove(bodyLockClass);
+        }
+      }
     };
 
     const shouldLock = computed(() => wrapperVisbile.value && props.preventScrollThrough);