feat(dialog): update beforeClose prop to allow returning void in Dialog and AlertDialog components

Author: honghuangdc

headless/src/components/dialog/types.ts

@@ -62,7 +62,7 @@ export interface DialogCloseProps extends PrimitiveProps, /** @vue-ignore */ But
    * Called before the dialog is closed. Can be used to prevent the dialog from closing.
    * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
    */
-  beforeClose?: () => MaybePromise<boolean>;
+  beforeClose?: () => MaybePromise<boolean | void>;
 }
 
 export interface DialogHeaderProps extends /** @vue-ignore */ HTMLAttributes {}

src/components/alert-dialog/alert-dialog-cancel.vue

@@ -20,7 +20,7 @@ const { size } = useSizeContext('AlertDialogCancel');
 </script>
 
 <template>
-  <AlertDialogClose as-child>
+  <AlertDialogClose as-child :before-close="beforeClose">
     <slot name="content">
       <Button v-bind="forwardedProps" :size="size">
         <slot>{{ text }}</slot>

src/components/alert-dialog/types.ts

@@ -18,6 +18,11 @@ export interface AlertDialogCancelProps extends ButtonProps {
    * @defaultValue 'Cancel'
    */
   text?: string;
+  /**
+   * Called before the dialog is closed. Can be used to prevent the dialog from closing.
+   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
+   */
+  beforeClose?: () => MaybePromise<boolean | void>;
 }
 
 export interface AlertDialogActionProps extends ButtonProps {
@@ -31,5 +36,5 @@ export interface AlertDialogActionProps extends ButtonProps {
    * Called before the dialog is closed. Can be used to prevent the dialog from closing.
    * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
    */
-  beforeClose?: () => MaybePromise<boolean>;
+  beforeClose?: () => MaybePromise<boolean | void>;
 }