@jelper/hooks 0.3.0 → 1.1.0

package/lib/useTimeout.js

@@ -1,39 +1,64 @@
 "use strict";
-/*
+/**
  * @Author: apathyjade
- * @Date: 2023-12-14 16:51:29
+ * @Date: 2025-03-19 23:10:13
  * @Last Modified by: apathyjade
- * @Last Modified time: 2023-12-14 17:15:27
+ * @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 useRtCb_1 = __importDefault(require("./useRtCb"));
-/**
- * 使用定时器在指定延迟后执行回调函数
- * @param callback - 回调函数
- * @param delay - 延迟时间（毫秒）
- * @returns clearTimer - 清除定时器的函数
- */
-var useTimeout = function (callback, delay) {
+var useTimeoutHandler = function () {
     var timerRef = (0, react_1.useRef)();
-    /**
-     * 清除定时器
-     */
     var clearTimer = (0, react_1.useCallback)(function () {
         if (timerRef.current) {
-            clearTimeout(timerRef.current);
+            window.clearTimeout(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.setTimeout(function () {
+            timerRef.current = undefined;
+            callback.apply(void 0, arg);
+        }, timeout);
     }, []);
+    (0, react_1.useEffect)(function () { return clearTimer; });
+    return [
+        bindTimer,
+        clearTimer,
+    ];
+};
+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 () {
-        timerRef.current = window.setTimeout(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 = useTimeout;
+exports.useTimeout = useTimeout;
+exports.default = exports.useTimeout;

package/lib/useUnmount.js

@@ -1,9 +1,18 @@
 "use strict";
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:35:20
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-18 00:17:09
+ */
+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 useRtRef_1 = __importDefault(require("./useRtRef"));
 var useUnmount = function (cb) {
-    var ref = (0, react_1.useRef)(cb);
-    ref.current = cb;
+    var ref = (0, useRtRef_1.default)(cb);
     (0, react_1.useEffect)(function () {
         return function () {
             ref.current();

package/lib/useUpdateEff.js

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

package/lib/{useRtState.js → 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; };
-function useRtState(value, onChange, opts) {
+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 = useRtState;
+};
+exports.default = useValue;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@jelper/hooks",
-	"version": "0.3.0",
+	"version": "1.1.0",
 	"description": "react hooks helper",
 	"main": "lib/index.js",
 	"module": "es/index.js",
@@ -20,10 +20,16 @@
 		"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"
+		"@types/lodash-es": "~4.17.8",
+		"@jest/globals": "~29.7.0",
+		"@testing-library/react": "~16.2.0",
+		"@testing-library/dom": "~10.4.0",
+		"@jest/environment": "~29.7.0",
+		"jest-environment-jsdom": "~29.7.0",
+		"jsdom": "~26.0.0"
 	},
 	"dependencies": {
 		"react": "~18.2.0",
@@ -32,10 +38,10 @@
 	"author": "apathyjade@outlook.com",
 	"license": "ISC",
 	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1",
+		"serve": "jelper serve",
 		"build": "jelper build",
 		"build:debug": "jelper build --debug",
 		"build:help": "jelper build --help",
-		"serve": "jelper serve"
+		"test": "jelper test"
 	}
 }

package/types/index.d.ts

@@ -1,20 +1,19 @@
-export { default as useSafeState } from './useSafeState';
-export { default as useSafeCb } from './useSafeCb';
+export { default as useBoolState } from './useBoolState';
+export { default as useValue } from './useValue';
+export { default as useOption } from './useOption';
 export { default as useRtRef } from './useRtRef';
-export { default as useRtState } from './useRtState';
 export { default as useRtCb } from './useRtCb';
-export { default as useRtEffect } from './useRtEffect';
-export { default as useBoolState } from './useBoolState';
-export { default as useParamsState } from './useParamsState';
-export { default as useUpdateEffect } from './useUpdateEffect';
+export { default as useUpdateEff } from './useUpdateEff';
+export { default as useIsMounted } from './useIsMounted';
 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 useThrottle } from './useThrottle';
+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 useListener } from './useListener';
-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

@@ -1,13 +1,28 @@
-interface Opt<T extends (...arg: any) => any, R> {
-    defParam?: Parameters<T>;
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-18 23:44:38
+ * @Last Modified by: apathyjade
+ * @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> {
+    defParam?: Parameter<T>;
     immediate?: boolean;
     format?: (p: ReturnType<T>) => R;
     catchParam?: boolean;
+    onAbort?: (this: AbortSignal, ev: Event) => any;
 }
-declare const useAsync: <T extends (...arg: any) => Promise<any>, R extends Object>(asyncFn: T, opt?: Opt<T, R>) => {
-    data: R | null | undefined;
-    run: ReturnFn<(runParam?: Partial<Parameters<T>>) => Promise<void>>;
-    loading: boolean | undefined;
-    error: null | undefined;
-};
+declare const useAsync: <T extends (p: any, opt?: {
+    signal: AbortController['signal'];
+}) => Promise<any>, R = any>(asyncFn: T, opt?: Opt<T, R>) => [
+    R | undefined,
+    {
+        run: (runParam?: Partial<Parameter<T>>) => Promise<void>;
+        refresh: () => Promise<void>;
+        loading: boolean;
+        error?: Error;
+        param: Partial<Parameter<T>>;
+        controller: AbortController | undefined;
+    }
+];
 export default useAsync;

package/types/useBoolState.d.ts

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

package/types/useCreate.d.ts

@@ -1,2 +1,8 @@
-declare const useCreate: (cb: Function) => void;
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:34:59
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:53:33
+ */
+declare const useCreate: (cb: () => void) => void;
 export default useCreate;

package/types/useDebounce.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-19 22:55:14
+ * @Last Modified by: apathyjade
+ * @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>;
 export default useDebounce;

package/types/useIgnoreAbortErrCb.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-19 22:28:14
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:57:23
+ */
+/// <reference types="react" />
+interface Opts<T> {
+    onAbort: (err: Error) => T;
+}
+declare const useIgnoreAbortErrCb: <T = any>(cb: (err: Error) => T, deps?: import("react").DependencyList, opts?: Opts<T>) => (err: Error) => T | undefined;
+export default useIgnoreAbortErrCb;

package/types/useInterval.d.ts

@@ -1,2 +1,6 @@
-declare const useInterval: (callback: DefFn, delay: number) => () => void;
+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/useIsMounted.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 21:34:27
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-16 21:37:21
+ */
+declare const useIsMounted: () => (() => boolean);
+export default useIsMounted;

package/types/useIsUnmount.d.ts

@@ -1,2 +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/useMount.d.ts

@@ -1,2 +1,8 @@
-declare const useMount: (cb: Function) => void;
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-18 00:21:16
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-18 00:21:16
+ */
+declare const useMount: (cb: () => void) => void;
 export default useMount;

package/types/useOption.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:35:37
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-16 21:31:54
+ */
+declare const useOption: <T extends {}>(defOpt?: Partial<T>) => [
+    Partial<T>,
+    {
+        reset: () => void;
+        setOption: React.Dispatch<React.SetStateAction<Partial<T>>>;
+        update: React.Dispatch<React.SetStateAction<Partial<T>>>;
+    }
+];
+export default useOption;

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/useRtCb.d.ts

@@ -1,2 +1,9 @@
-declare const useRtCb: <T extends DefFn, D extends any[]>(cb: T, deps?: D) => ReturnFn<T>;
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-17 00:22:11
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-17 00:22:56
+ */
+import { DependencyList } from 'react';
+declare const useRtCb: <T extends Function>(cb: T, deps?: DependencyList) => T;
 export default useRtCb;

package/types/useRtRef.d.ts

@@ -1,2 +1,9 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 22:19:57
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-30 15:05:26
+ */
 /// <reference types="react" />
-export default function useRtRef<T>(val: T): import("react").MutableRefObject<T | undefined>;
+declare const useRtRef: <T>(val: T) => import("react").MutableRefObject<T>;
+export default useRtRef;

package/types/useSafeRunner.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:36:09
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-19 22:41:39
+ */
+declare const useSafeRunner: () => (cb: () => void, unmountCb?: () => void) => void;
+export default useSafeRunner;

package/types/useThrottle.d.ts

@@ -1,10 +1,9 @@
-import { ThrottleSettings } from 'lodash-es';
 /**
- * 用于节流函数的钩子函数
- * @param cb - 要节流的函数
- * @param wait - 节流延迟时间，默认为0
- * @param opts - 节流选项对象，默认为{}
- * @returns 节流函数
+ * @Author: apathyjade
+ * @Date: 2025-03-19 22:55:28
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-30 15:31:34
  */
-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

@@ -1,8 +1,12 @@
 /**
- * 使用定时器在指定延迟后执行回调函数
- * @param callback - 回调函数
- * @param delay - 延迟时间（毫秒）
- * @returns clearTimer - 清除定时器的函数
+ * @Author: apathyjade
+ * @Date: 2025-03-19 23:10:13
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-05-30 18:24:42
  */
-declare const useTimeout: (callback: DefFn, delay: number) => () => void;
+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/useUnmount.d.ts

@@ -1,2 +1,8 @@
-declare const useUnmount: (cb: Function) => void;
+/**
+ * @Author: apathyjade
+ * @Date: 2025-03-16 11:35:20
+ * @Last Modified by: apathyjade
+ * @Last Modified time: 2025-03-18 00:17:09
+ */
+declare const useUnmount: (cb: () => void) => void;
 export default useUnmount;

package/types/useUpdateEff.d.ts

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

package/types/useValue.d.ts

@@ -0,0 +1,8 @@
+interface Options<T> {
+    isEqual?: (a: T, b: T) => boolean;
+}
+declare const useValue: <T = any>(value: T, onChange?: (value: T) => void, opts?: Options<T>) => [
+    T,
+    React.Dispatch<React.SetStateAction<T>>
+];
+export default useValue;

package/es/useListener.js

@@ -1,17 +0,0 @@
-import { useCallback } from 'react';
-import useRtCb from './useRtCb';
-import useRtEffect from './useRtEffect';
-const useListener = (type, listener, options) => {
-    const cb = useRtCb(listener);
-    const remove = useCallback(() => {
-        window.removeEventListener(type, cb);
-    }, []);
-    useRtEffect(() => {
-        window.addEventListener(type, cb, options);
-        return () => {
-            window.removeEventListener(type, cb);
-        };
-    });
-    return remove;
-};
-export default useListener;

package/es/useParamsState.js

@@ -1,9 +0,0 @@
-import { useCallback } from 'react';
-import useSafeState from './useSafeState';
-export default function useParamsState(defData) {
-    const [data, setData] = useSafeState(defData);
-    const update = useCallback((params) => {
-        setData((oldVal) => (Object.assign(Object.assign({}, (oldVal || {})), params)));
-    }, []);
-    return [data, update, setData];
-}

package/es/useRtEffect.js

@@ -1,7 +0,0 @@
-import { useEffect } from 'react';
-import useRtCb from './useRtCb';
-const useRtEffect = (cb, deps) => {
-    const rtCb = useRtCb(cb, deps);
-    useEffect(rtCb, [rtCb]);
-};
-export default useRtEffect;

package/es/useRtState.js

@@ -1,28 +0,0 @@
-/*
- * @Author: jade <apathyjade@outlook.com>
- * @Version: 0.0.1
- * @Date: 2023-04-05 14:39:52
- * @Last Modified by:   jade
- * @Last Modified Time: 2023-04-05 14:39:52
- */
-import { useState, useEffect } from 'react';
-import useRtCb from './useRtCb';
-const defEqual = (a, b) => a === b;
-export default function useRtState(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);
-            }
-        }
-    }, [value, oldValue, val]);
-    return [val, setVal];
-}

package/es/useSafeCb.js

@@ -1,11 +0,0 @@
-import { useCallback } from 'react';
-import useIsUnmount from './useIsUnmount';
-const useSafeCb = (cb, deps) => {
-    const isUnmount = useIsUnmount();
-    return useCallback((...arg) => {
-        if (!isUnmount()) {
-            return cb(...arg);
-        }
-    }, deps || []);
-};
-export default useSafeCb;

package/es/useSafeState.js

@@ -1,8 +0,0 @@
-import { useState } from 'react';
-import useSafeCb from './useSafeCb';
-const useSafeState = (value) => {
-    const [state, setState] = useState(value);
-    const setCb = useSafeCb(setState);
-    return [state, setCb];
-};
-export default useSafeState;

package/es/useUpdateEffect.js

@@ -1,12 +0,0 @@
-import { useRef, useEffect } from 'react';
-export default function useUpdateEffect(cb, deps) {
-    const ref = useRef(true);
-    useEffect(() => {
-        if (ref.current) {
-            ref.current = false;
-            return;
-        }
-        return cb();
-    }, deps);
-}
-;

package/lib/useListener.js

@@ -1,22 +0,0 @@
-"use strict";
-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 useRtCb_1 = __importDefault(require("./useRtCb"));
-var useRtEffect_1 = __importDefault(require("./useRtEffect"));
-var useListener = function (type, listener, options) {
-    var cb = (0, useRtCb_1.default)(listener);
-    var remove = (0, react_1.useCallback)(function () {
-        window.removeEventListener(type, cb);
-    }, []);
-    (0, useRtEffect_1.default)(function () {
-        window.addEventListener(type, cb, options);
-        return function () {
-            window.removeEventListener(type, cb);
-        };
-    });
-    return remove;
-};
-exports.default = useListener;

package/lib/useParamsState.js

@@ -1,26 +0,0 @@
-"use strict";
-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);
-};
-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 useSafeState_1 = __importDefault(require("./useSafeState"));
-function useParamsState(defData) {
-    var _a = (0, useSafeState_1.default)(defData), data = _a[0], setData = _a[1];
-    var update = (0, react_1.useCallback)(function (params) {
-        setData(function (oldVal) { return (__assign(__assign({}, (oldVal || {})), params)); });
-    }, []);
-    return [data, update, setData];
-}
-exports.default = useParamsState;