icode-hooks 0.3.0

package/lib/usePrescription/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.usePrescription = usePrescription;
+var _tslib = require("tslib");
+var _react = require("react");
+var _useRequest = _interopRequireDefault(require("../useRequest"));
+/**
+ * 处方详情 + 发药 / 作废（药房后台常见组合）
+ *
+ * - id 变化自动重新拉详情（refreshDeps）
+ * - 发药 / 作废成功后 mutate 乐观更新 status
+ */
+function usePrescription(id, services, options) {
+  var _this = this;
+  if (options === void 0) {
+    options = {};
+  }
+  var _a = options.ready,
+    ready = _a === void 0 ? true : _a,
+    cacheKey = options.cacheKey;
+  var canFetch = ready && !!id;
+  var _b = (0, _useRequest["default"])(function () {
+      return services.getPrescription(id);
+    }, (0, _tslib.__assign)({
+      // 拉取详情
+      ready: canFetch,
+      refreshDeps: [id, services]
+    }, cacheKey ? {
+      cacheKey: cacheKey
+    } : {})),
+    prescription = _b.data,
+    loading = _b.loading,
+    error = _b.error,
+    refresh = _b.refresh,
+    mutate = _b.mutate,
+    loadDetail = _b.run;
+  // 确认发药
+  var _c = (0, _useRequest["default"])(services.confirmDrug, {
+      manual: true,
+      onSuccess: function onSuccess() {
+        mutate(function (prev) {
+          return prev ? (0, _tslib.__assign)((0, _tslib.__assign)({}, prev), {
+            status: 'done'
+          }) : prev;
+        });
+      }
+    }),
+    confirming = _c.loading,
+    confirmRunAsync = _c.runAsync;
+  // 作废
+  var _d = (0, _useRequest["default"])(services.cancelPrescription, {
+      manual: true,
+      onSuccess: function onSuccess() {
+        mutate(function (prev) {
+          return prev ? (0, _tslib.__assign)((0, _tslib.__assign)({}, prev), {
+            status: 'cancel'
+          }) : prev;
+        });
+      }
+    }),
+    cancelling = _d.loading,
+    cancelRunAsync = _d.runAsync;
+  var resolveId = (0, _react.useCallback)(function (targetId) {
+    var prescriptionId = targetId !== null && targetId !== void 0 ? targetId : id;
+    if (!prescriptionId) {
+      console.warn('[usePrescription] missing prescription id');
+      return undefined;
+    }
+    return prescriptionId;
+  }, [id]);
+  var confirmSend = (0, _react.useCallback)(
+  // 确认发药
+  function (targetId) {
+    return (0, _tslib.__awaiter)(_this, void 0, void 0, function () {
+      var prescriptionId;
+      return (0, _tslib.__generator)(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            prescriptionId = resolveId(targetId);
+            if (!prescriptionId) return [2 /*return*/];
+            return [4 /*yield*/, confirmRunAsync(prescriptionId)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [confirmRunAsync, resolveId]);
+  var cancel = (0, _react.useCallback)(function (targetId) {
+    return (0, _tslib.__awaiter)(_this, void 0, void 0, function () {
+      var prescriptionId;
+      return (0, _tslib.__generator)(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            prescriptionId = resolveId(targetId);
+            if (!prescriptionId) return [2 /*return*/];
+            return [4 /*yield*/, cancelRunAsync(prescriptionId)];
+          case 1:
+            _a.sent();
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, [cancelRunAsync, resolveId]);
+  return {
+    prescription: prescription,
+    loading: loading,
+    error: error,
+    refreshing: loading,
+    confirming: confirming,
+    cancelling: cancelling,
+    /** id 变化或手动刷新详情 */
+    refresh: refresh,
+    /** 手动按 id 拉详情（列表跳详情等） */
+    loadDetail: loadDetail,
+    confirmSend: confirmSend,
+    cancel: cancel,
+    /** 本地改详情（乐观更新 / 回滚） */
+    mutate: mutate
+  };
+}
+var _default = exports["default"] = usePrescription;

package/lib/usePrescription/types.d.ts

@@ -0,0 +1,15 @@
+/** 处方状态 */
+export type PrescriptionStatus = 'pending' | 'done' | 'cancel';
+/** 药品项 */
+export type DrugItem = {
+    id: string;
+    name: string;
+    quantity: number;
+};
+/** 处方详情 */
+export type Prescription = {
+    id: string;
+    patientName: string;
+    drugList: DrugItem[];
+    status: PrescriptionStatus;
+};

package/lib/usePrescription/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/useRequest/index.d.ts

@@ -0,0 +1,4 @@
+import useRequest from './src/useRequest';
+import { clearCache } from './src/utils/cache';
+export { clearCache };
+export default useRequest;

package/lib/useRequest/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "clearCache", {
+  enumerable: true,
+  get: function get() {
+    return _cache.clearCache;
+  }
+});
+exports["default"] = void 0;
+var _useRequest = _interopRequireDefault(require("./src/useRequest"));
+var _cache = require("./src/utils/cache");
+var _default = exports["default"] = _useRequest["default"];

package/lib/useRequest/routes-doc/use-request/demos/basic/cancel.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/basic/cancel.js

@@ -0,0 +1,65 @@
+"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 _antd = require("antd");
+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); }
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve();
+      } else {
+        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, {
+      manual: true,
+      onSuccess: function onSuccess(result, params) {
+        setState('');
+        _antd.message.success("The username was changed to \"".concat(params[0], "\" !"));
+      },
+      onError: function onError(error) {
+        _antd.message.error(error.message);
+      }
+    }),
+    loading = _b.loading,
+    run = _b.run,
+    cancel = _b.cancel;
+  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'), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: cancel,
+    style: {
+      marginLeft: 16
+    }
+  }, "Cancel"));
+};

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

@@ -0,0 +1,6 @@
+/**
+ * title: 读取用户名称
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/lib/useRequest/routes-doc/use-request/demos/basic/default.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 _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireDefault(require("react"));
+/**
+ * title: 读取用户名称
+ */
+
+function getUsername() {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve(_mockjs["default"].mock('@name'));
+      } else {
+        reject(new Error('Failed to get username'));
+      }
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  var _a = (0, _index["default"])(getUsername),
+    data = _a.data,
+    error = _a.error,
+    loading = _a.loading;
+  if (error) {
+    return /*#__PURE__*/_react["default"].createElement("div", null, error.message);
+  }
+  if (loading) {
+    return /*#__PURE__*/_react["default"].createElement("div", null, "loading...");
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", null, "Username: ", data);
+};

package/lib/useRequest/routes-doc/use-request/demos/basic/lifeCycle.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/basic/lifeCycle.js

@@ -0,0 +1,64 @@
+"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 _antd = require("antd");
+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); }
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve();
+      } else {
+        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, {
+      manual: true,
+      onBefore: function onBefore(params) {
+        _antd.message.info("Start Request: ".concat(params[0]));
+      },
+      onSuccess: function onSuccess(result, params) {
+        setState('');
+        _antd.message.success("The username was changed to \"".concat(params[0], "\" !"));
+      },
+      onError: function onError(error) {
+        _antd.message.error(error.message);
+      },
+      onFinally: function onFinally(params, result, error) {
+        _antd.message.info("Request finish");
+      }
+    }),
+    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/basic/manualRun.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，我们通过 `run(username)` 来修改用户名，通过 `onSuccess` 和 `onError` 来处理成功和失败。
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,63 @@
+"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 _antd = require("antd");
+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); }
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，我们通过 `run(username)` 来修改用户名，通过 `onSuccess` 和 `onError` 来处理成功和失败。
+ */
+
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve();
+      } else {
+        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, {
+      manual: true,
+      onSuccess: function onSuccess(result, params) {
+        setState('');
+        _antd.message.success("The username was changed to \"".concat(params[0], "\" !"));
+      },
+      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/basic/manualRunAsync.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，我们通过 `runAsync(username)` 来修改用户名，此时必须通过 catch 来自行处理异常。
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,77 @@
+"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 _antd = require("antd");
+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); }
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，我们通过 `runAsync(username)` 来修改用户名，此时必须通过 catch 来自行处理异常。
+ */
+
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve();
+      } else {
+        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, {
+      manual: true
+    }),
+    loading = _b.loading,
+    runAsync = _b.runAsync;
+  var onClick = function onClick() {
+    return (0, _tslib.__awaiter)(void 0, void 0, void 0, function () {
+      var error_1;
+      return (0, _tslib.__generator)(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2,, 3]);
+            return [4 /*yield*/, runAsync(state)];
+          case 1:
+            _a.sent();
+            setState('');
+            _antd.message.success("The username was changed to \"".concat(state, "\" !"));
+            return [3 /*break*/, 3];
+          case 2:
+            error_1 = _a.sent();
+            _antd.message.error(error_1.message);
+            return [3 /*break*/, 3];
+          case 3:
+            return [2 /*return*/];
+        }
+      });
+    });
+  };
+  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: onClick
+  }, loading ? 'Loading' : 'Edit'));
+};

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

