@aiszlab/relax 1.1.2 → 1.1.3

package/dist/hooks/use-scrollable.d.ts

@@ -6,5 +6,6 @@ import { Key } from 'react';
 export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>() => {
     groupRef: import("react").RefObject<P>;
     itemRefs: import("react").MutableRefObject<Map<Key, C | null>>;
-    scrollTo: (key: Key, duration?: number) => void;
+    scrollTo: (to: number, duration?: number) => void;
+    to: (key: Key) => number;
 };

package/dist/hooks/use-scrollable.js

@@ -8,17 +8,13 @@ const useScrollable = () => {
     const groupRef = useRef(null);
     const itemRefs = useRef(new Map());
     const scroller = useRef(null);
-    const scrollTo = useCallback((key, duration = 0) => {
+    const scrollTo = useCallback((to, duration = 0) => {
         if (scroller.current) {
             cancelAnimationFrame(scroller.current);
         }
         const group = groupRef.current;
         if (!group)
             return;
-        const item = itemRefs.current.get(key);
-        if (!item)
-            return;
-        const to = item.offsetTop;
         // if duration <= 0, jump immediately
         if (duration <= 0) {
             scroller.current = requestAnimationFrame(() => {
@@ -33,13 +29,20 @@ const useScrollable = () => {
             group.scrollTop = group.scrollTop + step;
             if (group.scrollTop === to)
                 return;
-            scrollTo(key, duration - 10);
+            scrollTo(to, duration - 10);
         });
     }, []);
+    const to = useCallback((key) => {
+        const item = itemRefs.current.get(key);
+        if (!item)
+            return 0;
+        return item.offsetTop;
+    }, []);
     return {
         groupRef,
         itemRefs,
-        scrollTo
+        scrollTo,
+        to
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "react utils collection",
   "type": "module",
   "main": "./dist/index.js",