@jelper/hooks 1.0.0 → 1.1.0

package/es/index.js

@@ -6,10 +6,10 @@ export { default as useOption } from './useOption';
 export { default as useRtRef } from './useRtRef';
 export { default as useRtCb } from './useRtCb';
 // 特殊 Effect
-export { default as useUpdateEffect } from './useUpdateEff';
+export { default as useUpdateEff } from './useUpdateEff';
 //  模拟生命周期
 export { default as useIsMounted } from './useIsMounted';
-export { default as useIsUnmount } from './useIsUnmounted';
+export { default as useIsUnmount } from './useIsUnmount';
 export { default as useCreate } from './useCreate';
 export { default as useMount } from './useMount';
 export { default as useUnmount } from './useUnmount';
@@ -19,8 +19,9 @@ export { default as useIgnoreAbortErrCb } from './useIgnoreAbortErrCb';
 export { default as useDebounce } from './useDebounce';
 export { default as useThrottle } from './useThrottle';
 // 使用异步
+export { default as useSafeRunner } from './useSafeRunner';
 export { default as useAsync } from './useAsync';
 // 浏览器api
-export { default as useTimeout } from './useTimeout';
-export { default as useInterval } from './useInterval';
-export { default as useResizeObserver } from './useResizeObserver';
+export { default as useTimeout, useTimeoutHandler } from './useTimeout';
+export { default as useInterval, useIntervalHandler } from './useInterval';
+export { default as useResizeObserver, useResizeObserverHandler } from './useResizeObserver';

package/es/useAsync.js

@@ -2,12 +2,12 @@
  * @Author: apathyjade
  * @Date: 2025-03-18 23:44:38
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:53:22
+ * @Last Modified time: 2025-05-29 17:58:54
  */
 import { useEffect, useState } from 'react';
 import useRtCb from './useRtCb';
 import useCreate from './useCreate';
-import useIsUnmounted from './useIsUnmounted';
+import useIsUnmounted from './useIsUnmount';
 import useUnmount from './useUnmount';
 const defOpt = {
     immediate: false,
@@ -68,6 +68,6 @@ const useAsync = (asyncFn, opt = defOpt) => {
             controller.abort();
         }
     });
-    return [data, { run, refresh, loading, error, param }];
+    return [data, { run, refresh, loading, error, param, controller }];
 };
 export default useAsync;

package/es/useBoolState.js

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:16:34
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:21:54
+ * @Last Modified time: 2025-05-29 18:08:43
  */
 import { useState, useCallback } from 'react';
 const useBoolState = (value) => {

package/es/useDebounce.js

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:14
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:14
+ * @Last Modified time: 2025-05-29 18:56:32
  */
 import { debounce } from 'lodash-es';
 import { useMemo } from 'react';
@@ -13,6 +13,6 @@ const useDebounce = (cb, wait, opts) => {
         return debounce((...arg) => {
             rtCb(...arg);
         }, wait, opts);
-    }, []);
+    }, [wait, opts]);
 };
 export default useDebounce;

package/es/useInterval.js

@@ -2,10 +2,11 @@
  * @Author: apathyjade
  * @Date: 2023-12-14 16:51:29
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:11:26
+ * @Last Modified time: 2025-05-30 18:24:00
  */
 import { useCallback, useEffect, useRef } from 'react';
