icode-hooks 0.3.0

package/lib/useRequest/routes-doc/use-request/demos/polling/polling.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _index = _interopRequireDefault(require("../../../../index"));
+var _react = _interopRequireDefault(require("react"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+function getUsername() {
+  console.log('polling getUsername');
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(_mockjs["default"].mock('@name'));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _index["default"])(getUsername, {
+      pollingInterval: 1000,
+      pollingWhenHidden: false
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run,
+    cancel = _a.cancel;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", loading ? 'Loading' : data), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: run
+  }, "start"), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: cancel,
+    style: {
+      marginLeft: 16
+    }
+  }, "stop"));
+};

package/lib/useRequest/routes-doc/use-request/demos/polling/pollingError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/polling/pollingError.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _index = _interopRequireDefault(require("../../../../index"));
+var _react = _interopRequireDefault(require("react"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+var _antd = require("antd");
+function getUsername() {
+  console.log('polling getUsername Error');
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      reject(new Error(_mockjs["default"].mock('@name')));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _index["default"])(getUsername, {
+      pollingInterval: 1000,
+      pollingWhenHidden: false,
+      pollingErrorRetryCount: 3,
+      manual: true,
+      onError: function onError(error) {
+        _antd.message.error(error.message);
+      }
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run,
+    cancel = _a.cancel;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", loading ? 'Loading' : data), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: run
+  }, "start"), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: cancel,
+    style: {
+      marginLeft: 16
+    }
+  }, "stop"));
+};

package/lib/useRequest/routes-doc/use-request/demos/ready/manualReady.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/ready/manualReady.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _index = _interopRequireDefault(require("../../../../index"));
+var _useToggle = _interopRequireDefault(require("../../../../../useToggle"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireDefault(require("react"));
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(_mockjs["default"].mock('@name'));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _tslib.__read)((0, _useToggle["default"])(false), 2),
+    ready = _a[0],
+    toggle = _a[1].toggle;
+  var _b = (0, _index["default"])(getUsername, {
+      ready: ready,
+      manual: true
+    }),
+    data = _b.data,
+    loading = _b.loading,
+    run = _b.run;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Ready: ", JSON.stringify(ready), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: toggle,
+    style: {
+      marginLeft: 16
+    }
+  }, "Toggle Ready")), /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", loading ? 'Loading' : data, /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: run,
+    style: {
+      marginLeft: 16
+    }
+  }, "run")));
+};

package/lib/useRequest/routes-doc/use-request/demos/ready/ready.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/ready/ready.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _index = _interopRequireDefault(require("../../../../index"));
+var _useToggle = _interopRequireDefault(require("../../../../../useToggle"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireDefault(require("react"));
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(_mockjs["default"].mock('@name'));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _tslib.__read)((0, _useToggle["default"])(false), 2),
+    ready = _a[0],
+    toggle = _a[1].toggle;
+  var _b = (0, _index["default"])(getUsername, {
+      ready: ready
+    }),
+    data = _b.data,
+    loading = _b.loading;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Ready: ", JSON.stringify(ready), /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: toggle,
+    style: {
+      marginLeft: 16
+    }
+  }, "Toggle Ready")), /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", loading ? 'Loading' : data));
+};

package/lib/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("../../../../index"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var userSchool = function userSchool(id) {
+  switch (id) {
+    case '1':
+      return 'Tsinghua University';
+    case '2':
+      return 'Beijing University';
+    case '3':
+      return 'Zhejiang University';
+    default:
+      return '';
+  }
+};
+function getUserSchool(userId) {
+  return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
+    return (0, _tslib.__generator)(this, function (_a) {
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve(userSchool(userId));
+        }, 1000);
+      })];
+    });
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _tslib.__read)((0, _react.useState)('1'), 2),
+    userId = _a[0],
+    setUserId = _a[1];
+  var _b = (0, _index["default"])(function () {
+      return getUserSchool(userId);
+    }, {
+      refreshDeps: [userId],
+      defaultParams: [userId]
+    }),
+    data = _b.data,
+    loading = _b.loading;
+  // const { run, loading, data } = useRequest(getUserSchool, {
+  //   defaultParams: [userId],
+  //   refreshDeps: [userId],
+  //   refreshDepsAction: () => run(userId),
+  // });
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("select", {
+    onChange: function onChange(e) {
+      return setUserId(e.target.value);
+    },
+    value: userId,
+    style: {
+      marginBottom: 16,
+      width: 120
+    }
+  }, /*#__PURE__*/_react["default"].createElement("option", {
+    value: "1"
+  }, "user 1"), /*#__PURE__*/_react["default"].createElement("option", {
+    value: "2"
+  }, "user 2"), /*#__PURE__*/_react["default"].createElement("option", {
+    value: "3"
+  }, "user 3")), /*#__PURE__*/_react["default"].createElement("p", null, "School: ", loading ? 'Loading' : data));
+};

