@jelper/hooks 0.3.0 → 1.1.0

package/lib/index.js

@@ -3,30 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useResizeObserver = exports.useListener = exports.useInterval = exports.useTimeout = exports.useAsync = exports.useDebounce = exports.useThrottle = exports.useUnmount = exports.useMount = exports.useCreate = exports.useIsUnmount = exports.useUpdateEffect = exports.useParamsState = exports.useBoolState = exports.useRtEffect = exports.useRtCb = exports.useRtState = exports.useRtRef = exports.useSafeCb = exports.useSafeState = void 0;
-// 预防组件销毁更新
-var useSafeState_1 = require("./useSafeState");
-Object.defineProperty(exports, "useSafeState", { enumerable: true, get: function () { return __importDefault(useSafeState_1).default; } });
-var useSafeCb_1 = require("./useSafeCb");
-Object.defineProperty(exports, "useSafeCb", { enumerable: true, get: function () { return __importDefault(useSafeCb_1).default; } });
+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; } });
+var useValue_1 = require("./useValue");
+Object.defineProperty(exports, "useValue", { enumerable: true, get: function () { return __importDefault(useValue_1).default; } });
+var useOption_1 = require("./useOption");
+Object.defineProperty(exports, "useOption", { enumerable: true, get: function () { return __importDefault(useOption_1).default; } });
 // 传入参数实时更新，保证内部最新数据
 var useRtRef_1 = require("./useRtRef");
 Object.defineProperty(exports, "useRtRef", { enumerable: true, get: function () { return __importDefault(useRtRef_1).default; } });
-var useRtState_1 = require("./useRtState");
-Object.defineProperty(exports, "useRtState", { enumerable: true, get: function () { return __importDefault(useRtState_1).default; } });
 var useRtCb_1 = require("./useRtCb");
 Object.defineProperty(exports, "useRtCb", { enumerable: true, get: function () { return __importDefault(useRtCb_1).default; } });
-var useRtEffect_1 = require("./useRtEffect"); // 保证卸载回调能拿到最新数据
-Object.defineProperty(exports, "useRtEffect", { enumerable: true, get: function () { return __importDefault(useRtEffect_1).default; } });
-// 特殊state
-var useBoolState_1 = require("./useBoolState");
-Object.defineProperty(exports, "useBoolState", { enumerable: true, get: function () { return __importDefault(useBoolState_1).default; } });
-var useParamsState_1 = require("./useParamsState");
-Object.defineProperty(exports, "useParamsState", { enumerable: true, get: function () { return __importDefault(useParamsState_1).default; } });
 // 特殊 Effect
-var useUpdateEffect_1 = require("./useUpdateEffect");
-Object.defineProperty(exports, "useUpdateEffect", { enumerable: true, get: function () { return __importDefault(useUpdateEffect_1).default; } });
-//  生命周期
+var useUpdateEff_1 = require("./useUpdateEff");
+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 useIsUnmount_1 = require("./useIsUnmount");
 Object.defineProperty(exports, "useIsUnmount", { enumerable: true, get: function () { return __importDefault(useIsUnmount_1).default; } });
 var useCreate_1 = require("./useCreate");
@@ -35,20 +30,26 @@ var useMount_1 = require("./useMount");
 Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return __importDefault(useMount_1).default; } });
 var useUnmount_1 = require("./useUnmount");
 Object.defineProperty(exports, "useUnmount", { enumerable: true, get: function () { return __importDefault(useUnmount_1).default; } });
-// 节流防抖
-var useThrottle_1 = require("./useThrottle");
-Object.defineProperty(exports, "useThrottle", { enumerable: true, get: function () { return __importDefault(useThrottle_1).default; } });
+// callback
+var useIgnoreAbortErrCb_1 = require("./useIgnoreAbortErrCb");
+Object.defineProperty(exports, "useIgnoreAbortErrCb", { enumerable: true, get: function () { return __importDefault(useIgnoreAbortErrCb_1).default; } });
+// 防抖节流
 var useDebounce_1 = require("./useDebounce");
 Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return __importDefault(useDebounce_1).default; } });
