@wzyjs/hooks 0.2.41 → 0.2.42

package/dist/base/useDebouncedEffect.d.ts

@@ -0,0 +1,2 @@
+import { type DependencyList } from 'react';
+export declare const useDebouncedEffect: <T>(effect: () => (T | Promise<T>), deps: DependencyList, options?: any) => T;

package/dist/base/useDebouncedEffect.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedEffect = void 0;
+var react_1 = require("react");
+var ahooks_1 = require("ahooks");
+var useDebouncedEffect = function (effect, deps, options) {
+    if (options === void 0) { options = { wait: 300 }; }
+    var _a = (0, ahooks_1.useDebounceFn)(effect, options), run = _a.run, cancel = _a.cancel;
+    var _b = (0, react_1.useState)(), value = _b[0], setValue = _b[1];
+    (0, ahooks_1.useDeepCompareEffect)(function () {
+        setValue(run());
+        return function () {
+            cancel();
+        };
+    }, deps);
+    return value;
+};
+exports.useDebouncedEffect = useDebouncedEffect;

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { useCopyToClipboard, useCookie, useUpdate } from 'react-use';
 export * from './base/useEffectValue';
 export * from './base/useVisibleInfo';
 export * from './base/useClick';
+export * from './base/useDebouncedEffect';
 export * from './antd/useForm';
 export * from './antd/usePaginationState';
 export * from './antd/useHideFooter';

package/dist/index.js

@@ -28,6 +28,7 @@ Object.defineProperty(exports, "useUpdate", { enumerable: true, get: function ()
 __exportStar(require("./base/useEffectValue"), exports);
 __exportStar(require("./base/useVisibleInfo"), exports);
 __exportStar(require("./base/useClick"), exports);
+__exportStar(require("./base/useDebouncedEffect"), exports);
 __exportStar(require("./antd/useForm"), exports);
 __exportStar(require("./antd/usePaginationState"), exports);
 __exportStar(require("./antd/useHideFooter"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wzyjs/hooks",
-  "version": "0.2.41",
+  "version": "0.2.42",
   "description": "description",
   "author": "wzy",
   "main": "dist/index.js",
@@ -19,5 +19,5 @@
     "antd": "^5.24.3",
     "react": "^18.0.0 || ^19.0.0"
   },
-  "gitHead": "22795bdb9c670d3e37e9a6e83b544f916bab3c16"
+  "gitHead": "3f1b77e82ed5c52cb04b6a0c7f816c96095c969f"
 }

package/dist/base/useDeepEffect.d.ts

@@ -1 +0,0 @@
-export declare const useDeepEffect: (callback: () => void, dependencies: any[]) => void;

package/dist/base/useDeepEffect.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeepEffect = void 0;
-var react_1 = require("react");
-var isEqual_1 = __importDefault(require("lodash/isEqual"));
-var useDeepEffect = function (callback, dependencies) {
-    var ref = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(function () {
-        if (!(0, isEqual_1.default)(ref.current, dependencies)) {
-            callback();
-            ref.current = dependencies;
-        }
-    }, [callback, dependencies]);
-};
-exports.useDeepEffect = useDeepEffect;