fix(dialog): 修复关闭dialog后还可以点击里面按钮

Author: liuffff

src/dialog/__test__/__snapshots__/index.test.js.snap

@@ -30,7 +30,9 @@
       <view wx:if="{{content}}" class="{{classPrefix}}__body">
         <text class="{{classPrefix}}__body-text">{{content}}</text>
       </view>
-      <slot name="content" />
+      <view capture-catch:touchstart="{{visible ? null : true}}">
+        <slot name="content" />
+      </view>
     </view>
     <slot name="middle" />
     <view

src/dialog/dialog.wxml

@@ -26,7 +26,6 @@ export default function transition() {
       transitionDurations: 300,
       className: '',
       realVisible: false,
-      maskZindex: -1,
     },
 
     created() {
@@ -88,7 +87,6 @@ export default function transition() {
         this.status = 'leaving';
         this.setData({
           transitionClass: `${prefix}-${name}-leave  ${prefix}-${name}-leave-active`,
-          maskZindex: 99999,
         });
         clearTimeout(this.transitionT);
         setTimeout(() => {
@@ -122,7 +120,6 @@ export default function transition() {
           this.leaved();
           this.setData({
             realVisible: false,
-            maskZindex: -1,
           });
         }
       },

src/mixins/transition.ts

@@ -30,14 +30,6 @@
     color: @popup-close-btn-color;
   }
 
-  &__mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    background-color: transparent;
-  }
   &--top {
     top: 0;
     left: 0;

src/popup/popup.less

@@ -20,7 +20,6 @@
       <slot name="close-btn" class="{{classPrefix}}-slot" />
     </view>
   </view>
-  <view class="{{classPrefix}}__mask" style="z-index:{{maskZindex}};"></view>
 </view>
 
 <t-overlay