feat: ActionSheet、ShareSheet add before-close prop (#9068)

src/action-sheet/README.md

@@ -190,6 +190,7 @@ export default {
 | close-on-click-overlay | Whether to close when overlay is clicked | _boolean_ | `true` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
 | teleport | Specifies a target element where ActionSheet will be mounted | _string \| Element_ | - |
+| before-close `v3.1.4` | Callback function before close | _(action: string) => boolean \| Promise\<boolean\>_ | - |
 
 ### Data Structure of Action
 

src/action-sheet/README.zh-CN.md

@@ -200,6 +200,7 @@ export default {
 | close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
 | teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
+| before-close `v3.1.4` | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(action: string) => boolean \| Promise\<boolean\>_ | - |
 
 ### Action 数据结构
 

src/dialog/Dialog.tsx

@@ -1,7 +1,6 @@
 import { PropType, reactive, defineComponent } from 'vue';
 
 // Utils
-import { callInterceptor, Interceptor } from '../utils/interceptor';
 import {
   pick,
   extend,
@@ -11,6 +10,7 @@ import {
   unknownProp,
   createNamespace,
 } from '../utils';
+import { callInterceptor } from '../utils/interceptor';
 import { BORDER_TOP, BORDER_LEFT } from '../utils/constant';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 
@@ -44,7 +44,6 @@ export default defineComponent({
     callback: Function as PropType<(action?: DialogAction) => void>,
     allowHtml: Boolean,
     className: unknownProp,
-    beforeClose: Function as PropType<Interceptor>,
     messageAlign: String as PropType<DialogMessageAlign>,
     closeOnPopstate: truthProp,
     showCancelButton: Boolean,

src/popup/Popup.tsx

@@ -16,7 +16,7 @@ import {
 // Utils
 import { popupSharedProps } from './shared';
 import { createNamespace, extend, isDef } from '../utils';
-import { callInterceptor, Interceptor } from '../utils/interceptor';
+import { callInterceptor } from '../utils/interceptor';
 
 // Composables
 import { useEventListener } from '@vant/use';
@@ -51,7 +51,6 @@ export default defineComponent({
     closeable: Boolean,
     transition: String,
     iconPrefix: String,
-    beforeClose: Function as PropType<Interceptor>,
     closeOnPopstate: Boolean,
     safeAreaInsetBottom: Boolean,
     position: {

src/popup/shared.ts

@@ -1,5 +1,6 @@
 import { PropType, CSSProperties, TeleportProps } from 'vue';
 import { truthProp, unknownProp } from '../utils';
+import type { Interceptor } from '../utils/interceptor';
 
 export const popupSharedProps = {
   // whether to show popup
@@ -16,6 +17,8 @@ export const popupSharedProps = {
   lockScroll: truthProp,
   // whether to lazy render
   lazyRender: truthProp,
+  // callback function before close
+  beforeClose: Function as PropType<Interceptor>,
   // overlay custom style
   overlayStyle: Object as PropType<CSSProperties>,
   // overlay custom class name

src/share-sheet/README.md

@@ -183,6 +183,7 @@ export default {
 | close-on-click-overlay | Whether to close when overlay is clicked | _boolean_ | `true` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
 | teleport | Specifies a target element where ShareSheet will be mounted | _string \| Element_ | - |
+| before-close `v3.1.4` | Callback function before close | _(action: string) => boolean \| Promise\<boolean\>_ | - |
 
 ### Data Structure of Option
 

src/share-sheet/README.zh-CN.md

@@ -195,6 +195,7 @@ export default {
 | close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
 | teleport | 指定挂载的节点，[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| Element_ | - |
+| before-close `v3.1.4` | 关闭前的回调函数，返回 `false` 可阻止关闭，支持返回 Promise | _(action: string) => boolean \| Promise\<boolean\>_ | - |
 
 ### Option 数据结构