@varlet/use 2.11.8 → 2.12.0-alpha.1687974059976

package/lib/useChildren.js

@@ -26,9 +26,7 @@ export function useChildren(key) {
     const length = computed(() => childInstances.length);
     const sortInstances = () => {
         const vNodes = flatVNodes(parentInstance.subTree);
-        childInstances.sort((a, b) => {
-            return vNodes.indexOf(a.vnode) - vNodes.indexOf(b.vnode);
-        });
+        childInstances.sort((a, b) => vNodes.indexOf(a.vnode) - vNodes.indexOf(b.vnode));
     };
     const collect = (childInstance, childProvider) => {
         childInstances.push(childInstance);

package/lib/useClickOutside.d.ts

@@ -1,3 +1,3 @@
 import { type Ref } from 'vue';
-export declare type UseClickOutsideTarget = Element | Ref<Element | undefined | null>;
+export type UseClickOutsideTarget = Element | Ref<Element | undefined | null> | (() => Element);
 export declare function useClickOutside(target: UseClickOutsideTarget, type: string, listener: EventListener): void;

package/lib/useClickOutside.js

@@ -1,12 +1,12 @@
 import { useEventListener } from './useEventListener.js';
-import { inBrowser } from '@varlet/shared';
+import { inBrowser, isFunction } from '@varlet/shared';
 import { unref } from 'vue';
 export function useClickOutside(target, type, listener) {
     if (!inBrowser()) {
         return;
     }
     const handler = (event) => {
-        const element = unref(target);
+        const element = isFunction(target) ? target() : unref(target);
         if (element && !element.contains(event.target)) {
             listener(event);
         }

package/lib/useEventListener.d.ts

@@ -1,5 +1,5 @@
 import { type Ref } from 'vue';
-export declare type UseEventListenerTarget = EventTarget | Ref<EventTarget | undefined | null> | (() => EventTarget);
+export type UseEventListenerTarget = EventTarget | Ref<EventTarget | undefined | null> | (() => EventTarget);
 export interface UseEventListenerOptions {
     capture?: boolean;
     passive?: boolean;

package/lib/useEventListener.js

@@ -8,9 +8,7 @@ export function useEventListener(target, type, listener, options = {}) {
     const { passive = false, capture = false } = options;
     let listening = false;
     let cleaned = false;
-    const getElement = (target) => {
-        return isFunction(target) ? target() : unref(target);
-    };
+    const getElement = (target) => isFunction(target) ? target() : unref(target);
     const add = (target) => {
         if (listening || cleaned) {
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.11.8",
+  "version": "2.12.0-alpha.1687974059976",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -24,11 +24,11 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/shared": "2.11.8"
+    "@varlet/shared": "2.12.0-alpha.1687974059976"
   },
   "devDependencies": {
-    "typescript": "^4.4.4",
-    "vue": "3.3.2"
+    "typescript": "^5.1.5",
+    "vue": "3.3.4"
   },
   "peerDependencies": {
     "vue": "^3.2.0"