feat: add use-click-outside hook

src/hooks/use-click-outside.ts

@@ -0,0 +1,23 @@
+import { Ref, onMounted } from 'vue';
+import { useHandler } from './use-handler';
+
+export type UseClickOutsideOpitons = {
+  event: string;
+  callback: EventListener;
+  element: Ref<Element>;
+  flag?: Ref<boolean>;
+};
+
+export function useClickOutside(options: UseClickOutsideOpitons) {
+  const { event = 'click', callback, element, flag } = options;
+
+  function onClick(event: Event) {
+    if (!element.value.contains(event.target as Node)) {
+      callback(event);
+    }
+  }
+
+  onMounted(() => {
+    useHandler(document, event, onClick, false, flag);
+  });
+}