-const useInterval = () => {
+import useRtCb from './useRtCb';
+export const useIntervalHandler = () => {
     const timerRef = useRef();
     const clearTimer = useCallback(() => {
         if (timerRef.current) {
@@ -16,7 +17,6 @@ const useInterval = () => {
     const bindTimer = useCallback((callback, timeout, ...arg) => {
         clearTimer();
         timerRef.current = window.setInterval(() => {
-            timerRef.current = undefined;
             callback(...arg);
         }, timeout);
     }, []);
@@ -26,4 +26,13 @@ const useInterval = () => {
         clearTimer,
     ];
 };
+export const useInterval = (callback, timeout, ...arg) => {
+    const [bindTimer, clearTimer] = useIntervalHandler();
+    const cb = useRtCb(callback);
+    useEffect(() => {
+        bindTimer(cb, timeout, ...arg);
+        return clearTimer;
+    }, [cb, timeout, ...arg]);
+    return clearTimer;
+};
 export default useInterval;

package/es/{useIsUnmounted.js → useIsUnmount.js}

@@ -2,16 +2,17 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 21:33:24
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 21:35:46
+ * @Last Modified time: 2025-05-29 20:15:50
  */
 import { useCallback, useEffect, useRef } from 'react';
-const useIsUnmounted = () => {
-    const ref = useRef(false);
+const useIsUnmount = () => {
+    const ref = useRef(true);
     useEffect(() => {
+        ref.current = false;
         return () => {
             ref.current = true;
         };
     }, []);
     return useCallback(() => ref.current, []);
 };
-export default useIsUnmounted;
+export default useIsUnmount;

package/es/useResizeObserver.js

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2023-11-24 10:52:51
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:17:45
+ * @Last Modified time: 2025-05-30 14:35:56
  */
 import { useCallback, useEffect } from 'react';
 let resizeObserver = null;
@@ -24,6 +24,9 @@ const observe = (target, cb) => {
     if (!resizeObserver) {
         init();
     }
+    if (!target) {
+        return;
+    }
     observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.set(target, cb);
     resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(target);
 };
@@ -31,20 +34,28 @@ const unobserve = (target) => {
     if (!resizeObserver) {
         init();
     }
+    if (!target) {
+        return;
+    }
     resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(target);
     observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.delete(target);
 };
-export default function useResizeObserver(dom, cb) {
-    const selfObserve = useCallback(() => {
-        observe(dom, cb);
-    }, [dom, cb]);
+export const useResizeObserverHandler = () => {
+    return [observe, unobserve];
+};
+export const useResizeObserver = (domRef, cb) => {
     const selfUnobserve = useCallback(() => {
-        unobserve(dom);
-    }, [dom]);
+        if (domRef.current) {
+            unobserve(domRef.current);
+        }
+    }, [domRef.current]);
     useEffect(() => {
+        if (!domRef.current)
+            return;
+        const dom = domRef.current;
         observe(dom, cb);
         return () => unobserve(dom);
-    }, [dom, cb]);
-    return [selfObserve, selfUnobserve];
-}
-;
+    }, [domRef.current, cb]);
+    return selfUnobserve;
+};
+export default useResizeObserver;

package/es/useRtRef.js

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 22:19:57
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-17 00:10:45
+ * @Last Modified time: 2025-05-30 15:05:26
  */
 import { useRef } from 'react';
 const useRtRef = (val) => {

package/es/useSafeRunner.js

@@ -5,7 +5,7 @@
  * @Last Modified time: 2025-03-19 22:41:39
  */
 import { useCallback } from 'react';
-import useIsUnmount from "./useIsUnmounted";
+import useIsUnmount from "./useIsUnmount";
 const useSafeRunner = () => {
     const isUnmount = useIsUnmount();
     return useCallback((cb, unmountCb) => {

package/es/useThrottle.js

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:28
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:48
+ * @Last Modified time: 2025-05-30 15:31:34
  */
 import { throttle } from 'lodash-es';
 import { useMemo } from 'react';
@@ -13,6 +13,6 @@ const useThrottle = (cb, wait, opts) => {
         return throttle((...arg) => {
             rtCb(...arg);
         }, wait, opts);
-    }, []);
+    }, [wait, opts]);
 };
 export default useThrottle;

package/es/useTimeout.js

@@ -2,10 +2,11 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 23:10:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:10:13
+ * @Last Modified time: 2025-05-30 18:24:42
  */
 import { useCallback, useEffect, useRef } from 'react';
-const useTimeout = () => {
+import useRtCb from './useRtCb';
+export const useTimeoutHandler = () => {
     const timerRef = useRef();
     const clearTimer = useCallback(() => {
         if (timerRef.current) {
@@ -26,4 +27,13 @@ const useTimeout = () => {
         clearTimer,
     ];
 };
+export const useTimeout = (callback, timeout, ...arg) => {
+    const [bindTimer, clearTimer] = useTimeoutHandler();
+    const cb = useRtCb(callback);
+    useEffect(() => {
+        bindTimer(cb, timeout, ...arg);
+        return clearTimer;
+    }, [cb, timeout, ...arg]);
+    return clearTimer;
+};
 export default useTimeout;

package/es/useUpdateEff.js

@@ -2,10 +2,10 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:35:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:35:13
+ * @Last Modified time: 2025-05-30 15:51:14
  */
 import { useRef, useEffect } from 'react';
-const useUpdateEffect = (cb, deps) => {
+const useUpdateEff = (cb, deps) => {
     const ref = useRef(false);
     useEffect(() => {
         if (ref.current) {
@@ -14,4 +14,4 @@ const useUpdateEffect = (cb, deps) => {
         ref.current = true;
     }, deps);
 };
-export default useUpdateEffect;
+export default useUpdateEff;

package/es/useValue.js

@@ -5,25 +5,22 @@
  * @Last Modified by:   jade
  * @Last Modified Time: 2023-04-05 14:39:52
  */
-import { useState, useEffect } from 'react';
-import useRtCb from './useRtCb';
+import { useState } from 'react';
+import useUpdateEff from './useUpdateEff';
 const defEqual = (a, b) => a === b;
 const useValue = (value, onChange, opts) => {
     const { isEqual = defEqual } = opts || {};
     const [val, setVal] = useState(value);
-    const updateValue = useRtCb((value) => {
-        setVal(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    }, []);
-    const [oldValue, setOldValue] = useState(value);
-    useEffect(() => {
-        if (!isEqual(value, oldValue)) {
-            setOldValue(value);
-            if (!isEqual(value, val)) {
-                updateValue(value);
-            }
+    useUpdateEff(() => {
+        if (!isEqual(value, val)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
         }
-    }, [value, oldValue, val]);
+    }, [val]);
+    useUpdateEff(() => {
+        if (!isEqual(value, val)) {
+            setVal(value);
+        }
+    }, [value]);
     return [val, setVal];
 };
 export default useValue;

package/lib/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeObserver = exports.useInterval = exports.useTimeout = exports.useAsync = exports.useThrottle = exports.useDebounce = exports.useIgnoreAbortErrCb = exports.useUnmount = exports.useMount = exports.useCreate = exports.useIsUnmount = exports.useIsMounted = exports.useUpdateEffect = exports.useRtCb = exports.useRtRef = exports.useOption = exports.useValue = exports.useBoolState = void 0;
+exports.useResizeObserverHandler = exports.useResizeObserver = exports.useIntervalHandler = exports.useInterval = exports.useTimeoutHandler = exports.useTimeout = exports.useAsync = exports.useSafeRunner = exports.useThrottle = exports.useDebounce = exports.useIgnoreAbortErrCb = exports.useUnmount = exports.useMount = exports.useCreate = exports.useIsUnmount = exports.useIsMounted = exports.useUpdateEff = exports.useRtCb = exports.useRtRef = exports.useOption = exports.useValue = exports.useBoolState = void 0;
 // 特殊state
 var useBoolState_1 = require("./useBoolState");
 Object.defineProperty(exports, "useBoolState", { enumerable: true, get: function () { return __importDefault(useBoolState_1).default; } });
@@ -18,12 +18,12 @@ var useRtCb_1 = require("./useRtCb");
 Object.defineProperty(exports, "useRtCb", { enumerable: true, get: function () { return __importDefault(useRtCb_1).default; } });
 // 特殊 Effect
 var useUpdateEff_1 = require("./useUpdateEff");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return __importDefault(useUpdateEff_1).default; } });
+Object.defineProperty(exports, "useUpdateEff", { enumerable: true, get: function () { return __importDefault(useUpdateEff_1).default; } });
 //  模拟生命周期
 var useIsMounted_1 = require("./useIsMounted");
 Object.defineProperty(exports, "useIsMounted", { enumerable: true, get: function () { return __importDefault(useIsMounted_1).default; } });
-var useIsUnmounted_1 = require("./useIsUnmounted");
-Object.defineProperty(exports, "useIsUnmount", { enumerable: true, get: function () { return __importDefault(useIsUnmounted_1).default; } });
+var useIsUnmount_1 = require("./useIsUnmount");
+Object.defineProperty(exports, "useIsUnmount", { enumerable: true, get: function () { return __importDefault(useIsUnmount_1).default; } });
 var useCreate_1 = require("./useCreate");
 Object.defineProperty(exports, "useCreate", { enumerable: true, get: function () { return __importDefault(useCreate_1).default; } });
 var useMount_1 = require("./useMount");
@@ -39,12 +39,17 @@ Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function
 var useThrottle_1 = require("./useThrottle");
 Object.defineProperty(exports, "useThrottle", { enumerable: true, get: function () { return __importDefault(useThrottle_1).default; } });
 // 使用异步
+var useSafeRunner_1 = require("./useSafeRunner");
+Object.defineProperty(exports, "useSafeRunner", { enumerable: true, get: function () { return __importDefault(useSafeRunner_1).default; } });
 var useAsync_1 = require("./useAsync");
 Object.defineProperty(exports, "useAsync", { enumerable: true, get: function () { return __importDefault(useAsync_1).default; } });
 // 浏览器api
 var useTimeout_1 = require("./useTimeout");
 Object.defineProperty(exports, "useTimeout", { enumerable: true, get: function () { return __importDefault(useTimeout_1).default; } });
+Object.defineProperty(exports, "useTimeoutHandler", { enumerable: true, get: function () { return useTimeout_1.useTimeoutHandler; } });
 var useInterval_1 = require("./useInterval");
 Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return __importDefault(useInterval_1).default; } });
+Object.defineProperty(exports, "useIntervalHandler", { enumerable: true, get: function () { return useInterval_1.useIntervalHandler; } });
 var useResizeObserver_1 = require("./useResizeObserver");
 Object.defineProperty(exports, "useResizeObserver", { enumerable: true, get: function () { return __importDefault(useResizeObserver_1).default; } });
+Object.defineProperty(exports, "useResizeObserverHandler", { enumerable: true, get: function () { return useResizeObserver_1.useResizeObserverHandler; } });

package/lib/useAsync.js

@@ -3,7 +3,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-18 23:44:38
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:53:22
+ * @Last Modified time: 2025-05-29 17:58:54
  */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
@@ -23,7 +23,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useRtCb_1 = __importDefault(require("./useRtCb"));
 var useCreate_1 = __importDefault(require("./useCreate"));
-var useIsUnmounted_1 = __importDefault(require("./useIsUnmounted"));
+var useIsUnmount_1 = __importDefault(require("./useIsUnmount"));
 var useUnmount_1 = __importDefault(require("./useUnmount"));
 var defOpt = {
     immediate: false,
@@ -36,7 +36,7 @@ var useAsync = function (asyncFn, opt) {
     var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
     var _d = (0, react_1.useState)(), error = _d[0], setError = _d[1];
     var _e = (0, react_1.useState)(), controller = _e[0], setController = _e[1];
-    var isUnmounted = (0, useIsUnmounted_1.default)();
+    var isUnmounted = (0, useIsUnmount_1.default)();
     (0, react_1.useEffect)(function () {
         if (!controller || !opt.onAbort) {
             return;
@@ -85,6 +85,6 @@ var useAsync = function (asyncFn, opt) {
             controller.abort();
         }
     });
-    return [data, { run: run, refresh: refresh, loading: loading, error: error, param: param }];
+    return [data, { run: run, refresh: refresh, loading: loading, error: error, param: param, controller: controller }];
 };
 exports.default = useAsync;

package/lib/useBoolState.js

@@ -3,7 +3,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:16:34
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:21:54
+ * @Last Modified time: 2025-05-29 18:08:43
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");

package/lib/useDebounce.js

@@ -3,7 +3,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:14
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:14
+ * @Last Modified time: 2025-05-29 18:56:32
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -22,6 +22,6 @@ var useDebounce = function (cb, wait, opts) {
             }
             rtCb.apply(void 0, arg);
         }, wait, opts);
-    }, []);
+    }, [wait, opts]);
 };
 exports.default = useDebounce;

