@varlet/use 2.18.0-alpha.1697511280107 → 2.18.0-alpha.1697555377370

package/lib/index.d.ts

@@ -63,8 +63,19 @@ declare function useTouch(): {
     startTouch: (event: TouchEvent) => void;
     moveTouch: (event: TouchEvent) => void;
     endTouch: () => void;
+    isReachTop: (element: Element) => boolean;
+    isReachBottom: (element: Element, offset?: number) => boolean;
 };
 
 declare function useId(): vue.Ref<string | undefined>;
 
-export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useEventListener, useId, useInitialized, useParent, useTouch };
+interface UseWindowSizeOptions {
+    initialWidth?: number;
+    initialHeight?: number;
+}
+declare function useWindowSize(options?: UseWindowSizeOptions): {
+    width: vue.Ref<number>;
+    height: vue.Ref<number>;
+};
+
+export { TouchDirection, UseChildrenBaseProvider, UseClickOutsideTarget, UseEventListenerOptions, UseEventListenerTarget, UseWindowSizeOptions, keyInProvides, onSmartMounted, onSmartUnmounted, onWindowResize, useChildren, useClickOutside, useEventListener, useId, useInitialized, useParent, useTouch, useWindowSize };

package/lib/index.js

@@ -343,6 +343,15 @@ function useTouch() {
       dragging.value = false;
     });
   };
+  const isReachTop = (element) => {
+    const { scrollTop } = element;
+    return scrollTop === 0 && deltaY.value > 0;
+  };
+  const isReachBottom = (element, offset = 1) => {
+    const { scrollHeight, clientHeight, scrollTop } = element;
+    const offsetBottom = Math.abs(scrollHeight - scrollTop - clientHeight);
+    return deltaY.value < 0 && offsetBottom <= offset;
+  };
   return {
     startX,
     startY,
@@ -362,7 +371,9 @@ function useTouch() {
     resetTouch,
     startTouch,
     moveTouch,
-    endTouch
+    endTouch,
+    isReachTop,
+    isReachBottom
   };
 }
 
@@ -376,6 +387,28 @@ function useId() {
   id.value = process.env.NODE_ENV === "test" ? `${name}-mock-id` : `${name}-${instance.uid}`;
   return id;
 }
+
+// src/useWindowSize.ts
+import { inBrowser as inBrowser3 } from "@varlet/shared";
+import { ref as ref4 } from "vue";
+function useWindowSize(options = {}) {
+  const { initialWidth = 0, initialHeight = 0 } = options;
+  const width = ref4(initialWidth);
+  const height = ref4(initialHeight);
+  const update = () => {
+    if (!inBrowser3()) {
+      return;
+    }
+    width.value = window.innerWidth;
+    height.value = window.innerHeight;
+  };
+  onSmartMounted(update);
+  onWindowResize(update);
+  return {
+    width,
+    height
+  };
+}
 export {
   keyInProvides,
   onSmartMounted,
@@ -387,5 +420,6 @@ export {
   useId,
   useInitialized,
   useParent,
-  useTouch
+  useTouch,
+  useWindowSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/use",
-  "version": "2.18.0-alpha.1697511280107",
+  "version": "2.18.0-alpha.1697555377370",
   "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.18.0-alpha.1697511280107"
+    "@varlet/shared": "2.18.0-alpha.1697555377370"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",