popup 组件的 mask 在 iOS13 中可能出现穿透点击的处理

Author: linxz

CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.4.35
+`2020-01-13`
+- **Bug Fix**
+  - **popup** 组件在 iOS13 中点击可能出现穿透的情况处理；
+
 ## 0.4.34
 
 `2019-09-24`

components/popup/index.less

@@ -4,15 +4,14 @@
   }
 
   &-mask {
-    display: none;
+    visibility: hidden;
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-color: rgba(0, 0, 0, 0.75);
     opacity: 0;
-    pointer-events: none;
   }
 
   &-left {
@@ -46,16 +45,15 @@
   }
 
   &-show &-mask {
-    display: block;
+    visibility: visible;
     opacity: 1;
-    pointer-events: auto;
   }
 
   &.animation &-content {
-    transition: all 0.15s linear;
+    transition: all 200ms linear;
   }
 
   &.animation &-mask {
-    transition: all 0.15s linear;
+    transition: all 200ms linear;
   }
-}
+}

components/popup/index.ts

@@ -9,10 +9,16 @@ Component({
   },
   methods: {
     onMaskTap() {
-      const { onClose } = this.props;
+      const { onClose, animation } = this.props;
 
       if (onClose) {
-        onClose();
+        if (animation) {
+          onClose();
+        } else {
+          setTimeout(() => {
+            onClose();
+          }, 200);
+        }
       }
     },
   },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mini-antui",
-  "version": "0.4.34",
+  "version": "0.4.35",
   "description": "小程序版AntUI",
   "repository": {
     "type": "git",