package/lib/useInterval.js

@@ -3,11 +3,25 @@
  * @Author: apathyjade
  * @Date: 2023-12-14 16:51:29
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:11:26
+ * @Last Modified time: 2025-05-30 18:24:00
  */
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = exports.useIntervalHandler = void 0;
 var react_1 = require("react");
-var useInterval = function () {
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useIntervalHandler = function () {
     var timerRef = (0, react_1.useRef)();
     var clearTimer = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
@@ -22,7 +36,6 @@ var useInterval = function () {
         }
         clearTimer();
         timerRef.current = window.setInterval(function () {
-            timerRef.current = undefined;
             callback.apply(void 0, arg);
         }, timeout);
     }, []);
@@ -32,4 +45,19 @@ var useInterval = function () {
         clearTimer,
     ];
 };
-exports.default = useInterval;
+exports.useIntervalHandler = useIntervalHandler;
+var useInterval = function (callback, timeout) {
+    var arg = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        arg[_i - 2] = arguments[_i];
+    }
+    var _a = (0, exports.useIntervalHandler)(), bindTimer = _a[0], clearTimer = _a[1];
+    var cb = (0, useRtCb_1.default)(callback);
+    (0, react_1.useEffect)(function () {
+        bindTimer.apply(void 0, __spreadArray([cb, timeout], arg, false));
+        return clearTimer;
+    }, __spreadArray([cb, timeout], arg, true));
+    return clearTimer;
+};
+exports.useInterval = useInterval;
+exports.default = exports.useInterval;

