icode-hooks 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +65 -0
- package/dist/icode-hooks.js +1 -0
- package/es/createUpdateEffect/index.d.ts +4 -0
- package/es/createUpdateEffect/index.js +22 -0
- package/es/index.d.ts +9 -0
- package/es/index.js +9 -0
- package/es/useBoolean/index.d.ts +8 -0
- package/es/useBoolean/index.js +27 -0
- package/es/useCreation/index.d.ts +2 -0
- package/es/useCreation/index.js +21 -0
- package/es/useLatest/index.d.ts +3 -0
- package/es/useLatest/index.js +7 -0
- package/es/useMemoizedFn/index.d.ts +3 -0
- package/es/useMemoizedFn/index.js +31 -0
- package/es/useMount/index.d.ts +2 -0
- package/es/useMount/index.js +15 -0
- package/es/usePrescription/api.d.ts +7 -0
- package/es/usePrescription/api.js +17 -0
- package/es/usePrescription/index.d.ts +36 -0
- package/es/usePrescription/index.js +119 -0
- package/es/usePrescription/types.d.ts +15 -0
- package/es/usePrescription/types.js +1 -0
- package/es/useRequest/index.d.ts +4 -0
- package/es/useRequest/index.js +4 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/cancel.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/cancel.js +56 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/default.d.ts +6 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/default.js +30 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/lifeCycle.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/lifeCycle.js +55 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/manualRun.d.ts +7 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/manualRun.js +53 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/manualRunAsync.d.ts +7 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/manualRunAsync.js +67 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/mutate.d.ts +6 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/mutate.js +68 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/params.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/params.js +44 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/refresh.d.ts +6 -0
- package/es/useRequest/routes-doc/use-request/demos/basic/refresh.js +35 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/cacheKey.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/cacheKey.js +41 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/clearCache.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/clearCache.js +80 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/params.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/params.js +65 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/setCache.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/setCache.js +48 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/share.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/share.js +37 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/staleTime.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/cache/staleTime.js +43 -0
- package/es/useRequest/routes-doc/use-request/demos/debounce/debounce.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/debounce/debounce.js +41 -0
- package/es/useRequest/routes-doc/use-request/demos/index/default.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/index/default.js +23 -0
- package/es/useRequest/routes-doc/use-request/demos/index/manual.d.ts +7 -0
- package/es/useRequest/routes-doc/use-request/demos/index/manual.js +50 -0
- package/es/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.js +29 -0
- package/es/useRequest/routes-doc/use-request/demos/polling/polling.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/polling/polling.js +31 -0
- package/es/useRequest/routes-doc/use-request/demos/polling/pollingError.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/polling/pollingError.js +37 -0
- package/es/useRequest/routes-doc/use-request/demos/ready/manualReady.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/ready/manualReady.js +36 -0
- package/es/useRequest/routes-doc/use-request/demos/ready/ready.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/ready/ready.js +28 -0
- package/es/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.js +60 -0
- package/es/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.js +18 -0
- package/es/useRequest/routes-doc/use-request/demos/retry/retry.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/retry/retry.js +42 -0
- package/es/useRequest/routes-doc/use-request/demos/throttle/throttle.d.ts +3 -0
- package/es/useRequest/routes-doc/use-request/demos/throttle/throttle.js +41 -0
- package/es/useRequest/src/Fetch.d.ts +20 -0
- package/es/useRequest/src/Fetch.js +161 -0
- package/es/useRequest/src/plugins/useAutoRunPlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useAutoRunPlugin.js +56 -0
- package/es/useRequest/src/plugins/useCachePlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useCachePlugin.js +143 -0
- package/es/useRequest/src/plugins/useDebouncePlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useDebouncePlugin.js +61 -0
- package/es/useRequest/src/plugins/useLoadingDelayPlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useLoadingDelayPlugin.js +40 -0
- package/es/useRequest/src/plugins/usePollingPlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/usePollingPlugin.js +65 -0
- package/es/useRequest/src/plugins/useRefreshOnWindowFocusPlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useRefreshOnWindowFocusPlugin.js +30 -0
- package/es/useRequest/src/plugins/useRetryPlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useRetryPlugin.js +45 -0
- package/es/useRequest/src/plugins/useThrottlePlugin.d.ts +3 -0
- package/es/useRequest/src/plugins/useThrottlePlugin.js +53 -0
- package/es/useRequest/src/types.d.ts +73 -0
- package/es/useRequest/src/types.js +1 -0
- package/es/useRequest/src/useRequest.d.ts +3 -0
- package/es/useRequest/src/useRequest.js +14 -0
- package/es/useRequest/src/useRequestImplement.d.ts +5 -0
- package/es/useRequest/src/useRequestImplement.js +72 -0
- package/es/useRequest/src/utils/cache.d.ts +14 -0
- package/es/useRequest/src/utils/cache.js +32 -0
- package/es/useRequest/src/utils/cachePromise.d.ts +4 -0
- package/es/useRequest/src/utils/cachePromise.js +17 -0
- package/es/useRequest/src/utils/cacheSubscribe.d.ts +4 -0
- package/es/useRequest/src/utils/cacheSubscribe.js +19 -0
- package/es/useRequest/src/utils/isDocumentVisible.d.ts +1 -0
- package/es/useRequest/src/utils/isDocumentVisible.js +7 -0
- package/es/useRequest/src/utils/isOnline.d.ts +1 -0
- package/es/useRequest/src/utils/isOnline.js +7 -0
- package/es/useRequest/src/utils/limit.d.ts +1 -0
- package/es/useRequest/src/utils/limit.js +17 -0
- package/es/useRequest/src/utils/subscribeFocus.d.ts +3 -0
- package/es/useRequest/src/utils/subscribeFocus.js +27 -0
- package/es/useRequest/src/utils/subscribeReVisible.d.ts +3 -0
- package/es/useRequest/src/utils/subscribeReVisible.js +21 -0
- package/es/useToggle/index.d.ts +10 -0
- package/es/useToggle/index.js +41 -0
- package/es/useUnmount/index.d.ts +2 -0
- package/es/useUnmount/index.js +17 -0
- package/es/useUpdate/index.d.ts +2 -0
- package/es/useUpdate/index.js +10 -0
- package/es/useUpdateEffect/index.d.ts +3 -0
- package/es/useUpdateEffect/index.js +3 -0
- package/es/utils/createEffectWithTarget.d.ts +4 -0
- package/es/utils/createEffectWithTarget.js +48 -0
- package/es/utils/depsAreSame.d.ts +2 -0
- package/es/utils/depsAreSame.js +8 -0
- package/es/utils/depsEqual.d.ts +2 -0
- package/es/utils/depsEqual.js +11 -0
- package/es/utils/domTarget.d.ts +6 -0
- package/es/utils/domTarget.js +20 -0
- package/es/utils/getDocumentOrShadow.d.ts +3 -0
- package/es/utils/getDocumentOrShadow.js +28 -0
- package/es/utils/index.d.ts +6 -0
- package/es/utils/index.js +18 -0
- package/es/utils/isAppleDevice.d.ts +2 -0
- package/es/utils/isAppleDevice.js +3 -0
- package/es/utils/isBrowser.d.ts +2 -0
- package/es/utils/isBrowser.js +2 -0
- package/es/utils/isDev.d.ts +2 -0
- package/es/utils/isDev.js +3 -0
- package/es/utils/lodash-polyfill.d.ts +2 -0
- package/es/utils/lodash-polyfill.js +11 -0
- package/es/utils/testingHelpers.d.ts +2 -0
- package/es/utils/testingHelpers.js +19 -0
- package/es/utils/tests.d.ts +4 -0
- package/es/utils/tests.js +12 -0
- package/es/utils/useDeepCompareWithTarget.d.ts +4 -0
- package/es/utils/useDeepCompareWithTarget.js +14 -0
- package/es/utils/useEffectWithTarget.d.ts +2 -0
- package/es/utils/useEffectWithTarget.js +5 -0
- package/es/utils/useIsomorphicLayoutEffectWithTarget.d.ts +2 -0
- package/es/utils/useIsomorphicLayoutEffectWithTarget.js +5 -0
- package/es/utils/useLayoutEffectWithTarget.d.ts +2 -0
- package/es/utils/useLayoutEffectWithTarget.js +4 -0
- package/lib/createUpdateEffect/index.d.ts +4 -0
- package/lib/createUpdateEffect/index.js +28 -0
- package/lib/index.d.ts +9 -0
- package/lib/index.js +69 -0
- package/lib/useBoolean/index.d.ts +8 -0
- package/lib/useBoolean/index.js +33 -0
- package/lib/useCreation/index.d.ts +2 -0
- package/lib/useCreation/index.js +28 -0
- package/lib/useLatest/index.d.ts +3 -0
- package/lib/useLatest/index.js +13 -0
- package/lib/useMemoizedFn/index.d.ts +3 -0
- package/lib/useMemoizedFn/index.js +40 -0
- package/lib/useMount/index.d.ts +2 -0
- package/lib/useMount/index.js +23 -0
- package/lib/usePrescription/api.d.ts +7 -0
- package/lib/usePrescription/api.js +23 -0
- package/lib/usePrescription/index.d.ts +36 -0
- package/lib/usePrescription/index.js +127 -0
- package/lib/usePrescription/types.d.ts +15 -0
- package/lib/usePrescription/types.js +5 -0
- package/lib/useRequest/index.d.ts +4 -0
- package/lib/useRequest/index.js +16 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/cancel.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/cancel.js +65 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/default.d.ts +6 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/default.js +38 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/lifeCycle.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/lifeCycle.js +64 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/manualRun.d.ts +7 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/manualRun.js +63 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/manualRunAsync.d.ts +7 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/manualRunAsync.js +77 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/mutate.d.ts +6 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/mutate.js +78 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/params.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/params.js +53 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/refresh.d.ts +6 -0
- package/lib/useRequest/routes-doc/use-request/demos/basic/refresh.js +45 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/cacheKey.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/cacheKey.js +48 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/clearCache.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/clearCache.js +87 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/params.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/params.js +74 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/setCache.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/setCache.js +55 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/share.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/share.js +44 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/staleTime.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/cache/staleTime.js +50 -0
- package/lib/useRequest/routes-doc/use-request/demos/debounce/debounce.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/debounce/debounce.js +48 -0
- package/lib/useRequest/routes-doc/use-request/demos/index/default.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/index/default.js +30 -0
- package/lib/useRequest/routes-doc/use-request/demos/index/manual.d.ts +7 -0
- package/lib/useRequest/routes-doc/use-request/demos/index/manual.js +60 -0
- package/lib/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/loadingDelay/loadingDelay.js +36 -0
- package/lib/useRequest/routes-doc/use-request/demos/polling/polling.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/polling/polling.js +38 -0
- package/lib/useRequest/routes-doc/use-request/demos/polling/pollingError.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/polling/pollingError.js +44 -0
- package/lib/useRequest/routes-doc/use-request/demos/ready/manualReady.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/ready/manualReady.js +43 -0
- package/lib/useRequest/routes-doc/use-request/demos/ready/ready.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/ready/ready.js +35 -0
- package/lib/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/refresh/refreshDeps.js +69 -0
- package/lib/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/refreshOnWindowFocus/refreshOnWindowFocus.js +25 -0
- package/lib/useRequest/routes-doc/use-request/demos/retry/retry.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/retry/retry.js +51 -0
- package/lib/useRequest/routes-doc/use-request/demos/throttle/throttle.d.ts +3 -0
- package/lib/useRequest/routes-doc/use-request/demos/throttle/throttle.js +48 -0
- package/lib/useRequest/src/Fetch.d.ts +20 -0
- package/lib/useRequest/src/Fetch.js +168 -0
- package/lib/useRequest/src/plugins/useAutoRunPlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useAutoRunPlugin.js +63 -0
- package/lib/useRequest/src/plugins/useCachePlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useCachePlugin.js +150 -0
- package/lib/useRequest/src/plugins/useDebouncePlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useDebouncePlugin.js +67 -0
- package/lib/useRequest/src/plugins/useLoadingDelayPlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useLoadingDelayPlugin.js +46 -0
- package/lib/useRequest/src/plugins/usePollingPlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/usePollingPlugin.js +72 -0
- package/lib/useRequest/src/plugins/useRefreshOnWindowFocusPlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useRefreshOnWindowFocusPlugin.js +37 -0
- package/lib/useRequest/src/plugins/useRetryPlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useRetryPlugin.js +51 -0
- package/lib/useRequest/src/plugins/useThrottlePlugin.d.ts +3 -0
- package/lib/useRequest/src/plugins/useThrottlePlugin.js +59 -0
- package/lib/useRequest/src/types.d.ts +73 -0
- package/lib/useRequest/src/types.js +5 -0
- package/lib/useRequest/src/useRequest.d.ts +3 -0
- package/lib/useRequest/src/useRequest.js +21 -0
- package/lib/useRequest/src/useRequestImplement.d.ts +5 -0
- package/lib/useRequest/src/useRequestImplement.js +80 -0
- package/lib/useRequest/src/utils/cache.d.ts +14 -0
- package/lib/useRequest/src/utils/cache.js +37 -0
- package/lib/useRequest/src/utils/cachePromise.d.ts +4 -0
- package/lib/useRequest/src/utils/cachePromise.js +22 -0
- package/lib/useRequest/src/utils/cacheSubscribe.d.ts +4 -0
- package/lib/useRequest/src/utils/cacheSubscribe.js +24 -0
- package/lib/useRequest/src/utils/isDocumentVisible.d.ts +1 -0
- package/lib/useRequest/src/utils/isDocumentVisible.js +14 -0
- package/lib/useRequest/src/utils/isOnline.d.ts +1 -0
- package/lib/useRequest/src/utils/isOnline.js +14 -0
- package/lib/useRequest/src/utils/limit.d.ts +1 -0
- package/lib/useRequest/src/utils/limit.js +23 -0
- package/lib/useRequest/src/utils/subscribeFocus.d.ts +3 -0
- package/lib/useRequest/src/utils/subscribeFocus.js +35 -0
- package/lib/useRequest/src/utils/subscribeReVisible.d.ts +3 -0
- package/lib/useRequest/src/utils/subscribeReVisible.js +28 -0
- package/lib/useToggle/index.d.ts +10 -0
- package/lib/useToggle/index.js +47 -0
- package/lib/useUnmount/index.d.ts +2 -0
- package/lib/useUnmount/index.js +25 -0
- package/lib/useUpdate/index.d.ts +2 -0
- package/lib/useUpdate/index.js +16 -0
- package/lib/useUpdateEffect/index.d.ts +3 -0
- package/lib/useUpdateEffect/index.js +9 -0
- package/lib/utils/createEffectWithTarget.d.ts +4 -0
- package/lib/utils/createEffectWithTarget.js +55 -0
- package/lib/utils/depsAreSame.d.ts +2 -0
- package/lib/utils/depsAreSame.js +14 -0
- package/lib/utils/depsEqual.d.ts +2 -0
- package/lib/utils/depsEqual.js +17 -0
- package/lib/utils/domTarget.d.ts +6 -0
- package/lib/utils/domTarget.js +27 -0
- package/lib/utils/getDocumentOrShadow.d.ts +3 -0
- package/lib/utils/getDocumentOrShadow.js +34 -0
- package/lib/utils/index.d.ts +6 -0
- package/lib/utils/index.js +26 -0
- package/lib/utils/isAppleDevice.d.ts +2 -0
- package/lib/utils/isAppleDevice.js +9 -0
- package/lib/utils/isBrowser.d.ts +2 -0
- package/lib/utils/isBrowser.js +8 -0
- package/lib/utils/isDev.d.ts +2 -0
- package/lib/utils/isDev.js +9 -0
- package/lib/utils/lodash-polyfill.d.ts +2 -0
- package/lib/utils/lodash-polyfill.js +23 -0
- package/lib/utils/testingHelpers.d.ts +2 -0
- package/lib/utils/testingHelpers.js +26 -0
- package/lib/utils/tests.d.ts +4 -0
- package/lib/utils/tests.js +30 -0
- package/lib/utils/useDeepCompareWithTarget.d.ts +4 -0
- package/lib/utils/useDeepCompareWithTarget.js +21 -0
- package/lib/utils/useEffectWithTarget.d.ts +2 -0
- package/lib/utils/useEffectWithTarget.js +12 -0
- package/lib/utils/useIsomorphicLayoutEffectWithTarget.d.ts +2 -0
- package/lib/utils/useIsomorphicLayoutEffectWithTarget.js +12 -0
- package/lib/utils/useLayoutEffectWithTarget.d.ts +2 -0
- package/lib/utils/useLayoutEffectWithTarget.js +11 -0
- package/package.json +28 -0
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
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); }
|
|
13
|
+
/**
|
|
14
|
+
* title: 刷新用户名称
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
function getUsername(id) {
|
|
18
|
+
console.log('use-request-refresh-id', id);
|
|
19
|
+
return new Promise(function (resolve) {
|
|
20
|
+
setTimeout(function () {
|
|
21
|
+
resolve(_mockjs["default"].mock('@name'));
|
|
22
|
+
}, 1000);
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
var _default = exports["default"] = function _default() {
|
|
26
|
+
var _a = (0, _index["default"])(function (id) {
|
|
27
|
+
return getUsername(id);
|
|
28
|
+
}, {
|
|
29
|
+
manual: true
|
|
30
|
+
}),
|
|
31
|
+
data = _a.data,
|
|
32
|
+
loading = _a.loading,
|
|
33
|
+
run = _a.run,
|
|
34
|
+
refresh = _a.refresh;
|
|
35
|
+
(0, _react.useEffect)(function () {
|
|
36
|
+
run(1);
|
|
37
|
+
}, []);
|
|
38
|
+
if (loading) {
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "loading...");
|
|
40
|
+
}
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Username: ", data), /*#__PURE__*/_react["default"].createElement("button", {
|
|
42
|
+
onClick: refresh,
|
|
43
|
+
type: "button"
|
|
44
|
+
}, "Refresh"));
|
|
45
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _useBoolean = _interopRequireDefault(require("../../../../../useBoolean"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
13
|
+
function getArticle() {
|
|
14
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
15
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
16
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
17
|
+
setTimeout(function () {
|
|
18
|
+
resolve({
|
|
19
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
20
|
+
time: new Date().getTime()
|
|
21
|
+
});
|
|
22
|
+
}, 1000);
|
|
23
|
+
})];
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
var Article = function Article() {
|
|
28
|
+
var _a = (0, _index["default"])(getArticle, {
|
|
29
|
+
cacheKey: 'cacheKey-demo'
|
|
30
|
+
}),
|
|
31
|
+
data = _a.data,
|
|
32
|
+
loading = _a.loading;
|
|
33
|
+
if (!data && loading) {
|
|
34
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
35
|
+
}
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
37
|
+
};
|
|
38
|
+
var _default = exports["default"] = function _default() {
|
|
39
|
+
var _a = (0, _useBoolean["default"])(),
|
|
40
|
+
state = _a.state,
|
|
41
|
+
toggle = _a.toggle;
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
43
|
+
type: "button",
|
|
44
|
+
onClick: function onClick() {
|
|
45
|
+
return toggle();
|
|
46
|
+
}
|
|
47
|
+
}, "show/hidden"), state && /*#__PURE__*/_react["default"].createElement(Article, null));
|
|
48
|
+
};
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
12
|
+
var _cache = require("../../../../src/utils/cache");
|
|
13
|
+
var _useBoolean = _interopRequireDefault(require("../../../../../useBoolean"));
|
|
14
|
+
var _antd = require("antd");
|
|
15
|
+
function getArticle() {
|
|
16
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
17
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
18
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
19
|
+
setTimeout(function () {
|
|
20
|
+
resolve({
|
|
21
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
22
|
+
time: new Date().getTime()
|
|
23
|
+
});
|
|
24
|
+
}, 3000);
|
|
25
|
+
})];
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
var Article = function Article(_a) {
|
|
30
|
+
var cacheKey = _a.cacheKey;
|
|
31
|
+
var _b = (0, _index["default"])(getArticle, {
|
|
32
|
+
cacheKey: cacheKey
|
|
33
|
+
}),
|
|
34
|
+
data = _b.data,
|
|
35
|
+
loading = _b.loading;
|
|
36
|
+
if (!data && loading) {
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
38
|
+
}
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
40
|
+
};
|
|
41
|
+
var clear = function clear(cacheKey) {
|
|
42
|
+
(0, _cache.clearCache)(cacheKey);
|
|
43
|
+
var tips = Array.isArray(cacheKey) ? cacheKey.join('、') : cacheKey;
|
|
44
|
+
_antd.message.success("Clear ".concat(tips !== null && tips !== void 0 ? tips : 'All', " finished"));
|
|
45
|
+
};
|
|
46
|
+
var _default = exports["default"] = function _default() {
|
|
47
|
+
var _a = (0, _useBoolean["default"])(),
|
|
48
|
+
state = _a.state,
|
|
49
|
+
toggle = _a.toggle;
|
|
50
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
51
|
+
type: "button",
|
|
52
|
+
onClick: function onClick() {
|
|
53
|
+
return toggle();
|
|
54
|
+
}
|
|
55
|
+
}, "show/hidden")), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
56
|
+
style: {
|
|
57
|
+
marginRight: 8
|
|
58
|
+
},
|
|
59
|
+
onClick: function onClick() {
|
|
60
|
+
return clear('Article1');
|
|
61
|
+
}
|
|
62
|
+
}, "Clear Article1"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
63
|
+
style: {
|
|
64
|
+
marginRight: 8
|
|
65
|
+
},
|
|
66
|
+
onClick: function onClick() {
|
|
67
|
+
return clear('Article2');
|
|
68
|
+
}
|
|
69
|
+
}, "Clear Article2"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
70
|
+
style: {
|
|
71
|
+
marginRight: 8
|
|
72
|
+
},
|
|
73
|
+
onClick: function onClick() {
|
|
74
|
+
return clear(['Article2', 'Article3']);
|
|
75
|
+
}
|
|
76
|
+
}, "Clear Article2 and Article3"), /*#__PURE__*/_react["default"].createElement("button", {
|
|
77
|
+
onClick: function onClick() {
|
|
78
|
+
return clear();
|
|
79
|
+
}
|
|
80
|
+
}, "Clear All")), /*#__PURE__*/_react["default"].createElement("h2", null, "Article 1"), state && /*#__PURE__*/_react["default"].createElement(Article, {
|
|
81
|
+
cacheKey: "Article1"
|
|
82
|
+
}), /*#__PURE__*/_react["default"].createElement("h2", null, "Article 2"), state && /*#__PURE__*/_react["default"].createElement(Article, {
|
|
83
|
+
cacheKey: "Article2"
|
|
84
|
+
}), /*#__PURE__*/_react["default"].createElement("h2", null, "Article 3"), state && /*#__PURE__*/_react["default"].createElement(Article, {
|
|
85
|
+
cacheKey: "Article3"
|
|
86
|
+
}));
|
|
87
|
+
};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _tslib = require("tslib");
|
|
10
|
+
var _useBoolean = _interopRequireDefault(require("../../../../../useBoolean"));
|
|
11
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
12
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
13
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
+
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); }
|
|
15
|
+
function getArticle(keyword) {
|
|
16
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
17
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
18
|
+
console.log('cacheKey', keyword);
|
|
19
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
20
|
+
setTimeout(function () {
|
|
21
|
+
resolve({
|
|
22
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
23
|
+
time: new Date().getTime()
|
|
24
|
+
});
|
|
25
|
+
}, 1000);
|
|
26
|
+
})];
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
var Article = function Article() {
|
|
31
|
+
var _a = (0, _index["default"])(getArticle, {
|
|
32
|
+
cacheKey: 'cacheKey-demo'
|
|
33
|
+
}),
|
|
34
|
+
data = _a.data,
|
|
35
|
+
params = _a.params,
|
|
36
|
+
loading = _a.loading,
|
|
37
|
+
run = _a.run;
|
|
38
|
+
var _b = (0, _tslib.__read)((0, _react.useState)(params[0] || ''), 2),
|
|
39
|
+
keyword = _b[0],
|
|
40
|
+
setKeyword = _b[1];
|
|
41
|
+
if (!data && loading) {
|
|
42
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
43
|
+
}
|
|
44
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
45
|
+
style: {
|
|
46
|
+
width: 300
|
|
47
|
+
},
|
|
48
|
+
value: keyword,
|
|
49
|
+
onChange: function onChange(e) {
|
|
50
|
+
return setKeyword(e.target.value);
|
|
51
|
+
}
|
|
52
|
+
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
53
|
+
style: {
|
|
54
|
+
marginLeft: 8
|
|
55
|
+
},
|
|
56
|
+
onClick: function onClick() {
|
|
57
|
+
run(keyword);
|
|
58
|
+
}
|
|
59
|
+
}, "Get")), /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, "Keyword: ", keyword), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
60
|
+
};
|
|
61
|
+
var _default = exports["default"] = function _default() {
|
|
62
|
+
var _a = (0, _useBoolean["default"])(),
|
|
63
|
+
state = _a.state,
|
|
64
|
+
toggle = _a.toggle;
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
66
|
+
type: "button",
|
|
67
|
+
onClick: function onClick() {
|
|
68
|
+
return toggle();
|
|
69
|
+
},
|
|
70
|
+
style: {
|
|
71
|
+
marginBottom: 16
|
|
72
|
+
}
|
|
73
|
+
}, "show/hidden"), state && /*#__PURE__*/_react["default"].createElement(Article, null));
|
|
74
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _useBoolean = _interopRequireDefault(require("../../../../../useBoolean"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
13
|
+
function getArticle() {
|
|
14
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
15
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
16
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
17
|
+
setTimeout(function () {
|
|
18
|
+
resolve({
|
|
19
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
20
|
+
time: new Date().getTime()
|
|
21
|
+
});
|
|
22
|
+
}, 1000);
|
|
23
|
+
})];
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
var cacheKey = 'setCache-demo';
|
|
28
|
+
var Article = function Article() {
|
|
29
|
+
var _a = (0, _index["default"])(getArticle, {
|
|
30
|
+
cacheKey: cacheKey,
|
|
31
|
+
setCache: function setCache(data) {
|
|
32
|
+
return localStorage.setItem(cacheKey, JSON.stringify(data));
|
|
33
|
+
},
|
|
34
|
+
getCache: function getCache() {
|
|
35
|
+
return JSON.parse(localStorage.getItem(cacheKey) || '{}');
|
|
36
|
+
}
|
|
37
|
+
}),
|
|
38
|
+
data = _a.data,
|
|
39
|
+
loading = _a.loading;
|
|
40
|
+
if (!data && loading) {
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
42
|
+
}
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
44
|
+
};
|
|
45
|
+
var _default = exports["default"] = function _default() {
|
|
46
|
+
var _a = (0, _useBoolean["default"])(),
|
|
47
|
+
state = _a.state,
|
|
48
|
+
toggle = _a.toggle;
|
|
49
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
50
|
+
type: "button",
|
|
51
|
+
onClick: function onClick() {
|
|
52
|
+
return toggle();
|
|
53
|
+
}
|
|
54
|
+
}, "show/hidden"), state && /*#__PURE__*/_react["default"].createElement(Article, null));
|
|
55
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
12
|
+
function getArticle() {
|
|
13
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
14
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
15
|
+
console.log('cacheKey-share');
|
|
16
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
17
|
+
setTimeout(function () {
|
|
18
|
+
resolve({
|
|
19
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
20
|
+
time: new Date().getTime()
|
|
21
|
+
});
|
|
22
|
+
}, 3000);
|
|
23
|
+
})];
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
var Article = function Article() {
|
|
28
|
+
var _a = (0, _index["default"])(getArticle, {
|
|
29
|
+
cacheKey: 'cacheKey-share'
|
|
30
|
+
}),
|
|
31
|
+
data = _a.data,
|
|
32
|
+
loading = _a.loading,
|
|
33
|
+
refresh = _a.refresh;
|
|
34
|
+
if (!data && loading) {
|
|
35
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
36
|
+
}
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
38
|
+
onClick: refresh,
|
|
39
|
+
type: "button"
|
|
40
|
+
}, "\u66F4\u65B0")), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
41
|
+
};
|
|
42
|
+
var _default = exports["default"] = function _default() {
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h2", null, "Article 1"), /*#__PURE__*/_react["default"].createElement(Article, null), /*#__PURE__*/_react["default"].createElement("h2", null, "Article 2"), /*#__PURE__*/_react["default"].createElement(Article, null));
|
|
44
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _useBoolean = _interopRequireDefault(require("../../../../../useBoolean"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
13
|
+
function getArticle() {
|
|
14
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
15
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
16
|
+
console.log('cacheKey-staleTime');
|
|
17
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
18
|
+
setTimeout(function () {
|
|
19
|
+
resolve({
|
|
20
|
+
data: _mockjs["default"].mock('@paragraph'),
|
|
21
|
+
time: new Date().getTime()
|
|
22
|
+
});
|
|
23
|
+
}, 1000);
|
|
24
|
+
})];
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
var Article = function Article() {
|
|
29
|
+
var _a = (0, _index["default"])(getArticle, {
|
|
30
|
+
cacheKey: 'staleTime-demo',
|
|
31
|
+
staleTime: 5000
|
|
32
|
+
}),
|
|
33
|
+
data = _a.data,
|
|
34
|
+
loading = _a.loading;
|
|
35
|
+
if (!data && loading) {
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement("p", null, "Loading");
|
|
37
|
+
}
|
|
38
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("p", null, "Background loading: ", loading ? 'true' : 'false'), /*#__PURE__*/_react["default"].createElement("p", null, "Latest request time: ", data === null || data === void 0 ? void 0 : data.time), /*#__PURE__*/_react["default"].createElement("p", null, data === null || data === void 0 ? void 0 : data.data));
|
|
39
|
+
};
|
|
40
|
+
var _default = exports["default"] = function _default() {
|
|
41
|
+
var _a = (0, _useBoolean["default"])(),
|
|
42
|
+
state = _a.state,
|
|
43
|
+
toggle = _a.toggle;
|
|
44
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
45
|
+
type: "button",
|
|
46
|
+
onClick: function onClick() {
|
|
47
|
+
return toggle();
|
|
48
|
+
}
|
|
49
|
+
}, "show/hidden"), state && /*#__PURE__*/_react["default"].createElement(Article, null));
|
|
50
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _tslib = require("tslib");
|
|
9
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
function getEmail(search) {
|
|
13
|
+
return (0, _tslib.__awaiter)(this, void 0, void 0, function () {
|
|
14
|
+
return (0, _tslib.__generator)(this, function (_a) {
|
|
15
|
+
console.log('debounce getEmail', search);
|
|
16
|
+
return [2 /*return*/, new Promise(function (resolve) {
|
|
17
|
+
setTimeout(function () {
|
|
18
|
+
resolve(_mockjs["default"].mock({
|
|
19
|
+
'data|5': ['@email']
|
|
20
|
+
}).data);
|
|
21
|
+
}, 300);
|
|
22
|
+
})];
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
var _default = exports["default"] = function _default() {
|
|
27
|
+
var _a = (0, _index["default"])(getEmail, {
|
|
28
|
+
debounceWait: 1000,
|
|
29
|
+
manual: true
|
|
30
|
+
}),
|
|
31
|
+
data = _a.data,
|
|
32
|
+
loading = _a.loading,
|
|
33
|
+
run = _a.run;
|
|
34
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
35
|
+
placeholder: "Search Emails",
|
|
36
|
+
onChange: function onChange(e) {
|
|
37
|
+
return run(e.target.value);
|
|
38
|
+
}
|
|
39
|
+
}), loading ? /*#__PURE__*/_react["default"].createElement("p", null, "loading") : /*#__PURE__*/_react["default"].createElement("ul", {
|
|
40
|
+
style: {
|
|
41
|
+
marginTop: 8
|
|
42
|
+
}
|
|
43
|
+
}, data === null || data === void 0 ? void 0 : data.map(function (i) {
|
|
44
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
|
45
|
+
key: i
|
|
46
|
+
}, i);
|
|
47
|
+
})));
|
|
48
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
9
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
function getUsername() {
|
|
12
|
+
return new Promise(function (resolve) {
|
|
13
|
+
setTimeout(function () {
|
|
14
|
+
resolve(_mockjs["default"].mock('@name'));
|
|
15
|
+
}, 1000);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
var _default = exports["default"] = function _default() {
|
|
19
|
+
var _a = (0, _index["default"])(getUsername),
|
|
20
|
+
data = _a.data,
|
|
21
|
+
error = _a.error,
|
|
22
|
+
loading = _a.loading;
|
|
23
|
+
if (error) {
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, error.message);
|
|
25
|
+
}
|
|
26
|
+
if (loading) {
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "loading...");
|
|
28
|
+
}
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, "Username: ", data);
|
|
30
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _tslib = require("tslib");
|
|
10
|
+
var _antd = require("antd");
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
13
|
+
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); }
|
|
14
|
+
/**
|
|
15
|
+
* title: 修改用户名
|
|
16
|
+
* desc: 在这个例子中,手动请求修改用户名。
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
function changeUsername(username) {
|
|
20
|
+
return new Promise(function (resolve) {
|
|
21
|
+
setTimeout(function () {
|
|
22
|
+
resolve({
|
|
23
|
+
success: true
|
|
24
|
+
});
|
|
25
|
+
}, 1000);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
var _default = exports["default"] = function _default() {
|
|
29
|
+
var _a = (0, _tslib.__read)((0, _react.useState)(''), 2),
|
|
30
|
+
state = _a[0],
|
|
31
|
+
setState = _a[1];
|
|
32
|
+
var _b = (0, _index["default"])(changeUsername, {
|
|
33
|
+
manual: true,
|
|
34
|
+
onSuccess: function onSuccess(result, params) {
|
|
35
|
+
if (result.success) {
|
|
36
|
+
setState('');
|
|
37
|
+
_antd.message.success("The username was changed to \"".concat(params[0], "\" !"));
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}),
|
|
41
|
+
loading = _b.loading,
|
|
42
|
+
run = _b.run;
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", {
|
|
44
|
+
onChange: function onChange(e) {
|
|
45
|
+
return setState(e.target.value);
|
|
46
|
+
},
|
|
47
|
+
value: state,
|
|
48
|
+
placeholder: "Please enter username",
|
|
49
|
+
style: {
|
|
50
|
+
width: 240,
|
|
51
|
+
marginRight: 16
|
|
52
|
+
}
|
|
53
|
+
}), /*#__PURE__*/_react["default"].createElement("button", {
|
|
54
|
+
disabled: loading,
|
|
55
|
+
type: "button",
|
|
56
|
+
onClick: function onClick() {
|
|
57
|
+
return run(state);
|
|
58
|
+
}
|
|
59
|
+
}, loading ? 'Loading' : 'Edit'));
|
|
60
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _index = _interopRequireDefault(require("../../../../index"));
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _mockjs = _interopRequireDefault(require("mockjs"));
|
|
11
|
+
function getUsername() {
|
|
12
|
+
return new Promise(function (resolve) {
|
|
13
|
+
setTimeout(function () {
|
|
14
|
+
resolve(_mockjs["default"].mock('@name'));
|
|
15
|
+
}, 200);
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
var _default = exports["default"] = function _default() {
|
|
19
|
+
var action = (0, _index["default"])(getUsername);
|
|
20
|
+
var withLoadingDelayAction = (0, _index["default"])(getUsername, {
|
|
21
|
+
loadingDelay: 300
|
|
22
|
+
});
|
|
23
|
+
var trigger = function trigger() {
|
|
24
|
+
action.run();
|
|
25
|
+
withLoadingDelayAction.run();
|
|
26
|
+
};
|
|
27
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
|
|
28
|
+
type: "button",
|
|
29
|
+
onClick: trigger
|
|
30
|
+
}, "run"), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
+
style: {
|
|
32
|
+
margin: '24px 0',
|
|
33
|
+
width: 300
|
|
34
|
+
}
|
|
35
|
+
}, "Username: ", action.loading ? 'Loading...' : action.data), /*#__PURE__*/_react["default"].createElement("div", null, "Username: ", withLoadingDelayAction.loading ? 'Loading...' : withLoadingDelayAction.data));
|
|
36
|
+
};
|