icode-hooks 0.3.0

package/es/useRequest/routes-doc/use-request/demos/cache/staleTime.js

@@ -0,0 +1,43 @@
+import { __awaiter, __generator } from "tslib";
+import useBoolean from '../../../../../useBoolean';
+import Mock from 'mockjs';
+import React from 'react';
+import useRequest from '../../../../index';
+function getArticle() {
+  return __awaiter(this, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      console.log('cacheKey-staleTime');
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve({
+            data: Mock.mock('@paragraph'),
+            time: new Date().getTime()
+          });
+        }, 1000);
+      })];
+    });
+  });
+}
+var Article = function () {
+  var _a = useRequest(getArticle, {
+      cacheKey: 'staleTime-demo',
+      staleTime: 5000
+    }),
+    data = _a.data,
+    loading = _a.loading;
+  if (!data && loading) {
+    return React.createElement("p", null, "Loading");
+  }
+  return React.createElement(React.Fragment, null, React.createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), React.createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), React.createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
+};
+export default (function () {
+  var _a = useBoolean(),
+    state = _a.state,
+    toggle = _a.toggle;
+  return React.createElement("div", null, React.createElement("button", {
+    type: "button",
+    onClick: function () {
+      return toggle();
+    }
+  }, "show/hidden"), state && React.createElement(Article, null));
+});

package/es/useRequest/routes-doc/use-request/demos/debounce/debounce.d.ts

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

package/es/useRequest/routes-doc/use-request/demos/debounce/debounce.js

@@ -0,0 +1,41 @@
+import { __awaiter, __generator } from "tslib";
+import useRequest from '../../../../index';
+import Mock from 'mockjs';
+import React from 'react';
+function getEmail(search) {
+  return __awaiter(this, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      console.log('debounce getEmail', search);
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve(Mock.mock({
+            'data|5': ['@email']
+          }).data);
+        }, 300);
+      })];
+    });
+  });
+}
+export default (function () {
+  var _a = useRequest(getEmail, {
+      debounceWait: 1000,
+      manual: true
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run;
+  return React.createElement("div", null, React.createElement("input", {
+    placeholder: "Search Emails",
+    onChange: function (e) {
+      return run(e.target.value);
+    }
+  }), loading ? React.createElement("p", null, "loading") : React.createElement("ul", {
+    style: {
+      marginTop: 8
+    }
+  }, data === null || data === void 0 ? void 0 : data.map(function (i) {
+    return React.createElement("li", {
+      key: i
+    }, i);
+  })));
+});

package/es/useRequest/routes-doc/use-request/demos/index/default.d.ts

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

package/es/useRequest/routes-doc/use-request/demos/index/default.js

@@ -0,0 +1,23 @@
+import useRequest from '../../../../index';
+import Mock from 'mockjs';
+import React from 'react';
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = useRequest(getUsername),
+    data = _a.data,
+    error = _a.error,
+    loading = _a.loading;
+  if (error) {
+    return React.createElement("div", null, error.message);
+  }
+  if (loading) {
+    return React.createElement("div", null, "loading...");
+  }
+  return React.createElement("div", null, "Username: ", data);
+});

package/es/useRequest/routes-doc/use-request/demos/index/manual.d.ts

@@ -0,0 +1,7 @@
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，手动请求修改用户名。
+ */
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/es/useRequest/routes-doc/use-request/demos/index/manual.js

@@ -0,0 +1,50 @@
+/**
+ * title: 修改用户名
+ * desc: 在这个例子中，手动请求修改用户名。
+ */
+import { __read } from "tslib";
+import { message } from 'antd';
+import React, { useState } from 'react';
+import useRequest from '../../../../index';
+function changeUsername(username) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve({
+        success: true
+      });
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = __read(useState(''), 2),
+    state = _a[0],
+    setState = _a[1];
+  var _b = useRequest(changeUsername, {
+      manual: true,
+      onSuccess: function (result, params) {
+        if (result.success) {
+          setState('');
+          message.success("The username was changed to \"".concat(params[0], "\" !"));
+        }
+      }
+    }),
+    loading = _b.loading,
+    run = _b.run;
+  return React.createElement("div", null, React.createElement("input", {
+    onChange: function (e) {
+      return setState(e.target.value);
+    },
+    value: state,
+    placeholder: "Please enter username",
+    style: {
+      width: 240,
+      marginRight: 16
+    }
+  }), React.createElement("button", {
+    disabled: loading,
+    type: "button",
+    onClick: function () {
+      return run(state);
+    }
+  }, loading ? 'Loading' : 'Edit'));
+});