+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; } });
-var useListener_1 = require("./useListener");
-Object.defineProperty(exports, "useListener", { enumerable: true, get: function () { return __importDefault(useListener_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

@@ -1,4 +1,10 @@
 "use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-18 23:44:38
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-29 17:58:54
+ */
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -14,37 +20,71 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var useSafeState_1 = __importDefault(require("./useSafeState"));
+var react_1 = require("react");
 var useRtCb_1 = __importDefault(require("./useRtCb"));
 var useCreate_1 = __importDefault(require("./useCreate"));
+var useIsUnmount_1 = __importDefault(require("./useIsUnmount"));
+var useUnmount_1 = __importDefault(require("./useUnmount"));
+var defOpt = {
+    immediate: false,
+    catchParam: false,
+};
 var useAsync = function (asyncFn, opt) {
-    if (opt === void 0) { opt = {
-        immediate: false,
-        catchParam: false,
-    }; }
-    var _a = (0, useSafeState_1.default)(null), data = _a[0], setData = _a[1];
-    var _b = (0, useSafeState_1.default)(opt.defParam || {}), param = _b[0], setParam = _b[1];
-    var _c = (0, useSafeState_1.default)(false), loading = _c[0], setLoading = _c[1];
-    var _d = (0, useSafeState_1.default)(null), error = _d[0], setError = _d[1];
+    if (opt === void 0) { opt = defOpt; }
+    var _a = (0, react_1.useState)(), data = _a[0], setData = _a[1];
+    var _b = (0, react_1.useState)(opt.defParam || {}), param = _b[0], setParam = _b[1];
+    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, useIsUnmount_1.default)();
+    (0, react_1.useEffect)(function () {
+        if (!controller || !opt.onAbort) {
+            return;
+        }
+        var onAbort = opt.onAbort;
+        controller.signal.addEventListener('abort', onAbort);
+        return function () {
+            controller.signal.removeEventListener('abort', onAbort);
+        };
+    }, [controller]);
     var run = (0, useRtCb_1.default)(function (runParam) {
         var currParam = opt.catchParam ? __assign(__assign({}, param), (runParam || {})) : runParam;
         setLoading(true);
-        setError(null);
-        return asyncFn(currParam)
-            .then(opt.format)
+        setError(undefined);
+        if (controller) {
+            controller.abort();
+        }
+        var abortController = new AbortController();
+        setController(abortController);
+        return asyncFn(currParam, { signal: abortController.signal })
             .then(function (resData) {
-            setData(resData);
+            if (isUnmounted() || abortController.signal.aborted)
+                return;
+            setData(opt.format ? opt.format(resData) : resData);
             setParam(currParam);
-        }, setError)
-            .finally(function () {
             setLoading(false);
+        }, function (err) {
+            if (isUnmounted() || abortController.signal.aborted)
+                return Promise.reject(err);
+            setError(err);
+            setLoading(false);
+        }).finally(function () {
+            if (isUnmounted())
+                return;
+            setController(undefined);
         });
     });
+    var refresh = (0, useRtCb_1.default)(function () { return run(param); });
     (0, useCreate_1.default)(function () {
         if (opt.immediate) {
             run(param);
         }
     });
-    return { data: data, run: run, loading: loading, error: error };
+    (0, useUnmount_1.default)(function () {
+        if (controller) {
+            controller.abort();
+        }
+    });
+    return [data, { run: run, refresh: refresh, loading: loading, error: error, param: param, controller: controller }];
 };
 exports.default = useAsync;

package/lib/useBoolState.js

@@ -1,18 +1,23 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:16:34
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-29 18:08:43
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useSafeState_1 = __importDefault(require("./useSafeState"));
 var useBoolState = function (value) {
-    var _a = (0, useSafeState_1.default)(value), val = _a[0], setVal = _a[1];
+    var _a = (0, react_1.useState)(value), val = _a[0], setVal = _a[1];
     var switchFn = (0, react_1.useCallback)(function (switchValue) {
-        if (typeof switchValue === 'boolean') {
+        if (switchValue === undefined || switchValue === null) {
+            setVal(function (oldVal) { return !oldVal; });
+        }
+        else if (typeof switchValue === 'boolean' || typeof switchValue === 'function') {
             setVal(switchValue);
         }
         else {
-            setVal(function (oldVal) { return !oldVal; });
+            setVal(!!switchValue);
         }
     }, []);
     return [val, switchFn];

package/lib/useCreate.js

@@ -1,4 +1,10 @@
 "use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:34:59
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:53:33
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var useCreate = function (cb) {

package/lib/useDebounce.js

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

package/lib/useIgnoreAbortErrCb.js

@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-19 22:28:14
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:57:23
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useIgnoreAbortErrCb = function (cb, deps, opts) {
+    if (deps === void 0) { deps = []; }
+    return (0, react_1.useCallback)(function (err) {
+        var _a;
+        if (err.name === 'AbortError')
+            return (_a = opts === null || opts === void 0 ? void 0 : opts.onAbort) === null || _a === void 0 ? void 0 : _a.call(opts, err);
+        return cb(err);
+    }, deps);
+};
+exports.default = useIgnoreAbortErrCb;

package/lib/useInterval.js

@@ -3,28 +3,61 @@
  * @Author: apathyjade
  * @Date: 2023-12-14 16:51:29
  * @Last Modified by: apathyjade
- * @Last Modified time: 2024-03-14 16:32:55
+ * @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 useRtCb_1 = __importDefault(require("./useRtCb"));
-var useInterval = function (callback, delay) {
+var useIntervalHandler = function () {
     var timerRef = (0, react_1.useRef)();
     var clearTimer = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
             window.clearInterval(timerRef.current);
+            timerRef.current = undefined;
         }
     }, []);
+    var bindTimer = (0, react_1.useCallback)(function (callback, timeout) {
+        var arg = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            arg[_i - 2] = arguments[_i];
+        }
+        clearTimer();
+        timerRef.current = window.setInterval(function () {
+            callback.apply(void 0, arg);
+        }, timeout);
+    }, []);
+    (0, react_1.useEffect)(function () { return clearTimer; });
+    return [
+        bindTimer,
+        clearTimer,
+    ];
+};
+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 () {
-        timerRef.current = window.setInterval(cb, delay);
-        return function () {
-            clearTimer();
-        };
-    }, [delay]);
+        bindTimer.apply(void 0, __spreadArray([cb, timeout], arg, false));
+        return clearTimer;
+    }, __spreadArray([cb, timeout], arg, true));
     return clearTimer;
 };
