@varlet/use 2.10.2 → 2.10.3-alpha.1683532936621

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.10.2",
+  "version": "2.10.3-alpha.1683532936621",
   "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.10.2"
+    "@varlet/shared": "2.10.3-alpha.1683532936621"
   },
   "devDependencies": {
     "typescript": "^4.4.4",

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
-}