package/es/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.d.ts

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

package/es/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.js

@@ -0,0 +1,29 @@
+import useRequest from '../../../../index';
+import React from 'react';
+import Mock from 'mockjs';
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 200);
+  });
+}
+export default (function () {
+  var action = useRequest(getUsername);
+  var withLoadingDelayAction = useRequest(getUsername, {
+    loadingDelay: 300
+  });
+  var trigger = function () {
+    action.run();
+    withLoadingDelayAction.run();
+  };
+  return React.createElement("div", null, React.createElement("button", {
+    type: "button",
+    onClick: trigger
+  }, "run"), React.createElement("div", {
+    style: {
+      margin: '24px 0',
+      width: 300
+    }
+  }, "Username: ", action.loading ? 'Loading...' : action.data), React.createElement("div", null, "Username: ", withLoadingDelayAction.loading ? 'Loading...' : withLoadingDelayAction.data));
+});

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

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

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

@@ -0,0 +1,31 @@
+import useRequest from '../../../../index';
+import React from 'react';
+import Mock from 'mockjs';
+function getUsername() {
+  console.log('polling getUsername');
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = useRequest(getUsername, {
+      pollingInterval: 1000,
+      pollingWhenHidden: false
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run,
+    cancel = _a.cancel;
+  return React.createElement(React.Fragment, null, React.createElement("p", null, "Username: ", loading ? 'Loading' : data), React.createElement("button", {
+    type: "button",
+    onClick: run
+  }, "start"), React.createElement("button", {
+    type: "button",
+    onClick: cancel,
+    style: {
+      marginLeft: 16
+    }
+  }, "stop"));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/polling/pollingError.js

@@ -0,0 +1,37 @@
+import useRequest from '../../../../index';
+import React from 'react';
+import Mock from 'mockjs';
+import { message } from 'antd';
+function getUsername() {
+  console.log('polling getUsername Error');
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      reject(new Error(Mock.mock('@name')));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = useRequest(getUsername, {
+      pollingInterval: 1000,
+      pollingWhenHidden: false,
+      pollingErrorRetryCount: 3,
+      manual: true,
+      onError: function (error) {
+        message.error(error.message);
+      }
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run,
+    cancel = _a.cancel;
+  return React.createElement(React.Fragment, null, React.createElement("p", null, "Username: ", loading ? 'Loading' : data), React.createElement("button", {
+    type: "button",
+    onClick: run
+  }, "start"), React.createElement("button", {
+    type: "button",
+    onClick: cancel,
+    style: {
+      marginLeft: 16
+    }
+  }, "stop"));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/ready/manualReady.js

@@ -0,0 +1,36 @@
+import { __read } from "tslib";
+import useRequest from '../../../../index';
+import useToggle from '../../../../../useToggle';
+import Mock from 'mockjs';
+import React from 'react';
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = __read(useToggle(false), 2),
+    ready = _a[0],
+    toggle = _a[1].toggle;
+  var _b = useRequest(getUsername, {
+      ready: ready,
+      manual: true
+    }),
+    data = _b.data,
+    loading = _b.loading,
+    run = _b.run;
+  return React.createElement(React.Fragment, null, React.createElement("p", null, "Ready: ", JSON.stringify(ready), React.createElement("button", {
+    onClick: toggle,
+    style: {
+      marginLeft: 16
+    }
+  }, "Toggle Ready")), React.createElement("p", null, "Username: ", loading ? 'Loading' : data, React.createElement("button", {
+    type: "button",
+    onClick: run,
+    style: {
+      marginLeft: 16
+    }
+  }, "run")));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/ready/ready.js

@@ -0,0 +1,28 @@
+import { __read } from "tslib";
+import useRequest from '../../../../index';
+import useToggle from '../../../../../useToggle';
+import Mock from 'mockjs';
+import React from 'react';
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = __read(useToggle(false), 2),
+    ready = _a[0],
+    toggle = _a[1].toggle;
+  var _b = useRequest(getUsername, {
+      ready: ready
+    }),
+    data = _b.data,
+    loading = _b.loading;
+  return React.createElement(React.Fragment, null, React.createElement("p", null, "Ready: ", JSON.stringify(ready), React.createElement("button", {
+    onClick: toggle,
+    style: {
+      marginLeft: 16
+    }
+  }, "Toggle Ready")), React.createElement("p", null, "Username: ", loading ? 'Loading' : data));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.js

@@ -0,0 +1,60 @@
+import { __awaiter, __generator, __read } from "tslib";
+import React, { useState } from 'react';
+import useRequest from '../../../../index';
+var userSchool = function (id) {
+  switch (id) {
+    case '1':
+      return 'Tsinghua University';
+    case '2':
+      return 'Beijing University';
+    case '3':
+      return 'Zhejiang University';
+    default:
+      return '';
+  }
+};
+function getUserSchool(userId) {
+  return __awaiter(this, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve(userSchool(userId));
+        }, 1000);
+      })];
+    });
+  });
+}
+export default (function () {
+  var _a = __read(useState('1'), 2),
+    userId = _a[0],
+    setUserId = _a[1];
+  var _b = useRequest(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 React.createElement("div", null, React.createElement("select", {
+    onChange: function (e) {
+      return setUserId(e.target.value);
+    },
+    value: userId,
+    style: {
+      marginBottom: 16,
+      width: 120
+    }
+  }, React.createElement("option", {
+    value: "1"
+  }, "user 1"), React.createElement("option", {
+    value: "2"
+  }, "user 2"), React.createElement("option", {
+    value: "3"
+  }, "user 3")), React.createElement("p", null, "School: ", loading ? 'Loading' : data));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.js

@@ -0,0 +1,18 @@
+import Mock from 'mockjs';
+import React from 'react';
+import useRequest from '../../../../index';
+function getUsername() {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      resolve(Mock.mock('@name'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = useRequest(getUsername, {
+      refreshOnWindowFocus: true
+    }),
+    data = _a.data,
+    loading = _a.loading;
+  return React.createElement("div", null, "Username: ", loading ? 'Loading' : data);
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/retry/retry.js

@@ -0,0 +1,42 @@
+import { __read } from "tslib";
+import useRequest from '../../../../index';
+import React, { useState } from 'react';
+import { message } from 'antd';
+function editUsername(username) {
+  return new Promise(function (resolve, reject) {
+    setTimeout(function () {
+      reject(new Error('Failed to modify username'));
+    }, 1000);
+  });
+}
+export default (function () {
+  var _a = __read(useState(''), 2),
+    state = _a[0],
+    setState = _a[1];
+  var _b = useRequest(editUsername, {
+      retryCount: 3,
+      manual: true,
+      onError: function (error) {
+        message.error(error.message);
+      }
+    }),
+    loading = _b.loading,
+    run = _b.run;
+  return React.createElement("div", null, React.createElement("input", {
+    onChange: function (e) {
+      return setState(e.target.value);
+    },
+    value: state,
+    placeholder: "Please enter username",
+    style: {
+      width: 240,
+      marginRight: 16
+    }
+  }), React.createElement("button", {
+    disabled: loading,
+    type: "button",
+    onClick: function () {
+      return run(state);
+    }
+  }, loading ? 'Loading' : 'Edit'));
+});

package/es/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/es/useRequest/routes-doc/use-request/demos/throttle/throttle.js

@@ -0,0 +1,41 @@
+import { __awaiter, __generator } from "tslib";
+import useRequest from '../../../../index';
+import Mock from 'mockjs';
+import React from 'react';
+function getEmail(search) {
+  return __awaiter(this, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+      console.log('throttle getEmail', search);
+      return [2 /*return*/, new Promise(function (resolve) {
+        setTimeout(function () {
+          resolve(Mock.mock({
+            'data|5': ['@email']
+          }).data);
+        }, 300);
+      })];
+    });
+  });
+}
+export default (function () {
+  var _a = useRequest(getEmail, {
+      throttleWait: 1000,
+      manual: true
+    }),
+    data = _a.data,
+    loading = _a.loading,
+    run = _a.run;
+  return React.createElement("div", null, React.createElement("input", {
+    placeholder: "Search Emails",
+    onChange: function (e) {
+      return run(e.target.value);
+    }
+  }), loading ? React.createElement("p", null, "loading") : React.createElement("ul", {
+    style: {
+      marginTop: 8
+    }
+  }, data === null || data === void 0 ? void 0 : data.map(function (i) {
+    return React.createElement("li", {
+      key: i
+    }, i);
+  })));
+});

package/es/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;
+}