@varlet/use 2.11.5 → 2.11.6

package/lib/index.d.ts

@@ -1,5 +1,7 @@
-export * from './useEventListener.js';
-export * from './useClickOutside.js';
-export * from './useMounted.js';
-export * from './useParent.js';
-export * from './useChildren.js';
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './onSmartMounted';
+export * from './onSmartUnmounted';
+export * from './useParent';
+export * from './useChildren';
+export * from './onWindowResize';

package/lib/index.js

@@ -1,5 +1,7 @@
-export * from './useEventListener.js';
-export * from './useClickOutside.js';
-export * from './useMounted.js';
-export * from './useParent.js';
-export * from './useChildren.js';
+export * from './useEventListener';
+export * from './useClickOutside';
+export * from './onSmartMounted';
+export * from './onSmartUnmounted';
+export * from './useParent';
+export * from './useChildren';
+export * from './onWindowResize';

package/lib/onMounted.d.ts

@@ -0,0 +1 @@
+export declare function onSmartMounted(hook: () => void): void;

package/lib/onMounted.js

@@ -0,0 +1,16 @@
+import { onMounted, nextTick, onActivated } from 'vue';
+export function onSmartMounted(hook) {
+    let isMounted = false;
+    onMounted(() => {
+        hook();
+        nextTick(() => {
+            isMounted = true;
+        });
+    });
+    onActivated(() => {
+        if (!isMounted) {
+            return;
+        }
+        hook();
+    });
+}

package/lib/onSmartMounted copy.d.ts

@@ -0,0 +1 @@
+export declare function onSmartMounted(hook: () => void): void;

package/lib/onSmartMounted copy.js

@@ -0,0 +1,16 @@
+import { onMounted, nextTick, onActivated } from 'vue';
+export function onSmartMounted(hook) {
+    let isMounted = false;
+    onMounted(() => {
+        hook();
+        nextTick(() => {
+            isMounted = true;
+        });
+    });
+    onActivated(() => {
+        if (!isMounted) {
+            return;
+        }
+        hook();
+    });
+}

package/lib/onSmartMounted.d.ts

@@ -0,0 +1 @@
+export declare function onSmartMounted(hook: () => void): void;

package/lib/onSmartMounted.js

@@ -0,0 +1,16 @@
+import { onMounted, nextTick, onActivated } from 'vue';
+export function onSmartMounted(hook) {
+    let isMounted = false;
+    onMounted(() => {
+        hook();
+        nextTick(() => {
+            isMounted = true;
+        });
+    });
+    onActivated(() => {
+        if (!isMounted) {
+            return;
+        }
+        hook();
+    });
+}

package/lib/onSmartUnmounted.d.ts

@@ -0,0 +1 @@
+export declare function onSmartUnmounted(hook: () => void): void;

package/lib/onSmartUnmounted.js

@@ -0,0 +1,9 @@
+import { onDeactivated, onUnmounted } from 'vue';
+export function onSmartUnmounted(hook) {
+    onUnmounted(() => {
+        hook();
+    });
+    onDeactivated(() => {
+        hook();
+    });
+}

package/lib/onWindowResize.d.ts

@@ -0,0 +1 @@
+export declare function onWindowResize(listener: EventListener): void;

package/lib/onWindowResize.js

@@ -0,0 +1,5 @@
+import { useEventListener } from './useEventListener';
+export function onWindowResize(listener) {
+    useEventListener(() => window, 'resize', listener, { passive: true });
+    useEventListener(() => window, 'orientationchange', listener, { passive: true });
+}

package/lib/useClickOutside.js

@@ -1,4 +1,4 @@
-import { useEventListener } from './useEventListener.js';
+import { useEventListener } from './useEventListener';
 import { inBrowser } from '@varlet/shared';
 import { unref } from 'vue';
 export function useClickOutside(target, type, listener) {

package/lib/useEventListener.js

@@ -1,6 +1,6 @@
 import { inBrowser, isFunction } from '@varlet/shared';
 import { isRef, onDeactivated, onBeforeUnmount, unref, watch } from 'vue';
-import { useMounted } from './useMounted.js';
+import { onSmartMounted } from './onSmartMounted';
 export function useEventListener(target, type, listener, options = {}) {
     if (!inBrowser()) {
         return;
@@ -48,7 +48,7 @@ export function useEventListener(target, type, listener, options = {}) {
         remove(target);
         cleaned = true;
     };
-    useMounted(() => {
+    onSmartMounted(() => {
         add(target);
     });
     onBeforeUnmount(() => {

package/lib/useParent.d.ts

@@ -1,5 +1,5 @@
 import { type ComputedRef } from 'vue';
-import { type UseChildrenBaseProvider } from './useChildren.js';
+import { type UseChildrenBaseProvider } from './useChildren';
 export declare function keyInProvides(key: symbol | string): boolean;
 export declare function useParent<P, C>(key: symbol | string): {
     index: null;

package/lib/useWindowResize.d.ts

@@ -0,0 +1 @@
+export declare function useWindowResize(listener: EventListener): void;

package/lib/useWindowResize.js

@@ -0,0 +1,5 @@
+import { useEventListener } from './useEventListener';
+export function useWindowResize(listener) {
+    useEventListener(() => window, 'resize', listener, { passive: true });
+    useEventListener(() => window, 'orientationchange', listener, { passive: true });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.11.5",
+  "version": "2.11.6",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -24,7 +24,7 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/shared": "2.11.5"
+    "@varlet/shared": "2.11.6"
   },
   "devDependencies": {
     "typescript": "^4.4.4",