package/lib/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("../../../../index"));
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(_mockjs["default"].mock('@name'));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _index["default"])(getUsername, {
+      refreshOnWindowFocus: true
+    }),
+    data = _a.data,
+    loading = _a.loading;
+  return /*#__PURE__*/_react["default"].createElement("div", null, "Username: ", loading ? 'Loading' : data);
+};

package/lib/useRequest/routes-doc/use-request/demos/retry/retry.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/retry/retry.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _index = _interopRequireDefault(require("../../../../index"));
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      reject(new Error('Failed to modify username'));
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _tslib.__read)((0, _react.useState)(''), 2),
+    state = _a[0],
+    setState = _a[1];
+  var _b = (0, _index["default"])(editUsername, {
+      retryCount: 3,
+      manual: true,
+      onError: function onError(error) {
+        _antd.message.error(error.message);
+      }
+    }),
+    loading = _b.loading,
+    run = _b.run;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
+    onChange: function onChange(e) {
+      return setState(e.target.value);
+    },
+    value: state,
+    placeholder: "Please enter username",
+    style: {
+      width: 240,
+      marginRight: 16
+    }
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    disabled: loading,
+    type: "button",
+    onClick: function onClick() {
+      return run(state);
+    }
+  }, loading ? 'Loading' : 'Edit'));
+};

package/lib/useRequest/routes-doc/use-request/demos/throttle/throttle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/throttle/throttle.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _index = _interopRequireDefault(require("../../../../index"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireDefault(require("react"));
+function getEmail(search) {
+  return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
+    return (0, _tslib.__generator)(this, function (_a) {
+      console.log('throttle getEmail', search);
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve(_mockjs["default"].mock({
+            'data|5': ['@email']
+          }).data);
+        }, 300);
+      })];
+    });
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _index["default"])(getEmail, {
+      throttleWait: 1000,
+      manual: true
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run;
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
+    placeholder: "Search Emails",
+    onChange: function onChange(e) {
+      return run(e.target.value);
+    }
+  }), loading ? /*#__PURE__*/_react["default"].createElement("p", null, "loading") : /*#__PURE__*/_react["default"].createElement("ul", {
+    style: {
+      marginTop: 8
+    }
+  }, data === null || data === void 0 ? void 0 : data.map(function (i) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: i
+    }, i);
+  })));
+};

package/lib/useRequest/src/Fetch.d.ts

@@ -0,0 +1,20 @@
+import type { MutableRefObject } from 'react';
+import type { FetchState, Options, PluginReturn, Service, Subscribe } from './types';
+export default class Fetch<TData, TParams extends any[]> {
+    serviceRef: MutableRefObject<Service<TData, TParams>>;
+    options: Options<TData, TParams>;
+    subscribe: Subscribe;
+    initState: Partial<FetchState<TData, TParams>>;
+    pluginImpls: PluginReturn<TData, TParams>[];
+    count: number;
+    state: FetchState<TData, TParams>;
+    constructor(serviceRef: MutableRefObject<Service<TData, TParams>>, options: Options<TData, TParams>, subscribe: Subscribe, initState?: Partial<FetchState<TData, TParams>>);
+    setState(s?: Partial<FetchState<TData, TParams>>): void;
+    runPluginHandler(event: keyof PluginReturn<TData, TParams>, ...rest: any[]): any;
+    runAsync(...params: TParams): Promise<TData>;
+    run(...params: TParams): void;
+    cancel(): void;
+    refresh(): void;
+    refreshAsync(): Promise<TData>;
+    mutate(data?: TData | ((oldData?: TData) => TData | undefined)): void;
+}