@@ -0,0 +1,6 @@
+/**
+ * title: 修改用户名
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,78 @@
+"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 _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _index = _interopRequireDefault(require("../../../../index"));
+var _mockjs = _interopRequireDefault(require("mockjs"));
+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); }
+/**
+ * title: 修改用户名
+ */
+
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(_mockjs["default"].mock('@name'));
+    }, 1000);
+  });
+}
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      if (Math.random() > 0.5) {
+        resolve();
+      } else {
+        reject(new Error('Failed to modify username'));
+      }
+    }, 1000);
+  });
+}
+var _default = exports["default"] = function _default() {
+  // store last username
+  var lastRef = (0, _react.useRef)();
+  var _a = (0, _tslib.__read)((0, _react.useState)(''), 2),
+    state = _a[0],
+    setState = _a[1];
+  // get username
+  var _b = (0, _index["default"])(getUsername),
+    username = _b.data,
+    mutate = _b.mutate;
+  // edit username
+  var edit = (0, _index["default"])(editUsername, {
+    manual: true,
+    onSuccess: function onSuccess(result, params) {
+      setState('');
+      _antd.message.success("The username was changed to \"".concat(params[0], "\" !"));
+    },
+    onError: function onError(error) {
+      _antd.message.error(error.message);
+      mutate(lastRef.current);
+    }
+  }).run;
+  var onChange = function onChange() {
+    lastRef.current = username;
+    mutate(state);
+    edit(state);
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", username), /*#__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", {
+    type: "button",
+    onClick: onChange
+  }, "Edit"));
+};

package/lib/useRequest/routes-doc/use-request/demos/basic/params.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/basic/params.js

@@ -0,0 +1,53 @@
+"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 _mockjs = _interopRequireDefault(require("mockjs"));
+var _react = _interopRequireWildcard(require("react"));
+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 getUsername(id) {
+  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, _react.useState)(''), 2),
+    state = _a[0],
+    setState = _a[1];
+  // get username
+  var _b = (0, _index["default"])(getUsername, {
+      defaultParams: ['1']
+    }),
+    username = _b.data,
+    run = _b.run,
+    params = _b.params;
+  var onChange = function onChange() {
+    run(state);
+  };
+  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 userId",
+    style: {
+      width: 240,
+      marginRight: 16
+    }
+  }), /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: onChange
+  }, "GetUserName"), /*#__PURE__*/_react["default"].createElement("p", {
+    style: {
+      marginTop: 8
+    }
+  }, "UserId: ", params[0]), /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", username));
+};

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

@@ -0,0 +1,6 @@
+/**
+ * title: 刷新用户名称
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;