vue3-request 1.0.23 → 1.0.24

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 CHANGED
@@ -1,7 +1,47 @@
1
+ 更多内容请查看文档 -> [**文档**](https://fslflame.github.io/vue3-request/)
2
+
3
+ ## 核心解决方案
4
+
5
+ Vue3-Request 是一个专为 Vue 3 设计的异步请求处理库,它通过统一的 useRequest Hook 和强大的插件生态,彻底简化了异步操作和 API 调用的复杂性:
6
+
7
+ ✨ 统一状态管理
8
+
9
+ - 🚀 所有数据都具有响应式
10
+ - 📊 自动管理 loading、data、error、signal、params 等状态
11
+ - 🔄 提供 run、runAsync、refresh、cancel、abort 等便捷方法
12
+ - 🎛️ 支持手动和自动执行模式,满足不同业务场景
13
+
14
+ 🧩 强大的插件生态 内置 9 大核心插件,开箱即用:
15
+
16
+ - <img src="https://fslflame.github.io/vue3-request/cancel.svg" alt="取消请求" width="20" height="20" /> 请求中止 - 自动生成 AbortSignal 中止过期请求,避免状态污染和竞态条件问题
17
+ - 🔄 错误重试 - 智能重试机制,提升请求成功率
18
+ - ⚡ 防抖节流 - 优化用户交互,减少无效请求
19
+ - 💾 智能缓存 - 提升用户体验,减少服务器压力
20
+ - 🔁 轮询请求 - 实时数据同步,支持动态控制
21
+ - 👁️ 窗口聚焦刷新 - 用户回到页面时自动刷新数据
22
+ - 📦 依赖刷新 - 响应式依赖变化,自动触发请求
23
+ - ⏳ 准备状态控制 - 条件请求执行,精确控制时机
24
+ - 💻 完整 TypeScript 支持 - 类型安全,智能提示
25
+ - 🔌 框架无关 - 兼容 Axios、Fetch 等任意请求库
26
+ - 📝 丰富的生命周期 - onBefore、onSuccess、onError、onFinally
27
+ - 🎨 可扩展架构 - 支持自定义插件,满足特殊需求
28
+ - 📚 完善文档 - 详尽示例,快速上手
29
+
30
+ ## 为什么选择 Vue3-Request?
31
+
32
+ 在一个充满挑战的异步世界中,Vue3-Request 不仅仅是一个工具库,更是你的开发伙伴。它让复杂的异步逻辑变得简单优雅,让重复的样板代码成为历史,让你可以专注于真正重要的业务逻辑。
33
+ 从简单的数据获取到复杂的业务场景,从性能优化到用户体验,Vue3-Request 都为你提供了最佳实践的解决方案。让我们一起拥抱更高效、更优雅的异步编程方式!
34
+
1
35
  ## ⚡ 快速安装
2
36
 
3
37
  ```bash [pnpm]
4
38
  pnpm add vue3-request
39
+ # or
40
+ npm i vue3-request
41
+ # or
42
+ yarn add vue3-request
43
+ # or
44
+ cnpm i vue3-request
5
45
  ```
6
46
 
7
47
  ## 🚀 5 分钟上手
@@ -28,7 +68,6 @@ const getUserInfo = async () => {
28
68
  };
29
69
 
30
70
  // 一行代码搞定状态管理
31
- const { data, error, loading, signal, refresh, abort } =
32
- useRequest(getUserInfo);
71
+ const { data, error, loading, signal, refresh, abort } = useRequest(getUserInfo);
33
72
  </script>
34
73
  ```
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),p=e=>e,C=e=>e==null,S=typeof window>"u";function E(e){return C(e)?e:typeof e=="number"&&!isNaN(e)}function b(e,t){return E(e)===void 0?{is:!1,value:0}:E(e)?t&&e===-1?{is:!0,value:-1}:{is:!0,value:e===0||e&&e<0?0:e}:{is:!1,value:0}}const L=(e,t)=>{let n=t;for(let s=e.length;s-- >0;){const r=e[s];n=r(n)}return n?.()},F=()=>new Promise(()=>{}),O=e=>e instanceof Function,R=new Map,j=(e,t,{data:n,params:s,time:r})=>{let u;const a=B(e),{is:o,value:l}=b(t,!0);o&&(a?.timer&&clearTimeout(a.timer),l!==-1&&(u=setTimeout(()=>{T(e)},l)),R.set(e,{data:n,params:s,time:r,timer:u}))},B=e=>R.get(e),T=e=>{e&&typeof e=="string"?R.delete(e):R.clear()};class N{constructor(t,n){this.service=t,this.options=n,this.state=i.reactive({data:void 0,error:void 0,params:n?.defaultParams||[],loading:!1,isFinished:!1,isAborted:!1,signal:new AbortController().signal})}currentRequestId=0;pluginImpls=[];state;abort=()=>{};setState=t=>{Object.assign(this.state,t)};executePlugin=(t,...n)=>{if(t==="onRequest")return{servicePromise:L(this.pluginImpls.map(r=>r.onRequest).filter(Boolean),n[0])};{const s=this.pluginImpls.map(r=>r[t]?.(...n)).filter(Boolean);return Object.assign({},...s)}};loading=t=>{this.setState({loading:t,isFinished:!t})};onFinished=()=>{this.executePlugin("onFinally",this.state.params,this.state.data,this.state.error),this.loading(!1),this.options.onFinally?.(this.state.params,this.state.data,this.state.error)};runAsync=async(...t)=>{const n=++this.currentRequestId,{isReturn:s,isReady:r,...u}=this.executePlugin("onBefore",t);if(!r)return F();if(this.setState({params:t}),this.loading(!0),s)return this.loading(u.loading||!1),u.data;this.options.onBefore?.(t);try{const a=()=>this.service(...t);let{servicePromise:o}=this.executePlugin("onRequest",a);o||(o=a());const l=await o;return n!==this.currentRequestId?F():(this.setState({data:l,error:void 0}),this.executePlugin("onSuccess",l,t),this.options.onSuccess?.(l,t),this.onFinished(),l)}catch(a){if(n!==this.currentRequestId)return F();const o=a;throw this.setState({data:void 0,error:o}),this.executePlugin("onError",o,t),this.options.onError?.(o,t),this.onFinished(),o}};run=(...t)=>{this.runAsync(...t).catch(n=>{this.options.onError})};refresh=()=>{this.run(...this.state.params)};refreshAsync=async()=>await this.runAsync(...this.state.params);mutate=t=>{O(t)?t(this.state.data):this.setState({data:t}),this.executePlugin("onMutate",this.state.data)};cancel=()=>{this.executePlugin("onCancel"),this.currentRequestId++,this.loading(!1)}}function U(e,t,n){const s={manual:!1,...t},r=new N(e,s);r.pluginImpls=n.map(g=>g(r,s)),i.onMounted(()=>{if(!s.manual){const g=r.state.params;r.run(...g)}}),i.onUnmounted(r.cancel);const{run:u,cancel:a,refresh:o,runAsync:l,refreshAsync:v,abort:f,mutate:h}=r;return{...i.toRefs(r.state),run:u,cancel:a,refresh:o,runAsync:l,mutate:h,abort:f,refreshAsync:v,clearCache:T}}const D=p((e,{abortPrevious:t=!0})=>{let n=null;const s=()=>{n=new AbortController,e.setState({signal:n.signal,isAborted:n.signal.aborted})};return e.abort=()=>{n&&!n.signal.aborted&&!e.state.isFinished&&(n.abort(),e.setState({isAborted:n.signal.aborted}))},{onBefore:()=>{typeof t=="boolean"&&t&&e.abort(),s()},onRequest:r=>()=>r(),onCancel:()=>{e.abort(),n=null}}}),w=new Map,W=(e,{data:t,params:n,time:s})=>{w.has(e)&&w.get(e)?.forEach(u=>u({data:t,params:n,time:s}))},x=(e,t)=>(w.has(e)?w.get(e)?.add(t):w.set(e,new Set),()=>{const n=w.get(e);n?.delete(t),n?.size===0&&w.delete(e)}),P=new Map,H=(e,t)=>{P.set(e,t),t.then(n=>{}).catch(()=>{}).finally(()=>{$(e)})},_=e=>P.get(e),$=e=>{e&&typeof e=="string"?P.delete(e):P.clear()},z=p((e,{cacheKey:t,cacheTime:n=3e5,staleTime:s=0,setCache:r,getCache:u})=>{const a=i.ref(null);let o=null;const{is:l,value:v}=b(s,!0);if(!l)return{};const f=(c,d)=>{r?r(c,d):j(c,n,d),W(c,d)},h=c=>u?u(c):B(c);function g(){if(!t)return;const c=h(t);c&&Reflect.has(c,"data")&&e.setState({data:c.data,params:c.params}),a.value=x(t,d=>{e.setState({data:d.data})})}return g(),i.onUnmounted(()=>{a.value?.()}),{onBefore:()=>{if(!t)return null;const c=h(t);return!c||!Reflect.has(c,"data")?{}:v===-1||Date.now()-c.time<v?{loading:!1,data:c.data,error:void 0,isReturn:!0}:{data:c.data,error:void 0}},onRequest:c=>{if(!t)return c;let d=_(t);return d&&d!==o?()=>d:(d=c(),o=d,H(t,d),()=>d)},onSuccess:(c,d)=>{if(!t)return;const m={data:c,params:d,time:Date.now()};a.value?.(),f(t,m),a.value=x(t,M=>{e.setState({data:M.data})})}}}),I=p((e,{errorRetryCount:t=0,errorRetryInterval:n})=>{const s=i.ref(),r=i.ref(0),u=i.ref(!1),a=i.computed(()=>1e3*Math.pow(2,r.value)),o=()=>{let f=null;r.value++;const{value:h}=b(i.toValue(t),!0),g=h===-1,c=r.value<=h;if(g||c){let{is:d,value:m}=b(i.toValue(n));d||(m=i.toValue(Math.min(a.value,3e4))),f=setTimeout(()=>{u.value=!0,e.refresh()},m)}return()=>{f&&clearTimeout(f)}},l=()=>{s.value?.()},{is:v}=b(i.toValue(t),!0);return v?{onBefore:()=>{u.value||(r.value=0),u.value=!1,l()},onSuccess:()=>{r.value=0},onError:()=>{s.value=o()},onCancel:()=>{r.value=0,l()}}:{}}),A=()=>S||C(window.document?.visibilityState)?!0:document.visibilityState==="visible",V=new Set,J=e=>(V.add(e),()=>{V.delete(e)}),Q=()=>{A()&&V.forEach(e=>{e()})};!S&&window?.addEventListener&&window.addEventListener("visibilitychange",Q,!1);const X=p((e,{pollingInterval:t,pollingWhenHidden:n=!0,errorRetryCount:s})=>{const r=i.ref(null),u=i.ref(),a=()=>{let o;const{value:l}=b(i.toValue(s),!0);if(e.state.error&&l!==0)return;const{is:v,value:f}=b(i.toValue(t));return v?(o=setTimeout(()=>{!i.toValue(n)&&!A()?r.value=J(e.refresh):e.refresh()},f),()=>{o&&clearTimeout(o),r.value?.()}):void 0};return i.watch([()=>i.toValue(t),()=>i.toValue(n)],()=>{u.value?.(),u.value=a()}),i.onUnmounted(()=>{r.value?.()}),{onBefore:()=>{u.value?.()},onCancel:()=>{u.value?.()},onFinally:()=>{u.value=a()}}}),Y=p((e,{manual:t,refreshDeps:n,refreshDepsAction:s})=>{if(C(n)||typeof n!="object"&&typeof n!="function")return{};const r=i.watch(n,()=>{t||(s?s():e.refresh())},{deep:!0});return{onCancel:()=>{r()}}}),Z=()=>(!S&&window.navigator?.onLine)??!0,y=new Set,G=e=>(y.add(e),()=>{y.delete(e)}),q=()=>{!A()||!Z()||y.forEach(e=>{e()})};!S&&window?.addEventListener&&(window.addEventListener("visibilitychange",q,!1),window.addEventListener("focus",q,!1));const k=p((e,{refocusTimespan:t=5e3,refreshOnWindowFocus:n=!1})=>{const s=i.ref(),{is:r}=b(i.toValue(t));if(!r||C(i.toValue(n))||typeof i.toValue(n)!="boolean")return{};const u=(a,o)=>{let l=!1;return()=>{l||(l=!0,a(),setTimeout(()=>{l=!1},o))}};return i.watchEffect(()=>{s.value?.(),i.toValue(n)&&(s.value=G(u(e.refresh,i.toValue(t))))}),i.onUnmounted(()=>{s.value?.()}),{}}),K=p((e,{manual:t,ready:n=!0,defaultParams:s=[]})=>{const r=i.watch(()=>i.toValue(n),u=>{!t&&u&&e.run(...s)},{flush:"sync"});return{onBefore:()=>({isReady:i.toValue(n)}),onCancel:()=>{r()}}});function ee(e,t,n){var s=null,r=null,u=typeof n=="boolean"?{leading:n,trailing:!n}:Object.assign({leading:!1,trailing:!0},n),a=!1,o=null,l=u.leading,v=u.trailing,f=function(){s=null,r=null},h=function(){a=!0,e.apply(r,s),f()},g=function(){if(l===!0&&(o=null),a){f();return}if(v===!0){h();return}f()},c=function(){var m=o!==null;return m&&clearTimeout(o),f(),o=null,a=!1,m},d=function(){a=!1,s=arguments,r=this,o===null?l===!0&&h():clearTimeout(o),o=setTimeout(g,t)};return d.cancel=c,d}const te=p((e,{debounceWait:t,debounceOptions:n,manual:s})=>{const r=i.ref(!1);let u=null;const a=e.runAsync;return s||(r.value=!0),i.watchEffect(()=>{const{is:o,value:l}=b(i.toValue(t));if(!o)return;const v=i.toValue(n);u=ee(f=>f(),l,v),e.runAsync=(...f)=>new Promise((h,g)=>{r.value?(r.value=!1,a(...f).then(h).catch(g)):u(()=>{a(...f).then(h).catch(g)})}),i.onWatcherCleanup(()=>{u?.cancel(),e.runAsync=a})}),{onCancel:()=>{u?.cancel()}}});function ne(e,t,n){var s=null,r=null,u=!1,a=null,o=Object.assign({leading:!0,trailing:!0},n),l=o.leading,v=o.trailing,f=function(){s=null,r=null},h=function(){u=!0,e.apply(r,s),a=setTimeout(g,t),f()},g=function(){if(a=null,u){f();return}if(v===!0){h();return}f()},c=function(){var m=a!==null;return m&&clearTimeout(a),f(),a=null,u=!1,m},d=function(){if(s=arguments,r=this,u=!1,a===null&&l===!0){h();return}v===!0&&(a=setTimeout(g,t))};return d.cancel=c,d}const re=p((e,{throttleWait:t,throttleOptions:n})=>{let s=null;const r=e.runAsync;return i.watchEffect(()=>{const{is:u,value:a}=b(i.toValue(t));if(!u)return;const o=i.toValue(n);s=ne(l=>l(),a,o),e.runAsync=(...l)=>new Promise((v,f)=>{s(()=>{r(...l).then(v).catch(f)})}),i.onWatcherCleanup(()=>{s?.cancel(),e.runAsync=r})}),{onCancel:()=>{s?.cancel()}}}),se=[I,X,Y,k,D,K,te,re,z];function ie(e,t,n){return U(e,t||{},[...n||[],...se])}exports.clearCache=T;exports.definePlugin=p;exports.useRequest=ie;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),b=e=>e,C=e=>e==null,S=typeof window>"u";function M(e){return C(e)?e:typeof e=="number"&&!isNaN(e)}function p(e,t){return M(e)===void 0?{is:!1,value:0}:M(e)?t&&e===-1?{is:!0,value:-1}:{is:!0,value:e===0||e&&e<0?0:e}:{is:!1,value:0}}const q=(e,t)=>{let n=t;for(let s=e.length;s-- >0;){const r=e[s];n=r(n)}return n?.()},F=()=>new Promise(()=>{}),j=e=>e instanceof Function,y=new Map,N=(e,t,{data:n,params:s,time:r})=>{let u;const a=L(e),{is:o,value:l}=p(t,!0);o&&(a?.timer&&clearTimeout(a.timer),l!==-1&&(u=setTimeout(()=>{E(e)},l)),y.set(e,{data:n,params:s,time:r,timer:u}))},L=e=>y.get(e),E=e=>{e&&typeof e=="string"?y.delete(e):y.clear()};class U{constructor(t,n){this.service=t,this.options=n,this.state=i.reactive({data:void 0,error:void 0,params:n?.defaultParams||[],loading:!1,isFinished:!1,isAborted:!1,signal:new AbortController().signal})}currentRequestId=0;pluginImpls=[];state;abort=()=>{};setState=t=>{Object.assign(this.state,t)};executePlugin=(t,...n)=>{if(t==="onRequest")return{servicePromise:q(this.pluginImpls.map(r=>r.onRequest).filter(Boolean),n[0])};{const s=this.pluginImpls.map(r=>r[t]?.(...n)).filter(Boolean);return Object.assign({},...s)}};loading=t=>{this.setState({loading:t,isFinished:!t})};onFinished=()=>{this.executePlugin("onFinally",this.state.params,this.state.data,this.state.error),this.loading(!1),this.options.onFinally?.(this.state.params,this.state.data,this.state.error)};runAsync=async(...t)=>{const n=++this.currentRequestId,{isReturn:s,isReady:r,...u}=this.executePlugin("onBefore",t);if(!r)return F();if(this.setState({params:t,...u}),this.loading(!0),s)return this.loading(!1),u.data;this.options.onBefore?.(t);try{const a=()=>this.service(...t);let{servicePromise:o}=this.executePlugin("onRequest",a);o||(o=a());const l=await o;return n!==this.currentRequestId?F():(this.setState({data:l,error:void 0}),this.executePlugin("onSuccess",l,t),this.options.onSuccess?.(l,t),this.onFinished(),l)}catch(a){if(n!==this.currentRequestId)return F();const o=a;throw this.setState({data:void 0,error:o}),this.executePlugin("onError",o,t),this.options.onError?.(o,t),this.onFinished(),o}};run=(...t)=>{this.runAsync(...t).catch(n=>{this.options.onError})};refresh=()=>{this.run(...this.state.params)};refreshAsync=async()=>await this.runAsync(...this.state.params);mutate=t=>{j(t)?t(this.state.data):this.setState({data:t}),this.executePlugin("onMutate",this.state.data)};cancel=()=>{this.executePlugin("onCancel"),this.currentRequestId++,this.loading(!1)}}function D(e,t,n){const s={manual:!1,...t},r=new U(e,s);r.pluginImpls=n.map(m=>m(r,s)),i.onMounted(()=>{if(!s.manual){const m=r.state.params;r.run(...m)}}),i.onUnmounted(r.cancel);const{run:u,cancel:a,refresh:o,runAsync:l,refreshAsync:v,abort:f,mutate:g}=r;return{...i.toRefs(r.state),run:u,cancel:a,refresh:o,runAsync:l,mutate:g,abort:f,refreshAsync:v,clearCache:E}}const W=b((e,{abortPrevious:t=!0})=>{let n=null;const s=()=>{n=new AbortController,e.setState({signal:n.signal,isAborted:n.signal.aborted})};return e.abort=()=>{n&&!n.signal.aborted&&!e.state.isFinished&&(n.abort(),e.setState({isAborted:n.signal.aborted}))},{onBefore:()=>{typeof t=="boolean"&&t&&e.abort(),s()},onRequest:r=>()=>r(),onCancel:()=>{e.abort(),n=null}}}),R=new Map,_=(e,{data:t,params:n,time:s})=>{R.has(e)&&R.get(e)?.forEach(u=>u({data:t,params:n,time:s}))},V=(e,t)=>(R.has(e)?R.get(e)?.add(t):R.set(e,new Set),()=>{const n=R.get(e);n?.delete(t),n?.size===0&&R.delete(e)}),P=new Map,H=(e,t)=>{P.set(e,t),t.then(()=>{}).catch(()=>{}).finally(()=>{z(e)})},$=e=>P.get(e),z=e=>{e&&typeof e=="string"?P.delete(e):P.clear()},J=b((e,{cacheKey:t,cacheTime:n=3e5,staleTime:s=0,setCache:r,getCache:u})=>{const a=i.ref(null);let o=null;const{is:l,value:v}=p(s,!0);if(!l)return{};const f=typeof t=="function"?t:()=>t,g=(d,c)=>{r?r(d,c):N(d,n,c),_(d,c)},m=d=>u?u(d):L(d);function w(){const d=f();if(!d)return;const c=m(d);c&&Reflect.has(c,"data")&&e.setState({data:c.data,params:c.params}),a.value=V(d,h=>{e.setState({data:h.data})})}return w(),i.onUnmounted(()=>{a.value?.()}),{onBefore:d=>{const c=f(d);if(!c)return null;const h=m(c);return!h||!Reflect.has(h,"data")?{}:v===-1||Date.now()-h.time<v?{data:h.data,error:void 0,isReturn:!0}:{data:h.data,error:void 0}},onRequest:d=>{const c=f(e.state.params);if(!c)return d;let h=$(c);return h&&h!==o?()=>h:(h=d(),o=h,H(c,h),()=>h)},onSuccess:(d,c)=>{const h=f(c);h&&(a.value?.(),g(h,{data:d,params:c,time:Date.now()}),a.value=V(h,O=>{e.setState({data:O.data})}))},onMutate(d){const c=f(e.state.params);c&&(a.value?.(),g(c,{data:d,params:e.state.params,time:Date.now()}),a.value=V(c,h=>{e.setState({data:h.data})}))}}}),Q=b((e,{errorRetryCount:t=0,errorRetryInterval:n})=>{const s=i.ref(),r=i.ref(0),u=i.ref(!1),a=i.computed(()=>1e3*Math.pow(2,r.value)),o=()=>{let f=null;r.value++;const{value:g}=p(i.toValue(t),!0),m=g===-1,w=r.value<=g;if(m||w){let{is:d,value:c}=p(i.toValue(n));d||(c=i.toValue(Math.min(a.value,3e4))),f=setTimeout(()=>{u.value=!0,e.refresh()},c)}return()=>{f&&clearTimeout(f)}},l=()=>{s.value?.()},{is:v}=p(i.toValue(t),!0);return v?{onBefore:()=>{u.value||(r.value=0),u.value=!1,l()},onSuccess:()=>{r.value=0},onError:()=>{s.value=o()},onCancel:()=>{r.value=0,l()}}:{}}),x=()=>S||C(window.document?.visibilityState)?!0:document.visibilityState==="visible",T=new Set,X=e=>(T.add(e),()=>{T.delete(e)}),Y=()=>{x()&&T.forEach(e=>{e()})};!S&&window?.addEventListener&&window.addEventListener("visibilitychange",Y,!1);const Z=b((e,{pollingInterval:t,pollingWhenHidden:n=!0,errorRetryCount:s})=>{const r=i.ref(null),u=i.ref(),a=()=>{let o;const{value:l}=p(i.toValue(s),!0);if(e.state.error&&l!==0)return;const{is:v,value:f}=p(i.toValue(t));return v?(o=setTimeout(()=>{!i.toValue(n)&&!x()?r.value=X(e.refresh):e.refresh()},f),()=>{o&&clearTimeout(o),r.value?.()}):void 0};return i.watch([()=>i.toValue(t),()=>i.toValue(n)],()=>{u.value?.(),u.value=a()}),i.onUnmounted(()=>{r.value?.()}),{onBefore:()=>{u.value?.()},onCancel:()=>{u.value?.()},onFinally:()=>{u.value=a()}}}),G=b((e,{manual:t,refreshDeps:n,refreshDepsAction:s})=>{if(C(n)||typeof n!="object"&&typeof n!="function")return{};const r=i.watch(n,()=>{t||(s?s():e.refresh())},{deep:!0});return{onCancel:()=>{r()}}}),k=()=>(!S&&window.navigator?.onLine)??!0,A=new Set,I=e=>(A.add(e),()=>{A.delete(e)}),B=()=>{!x()||!k()||A.forEach(e=>{e()})};!S&&window?.addEventListener&&(window.addEventListener("visibilitychange",B,!1),window.addEventListener("focus",B,!1));const K=b((e,{refocusTimespan:t=5e3,refreshOnWindowFocus:n=!1})=>{const s=i.ref(),{is:r}=p(i.toValue(t));if(!r||C(i.toValue(n))||typeof i.toValue(n)!="boolean")return{};const u=(a,o)=>{let l=!1;return()=>{l||(l=!0,a(),setTimeout(()=>{l=!1},o))}};return i.watchEffect(()=>{s.value?.(),i.toValue(n)&&(s.value=I(u(e.refresh,i.toValue(t))))}),i.onUnmounted(()=>{s.value?.()}),{}}),ee=b((e,{manual:t,ready:n=!0,defaultParams:s=[]})=>{const r=i.watch(()=>i.toValue(n),u=>{!t&&u&&e.run(...s)},{flush:"sync"});return{onBefore:()=>({isReady:i.toValue(n)}),onCancel:()=>{r()}}});function te(e,t,n){var s=null,r=null,u=typeof n=="boolean"?{leading:n,trailing:!n}:Object.assign({leading:!1,trailing:!0},n),a=!1,o=null,l=u.leading,v=u.trailing,f=function(){s=null,r=null},g=function(){a=!0,e.apply(r,s),f()},m=function(){if(l===!0&&(o=null),a){f();return}if(v===!0){g();return}f()},w=function(){var c=o!==null;return c&&clearTimeout(o),f(),o=null,a=!1,c},d=function(){a=!1,s=arguments,r=this,o===null?l===!0&&g():clearTimeout(o),o=setTimeout(m,t)};return d.cancel=w,d}const ne=b((e,{debounceWait:t,debounceOptions:n,manual:s})=>{const r=i.ref(!1);let u=null;const a=e.runAsync;return s||(r.value=!0),i.watchEffect(()=>{const{is:o,value:l}=p(i.toValue(t));if(!o)return;const v=i.toValue(n);u=te(f=>f(),l,v),e.runAsync=(...f)=>new Promise((g,m)=>{r.value?(r.value=!1,a(...f).then(g).catch(m)):u(()=>{a(...f).then(g).catch(m)})}),i.onWatcherCleanup(()=>{u?.cancel(),e.runAsync=a})}),{onCancel:()=>{u?.cancel()}}});function re(e,t,n){var s=null,r=null,u=!1,a=null,o=Object.assign({leading:!0,trailing:!0},n),l=o.leading,v=o.trailing,f=function(){s=null,r=null},g=function(){u=!0,e.apply(r,s),a=setTimeout(m,t),f()},m=function(){if(a=null,u){f();return}if(v===!0){g();return}f()},w=function(){var c=a!==null;return c&&clearTimeout(a),f(),a=null,u=!1,c},d=function(){if(s=arguments,r=this,u=!1,a===null&&l===!0){g();return}v===!0&&(a=setTimeout(m,t))};return d.cancel=w,d}const se=b((e,{throttleWait:t,throttleOptions:n})=>{let s=null;const r=e.runAsync;return i.watchEffect(()=>{const{is:u,value:a}=p(i.toValue(t));if(!u)return;const o=i.toValue(n);s=re(l=>l(),a,o),e.runAsync=(...l)=>new Promise((v,f)=>{s(()=>{r(...l).then(v).catch(f)})}),i.onWatcherCleanup(()=>{s?.cancel(),e.runAsync=r})}),{onCancel:()=>{s?.cancel()}}}),ie=[Q,Z,G,K,W,ee,ne,se,J];function ae(e,t,n){return D(e,t||{},[...n||[],...ie])}exports.clearCache=E;exports.definePlugin=b;exports.useRequest=ae;
@@ -18,7 +18,7 @@ declare type BaseOptions<D, P extends any[]> = Partial<{
18
18
  errorRetryInterval: number | Ref<number>;
19
19
  refreshOnWindowFocus: boolean | Ref<boolean>;
20
20
  refocusTimespan: number | Ref<number>;
21
- cacheKey: string;
21
+ cacheKey: string | ((params?: P) => string);
22
22
  cacheTime: number;
23
23
  staleTime: number;
24
24
  setCache: (cacheKey: string, cacheData: CacheParamsType) => void;
@@ -67,7 +67,6 @@ declare type PluginMethodsReturn<D, P extends any[]> = Partial<{
67
67
  isReturn: boolean;
68
68
  isReady: boolean;
69
69
  data?: D;
70
- loading: boolean;
71
70
  }>;
72
71
 
73
72
  declare type PluginReturn<D, P extends any[]> = Partial<{
@@ -76,7 +75,7 @@ declare type PluginReturn<D, P extends any[]> = Partial<{
76
75
  onFinally: (params: P, data: D, error: Error) => void;
77
76
  onError: (error: Error, params: P) => void;
78
77
  onCancel: () => void;
79
- onMutate: (data: D | ((data: D) => D)) => void;
78
+ onMutate: (data: D) => void;
80
79
  onRequest: (service: ServiceType<D, P>) => ServiceType<D, P>;
81
80
  }>;
82
81
 
@@ -1,13 +1,13 @@
1
- import { reactive as H, onMounted as W, onUnmounted as F, toRefs as _, ref as R, computed as $, toValue as d, watch as x, watchEffect as B, onWatcherCleanup as j } from "vue";
2
- const p = (e) => e, S = (e) => e == null, T = typeof window > "u";
3
- function L(e) {
4
- return S(e) ? e : typeof e == "number" && !isNaN(e);
1
+ import { reactive as H, onMounted as W, onUnmounted as S, toRefs as $, ref as w, computed as z, toValue as h, watch as M, watchEffect as L, onWatcherCleanup as N } from "vue";
2
+ const b = (e) => e, F = (e) => e == null, T = typeof window > "u";
3
+ function j(e) {
4
+ return F(e) ? e : typeof e == "number" && !isNaN(e);
5
5
  }
6
- function b(e, t) {
7
- return L(e) === void 0 ? {
6
+ function p(e, t) {
7
+ return j(e) === void 0 ? {
8
8
  is: !1,
9
9
  value: 0
10
- } : L(e) ? t && e === -1 ? {
10
+ } : j(e) ? t && e === -1 ? {
11
11
  is: !0,
12
12
  value: -1
13
13
  } : {
@@ -18,24 +18,24 @@ function b(e, t) {
18
18
  value: 0
19
19
  };
20
20
  }
21
- const z = (e, t) => {
21
+ const U = (e, t) => {
22
22
  let n = t;
23
23
  for (let s = e.length; s-- > 0; ) {
24
24
  const r = e[s];
25
25
  n = r(n);
26
26
  }
27
27
  return n?.();
28
- }, y = () => new Promise(() => {
29
- }), I = (e) => e instanceof Function, P = /* @__PURE__ */ new Map(), U = (e, t, { data: n, params: s, time: r }) => {
30
- let i;
31
- const u = N(e), { is: a, value: o } = b(t, !0);
32
- a && (u?.timer && clearTimeout(u.timer), o !== -1 && (i = setTimeout(() => {
33
- V(e);
34
- }, o)), P.set(e, { data: n, params: s, time: r, timer: i }));
35
- }, N = (e) => P.get(e), V = (e) => {
28
+ }, A = () => new Promise(() => {
29
+ }), J = (e) => e instanceof Function, P = /* @__PURE__ */ new Map(), Q = (e, t, { data: n, params: s, time: r }) => {
30
+ let a;
31
+ const i = V(e), { is: u, value: o } = p(t, !0);
32
+ u && (i?.timer && clearTimeout(i.timer), o !== -1 && (a = setTimeout(() => {
33
+ D(e);
34
+ }, o)), P.set(e, { data: n, params: s, time: r, timer: a }));
35
+ }, V = (e) => P.get(e), D = (e) => {
36
36
  e && typeof e == "string" ? P.delete(e) : P.clear();
37
37
  };
38
- class J {
38
+ class X {
39
39
  constructor(t, n) {
40
40
  this.service = t, this.options = n, this.state = H({
41
41
  data: void 0,
@@ -58,7 +58,7 @@ class J {
58
58
  executePlugin = (t, ...n) => {
59
59
  if (t === "onRequest")
60
60
  return {
61
- servicePromise: z(
61
+ servicePromise: U(
62
62
  this.pluginImpls.map((r) => r.onRequest).filter(Boolean),
63
63
  n[0]
64
64
  )
@@ -86,26 +86,26 @@ class J {
86
86
  );
87
87
  };
88
88
  runAsync = async (...t) => {
89
- const n = ++this.currentRequestId, { isReturn: s, isReady: r, ...i } = this.executePlugin(
89
+ const n = ++this.currentRequestId, { isReturn: s, isReady: r, ...a } = this.executePlugin(
90
90
  "onBefore",
91
91
  t
92
92
  );
93
93
  if (!r)
94
- return y();
95
- if (this.setState({ params: t }), this.loading(!0), s)
96
- return this.loading(i.loading || !1), i.data;
94
+ return A();
95
+ if (this.setState({ params: t, ...a }), this.loading(!0), s)
96
+ return this.loading(!1), a.data;
97
97
  this.options.onBefore?.(t);
98
98
  try {
99
- const u = () => this.service(...t);
100
- let { servicePromise: a } = this.executePlugin("onRequest", u);
101
- a || (a = u());
102
- const o = await a;
103
- return n !== this.currentRequestId ? y() : (this.setState({ data: o, error: void 0 }), this.executePlugin("onSuccess", o, t), this.options.onSuccess?.(o, t), this.onFinished(), o);
104
- } catch (u) {
99
+ const i = () => this.service(...t);
100
+ let { servicePromise: u } = this.executePlugin("onRequest", i);
101
+ u || (u = i());
102
+ const o = await u;
103
+ return n !== this.currentRequestId ? A() : (this.setState({ data: o, error: void 0 }), this.executePlugin("onSuccess", o, t), this.options.onSuccess?.(o, t), this.onFinished(), o);
104
+ } catch (i) {
105
105
  if (n !== this.currentRequestId)
106
- return y();
107
- const a = u;
108
- throw this.setState({ data: void 0, error: a }), this.executePlugin("onError", a, t), this.options.onError?.(a, t), this.onFinished(), a;
106
+ return A();
107
+ const u = i;
108
+ throw this.setState({ data: void 0, error: u }), this.executePlugin("onError", u, t), this.options.onError?.(u, t), this.onFinished(), u;
109
109
  }
110
110
  };
111
111
  run = (...t) => {
@@ -118,39 +118,39 @@ class J {
118
118
  };
119
119
  refreshAsync = async () => await this.runAsync(...this.state.params);
120
120
  mutate = (t) => {
121
- I(t) ? t(this.state.data) : this.setState({ data: t }), this.executePlugin("onMutate", this.state.data);
121
+ J(t) ? t(this.state.data) : this.setState({ data: t }), this.executePlugin("onMutate", this.state.data);
122
122
  };
123
123
  cancel = () => {
124
124
  this.executePlugin("onCancel"), this.currentRequestId++, this.loading(!1);
125
125
  };
126
126
  }
127
- function Q(e, t, n) {
127
+ function Y(e, t, n) {
128
128
  const s = {
129
129
  manual: !1,
130
130
  ...t
131
- }, r = new J(e, s);
131
+ }, r = new X(e, s);
132
132
  r.pluginImpls = n.map(
133
- (g) => g(r, s)
133
+ (m) => m(r, s)
134
134
  ), W(() => {
135
135
  if (!s.manual) {
136
- const g = r.state.params;
137
- r.run(...g);
136
+ const m = r.state.params;
137
+ r.run(...m);
138
138
  }
139
- }), F(r.cancel);
140
- const { run: i, cancel: u, refresh: a, runAsync: o, refreshAsync: v, abort: c, mutate: h } = r;
139
+ }), S(r.cancel);
140
+ const { run: a, cancel: i, refresh: u, runAsync: o, refreshAsync: v, abort: c, mutate: g } = r;
141
141
  return {
142
- ..._(r.state),
143
- run: i,
144
- cancel: u,
145
- refresh: a,
142
+ ...$(r.state),
143
+ run: a,
144
+ cancel: i,
145
+ refresh: u,
146
146
  runAsync: o,
147
- mutate: h,
147
+ mutate: g,
148
148
  abort: c,
149
149
  refreshAsync: v,
150
- clearCache: V
150
+ clearCache: D
151
151
  };
152
152
  }
153
- const X = p((e, { abortPrevious: t = !0 }) => {
153
+ const Z = b((e, { abortPrevious: t = !0 }) => {
154
154
  let n = null;
155
155
  const s = () => {
156
156
  n = new AbortController(), e.setState({
@@ -171,166 +171,179 @@ const X = p((e, { abortPrevious: t = !0 }) => {
171
171
  e.abort(), n = null;
172
172
  }
173
173
  };
174
- }), w = /* @__PURE__ */ new Map(), Y = (e, { data: t, params: n, time: s }) => {
175
- w.has(e) && w.get(e)?.forEach((i) => i({ data: t, params: n, time: s }));
176
- }, M = (e, t) => (w.has(e) ? w.get(e)?.add(t) : w.set(e, /* @__PURE__ */ new Set()), () => {
177
- const n = w.get(e);
178
- n?.delete(t), n?.size === 0 && w.delete(e);
179
- }), C = /* @__PURE__ */ new Map(), Z = (e, t) => {
180
- C.set(e, t), t.then((n) => {
174
+ }), y = /* @__PURE__ */ new Map(), G = (e, { data: t, params: n, time: s }) => {
175
+ y.has(e) && y.get(e)?.forEach((a) => a({ data: t, params: n, time: s }));
176
+ }, E = (e, t) => (y.has(e) ? y.get(e)?.add(t) : y.set(e, /* @__PURE__ */ new Set()), () => {
177
+ const n = y.get(e);
178
+ n?.delete(t), n?.size === 0 && y.delete(e);
179
+ }), C = /* @__PURE__ */ new Map(), k = (e, t) => {
180
+ C.set(e, t), t.then(() => {
181
181
  }).catch(() => {
182
182
  }).finally(() => {
183
- k(e);
183
+ K(e);
184
184
  });
185
- }, G = (e) => C.get(e), k = (e) => {
185
+ }, I = (e) => C.get(e), K = (e) => {
186
186
  e && typeof e == "string" ? C.delete(e) : C.clear();
187
- }, K = p(
187
+ }, ee = b(
188
188
  (e, {
189
189
  cacheKey: t,
190
190
  cacheTime: n = 3e5,
191
191
  staleTime: s = 0,
192
192
  setCache: r,
193
- getCache: i
193
+ getCache: a
194
194
  }) => {
195
- const u = R(null);
196
- let a = null;
197
- const { is: o, value: v } = b(s, !0);
195
+ const i = w(null);
196
+ let u = null;
197
+ const { is: o, value: v } = p(s, !0);
198
198
  if (!o)
199
199
  return {};
200
- const c = (l, f) => {
201
- r ? r(l, f) : U(l, n, f), Y(l, f);
202
- }, h = (l) => i ? i(l) : N(l);
203
- function g() {
204
- if (!t) return;
205
- const l = h(t);
200
+ const c = typeof t == "function" ? t : () => t, g = (f, l) => {
201
+ r ? r(f, l) : Q(f, n, l), G(f, l);
202
+ }, m = (f) => a ? a(f) : V(f);
203
+ function R() {
204
+ const f = c();
205
+ if (!f) return;
206
+ const l = m(f);
206
207
  l && Reflect.has(l, "data") && e.setState({
207
208
  data: l.data,
208
209
  params: l.params
209
- }), u.value = M(t, (f) => {
210
+ }), i.value = E(f, (d) => {
210
211
  e.setState({
211
- data: f.data
212
+ data: d.data
212
213
  });
213
214
  });
214
215
  }
215
- return g(), F(() => {
216
- u.value?.();
216
+ return R(), S(() => {
217
+ i.value?.();
217
218
  }), {
218
- onBefore: () => {
219
- if (!t) return null;
220
- const l = h(t);
221
- return !l || !Reflect.has(l, "data") ? {} : v === -1 || Date.now() - l.time < v ? {
222
- loading: !1,
223
- data: l.data,
219
+ onBefore: (f) => {
220
+ const l = c(f);
221
+ if (!l) return null;
222
+ const d = m(l);
223
+ return !d || !Reflect.has(d, "data") ? {} : v === -1 || Date.now() - d.time < v ? {
224
+ data: d.data,
224
225
  error: void 0,
225
226
  isReturn: !0
226
227
  } : {
227
- data: l.data,
228
+ data: d.data,
228
229
  error: void 0
229
230
  };
230
231
  },
231
- onRequest: (l) => {
232
- if (!t) return l;
233
- let f = G(t);
234
- return f && f !== a ? () => f : (f = l(), a = f, Z(t, f), () => f);
232
+ onRequest: (f) => {
233
+ const l = c(e.state.params);
234
+ if (!l) return f;
235
+ let d = I(l);
236
+ return d && d !== u ? () => d : (d = f(), u = d, k(l, d), () => d);
235
237
  },
236
- onSuccess: (l, f) => {
237
- if (!t) return;
238
- const m = {
239
- data: l,
240
- params: f,
238
+ onSuccess: (f, l) => {
239
+ const d = c(l);
240
+ d && (i.value?.(), g(d, {
241
+ data: f,
242
+ params: l,
241
243
  time: Date.now()
242
- };
243
- u.value?.(), c(t, m), u.value = M(t, (D) => {
244
+ }), i.value = E(d, (_) => {
244
245
  e.setState({
245
- data: D.data
246
+ data: _.data
246
247
  });
247
- });
248
+ }));
249
+ },
250
+ onMutate(f) {
251
+ const l = c(e.state.params);
252
+ l && (i.value?.(), g(l, {
253
+ data: f,
254
+ params: e.state.params,
255
+ time: Date.now()
256
+ }), i.value = E(l, (d) => {
257
+ e.setState({
258
+ data: d.data
259
+ });
260
+ }));
248
261
  }
249
262
  };
250
263
  }
251
- ), ee = p((e, { errorRetryCount: t = 0, errorRetryInterval: n }) => {
252
- const s = R(), r = R(0), i = R(!1), u = $(
264
+ ), te = b((e, { errorRetryCount: t = 0, errorRetryInterval: n }) => {
265
+ const s = w(), r = w(0), a = w(!1), i = z(
253
266
  () => 1e3 * Math.pow(2, r.value)
254
- ), a = () => {
267
+ ), u = () => {
255
268
  let c = null;
256
269
  r.value++;
257
- const { value: h } = b(d(t), !0), g = h === -1, l = r.value <= h;
258
- if (g || l) {
259
- let { is: f, value: m } = b(d(n));
260
- f || (m = d(Math.min(u.value, 3e4))), c = setTimeout(() => {
261
- i.value = !0, e.refresh();
262
- }, m);
270
+ const { value: g } = p(h(t), !0), m = g === -1, R = r.value <= g;
271
+ if (m || R) {
272
+ let { is: f, value: l } = p(h(n));
273
+ f || (l = h(Math.min(i.value, 3e4))), c = setTimeout(() => {
274
+ a.value = !0, e.refresh();
275
+ }, l);
263
276
  }
264
277
  return () => {
265
278
  c && clearTimeout(c);
266
279
  };
267
280
  }, o = () => {
268
281
  s.value?.();
269
- }, { is: v } = b(d(t), !0);
282
+ }, { is: v } = p(h(t), !0);
270
283
  return v ? {
271
284
  onBefore: () => {
272
- i.value || (r.value = 0), i.value = !1, o();
285
+ a.value || (r.value = 0), a.value = !1, o();
273
286
  },
274
287
  onSuccess: () => {
275
288
  r.value = 0;
276
289
  },
277
290
  onError: () => {
278
- s.value = a();
291
+ s.value = u();
279
292
  },
280
293
  onCancel: () => {
281
294
  r.value = 0, o();
282
295
  }
283
296
  } : {};
284
- }), q = () => T || S(window.document?.visibilityState) ? !0 : document.visibilityState === "visible", A = /* @__PURE__ */ new Set(), te = (e) => (A.add(e), () => {
285
- A.delete(e);
286
- }), ne = () => {
287
- q() && A.forEach((e) => {
297
+ }), O = () => T || F(window.document?.visibilityState) ? !0 : document.visibilityState === "visible", x = /* @__PURE__ */ new Set(), ne = (e) => (x.add(e), () => {
298
+ x.delete(e);
299
+ }), re = () => {
300
+ O() && x.forEach((e) => {
288
301
  e();
289
302
  });
290
303
  };
291
- !T && window?.addEventListener && window.addEventListener("visibilitychange", ne, !1);
292
- const re = p(
304
+ !T && window?.addEventListener && window.addEventListener("visibilitychange", re, !1);
305
+ const se = b(
293
306
  (e, { pollingInterval: t, pollingWhenHidden: n = !0, errorRetryCount: s }) => {
294
- const r = R(null), i = R(), u = () => {
295
- let a;
296
- const { value: o } = b(
297
- d(s),
307
+ const r = w(null), a = w(), i = () => {
308
+ let u;
309
+ const { value: o } = p(
310
+ h(s),
298
311
  !0
299
312
  );
300
313
  if (e.state.error && o !== 0) return;
301
- const { is: v, value: c } = b(
302
- d(t)
314
+ const { is: v, value: c } = p(
315
+ h(t)
303
316
  );
304
- return v ? (a = setTimeout(() => {
305
- !d(n) && !q() ? r.value = te(e.refresh) : e.refresh();
317
+ return v ? (u = setTimeout(() => {
318
+ !h(n) && !O() ? r.value = ne(e.refresh) : e.refresh();
306
319
  }, c), () => {
307
- a && clearTimeout(a), r.value?.();
320
+ u && clearTimeout(u), r.value?.();
308
321
  }) : void 0;
309
322
  };
310
- return x(
311
- [() => d(t), () => d(n)],
323
+ return M(
324
+ [() => h(t), () => h(n)],
312
325
  () => {
313
- i.value?.(), i.value = u();
326
+ a.value?.(), a.value = i();
314
327
  }
315
- ), F(() => {
328
+ ), S(() => {
316
329
  r.value?.();
317
330
  }), {
318
331
  onBefore: () => {
319
- i.value?.();
332
+ a.value?.();
320
333
  },
321
334
  onCancel: () => {
322
- i.value?.();
335
+ a.value?.();
323
336
  },
324
337
  onFinally: () => {
325
- i.value = u();
338
+ a.value = i();
326
339
  }
327
340
  };
328
341
  }
329
- ), se = p(
342
+ ), ie = b(
330
343
  (e, { manual: t, refreshDeps: n, refreshDepsAction: s }) => {
331
- if (S(n) || typeof n != "object" && typeof n != "function")
344
+ if (F(n) || typeof n != "object" && typeof n != "function")
332
345
  return {};
333
- const r = x(
346
+ const r = M(
334
347
  n,
335
348
  () => {
336
349
  t || (s ? s() : e.refresh());
@@ -345,148 +358,148 @@ const re = p(
345
358
  }
346
359
  };
347
360
  }
348
- ), ie = () => (!T && window.navigator?.onLine) ?? !0, E = /* @__PURE__ */ new Set(), ue = (e) => (E.add(e), () => {
349
- E.delete(e);
350
- }), O = () => {
351
- !q() || !ie() || E.forEach((e) => {
361
+ ), ae = () => (!T && window.navigator?.onLine) ?? !0, B = /* @__PURE__ */ new Set(), ue = (e) => (B.add(e), () => {
362
+ B.delete(e);
363
+ }), q = () => {
364
+ !O() || !ae() || B.forEach((e) => {
352
365
  e();
353
366
  });
354
367
  };
355
- !T && window?.addEventListener && (window.addEventListener("visibilitychange", O, !1), window.addEventListener("focus", O, !1));
356
- const ae = p(
368
+ !T && window?.addEventListener && (window.addEventListener("visibilitychange", q, !1), window.addEventListener("focus", q, !1));
369
+ const oe = b(
357
370
  (e, { refocusTimespan: t = 5e3, refreshOnWindowFocus: n = !1 }) => {
358
- const s = R(), { is: r } = b(d(t));
359
- if (!r || S(d(n)) || typeof d(n) != "boolean")
371
+ const s = w(), { is: r } = p(h(t));
372
+ if (!r || F(h(n)) || typeof h(n) != "boolean")
360
373
  return {};
361
- const i = (u, a) => {
374
+ const a = (i, u) => {
362
375
  let o = !1;
363
376
  return () => {
364
- o || (o = !0, u(), setTimeout(() => {
377
+ o || (o = !0, i(), setTimeout(() => {
365
378
  o = !1;
366
- }, a));
379
+ }, u));
367
380
  };
368
381
  };
369
- return B(() => {
370
- s.value?.(), d(n) && (s.value = ue(
371
- i(e.refresh, d(t))
382
+ return L(() => {
383
+ s.value?.(), h(n) && (s.value = ue(
384
+ a(e.refresh, h(t))
372
385
  ));
373
- }), F(() => {
386
+ }), S(() => {
374
387
  s.value?.();
375
388
  }), {};
376
389
  }
377
- ), oe = p(
390
+ ), le = b(
378
391
  (e, { manual: t, ready: n = !0, defaultParams: s = [] }) => {
379
- const r = x(
380
- () => d(n),
381
- (i) => {
382
- !t && i && e.run(...s);
392
+ const r = M(
393
+ () => h(n),
394
+ (a) => {
395
+ !t && a && e.run(...s);
383
396
  },
384
397
  {
385
398
  flush: "sync"
386
399
  }
387
400
  );
388
401
  return {
389
- onBefore: () => ({ isReady: d(n) }),
402
+ onBefore: () => ({ isReady: h(n) }),
390
403
  onCancel: () => {
391
404
  r();
392
405
  }
393
406
  };
394
407
  }
395
408
  );
396
- function le(e, t, n) {
397
- var s = null, r = null, i = typeof n == "boolean" ? { leading: n, trailing: !n } : Object.assign({ leading: !1, trailing: !0 }, n), u = !1, a = null, o = i.leading, v = i.trailing, c = function() {
409
+ function ce(e, t, n) {
410
+ var s = null, r = null, a = typeof n == "boolean" ? { leading: n, trailing: !n } : Object.assign({ leading: !1, trailing: !0 }, n), i = !1, u = null, o = a.leading, v = a.trailing, c = function() {
398
411
  s = null, r = null;
399
- }, h = function() {
400
- u = !0, e.apply(r, s), c();
401
412
  }, g = function() {
402
- if (o === !0 && (a = null), u) {
413
+ i = !0, e.apply(r, s), c();
414
+ }, m = function() {
415
+ if (o === !0 && (u = null), i) {
403
416
  c();
404
417
  return;
405
418
  }
406
419
  if (v === !0) {
407
- h();
420
+ g();
408
421
  return;
409
422
  }
410
423
  c();
411
- }, l = function() {
412
- var m = a !== null;
413
- return m && clearTimeout(a), c(), a = null, u = !1, m;
424
+ }, R = function() {
425
+ var l = u !== null;
426
+ return l && clearTimeout(u), c(), u = null, i = !1, l;
414
427
  }, f = function() {
415
- u = !1, s = arguments, r = this, a === null ? o === !0 && h() : clearTimeout(a), a = setTimeout(g, t);
428
+ i = !1, s = arguments, r = this, u === null ? o === !0 && g() : clearTimeout(u), u = setTimeout(m, t);
416
429
  };
417
- return f.cancel = l, f;
430
+ return f.cancel = R, f;
418
431
  }
419
- const ce = p(
432
+ const fe = b(
420
433
  (e, { debounceWait: t, debounceOptions: n, manual: s }) => {
421
- const r = R(!1);
422
- let i = null;
423
- const u = e.runAsync;
424
- return s || (r.value = !0), B(() => {
425
- const { is: a, value: o } = b(d(t));
426
- if (!a) return;
427
- const v = d(n);
428
- i = le(
434
+ const r = w(!1);
435
+ let a = null;
436
+ const i = e.runAsync;
437
+ return s || (r.value = !0), L(() => {
438
+ const { is: u, value: o } = p(h(t));
439
+ if (!u) return;
440
+ const v = h(n);
441
+ a = ce(
429
442
  (c) => c(),
430
443
  o,
431
444
  v
432
- ), e.runAsync = (...c) => new Promise((h, g) => {
433
- r.value ? (r.value = !1, u(...c).then(h).catch(g)) : i(() => {
434
- u(...c).then(h).catch(g);
445
+ ), e.runAsync = (...c) => new Promise((g, m) => {
446
+ r.value ? (r.value = !1, i(...c).then(g).catch(m)) : a(() => {
447
+ i(...c).then(g).catch(m);
435
448
  });
436
- }), j(() => {
437
- i?.cancel(), e.runAsync = u;
449
+ }), N(() => {
450
+ a?.cancel(), e.runAsync = i;
438
451
  });
439
452
  }), {
440
453
  onCancel: () => {
441
- i?.cancel();
454
+ a?.cancel();
442
455
  }
443
456
  };
444
457
  }
445
458
  );
446
- function fe(e, t, n) {
447
- var s = null, r = null, i = !1, u = null, a = Object.assign({ leading: !0, trailing: !0 }, n), o = a.leading, v = a.trailing, c = function() {
459
+ function de(e, t, n) {
460
+ var s = null, r = null, a = !1, i = null, u = Object.assign({ leading: !0, trailing: !0 }, n), o = u.leading, v = u.trailing, c = function() {
448
461
  s = null, r = null;
449
- }, h = function() {
450
- i = !0, e.apply(r, s), u = setTimeout(g, t), c();
451
462
  }, g = function() {
452
- if (u = null, i) {
463
+ a = !0, e.apply(r, s), i = setTimeout(m, t), c();
464
+ }, m = function() {
465
+ if (i = null, a) {
453
466
  c();
454
467
  return;
455
468
  }
456
469
  if (v === !0) {
457
- h();
470
+ g();
458
471
  return;
459
472
  }
460
473
  c();
461
- }, l = function() {
462
- var m = u !== null;
463
- return m && clearTimeout(u), c(), u = null, i = !1, m;
474
+ }, R = function() {
475
+ var l = i !== null;
476
+ return l && clearTimeout(i), c(), i = null, a = !1, l;
464
477
  }, f = function() {
465
- if (s = arguments, r = this, i = !1, u === null && o === !0) {
466
- h();
478
+ if (s = arguments, r = this, a = !1, i === null && o === !0) {
479
+ g();
467
480
  return;
468
481
  }
469
- v === !0 && (u = setTimeout(g, t));
482
+ v === !0 && (i = setTimeout(m, t));
470
483
  };
471
- return f.cancel = l, f;
484
+ return f.cancel = R, f;
472
485
  }
473
- const de = p(
486
+ const he = b(
474
487
  (e, { throttleWait: t, throttleOptions: n }) => {
475
488
  let s = null;
476
489
  const r = e.runAsync;
477
- return B(() => {
478
- const { is: i, value: u } = b(d(t));
479
- if (!i) return;
480
- const a = d(n);
481
- s = fe(
490
+ return L(() => {
491
+ const { is: a, value: i } = p(h(t));
492
+ if (!a) return;
493
+ const u = h(n);
494
+ s = de(
482
495
  (o) => o(),
483
- u,
484
- a
496
+ i,
497
+ u
485
498
  ), e.runAsync = (...o) => new Promise((v, c) => {
486
499
  s(() => {
487
500
  r(...o).then(v).catch(c);
488
501
  });
489
- }), j(() => {
502
+ }), N(() => {
490
503
  s?.cancel(), e.runAsync = r;
491
504
  });
492
505
  }), {
@@ -496,24 +509,24 @@ const de = p(
496
509
  };
497
510
  }
498
511
  ), ve = [
499
- ee,
500
- re,
512
+ te,
501
513
  se,
502
- ae,
503
- X,
514
+ ie,
504
515
  oe,
505
- ce,
506
- de,
507
- K
516
+ Z,
517
+ le,
518
+ fe,
519
+ he,
520
+ ee
508
521
  ];
509
- function ge(e, t, n) {
510
- return Q(e, t || {}, [
522
+ function me(e, t, n) {
523
+ return Y(e, t || {}, [
511
524
  ...n || [],
512
525
  ...ve
513
526
  ]);
514
527
  }
515
528
  export {
516
- V as clearCache,
517
- p as definePlugin,
518
- ge as useRequest
529
+ D as clearCache,
530
+ b as definePlugin,
531
+ me as useRequest
519
532
  };
@@ -1 +1 @@
1
- (function(w,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(w=typeof globalThis<"u"?globalThis:w||self,i(w.Vue3Request={},w.Vue))})(this,function(w,i){"use strict";const v=t=>t,P=t=>t==null,C=typeof window>"u";function q(t){return P(t)?t:typeof t=="number"&&!isNaN(t)}function p(t,e){return q(t)===void 0?{is:!1,value:0}:q(t)?e&&t===-1?{is:!0,value:-1}:{is:!0,value:t===0||t&&t<0?0:t}:{is:!1,value:0}}const L=(t,e)=>{let n=e;for(let s=t.length;s-- >0;){const r=t[s];n=r(n)}return n?.()},y=()=>new Promise(()=>{}),O=t=>t instanceof Function,S=new Map,j=(t,e,{data:n,params:s,time:r})=>{let a;const o=x(t),{is:l,value:u}=p(e,!0);l&&(o?.timer&&clearTimeout(o.timer),u!==-1&&(a=setTimeout(()=>{T(t)},u)),S.set(t,{data:n,params:s,time:r,timer:a}))},x=t=>S.get(t),T=t=>{t&&typeof t=="string"?S.delete(t):S.clear()};class N{constructor(e,n){this.service=e,this.options=n,this.state=i.reactive({data:void 0,error:void 0,params:n?.defaultParams||[],loading:!1,isFinished:!1,isAborted:!1,signal:new AbortController().signal})}currentRequestId=0;pluginImpls=[];state;abort=()=>{};setState=e=>{Object.assign(this.state,e)};executePlugin=(e,...n)=>{if(e==="onRequest")return{servicePromise:L(this.pluginImpls.map(r=>r.onRequest).filter(Boolean),n[0])};{const s=this.pluginImpls.map(r=>r[e]?.(...n)).filter(Boolean);return Object.assign({},...s)}};loading=e=>{this.setState({loading:e,isFinished:!e})};onFinished=()=>{this.executePlugin("onFinally",this.state.params,this.state.data,this.state.error),this.loading(!1),this.options.onFinally?.(this.state.params,this.state.data,this.state.error)};runAsync=async(...e)=>{const n=++this.currentRequestId,{isReturn:s,isReady:r,...a}=this.executePlugin("onBefore",e);if(!r)return y();if(this.setState({params:e}),this.loading(!0),s)return this.loading(a.loading||!1),a.data;this.options.onBefore?.(e);try{const o=()=>this.service(...e);let{servicePromise:l}=this.executePlugin("onRequest",o);l||(l=o());const u=await l;return n!==this.currentRequestId?y():(this.setState({data:u,error:void 0}),this.executePlugin("onSuccess",u,e),this.options.onSuccess?.(u,e),this.onFinished(),u)}catch(o){if(n!==this.currentRequestId)return y();const l=o;throw this.setState({data:void 0,error:l}),this.executePlugin("onError",l,e),this.options.onError?.(l,e),this.onFinished(),l}};run=(...e)=>{this.runAsync(...e).catch(n=>{this.options.onError})};refresh=()=>{this.run(...this.state.params)};refreshAsync=async()=>await this.runAsync(...this.state.params);mutate=e=>{O(e)?e(this.state.data):this.setState({data:e}),this.executePlugin("onMutate",this.state.data)};cancel=()=>{this.executePlugin("onCancel"),this.currentRequestId++,this.loading(!1)}}function U(t,e,n){const s={manual:!1,...e},r=new N(t,s);r.pluginImpls=n.map(m=>m(r,s)),i.onMounted(()=>{if(!s.manual){const m=r.state.params;r.run(...m)}}),i.onUnmounted(r.cancel);const{run:a,cancel:o,refresh:l,runAsync:u,refreshAsync:h,abort:f,mutate:g}=r;return{...i.toRefs(r.state),run:a,cancel:o,refresh:l,runAsync:u,mutate:g,abort:f,refreshAsync:h,clearCache:T}}const D=v((t,{abortPrevious:e=!0})=>{let n=null;const s=()=>{n=new AbortController,t.setState({signal:n.signal,isAborted:n.signal.aborted})};return t.abort=()=>{n&&!n.signal.aborted&&!t.state.isFinished&&(n.abort(),t.setState({isAborted:n.signal.aborted}))},{onBefore:()=>{typeof e=="boolean"&&e&&t.abort(),s()},onRequest:r=>()=>r(),onCancel:()=>{t.abort(),n=null}}}),R=new Map,W=(t,{data:e,params:n,time:s})=>{R.has(t)&&R.get(t)?.forEach(a=>a({data:e,params:n,time:s}))},B=(t,e)=>(R.has(t)?R.get(t)?.add(e):R.set(t,new Set),()=>{const n=R.get(t);n?.delete(e),n?.size===0&&R.delete(t)}),V=new Map,H=(t,e)=>{V.set(t,e),e.then(n=>{}).catch(()=>{}).finally(()=>{$(t)})},_=t=>V.get(t),$=t=>{t&&typeof t=="string"?V.delete(t):V.clear()},z=v((t,{cacheKey:e,cacheTime:n=3e5,staleTime:s=0,setCache:r,getCache:a})=>{const o=i.ref(null);let l=null;const{is:u,value:h}=p(s,!0);if(!u)return{};const f=(c,d)=>{r?r(c,d):j(c,n,d),W(c,d)},g=c=>a?a(c):x(c);function m(){if(!e)return;const c=g(e);c&&Reflect.has(c,"data")&&t.setState({data:c.data,params:c.params}),o.value=B(e,d=>{t.setState({data:d.data})})}return m(),i.onUnmounted(()=>{o.value?.()}),{onBefore:()=>{if(!e)return null;const c=g(e);return!c||!Reflect.has(c,"data")?{}:h===-1||Date.now()-c.time<h?{loading:!1,data:c.data,error:void 0,isReturn:!0}:{data:c.data,error:void 0}},onRequest:c=>{if(!e)return c;let d=_(e);return d&&d!==l?()=>d:(d=c(),l=d,H(e,d),()=>d)},onSuccess:(c,d)=>{if(!e)return;const b={data:c,params:d,time:Date.now()};o.value?.(),f(e,b),o.value=B(e,at=>{t.setState({data:at.data})})}}}),I=v((t,{errorRetryCount:e=0,errorRetryInterval:n})=>{const s=i.ref(),r=i.ref(0),a=i.ref(!1),o=i.computed(()=>1e3*Math.pow(2,r.value)),l=()=>{let f=null;r.value++;const{value:g}=p(i.toValue(e),!0),m=g===-1,c=r.value<=g;if(m||c){let{is:d,value:b}=p(i.toValue(n));d||(b=i.toValue(Math.min(o.value,3e4))),f=setTimeout(()=>{a.value=!0,t.refresh()},b)}return()=>{f&&clearTimeout(f)}},u=()=>{s.value?.()},{is:h}=p(i.toValue(e),!0);return h?{onBefore:()=>{a.value||(r.value=0),a.value=!1,u()},onSuccess:()=>{r.value=0},onError:()=>{s.value=l()},onCancel:()=>{r.value=0,u()}}:{}}),F=()=>C||P(window.document?.visibilityState)?!0:document.visibilityState==="visible",A=new Set,J=t=>(A.add(t),()=>{A.delete(t)}),Q=()=>{F()&&A.forEach(t=>{t()})};!C&&window?.addEventListener&&window.addEventListener("visibilitychange",Q,!1);const X=v((t,{pollingInterval:e,pollingWhenHidden:n=!0,errorRetryCount:s})=>{const r=i.ref(null),a=i.ref(),o=()=>{let l;const{value:u}=p(i.toValue(s),!0);if(t.state.error&&u!==0)return;const{is:h,value:f}=p(i.toValue(e));return h?(l=setTimeout(()=>{!i.toValue(n)&&!F()?r.value=J(t.refresh):t.refresh()},f),()=>{l&&clearTimeout(l),r.value?.()}):void 0};return i.watch([()=>i.toValue(e),()=>i.toValue(n)],()=>{a.value?.(),a.value=o()}),i.onUnmounted(()=>{r.value?.()}),{onBefore:()=>{a.value?.()},onCancel:()=>{a.value?.()},onFinally:()=>{a.value=o()}}}),Y=v((t,{manual:e,refreshDeps:n,refreshDepsAction:s})=>{if(P(n)||typeof n!="object"&&typeof n!="function")return{};const r=i.watch(n,()=>{e||(s?s():t.refresh())},{deep:!0});return{onCancel:()=>{r()}}}),Z=()=>(!C&&window.navigator?.onLine)??!0,E=new Set,G=t=>(E.add(t),()=>{E.delete(t)}),M=()=>{!F()||!Z()||E.forEach(t=>{t()})};!C&&window?.addEventListener&&(window.addEventListener("visibilitychange",M,!1),window.addEventListener("focus",M,!1));const k=v((t,{refocusTimespan:e=5e3,refreshOnWindowFocus:n=!1})=>{const s=i.ref(),{is:r}=p(i.toValue(e));if(!r||P(i.toValue(n))||typeof i.toValue(n)!="boolean")return{};const a=(o,l)=>{let u=!1;return()=>{u||(u=!0,o(),setTimeout(()=>{u=!1},l))}};return i.watchEffect(()=>{s.value?.(),i.toValue(n)&&(s.value=G(a(t.refresh,i.toValue(e))))}),i.onUnmounted(()=>{s.value?.()}),{}}),K=v((t,{manual:e,ready:n=!0,defaultParams:s=[]})=>{const r=i.watch(()=>i.toValue(n),a=>{!e&&a&&t.run(...s)},{flush:"sync"});return{onBefore:()=>({isReady:i.toValue(n)}),onCancel:()=>{r()}}});function tt(t,e,n){var s=null,r=null,a=typeof n=="boolean"?{leading:n,trailing:!n}:Object.assign({leading:!1,trailing:!0},n),o=!1,l=null,u=a.leading,h=a.trailing,f=function(){s=null,r=null},g=function(){o=!0,t.apply(r,s),f()},m=function(){if(u===!0&&(l=null),o){f();return}if(h===!0){g();return}f()},c=function(){var b=l!==null;return b&&clearTimeout(l),f(),l=null,o=!1,b},d=function(){o=!1,s=arguments,r=this,l===null?u===!0&&g():clearTimeout(l),l=setTimeout(m,e)};return d.cancel=c,d}const et=v((t,{debounceWait:e,debounceOptions:n,manual:s})=>{const r=i.ref(!1);let a=null;const o=t.runAsync;return s||(r.value=!0),i.watchEffect(()=>{const{is:l,value:u}=p(i.toValue(e));if(!l)return;const h=i.toValue(n);a=tt(f=>f(),u,h),t.runAsync=(...f)=>new Promise((g,m)=>{r.value?(r.value=!1,o(...f).then(g).catch(m)):a(()=>{o(...f).then(g).catch(m)})}),i.onWatcherCleanup(()=>{a?.cancel(),t.runAsync=o})}),{onCancel:()=>{a?.cancel()}}});function nt(t,e,n){var s=null,r=null,a=!1,o=null,l=Object.assign({leading:!0,trailing:!0},n),u=l.leading,h=l.trailing,f=function(){s=null,r=null},g=function(){a=!0,t.apply(r,s),o=setTimeout(m,e),f()},m=function(){if(o=null,a){f();return}if(h===!0){g();return}f()},c=function(){var b=o!==null;return b&&clearTimeout(o),f(),o=null,a=!1,b},d=function(){if(s=arguments,r=this,a=!1,o===null&&u===!0){g();return}h===!0&&(o=setTimeout(m,e))};return d.cancel=c,d}const rt=v((t,{throttleWait:e,throttleOptions:n})=>{let s=null;const r=t.runAsync;return i.watchEffect(()=>{const{is:a,value:o}=p(i.toValue(e));if(!a)return;const l=i.toValue(n);s=nt(u=>u(),o,l),t.runAsync=(...u)=>new Promise((h,f)=>{s(()=>{r(...u).then(h).catch(f)})}),i.onWatcherCleanup(()=>{s?.cancel(),t.runAsync=r})}),{onCancel:()=>{s?.cancel()}}}),it=[I,X,Y,k,D,K,et,rt,z];function st(t,e,n){return U(t,e||{},[...n||[],...it])}w.clearCache=T,w.definePlugin=v,w.useRequest=st,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
1
+ (function(w,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(w=typeof globalThis<"u"?globalThis:w||self,i(w.Vue3Request={},w.Vue))})(this,function(w,i){"use strict";const p=e=>e,P=e=>e==null,C=typeof window>"u";function B(e){return P(e)?e:typeof e=="number"&&!isNaN(e)}function b(e,t){return B(e)===void 0?{is:!1,value:0}:B(e)?t&&e===-1?{is:!0,value:-1}:{is:!0,value:e===0||e&&e<0?0:e}:{is:!1,value:0}}const q=(e,t)=>{let n=t;for(let s=e.length;s-- >0;){const r=e[s];n=r(n)}return n?.()},T=()=>new Promise(()=>{}),j=e=>e instanceof Function,S=new Map,N=(e,t,{data:n,params:s,time:r})=>{let o;const a=L(e),{is:l,value:u}=b(t,!0);l&&(a?.timer&&clearTimeout(a.timer),u!==-1&&(o=setTimeout(()=>{F(e)},u)),S.set(e,{data:n,params:s,time:r,timer:o}))},L=e=>S.get(e),F=e=>{e&&typeof e=="string"?S.delete(e):S.clear()};class U{constructor(t,n){this.service=t,this.options=n,this.state=i.reactive({data:void 0,error:void 0,params:n?.defaultParams||[],loading:!1,isFinished:!1,isAborted:!1,signal:new AbortController().signal})}currentRequestId=0;pluginImpls=[];state;abort=()=>{};setState=t=>{Object.assign(this.state,t)};executePlugin=(t,...n)=>{if(t==="onRequest")return{servicePromise:q(this.pluginImpls.map(r=>r.onRequest).filter(Boolean),n[0])};{const s=this.pluginImpls.map(r=>r[t]?.(...n)).filter(Boolean);return Object.assign({},...s)}};loading=t=>{this.setState({loading:t,isFinished:!t})};onFinished=()=>{this.executePlugin("onFinally",this.state.params,this.state.data,this.state.error),this.loading(!1),this.options.onFinally?.(this.state.params,this.state.data,this.state.error)};runAsync=async(...t)=>{const n=++this.currentRequestId,{isReturn:s,isReady:r,...o}=this.executePlugin("onBefore",t);if(!r)return T();if(this.setState({params:t,...o}),this.loading(!0),s)return this.loading(!1),o.data;this.options.onBefore?.(t);try{const a=()=>this.service(...t);let{servicePromise:l}=this.executePlugin("onRequest",a);l||(l=a());const u=await l;return n!==this.currentRequestId?T():(this.setState({data:u,error:void 0}),this.executePlugin("onSuccess",u,t),this.options.onSuccess?.(u,t),this.onFinished(),u)}catch(a){if(n!==this.currentRequestId)return T();const l=a;throw this.setState({data:void 0,error:l}),this.executePlugin("onError",l,t),this.options.onError?.(l,t),this.onFinished(),l}};run=(...t)=>{this.runAsync(...t).catch(n=>{this.options.onError})};refresh=()=>{this.run(...this.state.params)};refreshAsync=async()=>await this.runAsync(...this.state.params);mutate=t=>{j(t)?t(this.state.data):this.setState({data:t}),this.executePlugin("onMutate",this.state.data)};cancel=()=>{this.executePlugin("onCancel"),this.currentRequestId++,this.loading(!1)}}function D(e,t,n){const s={manual:!1,...t},r=new U(e,s);r.pluginImpls=n.map(v=>v(r,s)),i.onMounted(()=>{if(!s.manual){const v=r.state.params;r.run(...v)}}),i.onUnmounted(r.cancel);const{run:o,cancel:a,refresh:l,runAsync:u,refreshAsync:g,abort:f,mutate:m}=r;return{...i.toRefs(r.state),run:o,cancel:a,refresh:l,runAsync:u,mutate:m,abort:f,refreshAsync:g,clearCache:F}}const W=p((e,{abortPrevious:t=!0})=>{let n=null;const s=()=>{n=new AbortController,e.setState({signal:n.signal,isAborted:n.signal.aborted})};return e.abort=()=>{n&&!n.signal.aborted&&!e.state.isFinished&&(n.abort(),e.setState({isAborted:n.signal.aborted}))},{onBefore:()=>{typeof t=="boolean"&&t&&e.abort(),s()},onRequest:r=>()=>r(),onCancel:()=>{e.abort(),n=null}}}),R=new Map,_=(e,{data:t,params:n,time:s})=>{R.has(e)&&R.get(e)?.forEach(o=>o({data:t,params:n,time:s}))},A=(e,t)=>(R.has(e)?R.get(e)?.add(t):R.set(e,new Set),()=>{const n=R.get(e);n?.delete(t),n?.size===0&&R.delete(e)}),V=new Map,H=(e,t)=>{V.set(e,t),t.then(()=>{}).catch(()=>{}).finally(()=>{z(e)})},$=e=>V.get(e),z=e=>{e&&typeof e=="string"?V.delete(e):V.clear()},J=p((e,{cacheKey:t,cacheTime:n=3e5,staleTime:s=0,setCache:r,getCache:o})=>{const a=i.ref(null);let l=null;const{is:u,value:g}=b(s,!0);if(!u)return{};const f=typeof t=="function"?t:()=>t,m=(d,c)=>{r?r(d,c):N(d,n,c),_(d,c)},v=d=>o?o(d):L(d);function y(){const d=f();if(!d)return;const c=v(d);c&&Reflect.has(c,"data")&&e.setState({data:c.data,params:c.params}),a.value=A(d,h=>{e.setState({data:h.data})})}return y(),i.onUnmounted(()=>{a.value?.()}),{onBefore:d=>{const c=f(d);if(!c)return null;const h=v(c);return!h||!Reflect.has(h,"data")?{}:g===-1||Date.now()-h.time<g?{data:h.data,error:void 0,isReturn:!0}:{data:h.data,error:void 0}},onRequest:d=>{const c=f(e.state.params);if(!c)return d;let h=$(c);return h&&h!==l?()=>h:(h=d(),l=h,H(c,h),()=>h)},onSuccess:(d,c)=>{const h=f(c);h&&(a.value?.(),m(h,{data:d,params:c,time:Date.now()}),a.value=A(h,oe=>{e.setState({data:oe.data})}))},onMutate(d){const c=f(e.state.params);c&&(a.value?.(),m(c,{data:d,params:e.state.params,time:Date.now()}),a.value=A(c,h=>{e.setState({data:h.data})}))}}}),Q=p((e,{errorRetryCount:t=0,errorRetryInterval:n})=>{const s=i.ref(),r=i.ref(0),o=i.ref(!1),a=i.computed(()=>1e3*Math.pow(2,r.value)),l=()=>{let f=null;r.value++;const{value:m}=b(i.toValue(t),!0),v=m===-1,y=r.value<=m;if(v||y){let{is:d,value:c}=b(i.toValue(n));d||(c=i.toValue(Math.min(a.value,3e4))),f=setTimeout(()=>{o.value=!0,e.refresh()},c)}return()=>{f&&clearTimeout(f)}},u=()=>{s.value?.()},{is:g}=b(i.toValue(t),!0);return g?{onBefore:()=>{o.value||(r.value=0),o.value=!1,u()},onSuccess:()=>{r.value=0},onError:()=>{s.value=l()},onCancel:()=>{r.value=0,u()}}:{}}),E=()=>C||P(window.document?.visibilityState)?!0:document.visibilityState==="visible",x=new Set,X=e=>(x.add(e),()=>{x.delete(e)}),Y=()=>{E()&&x.forEach(e=>{e()})};!C&&window?.addEventListener&&window.addEventListener("visibilitychange",Y,!1);const Z=p((e,{pollingInterval:t,pollingWhenHidden:n=!0,errorRetryCount:s})=>{const r=i.ref(null),o=i.ref(),a=()=>{let l;const{value:u}=b(i.toValue(s),!0);if(e.state.error&&u!==0)return;const{is:g,value:f}=b(i.toValue(t));return g?(l=setTimeout(()=>{!i.toValue(n)&&!E()?r.value=X(e.refresh):e.refresh()},f),()=>{l&&clearTimeout(l),r.value?.()}):void 0};return i.watch([()=>i.toValue(t),()=>i.toValue(n)],()=>{o.value?.(),o.value=a()}),i.onUnmounted(()=>{r.value?.()}),{onBefore:()=>{o.value?.()},onCancel:()=>{o.value?.()},onFinally:()=>{o.value=a()}}}),G=p((e,{manual:t,refreshDeps:n,refreshDepsAction:s})=>{if(P(n)||typeof n!="object"&&typeof n!="function")return{};const r=i.watch(n,()=>{t||(s?s():e.refresh())},{deep:!0});return{onCancel:()=>{r()}}}),k=()=>(!C&&window.navigator?.onLine)??!0,M=new Set,I=e=>(M.add(e),()=>{M.delete(e)}),O=()=>{!E()||!k()||M.forEach(e=>{e()})};!C&&window?.addEventListener&&(window.addEventListener("visibilitychange",O,!1),window.addEventListener("focus",O,!1));const K=p((e,{refocusTimespan:t=5e3,refreshOnWindowFocus:n=!1})=>{const s=i.ref(),{is:r}=b(i.toValue(t));if(!r||P(i.toValue(n))||typeof i.toValue(n)!="boolean")return{};const o=(a,l)=>{let u=!1;return()=>{u||(u=!0,a(),setTimeout(()=>{u=!1},l))}};return i.watchEffect(()=>{s.value?.(),i.toValue(n)&&(s.value=I(o(e.refresh,i.toValue(t))))}),i.onUnmounted(()=>{s.value?.()}),{}}),ee=p((e,{manual:t,ready:n=!0,defaultParams:s=[]})=>{const r=i.watch(()=>i.toValue(n),o=>{!t&&o&&e.run(...s)},{flush:"sync"});return{onBefore:()=>({isReady:i.toValue(n)}),onCancel:()=>{r()}}});function te(e,t,n){var s=null,r=null,o=typeof n=="boolean"?{leading:n,trailing:!n}:Object.assign({leading:!1,trailing:!0},n),a=!1,l=null,u=o.leading,g=o.trailing,f=function(){s=null,r=null},m=function(){a=!0,e.apply(r,s),f()},v=function(){if(u===!0&&(l=null),a){f();return}if(g===!0){m();return}f()},y=function(){var c=l!==null;return c&&clearTimeout(l),f(),l=null,a=!1,c},d=function(){a=!1,s=arguments,r=this,l===null?u===!0&&m():clearTimeout(l),l=setTimeout(v,t)};return d.cancel=y,d}const ne=p((e,{debounceWait:t,debounceOptions:n,manual:s})=>{const r=i.ref(!1);let o=null;const a=e.runAsync;return s||(r.value=!0),i.watchEffect(()=>{const{is:l,value:u}=b(i.toValue(t));if(!l)return;const g=i.toValue(n);o=te(f=>f(),u,g),e.runAsync=(...f)=>new Promise((m,v)=>{r.value?(r.value=!1,a(...f).then(m).catch(v)):o(()=>{a(...f).then(m).catch(v)})}),i.onWatcherCleanup(()=>{o?.cancel(),e.runAsync=a})}),{onCancel:()=>{o?.cancel()}}});function re(e,t,n){var s=null,r=null,o=!1,a=null,l=Object.assign({leading:!0,trailing:!0},n),u=l.leading,g=l.trailing,f=function(){s=null,r=null},m=function(){o=!0,e.apply(r,s),a=setTimeout(v,t),f()},v=function(){if(a=null,o){f();return}if(g===!0){m();return}f()},y=function(){var c=a!==null;return c&&clearTimeout(a),f(),a=null,o=!1,c},d=function(){if(s=arguments,r=this,o=!1,a===null&&u===!0){m();return}g===!0&&(a=setTimeout(v,t))};return d.cancel=y,d}const ie=p((e,{throttleWait:t,throttleOptions:n})=>{let s=null;const r=e.runAsync;return i.watchEffect(()=>{const{is:o,value:a}=b(i.toValue(t));if(!o)return;const l=i.toValue(n);s=re(u=>u(),a,l),e.runAsync=(...u)=>new Promise((g,f)=>{s(()=>{r(...u).then(g).catch(f)})}),i.onWatcherCleanup(()=>{s?.cancel(),e.runAsync=r})}),{onCancel:()=>{s?.cancel()}}}),se=[Q,Z,G,K,W,ee,ne,ie,J];function ae(e,t,n){return D(e,t||{},[...n||[],...se])}w.clearCache=F,w.definePlugin=p,w.useRequest=ae,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue3-request",
3
- "version": "1.0.23",
3
+ "version": "1.0.24",
4
4
  "type": "module",
5
5
  "description": "A Vue3 asynchronous request processing library, designed to simplify your asynchronous operations and API calls.",
6
6
  "main": "dist/vue3-request.es.js",