feat(ActionSheet): add click-overlay event (#1993)

packages/action-sheet/README.md

@@ -103,6 +103,7 @@ Page({
 | bind:select | 选中选项时触发，禁用或加载状态下不会触发 | event.detail: 选项对应的对象 |
 | bind:close | 关闭时触发 | - |
 | bind:cancel | 取消按钮点击时触发 | - |
+| bind:click-overlay | 点击遮罩层时触发 | - |
 
 ### actions
 

packages/action-sheet/index.ts

@@ -42,6 +42,11 @@ VantComponent({
 
     onClose() {
       this.$emit('close');
+    },
+
+    onClickOverlay() {
+      this.$emit('click-overlay');
+      this.onClose();
     }
   }
 });

packages/action-sheet/index.wxml

@@ -8,7 +8,7 @@
   custom-class="van-action-sheet"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
-  bind:close="onClose"
+  bind:close="onClickOverlay"
 >
   <view wx:if="{{ title }}" class="van-hairline--bottom van-action-sheet__header">
     {{ title }}