package/lib/useRequest/src/Fetch.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _utils = require("../../utils");
+/* eslint-disable @typescript-eslint/no-parameter-properties */
+
+var Fetch = /** @class */function () {
+  function Fetch(serviceRef, options, subscribe, initState) {
+    if (initState === void 0) {
+      initState = {};
+    }
+    this.serviceRef = serviceRef;
+    this.options = options;
+    this.subscribe = subscribe;
+    this.initState = initState;
+    this.count = 0;
+    this.state = {
+      loading: false,
+      params: undefined,
+      data: undefined,
+      error: undefined
+    };
+    this.state = (0, _tslib.__assign)((0, _tslib.__assign)((0, _tslib.__assign)({}, this.state), {
+      loading: !options.manual
+    }), initState);
+  }
+  Fetch.prototype.setState = function (s) {
+    if (s === void 0) {
+      s = {};
+    }
+    this.state = (0, _tslib.__assign)((0, _tslib.__assign)({}, this.state), s);
+    this.subscribe();
+  };
+  //「同一生命周期点，依次问所有插件，再把它们返回的东西合并成一份」
+  Fetch.prototype.runPluginHandler = function (event) {
+    var rest = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+      rest[_i - 1] = arguments[_i];
+    }
+    // @ts-ignore
+    var r = this.pluginImpls.map(function (i) {
+      var _a;
+      return (_a = i[event]) === null || _a === void 0 ? void 0 : _a.call.apply(_a, (0, _tslib.__spreadArray)([i], (0, _tslib.__read)(rest), false));
+    }).filter(Boolean);
+    return r.reduce(function (acc, cur) {
+      return Object.assign(acc, cur);
+    }, {});
+  };
+  Fetch.prototype.runAsync = function () {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      params[_i] = arguments[_i];
+    }
+    return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
+      var currentCount, _a, _b, stopNow, _c, returnNow, state, servicePromise, res, error_1;
+      var _d;
+      var _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+      return (0, _tslib.__generator)(this, function (_q) {
+        switch (_q.label) {
+          case 0:
+            this.count += 1;
+            currentCount = this.count;
+            _a = this.runPluginHandler('onBefore', params), _b = _a.stopNow, stopNow = _b === void 0 ? false : _b, _c = _a.returnNow, returnNow = _c === void 0 ? false : _c, state = (0, _tslib.__rest)(_a, ["stopNow", "returnNow"]);
+            // stop request
+            if (stopNow) {
+              return [2 /*return*/, new Promise(function () {})];
+            }
+            this.setState((0, _tslib.__assign)({
+              loading: true,
+              params: params
+            }, state));
+            // return now 缓存场景下，直接返回缓存数据
+            if (returnNow) {
+              return [2 /*return*/, Promise.resolve(state.data)];
+            }
+            (_f = (_e = this.options).onBefore) === null || _f === void 0 ? void 0 : _f.call(_e, params);
+            _q.label = 1;
+          case 1:
+            _q.trys.push([1, 3,, 4]);
+            servicePromise = this.runPluginHandler('onRequest', this.serviceRef.current, params).servicePromise;
+            if (!servicePromise) {
+              servicePromise = (_d = this.serviceRef).current.apply(_d, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(params), false));
+            }
+            console.log('servicePromise', servicePromise);
+            return [4 /*yield*/, servicePromise];
+          case 2:
+            res = _q.sent();
+            if (currentCount !== this.count) {
+              // prevent run.then when request is canceled
+              return [2 /*return*/, new Promise(function () {})];
+            }
+            // const formattedResult = this.options.formatResultRef.current ? this.options.formatResultRef.current(res) : res;
+            this.setState({
+              data: res,
+              error: undefined,
+              loading: false
+            });
+            (_h = (_g = this.options).onSuccess) === null || _h === void 0 ? void 0 : _h.call(_g, res, params);
+            this.runPluginHandler('onSuccess', res, params);
+            (_k = (_j = this.options).onFinally) === null || _k === void 0 ? void 0 : _k.call(_j, params, res, undefined);
+            if (currentCount === this.count) {
+              this.runPluginHandler('onFinally', params, res, undefined);
+            }
+            return [2 /*return*/, res];
+          case 3:
+            error_1 = _q.sent();
+            if (currentCount !== this.count) {
+              // prevent run.then when request is canceled
+              return [2 /*return*/, new Promise(function () {})];
+            }
+            this.setState({
+              error: error_1,
+              loading: false
+            });
+            (_m = (_l = this.options).onError) === null || _m === void 0 ? void 0 : _m.call(_l, error_1, params);
+            this.runPluginHandler('onError', error_1, params);
+            (_p = (_o = this.options).onFinally) === null || _p === void 0 ? void 0 : _p.call(_o, params, undefined, error_1);
+            if (currentCount === this.count) {
+              this.runPluginHandler('onFinally', params, undefined, error_1);
+            }
+            throw error_1;
+          case 4:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  Fetch.prototype.run = function () {
+    var _this = this;
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+      params[_i] = arguments[_i];
+    }
+    this.runAsync.apply(this, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(params), false))["catch"](function (error) {
+      if (!_this.options.onError) {
+        console.error(error);
+      }
+    });
+  };
+  Fetch.prototype.cancel = function () {
+    this.count += 1;
+    this.setState({
+      loading: false
+    });
+    this.runPluginHandler('onCancel');
+  };
+  Fetch.prototype.refresh = function () {
+    // @ts-ignore
+    this.run.apply(this, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(this.state.params || []), false));
+  };
+  Fetch.prototype.refreshAsync = function () {
+    // @ts-ignore
+    return this.runAsync.apply(this, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(this.state.params || []), false));
+  };
+  Fetch.prototype.mutate = function (data) {
+    var targetData = (0, _utils.isFunction)(data) ? data(this.state.data) : data;
+    this.runPluginHandler('onMutate', targetData);
+    this.setState({
+      data: targetData
+    });
+  };
+  return Fetch;
+}();
+var _default = exports["default"] = Fetch;