-exports.default = useInterval;
+exports.useInterval = useInterval;
+exports.default = exports.useInterval;

package/lib/useIsMounted.js

@@ -0,0 +1,20 @@
+"use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 21:34:27
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-16 21:37:21
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useIsMounted = function () {
+    var ref = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
+        ref.current = true;
+        return function () {
+            ref.current = false;
+        };
+    }, []);
+    return (0, react_1.useCallback)(function () { return ref.current; }, []);
+};
+exports.default = useIsMounted;

package/lib/useIsUnmount.js

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

package/lib/useMount.js

@@ -1,15 +1,13 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-18 00:21:16
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-18 00:21:16
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var useRtRef_1 = __importDefault(require("./useRtRef"));
 var useMount = function (cb) {
-    var ref = (0, useRtRef_1.default)(cb);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call(ref);
-    });
+    (0, react_1.useEffect)(cb, []);
 };
 exports.default = useMount;

package/lib/useOption.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:35:37
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-16 21:31:54
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useOption = function (defOpt) {
+    if (defOpt === void 0) { defOpt = {}; }
+    var initOpt = (0, react_1.useState)(defOpt)[0];
+    var _a = (0, react_1.useState)(initOpt), option = _a[0], setOption = _a[1];
+    var reset = (0, react_1.useCallback)(function () {
+        setOption(initOpt);
+    }, [initOpt]);
+    var update = (0, react_1.useCallback)(function (newOpts) {
+        setOption(function (oldOpts) { return (__assign(__assign({}, (oldOpts || {})), (typeof newOpts === 'function' ? newOpts(oldOpts) : newOpts || {}))); });
+    }, []);
+    return [option, { setOption: setOption, reset: reset, update: update }];
+};
+exports.default = useOption;