package/lib/{useIsUnmounted.js → useIsUnmount.js}

@@ -3,17 +3,18 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 21:33:24
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 21:35:46
+ * @Last Modified time: 2025-05-29 20:15:50
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useIsUnmounted = function () {
-    var ref = (0, react_1.useRef)(false);
+var useIsUnmount = function () {
+    var ref = (0, react_1.useRef)(true);
     (0, react_1.useEffect)(function () {
+        ref.current = false;
         return function () {
             ref.current = true;
         };
     }, []);
     return (0, react_1.useCallback)(function () { return ref.current; }, []);
 };
-exports.default = useIsUnmounted;
+exports.default = useIsUnmount;

package/lib/useResizeObserver.js

@@ -3,9 +3,10 @@
  * @Author: apathyjade
  * @Date: 2023-11-24 10:52:51
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:17:45
+ * @Last Modified time: 2025-05-30 14:35:56
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = exports.useResizeObserverHandler = void 0;
 var react_1 = require("react");
 var resizeObserver = null;
 var observeCatch = null;
@@ -26,6 +27,9 @@ var observe = function (target, cb) {
     if (!resizeObserver) {
         init();
     }
+    if (!target) {
+        return;
+    }
     observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.set(target, cb);
     resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(target);
 };
@@ -33,21 +37,30 @@ var unobserve = function (target) {
     if (!resizeObserver) {
         init();
     }
+    if (!target) {
+        return;
+    }
     resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve(target);
     observeCatch === null || observeCatch === void 0 ? void 0 : observeCatch.delete(target);
 };
-function useResizeObserver(dom, cb) {
-    var selfObserve = (0, react_1.useCallback)(function () {
-        observe(dom, cb);
-    }, [dom, cb]);
+var useResizeObserverHandler = function () {
+    return [observe, unobserve];
+};
+exports.useResizeObserverHandler = useResizeObserverHandler;
+var useResizeObserver = function (domRef, cb) {
     var selfUnobserve = (0, react_1.useCallback)(function () {
-        unobserve(dom);
-    }, [dom]);
+        if (domRef.current) {
+            unobserve(domRef.current);
+        }
+    }, [domRef.current]);
     (0, react_1.useEffect)(function () {
+        if (!domRef.current)
+            return;
+        var dom = domRef.current;
         observe(dom, cb);
         return function () { return unobserve(dom); };
-    }, [dom, cb]);
-    return [selfObserve, selfUnobserve];
-}
-exports.default = useResizeObserver;
-;
+    }, [domRef.current, cb]);
+    return selfUnobserve;
+};
+exports.useResizeObserver = useResizeObserver;
+exports.default = exports.useResizeObserver;