package/lib/useRequest/src/plugins/useAutoRunPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from '../types';
+declare const useAutoRunPlugin: Plugin<any, any[]>;
+export default useAutoRunPlugin;

package/lib/useRequest/src/plugins/useAutoRunPlugin.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _tslib = require("tslib");
+var _react = require("react");
+var _useUpdateEffect = _interopRequireDefault(require("../../../useUpdateEffect"));
+// 自动请求插件
+var useAutoRunPlugin = function useAutoRunPlugin(fetchInstance, _a) {
+  var manual = _a.manual,
+    _b = _a.ready,
+    ready = _b === void 0 ? true : _b,
+    _c = _a.defaultParams,
+    defaultParams = _c === void 0 ? [] : _c,
+    _d = _a.refreshDeps,
+    refreshDeps = _d === void 0 ? [] : _d,
+    refreshDepsAction = _a.refreshDepsAction;
+  var hasAutoRun = (0, _react.useRef)(false);
+  hasAutoRun.current = false;
+  (0, _useUpdateEffect["default"])(function () {
+    if (!manual && ready) {
+      hasAutoRun.current = true;
+      fetchInstance.run.apply(fetchInstance, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(defaultParams), false));
+    }
+  }, [ready]);
+  (0, _useUpdateEffect["default"])(function () {
+    if (hasAutoRun.current) {
+      return;
+    }
+    if (!manual) {
+      hasAutoRun.current = true;
+      console.log('refreshDeps', refreshDeps, refreshDepsAction);
+      if (refreshDepsAction) {
+        refreshDepsAction();
+      } else {
+        fetchInstance.refresh();
+      }
+    }
+  }, (0, _tslib.__spreadArray)([], (0, _tslib.__read)(refreshDeps), false));
+  return {
+    onBefore: function onBefore() {
+      if (!ready) {
+        //ready == false | undefined 不请求
+        return {
+          stopNow: true
+        };
+      }
+    }
+  };
+};
+useAutoRunPlugin.onInit = function (_a) {
+  var _b = _a.ready,
+    ready = _b === void 0 ? true : _b,
+    manual = _a.manual;
+  // 自动请求插件初始化时，设置 loading 状态  ready = true 自动请求
+  return {
+    loading: !manual && ready
+  };
+};
+var _default = exports["default"] = useAutoRunPlugin;

package/lib/useRequest/src/plugins/useCachePlugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from '../types';
+declare const useCachePlugin: Plugin<any, any[]>;
+export default useCachePlugin;