package/lib/useResizeObserver.js

@@ -3,14 +3,11 @@
  * @Author: apathyjade
  * @Date: 2023-11-24 10:52:51
  * @Last Modified by: apathyjade
- * @Last Modified time: 2024-03-14 16:34:42
+ * @Last Modified time: 2025-05-30 14:35:56
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = exports.useResizeObserverHandler = void 0;
 var react_1 = require("react");
-var useSafeCb_1 = __importDefault(require("./useSafeCb"));
 var resizeObserver = null;
 var observeCatch = null;
 function init() {
@@ -25,10 +22,14 @@ function init() {
         });
     });
 }
+;
 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);
 };
@@ -36,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, useSafeCb_1.default)(function () {
-        observe(dom, cb);
-    }, [dom, cb]);
-    var selfUnobserve = (0, useSafeCb_1.default)(function () {
-        unobserve(dom);
-    }, [dom]);
+var useResizeObserverHandler = function () {
+    return [observe, unobserve];
+};
+exports.useResizeObserverHandler = useResizeObserverHandler;
+var useResizeObserver = function (domRef, cb) {
+    var selfUnobserve = (0, react_1.useCallback)(function () {
+        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/useRtCb.js

@@ -1,28 +1,25 @@
 "use strict";
-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));
-};
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-17 00:22:11
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-17 00:22:56
+ */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var useSafeCb_1 = __importDefault(require("./useSafeCb"));
+var react_1 = require("react");
 var useRtRef_1 = __importDefault(require("./useRtRef"));
 var useRtCb = function (cb, deps) {
+    if (deps === void 0) { deps = []; }
     var ref = (0, useRtRef_1.default)(cb);
-    return (0, useSafeCb_1.default)(function () {
-        var _a;
-        var arg = [];
+    return (0, react_1.useCallback)(function () {
+        var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
-            arg[_i] = arguments[_i];
+            args[_i] = arguments[_i];
         }
-        return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.call.apply(_a, __spreadArray([ref], arg, false));
+        return ref.current.apply(ref, args);
     }, deps);
 };
 exports.default = useRtCb;

package/lib/useRtRef.js

@@ -1,10 +1,15 @@
 "use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 22:19:57
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-30 15:05:26
+ */
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-function useRtRef(val) {
-    var ref = (0, react_1.useRef)();
+var useRtRef = function (val) {
+    var ref = (0, react_1.useRef)(val);
     ref.current = val;
     return ref;
-}
+};
 exports.default = useRtRef;
-;

package/lib/useSafeRunner.js

@@ -0,0 +1,25 @@
+"use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:36:09
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:41:39
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useIsUnmount_1 = __importDefault(require("./useIsUnmount"));
+var useSafeRunner = function () {
+    var isUnmount = (0, useIsUnmount_1.default)();
+    return (0, react_1.useCallback)(function (cb, unmountCb) {
+        if (isUnmount()) {
+            unmountCb === null || unmountCb === void 0 ? void 0 : unmountCb();
+        }
+        else {
+            cb();
+        }
+    }, []);
+};
+exports.default = useSafeRunner;

package/lib/useThrottle.js

@@ -1,4 +1,10 @@
 "use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-19 22:55:28
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-30 15:31:34
+ */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,13 +12,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var lodash_es_1 = require("lodash-es");
 var react_1 = require("react");
 var useRtCb_1 = __importDefault(require("./useRtCb"));
-/**
- * 用于节流函数的钩子函数
- * @param cb - 要节流的函数
- * @param wait - 节流延迟时间，默认为0
- * @param opts - 节流选项对象，默认为{}
- * @returns 节流函数
- */
 var useThrottle = function (cb, wait, opts) {
     var rtCb = (0, useRtCb_1.default)(cb);
     return (0, react_1.useMemo)(function () {
@@ -23,6 +22,6 @@ var useThrottle = function (cb, wait, opts) {
             }
             rtCb.apply(void 0, arg);
         }, wait, opts);
-    }, []);
+    }, [wait, opts]);
 };
 exports.default = useThrottle;