feat: Add custom click outside handler prop

Author: Jasenkoo

src/packages/components/DpMenu/DpMenu.ts

@@ -11,6 +11,7 @@ interface FloatingOptions {
 const props = {
     as: { type: String as PropType<string>, default: 'div' },
     floating: { type: Object as PropType<FloatingOptions>, default: () => ({ placement: 'bottom', offset: 10 }) },
+    onClickOutside: { type: Function as PropType<() => void>, default: undefined },
 };
 
 export type DpMenuProps = ExtractPropTypes<typeof props>;

src/packages/components/DpMenu/useDpMenu.ts

@@ -35,6 +35,7 @@ export const useDpMenu = (props: DpMenuProps) => {
     });
 
     const handleClickOutside = () => {
+        if (props.onClickOutside) return props.onClickOutside();
         closeMenu();
     };