@varlet/use 2.12.0-alpha.1687974059976 → 2.12.0-alpha.1688105697429

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.12.0-alpha.1687974059976",
+  "version": "2.12.0-alpha.1688105697429",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
@@ -24,9 +24,10 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/shared": "2.12.0-alpha.1687974059976"
+    "@varlet/shared": "2.12.0-alpha.1688105697429"
   },
   "devDependencies": {
+    "rimraf": "^5.0.1",
     "typescript": "^5.1.5",
     "vue": "3.3.4"
   },
@@ -35,6 +36,6 @@
   },
   "scripts": {
     "dev": "tsc --watch",
-    "build": "tsc"
+    "build": "rimraf ./lib && tsc"
   }
 }

package/lib/onMounted.d.ts

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

package/lib/onMounted.js

@@ -1,16 +0,0 @@
-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

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

package/lib/onSmartMounted copy.js

@@ -1,16 +0,0 @@
-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/useEventListener copy.d.ts

@@ -1,12 +0,0 @@
-import { type Ref } from 'vue'
-export declare type UseEventListenerTarget = EventTarget | undefined | Ref<EventTarget | undefined>
-export interface UseEventListenerOptions {
-  capture?: boolean
-  passive?: boolean
-}
-export declare function useEventListener<T extends keyof DocumentEventMap>(
-  target: UseEventListenerTarget,
-  type: T,
-  listener: (event: DocumentEventMap[T]) => void,
-  options?: UseEventListenerOptions
-): () => void

package/lib/useEventListener copy.js

@@ -1,63 +0,0 @@
-import { inBrowser } from '@varlet/shared'
-import { isRef, onActivated, onDeactivated, onMounted, onUnmounted, unref, watch } from 'vue'
-export function useEventListener(target, type, listener, options = {}) {
-  if (!inBrowser()) {
-    return
-  }
-  const { passive = false, capture = false } = options
-  let listening = false
-  let cleaned = false
-  const add = (target) => {
-    if (listening || cleaned) {
-      return
-    }
-    const element = unref(target)
-    if (element) {
-      element.addEventListener(type, listener, {
-        passive,
-        capture,
-      })
-      listening = true
-    }
-  }
-  const remove = (target) => {
-    if (!listening || cleaned) {
-      return
-    }
-    const element = unref(target)
-    if (element) {
-      element.removeEventListener(type, listener, {
-        capture,
-      })
-      listening = false
-    }
-  }
-  let watchStopHandle
-  if (isRef(target)) {
-    watchStopHandle = watch(
-      () => target.value,
-      (newValue, oldValue) => {
-        remove(oldValue)
-        add(newValue)
-      }
-    )
-  }
-  const cleanup = () => {
-    watchStopHandle === null || watchStopHandle === void 0 ? void 0 : watchStopHandle()
-    remove(target)
-    cleaned = true
-  }
-  onMounted(() => {
-    add(target)
-  })
-  onActivated(() => {
-    add(target)
-  })
-  onUnmounted(() => {
-    remove(target)
-  })
-  onDeactivated(() => {
-    remove(target)
-  })
-  return cleanup
-}

package/lib/useMounted.d.ts

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

package/lib/useMounted.js

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

package/lib/useVModel.d.ts

@@ -1,7 +0,0 @@
-export interface UseVModelOptions<P, K extends keyof P> {
-    passive?: boolean;
-    eventName?: string;
-    defaultValue?: P[K];
-    emit?: (event: string, value: P[K]) => void;
-}
-export declare function useVModel<P extends Record<string, any>, K extends keyof P>(props: P, key: K, options?: UseVModelOptions<P, K>): import("vue").WritableComputedRef<P[K]> | ([P[K]] extends [import("vue").Ref<any>] ? P[K] : import("vue").Ref<import("vue").UnwrapRef<P[K]>>);

package/lib/useVModel.js

@@ -1,25 +0,0 @@
-import { computed, getCurrentInstance, ref, watch } from 'vue';
-export function useVModel(props, key, options = {}) {
-    const vm = getCurrentInstance();
-    const { passive = true, eventName, defaultValue, emit = vm === null || vm === void 0 ? void 0 : vm.emit } = options;
-    const event = eventName !== null && eventName !== void 0 ? eventName : `update:${key.toString()}`;
-    const getValue = () => (props[key] != null ? props[key] : defaultValue);
-    if (!passive) {
-        return computed({
-            get() {
-                return getValue();
-            },
-            set(value) {
-                emit(event, value);
-            },
-        });
-    }
-    const proxy = ref(getValue());
-    watch(() => props[key], () => {
-        proxy.value = getValue();
-    });
-    watch(() => proxy.value, (newValue) => {
-        emit(event, newValue);
-    });
-    return proxy;
-}

package/lib/useWindowResize.d.ts

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

package/lib/useWindowResize.js

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