@aiszlab/relax 2.1.3-beta.4 → 2.1.3-beta.5

package/dist/hooks/use-request.cjs

@@ -5,7 +5,6 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var useEvent = require('./use-event.cjs');
-var useMounted = require('./use-mounted.cjs');
 var useDebounceCallback = require('./use-debounce-callback.cjs');
 
 /**
@@ -23,7 +22,8 @@ var useRequest = function useRequest(request) {
     thenCallback = _ref.then,
     catchCallback = _ref["catch"],
     finallyCallback = _ref["finally"],
-    debounceWait = _ref.debounceWait;
+    debounceWait = _ref.debounceWait,
+    deps = _ref.deps;
   var _useState = react.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
@@ -77,14 +77,15 @@ var useRequest = function useRequest(request) {
     }
     return Promise.resolve(debounced.next.apply(debounced, arguments));
   });
-  useMounted.useMounted(function () {
-    if (isMountedRef.current) return;
-    if (!auto) return;
-    isMountedRef.current = true;
-    // auto-run always fires immediately — debounce only applies to
-    // manual run() calls
+  react.useEffect(function () {
+    if (!isMountedRef.current) {
+      isMountedRef.current = true;
+      if (!auto) return;
+      _execute();
+      return;
+    }
     _execute();
-  });
+  }, deps !== null && deps !== void 0 ? deps : []);
   return {
     data: data,
     error: error,

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

@@ -1,3 +1,4 @@
+import { type DependencyList } from "react";
 type UsingRequest<T> = {
     /**
      * auto request when component mounts
@@ -24,6 +25,13 @@ type UsingRequest<T> = {
      * 会被合并，在时间窗口内仅执行最后一次调用。
      */
     debounceWait?: number;
+    /**
+     * dependency list. when any value in this array changes (after initial
+     * mount), the request is automatically re-executed.
+     *
+     * @zh 依赖项列表。数组中的任意值发生变化时（首次挂载后），自动重新请求数据。
+     */
+    deps?: DependencyList;
 };
 type UsedRequest<T> = {
     /**
@@ -53,5 +61,5 @@ type UsedRequest<T> = {
  *
  * supports debounce via `debounceWait` option which accepts dynamic updates.
  */
-export declare const useRequest: <T>(request: (...args: any[]) => Promise<T>, { auto, then: thenCallback, catch: catchCallback, finally: finallyCallback, debounceWait, }?: UsingRequest<T>) => UsedRequest<T>;
+export declare const useRequest: <T>(request: (...args: any[]) => Promise<T>, { auto, then: thenCallback, catch: catchCallback, finally: finallyCallback, debounceWait, deps, }?: UsingRequest<T>) => UsedRequest<T>;
 export {};

package/dist/hooks/use-request.mjs

@@ -1,9 +1,8 @@
 import _regenerator from '@babel/runtime/helpers/regenerator';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, useRef } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { useEvent } from './use-event.mjs';
-import { useMounted } from './use-mounted.mjs';
 import { useDebounceCallback } from './use-debounce-callback.mjs';
 
 /**
@@ -21,7 +20,8 @@ var useRequest = function useRequest(request) {
     thenCallback = _ref.then,
     catchCallback = _ref["catch"],
     finallyCallback = _ref["finally"],
-    debounceWait = _ref.debounceWait;
+    debounceWait = _ref.debounceWait,
+    deps = _ref.deps;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     data = _useState2[0],
@@ -75,14 +75,15 @@ var useRequest = function useRequest(request) {
     }
     return Promise.resolve(debounced.next.apply(debounced, arguments));
   });
-  useMounted(function () {
-    if (isMountedRef.current) return;
-    if (!auto) return;
-    isMountedRef.current = true;
-    // auto-run always fires immediately — debounce only applies to
-    // manual run() calls
+  useEffect(function () {
+    if (!isMountedRef.current) {
+      isMountedRef.current = true;
+      if (!auto) return;
+      _execute();
+      return;
+    }
     _execute();
-  });
+  }, deps !== null && deps !== void 0 ? deps : []);
   return {
     data: data,
     error: error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "2.1.3-beta.4",
+  "version": "2.1.3-beta.5",
   "description": "react utils collection",
   "exports": {
     ".": {