package/lib/useRtRef.js

@@ -3,7 +3,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 22:19:57
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-17 00:10:45
+ * @Last Modified time: 2025-05-30 15:05:26
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");

package/lib/useSafeRunner.js

@@ -10,9 +10,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useIsUnmounted_1 = __importDefault(require("./useIsUnmounted"));
+var useIsUnmount_1 = __importDefault(require("./useIsUnmount"));
 var useSafeRunner = function () {
-    var isUnmount = (0, useIsUnmounted_1.default)();
+    var isUnmount = (0, useIsUnmount_1.default)();
     return (0, react_1.useCallback)(function (cb, unmountCb) {
         if (isUnmount()) {
             unmountCb === null || unmountCb === void 0 ? void 0 : unmountCb();

package/lib/useThrottle.js

@@ -3,7 +3,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:28
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:48
+ * @Last Modified time: 2025-05-30 15:31:34
  */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -22,6 +22,6 @@ var useThrottle = function (cb, wait, opts) {
             }
             rtCb.apply(void 0, arg);
         }, wait, opts);
-    }, []);
+    }, [wait, opts]);
 };
 exports.default = useThrottle;

package/lib/useTimeout.js

@@ -3,11 +3,25 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 23:10:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:10:13
+ * @Last Modified time: 2025-05-30 18:24:42
  */
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeout = exports.useTimeoutHandler = void 0;
 var react_1 = require("react");
