feat(use): add useClickAway

packages/vant-use/src/useClickAway/index.ts

@@ -0,0 +1,27 @@
+import { Ref, unref } from 'vue';
+import { inBrowser, useEventListener } from '../useEventListener';
+
+export type UseClickAwayOptions = {
+  eventName?: string;
+};
+
+export function useClickAway(
+  target: Element | Ref<Element>,
+  listener: EventListener,
+  options: UseClickAwayOptions = {}
+) {
+  if (!inBrowser) {
+    return;
+  }
+
+  const { eventName = 'click' } = options;
+
+  const onClick = (event: Event) => {
+    const element = unref(target);
+    if (!element.contains(event.target as Node)) {
+      listener(event);
+    }
+  };
+
+  useEventListener(eventName, onClick, { target: document });
+}