-var useTimeout = function () {
+var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useTimeoutHandler = function () {
     var timerRef = (0, react_1.useRef)();
     var clearTimer = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
@@ -32,4 +46,19 @@ var useTimeout = function () {
         clearTimer,
     ];
 };
-exports.default = useTimeout;
+exports.useTimeoutHandler = useTimeoutHandler;
+var useTimeout = function (callback, timeout) {
+    var arg = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        arg[_i - 2] = arguments[_i];
+    }
+    var _a = (0, exports.useTimeoutHandler)(), bindTimer = _a[0], clearTimer = _a[1];
+    var cb = (0, useRtCb_1.default)(callback);
+    (0, react_1.useEffect)(function () {
+        bindTimer.apply(void 0, __spreadArray([cb, timeout], arg, false));
+        return clearTimer;
+    }, __spreadArray([cb, timeout], arg, true));
+    return clearTimer;
+};
+exports.useTimeout = useTimeout;
+exports.default = exports.useTimeout;

package/lib/useUpdateEff.js

@@ -3,11 +3,11 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:35:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:35:13
+ * @Last Modified time: 2025-05-30 15:51:14
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useUpdateEffect = function (cb, deps) {
+var useUpdateEff = function (cb, deps) {
     var ref = (0, react_1.useRef)(false);
     (0, react_1.useEffect)(function () {
         if (ref.current) {
@@ -16,4 +16,4 @@ var useUpdateEffect = function (cb, deps) {
         ref.current = true;
     }, deps);
 };
-exports.default = useUpdateEffect;
+exports.default = useUpdateEff;

package/lib/useValue.js

@@ -11,24 +11,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useRtCb_1 = __importDefault(require("./useRtCb"));
+var useUpdateEff_1 = __importDefault(require("./useUpdateEff"));
 var defEqual = function (a, b) { return a === b; };
 var useValue = function (value, onChange, opts) {
     var _a = (opts || {}).isEqual, isEqual = _a === void 0 ? defEqual : _a;
     var _b = (0, react_1.useState)(value), val = _b[0], setVal = _b[1];
-    var updateValue = (0, useRtCb_1.default)(function (value) {
-        setVal(value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(value);
-    }, []);
-    var _c = (0, react_1.useState)(value), oldValue = _c[0], setOldValue = _c[1];
-    (0, react_1.useEffect)(function () {
-        if (!isEqual(value, oldValue)) {
-            setOldValue(value);
-            if (!isEqual(value, val)) {
-                updateValue(value);
-            }
+    (0, useUpdateEff_1.default)(function () {
+        if (!isEqual(value, val)) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
         }
-    }, [value, oldValue, val]);
+    }, [val]);
+    (0, useUpdateEff_1.default)(function () {
+        if (!isEqual(value, val)) {
+            setVal(value);
+        }
+    }, [value]);
     return [val, setVal];
 };
 exports.default = useValue;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jelper/hooks",
-	"version": "1.0.0",
+	"version": "1.1.0",
 	"description": "react hooks helper",
 	"main": "lib/index.js",
 	"module": "es/index.js",
@@ -20,7 +20,7 @@
 		"access": "public"
 	},
 	"devDependencies": {
-		"@jelper/builder": "0.2.0",
+		"@jelper/builder": "1.1.0",
 		"@types/node": "~18.0.0",
 		"@types/react": "~18.2.17",
 		"@types/lodash-es": "~4.17.8",

package/types/index.d.ts

@@ -3,16 +3,17 @@ export { default as useValue } from './useValue';
 export { default as useOption } from './useOption';
 export { default as useRtRef } from './useRtRef';
 export { default as useRtCb } from './useRtCb';
-export { default as useUpdateEffect } from './useUpdateEff';
+export { default as useUpdateEff } from './useUpdateEff';
 export { default as useIsMounted } from './useIsMounted';
-export { default as useIsUnmount } from './useIsUnmounted';
+export { default as useIsUnmount } from './useIsUnmount';
 export { default as useCreate } from './useCreate';
 export { default as useMount } from './useMount';
 export { default as useUnmount } from './useUnmount';
 export { default as useIgnoreAbortErrCb } from './useIgnoreAbortErrCb';
 export { default as useDebounce } from './useDebounce';
 export { default as useThrottle } from './useThrottle';
+export { default as useSafeRunner } from './useSafeRunner';
 export { default as useAsync } from './useAsync';
-export { default as useTimeout } from './useTimeout';
-export { default as useInterval } from './useInterval';
-export { default as useResizeObserver } from './useResizeObserver';
+export { default as useTimeout, useTimeoutHandler } from './useTimeout';
+export { default as useInterval, useIntervalHandler } from './useInterval';
+export { default as useResizeObserver, useResizeObserverHandler } from './useResizeObserver';

package/types/useAsync.d.ts

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-18 23:44:38
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:53:22
+ * @Last Modified time: 2025-05-29 17:58:54
  */
 type Parameter<T extends (p: any) => any> = Parameters<T>[0];
 interface Opt<T extends (p: any) => any, R> {
@@ -22,6 +22,7 @@ declare const useAsync: <T extends (p: any, opt?: {
         loading: boolean;
         error?: Error;
         param: Partial<Parameter<T>>;
+        controller: AbortController | undefined;
     }
 ];
 export default useAsync;

package/types/useBoolState.d.ts

@@ -2,7 +2,10 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:16:34
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:21:54
+ * @Last Modified time: 2025-05-29 18:08:43
  */
-declare const useBoolState: (value: boolean) => (boolean | ((switchValue?: React.SetStateAction<boolean>) => void))[];
+declare const useBoolState: (value: boolean) => [
+    boolean,
+    (val?: boolean) => void
+];
 export default useBoolState;

package/types/useDebounce.d.ts

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:14
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:14
+ * @Last Modified time: 2025-05-29 18:56:32
  */
 import { DebounceSettings, DebouncedFunc } from 'lodash-es';
 declare const useDebounce: <T extends (...args: any) => any>(cb: T, wait?: number, opts?: DebounceSettings) => DebouncedFunc<T>;

package/types/useInterval.d.ts

@@ -1,5 +1,6 @@
-declare const useInterval: () => [
+export declare const useIntervalHandler: () => [
     (callback: Function, timeout?: number, ...arg: any[]) => void,
     () => void
 ];
+export declare const useInterval: (callback: Function, timeout?: number, ...arg: any[]) => (() => void);
 export default useInterval;

package/types/useIsUnmount.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 21:33:24
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-29 20:15:50
+ */
+declare const useIsUnmount: () => (() => boolean);
+export default useIsUnmount;

package/types/useResizeObserver.d.ts

@@ -1 +1,3 @@
-export default function useResizeObserver(dom: HTMLElement, cb: (dom: ResizeObserverEntry) => void): (() => void)[];
+export declare const useResizeObserverHandler: () => ((target: HTMLElement, cb: (dom: ResizeObserverEntry) => void) => void)[];
+export declare const useResizeObserver: <T extends HTMLElement>(domRef: React.RefObject<T>, cb: (entry: ResizeObserverEntry) => void) => () => void;
+export default useResizeObserver;

package/types/useRtRef.d.ts

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 22:19:57
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-17 00:10:45
+ * @Last Modified time: 2025-05-30 15:05:26
  */
 /// <reference types="react" />
 declare const useRtRef: <T>(val: T) => import("react").MutableRefObject<T>;

package/types/useThrottle.d.ts

@@ -2,8 +2,8 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 22:55:28
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 22:55:48
+ * @Last Modified time: 2025-05-30 15:31:34
  */
-import { ThrottleSettings } from 'lodash-es';
-declare const useThrottle: <T extends (...args: any) => any>(cb: T, wait?: number, opts?: ThrottleSettings) => import("lodash-es").DebouncedFunc<(...arg: Parameters<T>) => void>;
+import { ThrottleSettings, DebouncedFunc } from 'lodash-es';
+declare const useThrottle: <T extends (...args: any) => any>(cb: T, wait?: number, opts?: ThrottleSettings) => DebouncedFunc<T>;
 export default useThrottle;

package/types/useTimeout.d.ts

@@ -2,10 +2,11 @@
  * @Author: apathyjade
  * @Date: 2025-03-19 23:10:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-19 23:10:13
+ * @Last Modified time: 2025-05-30 18:24:42
  */
-declare const useTimeout: () => [
+export declare const useTimeoutHandler: () => [
     (callback: Function, timeout?: number, ...arg: any[]) => void,
     () => void
 ];
+export declare const useTimeout: (callback: Function, timeout?: number, ...arg: any[]) => () => void;
 export default useTimeout;

package/types/useUpdateEff.d.ts

@@ -2,7 +2,7 @@
  * @Author: apathyjade
  * @Date: 2025-03-16 11:35:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 11:35:13
+ * @Last Modified time: 2025-05-30 15:51:14
  */
-declare const useUpdateEffect: (cb: React.EffectCallback, deps?: React.DependencyList) => void;
-export default useUpdateEffect;
+declare const useUpdateEff: (cb: React.EffectCallback, deps?: React.DependencyList) => void;
+export default useUpdateEff;

package/types/useIsUnmounted.d.ts

@@ -1,8 +0,0 @@
-/**
- * @Author: apathyjade
- * @Date: 2025-03-16 21:33:24
- * @Last Modified by: apathyjade
- * @Last Modified time: 2025-03-16 21:35:46
- */
-declare const useIsUnmounted: () => (() => boolean);
-export default useIsUnmounted;