@vueuse/integrations 7.5.4 → 7.6.2

package/index.cjs

@@ -43,22 +43,25 @@ var __spreadValues$3 = (a, b) => {
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 function useAxios(url, ...args) {
-  let config = {};
+  let defaultConfig = {};
   let instance = axios__default["default"];
+  let options = { immediate: true };
   if (args.length > 0) {
     if ("request" in args[0])
       instance = args[0];
     else
-      config = args[0];
+      defaultConfig = args[0];
   }
   if (args.length > 1) {
     if ("request" in args[1])
       instance = args[1];
   }
+  if (args.length >= 2)
+    options = args[args.length - 1];
   const response = vueDemi.shallowRef();
   const data = vueDemi.shallowRef();
   const isFinished = vueDemi.ref(false);
-  const isLoading = vueDemi.ref(true);
+  const isLoading = vueDemi.ref(false);
   const aborted = vueDemi.ref(false);
   const error = vueDemi.shallowRef();
   const cancelToken = axios__default["default"].CancelToken.source();
@@ -70,15 +73,23 @@ function useAxios(url, ...args) {
     isLoading.value = false;
     isFinished.value = false;
   };
-  instance(url, __spreadProps$1(__spreadValues$3({}, config), { cancelToken: cancelToken.token })).then((r) => {
-    response.value = r;
-    data.value = r.data;
-  }).catch((e) => {
-    error.value = e;
-  }).finally(() => {
-    isLoading.value = false;
-    isFinished.value = true;
-  });
+  const loading = (loading2) => {
+    isLoading.value = loading2;
+    isFinished.value = !loading2;
+  };
+  const execute = (config = {}) => {
+    loading(true);
+    instance(url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      response.value = r;
+      data.value = r.data;
+    }).catch((e) => {
+      error.value = e;
+    }).finally(() => {
+      loading(false);
+    });
+  };
+  if (options.immediate)
+    execute();
   return {
     response,
     data,
@@ -90,7 +101,8 @@ function useAxios(url, ...args) {
     cancel: abort,
     canceled: aborted,
     aborted,
-    abort
+    abort,
+    execute
   };
 }
 

package/index.d.ts

@@ -42,10 +42,22 @@ interface UseAxiosReturn<T> {
      * Aborts the current request
      */
     abort: (message?: string | undefined) => void;
+    /**
+     * Manually call the axios request
+     */
+    execute: (config?: AxiosRequestConfig) => void;
+}
+interface UseAxiosOptions {
+    /**
+     * Will automatically run axios request when `useAxios` is used
+     *
+     * @default true
+     */
+    immediate?: boolean;
 }
-declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig): UseAxiosReturn<T>;
-declare function useAxios<T = any>(url: string, instance?: AxiosInstance): UseAxiosReturn<T>;
-declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig, options?: UseAxiosOptions): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T>;
 
 /**
  * Creates a new {@link useCookies} function
@@ -234,4 +246,4 @@ declare function useNProgress(currentProgress?: MaybeRef<number | null | undefin
  */
 declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
 
-export { FuseOptions, JwtOptions, JwtResult, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAxios, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { FuseOptions, JwtOptions, JwtResult, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAxios, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/index.iife.js

@@ -91,22 +91,25 @@
   };
   var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
   function useAxios(url, ...args) {
-    let config = {};
+    let defaultConfig = {};
     let instance = axios__default["default"];
+    let options = { immediate: true };
     if (args.length > 0) {
       if ("request" in args[0])
         instance = args[0];
       else
-        config = args[0];
+        defaultConfig = args[0];
     }
     if (args.length > 1) {
       if ("request" in args[1])
         instance = args[1];
     }
+    if (args.length >= 2)
+      options = args[args.length - 1];
     const response = vueDemi.shallowRef();
     const data = vueDemi.shallowRef();
     const isFinished = vueDemi.ref(false);
-    const isLoading = vueDemi.ref(true);
+    const isLoading = vueDemi.ref(false);
     const aborted = vueDemi.ref(false);
     const error = vueDemi.shallowRef();
     const cancelToken = axios__default["default"].CancelToken.source();
@@ -118,15 +121,23 @@
       isLoading.value = false;
       isFinished.value = false;
     };
-    instance(url, __spreadProps$1(__spreadValues$3({}, config), { cancelToken: cancelToken.token })).then((r) => {
-      response.value = r;
-      data.value = r.data;
-    }).catch((e) => {
-      error.value = e;
-    }).finally(() => {
-      isLoading.value = false;
-      isFinished.value = true;
-    });
+    const loading = (loading2) => {
+      isLoading.value = loading2;
+      isFinished.value = !loading2;
+    };
+    const execute = (config = {}) => {
+      loading(true);
+      instance(url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+        response.value = r;
+        data.value = r.data;
+      }).catch((e) => {
+        error.value = e;
+      }).finally(() => {
+        loading(false);
+      });
+    };
+    if (options.immediate)
+      execute();
     return {
       response,
       data,
@@ -138,7 +149,8 @@
       cancel: abort,
       canceled: aborted,
       aborted,
-      abort
+      abort,
+      execute
     };
   }
 

package/index.iife.min.js

@@ -1 +1 @@
-(function(d){if(!d.VueDemi){var n={},_=d.Vue;if(_)if(_.version.slice(0,2)==="2."){var g=d.VueCompositionAPI;if(g){for(var y in g)n[y]=g[y];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=_,n.Vue2=_,n.version=_.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(_.version.slice(0,2)==="3."){for(var y in _)n[y]=_[y];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=_,n.Vue2=void 0,n.version=_.version,n.set=function(O,v,m){return Array.isArray(O)?(O.length=Math.max(O.length,v),O.splice(v,1,m),m):(O[v]=m,m)},n.del=function(O,v){if(Array.isArray(O)){O.splice(v,1);return}delete O[v]}}else console.error("[vue-demi] Vue version "+_.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");d.VueDemi=n}})(window),function(d,n,_,g,y,O,v,m,J,M,W,q){"use strict";function b(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var $=b(_),S=b(y),z=b(J),B=b(M),P=b(W),K=b(q),X=Object.defineProperty,Y=Object.defineProperties,Z=Object.getOwnPropertyDescriptors,j=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,A=(t,r,e)=>r in t?X(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ee=(t,r)=>{for(var e in r||(r={}))x.call(r,e)&&A(t,e,r[e]);if(j)for(var e of j(r))D.call(r,e)&&A(t,e,r[e]);return t},re=(t,r)=>Y(t,Z(r));function te(t,...r){let e={},a=$.default;r.length>0&&("request"in r[0]?a=r[0]:e=r[0]),r.length>1&&"request"in r[1]&&(a=r[1]);const s=n.shallowRef(),f=n.shallowRef(),c=n.ref(!1),l=n.ref(!0),o=n.ref(!1),i=n.shallowRef(),h=$.default.CancelToken.source(),w=p=>{c.value||!l.value||(h.cancel(p),o.value=!0,l.value=!1,c.value=!1)};return a(t,re(ee({},e),{cancelToken:h.token})).then(p=>{s.value=p,f.value=p.data}).catch(p=>{i.value=p}).finally(()=>{l.value=!1,c.value=!0}),{response:s,data:f,error:i,finished:c,loading:l,isFinished:c,isLoading:l,cancel:w,canceled:o,aborted:o,abort:w}}var ne=Object.defineProperty,R=Object.getOwnPropertySymbols,ae=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable,F=(t,r,e)=>r in t?ne(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,L=(t,r)=>{for(var e in r||(r={}))ae.call(r,e)&&F(t,e,r[e]);if(R)for(var e of R(r))oe.call(r,e)&&F(t,e,r[e]);return t};function le(t){const r=new S.default(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:s=!1}={})=>H(e,{doNotParse:a,autoUpdateDependencies:s},r)}function H(t,{doNotParse:r=!1,autoUpdateDependencies:e=!1}={},a=new S.default){const s=e?[...t||[]]:t;let f=a.getAll({doNotParse:!0});const c=n.ref(0),l=()=>{const o=a.getAll({doNotParse:!0});ue(s||null,o,f)&&c.value++,f=o};return a.addChangeListener(l),g.tryOnScopeDispose(()=>{a.removeChangeListener(l)}),{get:(...o)=>(e&&s&&!s.includes(o[0])&&s.push(o[0]),c.value,a.get(o[0],L({doNotParse:r},o[1]))),getAll:(...o)=>(c.value,a.getAll(L({doNotParse:r},o[0]))),set:(...o)=>a.set(...o),remove:(...o)=>a.remove(...o),addChangeListener:(...o)=>a.addChangeListener(...o),removeChangeListener:(...o)=>a.removeChangeListener(...o)}}function ue(t,r,e){if(!t)return!0;for(const a of t)if(r[a]!==e[a])return!0;return!1}var se=Object.defineProperty,I=Object.getOwnPropertySymbols,fe=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable,N=(t,r,e)=>r in t?se(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ie=(t,r)=>{for(var e in r||(r={}))fe.call(r,e)&&N(t,e,r[e]);if(I)for(var e of I(r))ce.call(r,e)&&N(t,e,r[e]);return t};function de(t,r){const e=n.ref();let a=[];const s=v.createEventHook(),f=v.createEventHook(),c=v.createEventHook(),l=v.createEventHook(),o=v.createEventHook(),i=n.ref(!1),h=n.ref(!1),w=n.ref(!1),p=n.ref(!1),E=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(E,()=>{const u=e.value;u&&(u.brush=E.value)},{deep:!0});const Ce=()=>{var u;return(u=e.value)==null?void 0:u.undo()},Ve=()=>{var u;return(u=e.value)==null?void 0:u.redo()},Ee=()=>{var u;return(u=e.value)==null?void 0:u.clear()},$e=()=>{var u;return(u=e.value)==null?void 0:u.cancel()},Se=u=>{var V;return(V=e.value)==null?void 0:V.load(u)},je=()=>{var u;return(u=e.value)==null?void 0:u.dump()},G=()=>{var u;a.forEach(V=>V()),(u=e.value)==null||u.unmount()},Q=()=>{e.value&&(i.value=e.value.canUndo(),h.value=e.value.canRedo(),w.value=e.value.altPressed,p.value=e.value.shiftPressed)};return n.watch(()=>v.unrefElement(t),u=>{!u||typeof SVGSVGElement=="undefined"||!(u instanceof SVGSVGElement)||(e.value&&G(),e.value=O.createDrauu(ie({el:u},r)),Q(),a=[e.value.on("canceled",()=>f.trigger()),e.value.on("committed",()=>c.trigger()),e.value.on("start",()=>l.trigger()),e.value.on("end",()=>o.trigger()),e.value.on("changed",()=>{Q(),s.trigger()})])},{flush:"post"}),g.tryOnScopeDispose(()=>G()),{drauuInstance:e,load:Se,dump:je,clear:Ee,cancel:$e,undo:Ce,redo:Ve,canUndo:i,canRedo:h,brush:E,onChanged:s.on,onCommitted:c.on,onStart:l.on,onEnd:o.on,onCanceled:f.on}}var ve=Object.defineProperty,pe=Object.defineProperties,_e=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable,k=(t,r,e)=>r in t?ve(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,he=(t,r)=>{for(var e in r||(r={}))T.call(r,e)&&k(t,e,r[e]);if(C)for(var e of C(r))U.call(r,e)&&k(t,e,r[e]);return t},Oe=(t,r)=>pe(t,_e(r)),Pe=(t,r)=>{var e={};for(var a in t)T.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(t!=null&&C)for(var a of C(t))r.indexOf(a)<0&&U.call(t,a)&&(e[a]=t[a]);return e};function ge(t,r={}){let e;const a=r,{immediate:s}=a,f=Pe(a,["immediate"]),c=n.ref(!1),l=n.ref(!1),o=p=>e&&e.activate(p),i=p=>e&&e.deactivate(p),h=()=>{e&&(e.pause(),l.value=!0)},w=()=>{e&&(e.unpause(),l.value=!1)};return n.watch(()=>v.unrefElement(t),p=>{!p||(e=m.createFocusTrap(p,Oe(he({},f),{onActivate(){c.value=!0,r.onActivate&&r.onActivate()},onDeactivate(){c.value=!1,r.onDeactivate&&r.onDeactivate()}})),s&&o())},{flush:"post"}),v.tryOnScopeDispose(()=>i()),{hasFocus:c,isPaused:l,activate:o,deactivate:i,pause:h,unpause:w}}function we(t,r,e){var a;const s=(l,o)=>{var i;const h=o;return new z.default((i=n.unref(l))!=null?i:[],h)},f=n.ref(s(r,(a=n.unref(e))==null?void 0:a.fuseOptions));return n.watch(()=>{var l;return(l=n.unref(e))==null?void 0:l.fuseOptions},l=>{f.value=s(r,l)},{deep:!0}),n.watch(()=>n.unref(r),l=>{f.value.setCollection(l)},{deep:!0}),{results:n.computed(()=>{var l,o;if(((l=n.unref(e))==null?void 0:l.matchAllWhenSearchEmpty)&&!n.unref(t))return n.unref(r).map((h,w)=>({item:h,refIndex:w}));const i=(o=n.unref(e))==null?void 0:o.resultLimit;return f.value.search(n.unref(t),i?{limit:i}:void 0)})}}function ye(t,r={}){const e=n.ref(t),{onError:a,fallbackValue:s=null}=r,f=(o,i)=>{try{return B.default(o,i)}catch(h){return a==null||a(h),s}},c=n.computed(()=>f(e.value,{header:!0})),l=n.computed(()=>f(e.value));return{header:c,payload:l}}function me(t=null,r){const e=n.isRef(t)?t:n.ref(t),a=n.computed({set:f=>f?P.default.start():P.default.done(),get:()=>g.isNumber(e.value)&&e.value<1});r&&P.default.configure(r);const s=P.default.set;return P.default.set=f=>(e.value=f,s.call(P.default,f)),n.watchEffect(()=>{g.isNumber(e.value)&&s.call(P.default,e.value)}),g.tryOnScopeDispose(P.default.remove),{isLoading:a,progress:e,start:P.default.start,done:P.default.done,remove:()=>{e.value=null,P.default.remove()}}}function be(t,r){const e=n.ref(t),a=n.ref("");return n.watch(e,async s=>{e.value&&g.isClient&&(a.value=await K.default.toDataURL(s,r))},{immediate:!0}),a}d.createCookies=le,d.useAxios=te,d.useCookies=H,d.useDrauu=de,d.useFocusTrap=ge,d.useFuse=we,d.useJwt=ye,d.useNProgress=me,d.useQRCode=be,Object.defineProperty(d,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios,VueUse,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,jwt_decode,nprogress,QRCode);
+(function(d){if(!d.VueDemi){var n={},p=d.Vue;if(p)if(p.version.slice(0,2)==="2."){var g=d.VueCompositionAPI;if(g){for(var m in g)n[m]=g[m];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=p,n.Vue2=p,n.version=p.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(p.version.slice(0,2)==="3."){for(var m in p)n[m]=p[m];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=p,n.Vue2=void 0,n.version=p.version,n.set=function(h,v,b){return Array.isArray(h)?(h.length=Math.max(h.length,v),h.splice(v,1,b),b):(h[v]=b,b)},n.del=function(h,v){if(Array.isArray(h)){h.splice(v,1);return}delete h[v]}}else console.error("[vue-demi] Vue version "+p.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");d.VueDemi=n}})(window),function(d,n,p,g,m,h,v,b,z,B,K,X){"use strict";function C(t){return t&&typeof t=="object"&&"default"in t?t:{default:t}}var A=C(p),R=C(m),Y=C(z),Z=C(B),O=C(K),x=C(X),D=Object.defineProperty,ee=Object.defineProperties,re=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable,L=(t,r,e)=>r in t?D(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,H=(t,r)=>{for(var e in r||(r={}))te.call(r,e)&&L(t,e,r[e]);if(F)for(var e of F(r))ne.call(r,e)&&L(t,e,r[e]);return t},ae=(t,r)=>ee(t,re(r));function oe(t,...r){let e={},a=A.default,s={immediate:!0};r.length>0&&("request"in r[0]?a=r[0]:e=r[0]),r.length>1&&"request"in r[1]&&(a=r[1]),r.length>=2&&(s=r[r.length-1]);const f=n.shallowRef(),i=n.shallowRef(),l=n.ref(!1),o=n.ref(!1),c=n.ref(!1),_=n.shallowRef(),w=A.default.CancelToken.source(),P=y=>{l.value||!o.value||(w.cancel(y),c.value=!0,o.value=!1,l.value=!1)},V=y=>{o.value=y,l.value=!y},S=(y={})=>{V(!0),a(t,ae(H(H({},e),y),{cancelToken:w.token})).then(E=>{f.value=E,i.value=E.data}).catch(E=>{_.value=E}).finally(()=>{V(!1)})};return s.immediate&&S(),{response:f,data:i,error:_,finished:l,loading:o,isFinished:l,isLoading:o,cancel:P,canceled:c,aborted:c,abort:P,execute:S}}var le=Object.defineProperty,I=Object.getOwnPropertySymbols,ue=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable,N=(t,r,e)=>r in t?le(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,T=(t,r)=>{for(var e in r||(r={}))ue.call(r,e)&&N(t,e,r[e]);if(I)for(var e of I(r))se.call(r,e)&&N(t,e,r[e]);return t};function fe(t){const r=new R.default(t?t.headers.cookie:null);return(e,{doNotParse:a=!1,autoUpdateDependencies:s=!1}={})=>U(e,{doNotParse:a,autoUpdateDependencies:s},r)}function U(t,{doNotParse:r=!1,autoUpdateDependencies:e=!1}={},a=new R.default){const s=e?[...t||[]]:t;let f=a.getAll({doNotParse:!0});const i=n.ref(0),l=()=>{const o=a.getAll({doNotParse:!0});ce(s||null,o,f)&&i.value++,f=o};return a.addChangeListener(l),g.tryOnScopeDispose(()=>{a.removeChangeListener(l)}),{get:(...o)=>(e&&s&&!s.includes(o[0])&&s.push(o[0]),i.value,a.get(o[0],T({doNotParse:r},o[1]))),getAll:(...o)=>(i.value,a.getAll(T({doNotParse:r},o[0]))),set:(...o)=>a.set(...o),remove:(...o)=>a.remove(...o),addChangeListener:(...o)=>a.addChangeListener(...o),removeChangeListener:(...o)=>a.removeChangeListener(...o)}}function ce(t,r,e){if(!t)return!0;for(const a of t)if(r[a]!==e[a])return!0;return!1}var ie=Object.defineProperty,k=Object.getOwnPropertySymbols,de=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,G=(t,r,e)=>r in t?ie(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,pe=(t,r)=>{for(var e in r||(r={}))de.call(r,e)&&G(t,e,r[e]);if(k)for(var e of k(r))ve.call(r,e)&&G(t,e,r[e]);return t};function _e(t,r){const e=n.ref();let a=[];const s=v.createEventHook(),f=v.createEventHook(),i=v.createEventHook(),l=v.createEventHook(),o=v.createEventHook(),c=n.ref(!1),_=n.ref(!1),w=n.ref(!1),P=n.ref(!1),V=n.ref({color:"black",size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:"transparent",mode:"draw"});n.watch(V,()=>{const u=e.value;u&&(u.brush=V.value)},{deep:!0});const S=()=>{var u;return(u=e.value)==null?void 0:u.undo()},y=()=>{var u;return(u=e.value)==null?void 0:u.redo()},E=()=>{var u;return(u=e.value)==null?void 0:u.clear()},$e=()=>{var u;return(u=e.value)==null?void 0:u.cancel()},Se=u=>{var j;return(j=e.value)==null?void 0:j.load(u)},je=()=>{var u;return(u=e.value)==null?void 0:u.dump()},W=()=>{var u;a.forEach(j=>j()),(u=e.value)==null||u.unmount()},q=()=>{e.value&&(c.value=e.value.canUndo(),_.value=e.value.canRedo(),w.value=e.value.altPressed,P.value=e.value.shiftPressed)};return n.watch(()=>v.unrefElement(t),u=>{!u||typeof SVGSVGElement=="undefined"||!(u instanceof SVGSVGElement)||(e.value&&W(),e.value=h.createDrauu(pe({el:u},r)),q(),a=[e.value.on("canceled",()=>f.trigger()),e.value.on("committed",()=>i.trigger()),e.value.on("start",()=>l.trigger()),e.value.on("end",()=>o.trigger()),e.value.on("changed",()=>{q(),s.trigger()})])},{flush:"post"}),g.tryOnScopeDispose(()=>W()),{drauuInstance:e,load:Se,dump:je,clear:E,cancel:$e,undo:S,redo:y,canUndo:c,canRedo:_,brush:V,onChanged:s.on,onCommitted:i.on,onStart:l.on,onEnd:o.on,onCanceled:f.on}}var he=Object.defineProperty,Oe=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertySymbols,Q=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,M=(t,r,e)=>r in t?he(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,ge=(t,r)=>{for(var e in r||(r={}))Q.call(r,e)&&M(t,e,r[e]);if($)for(var e of $(r))J.call(r,e)&&M(t,e,r[e]);return t},we=(t,r)=>Oe(t,Pe(r)),ye=(t,r)=>{var e={};for(var a in t)Q.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(t!=null&&$)for(var a of $(t))r.indexOf(a)<0&&J.call(t,a)&&(e[a]=t[a]);return e};function me(t,r={}){let e;const a=r,{immediate:s}=a,f=ye(a,["immediate"]),i=n.ref(!1),l=n.ref(!1),o=P=>e&&e.activate(P),c=P=>e&&e.deactivate(P),_=()=>{e&&(e.pause(),l.value=!0)},w=()=>{e&&(e.unpause(),l.value=!1)};return n.watch(()=>v.unrefElement(t),P=>{!P||(e=b.createFocusTrap(P,we(ge({},f),{onActivate(){i.value=!0,r.onActivate&&r.onActivate()},onDeactivate(){i.value=!1,r.onDeactivate&&r.onDeactivate()}})),s&&o())},{flush:"post"}),v.tryOnScopeDispose(()=>c()),{hasFocus:i,isPaused:l,activate:o,deactivate:c,pause:_,unpause:w}}function be(t,r,e){var a;const s=(l,o)=>{var c;const _=o;return new Y.default((c=n.unref(l))!=null?c:[],_)},f=n.ref(s(r,(a=n.unref(e))==null?void 0:a.fuseOptions));return n.watch(()=>{var l;return(l=n.unref(e))==null?void 0:l.fuseOptions},l=>{f.value=s(r,l)},{deep:!0}),n.watch(()=>n.unref(r),l=>{f.value.setCollection(l)},{deep:!0}),{results:n.computed(()=>{var l,o;if(((l=n.unref(e))==null?void 0:l.matchAllWhenSearchEmpty)&&!n.unref(t))return n.unref(r).map((_,w)=>({item:_,refIndex:w}));const c=(o=n.unref(e))==null?void 0:o.resultLimit;return f.value.search(n.unref(t),c?{limit:c}:void 0)})}}function Ce(t,r={}){const e=n.ref(t),{onError:a,fallbackValue:s=null}=r,f=(o,c)=>{try{return Z.default(o,c)}catch(_){return a==null||a(_),s}},i=n.computed(()=>f(e.value,{header:!0})),l=n.computed(()=>f(e.value));return{header:i,payload:l}}function Ve(t=null,r){const e=n.isRef(t)?t:n.ref(t),a=n.computed({set:f=>f?O.default.start():O.default.done(),get:()=>g.isNumber(e.value)&&e.value<1});r&&O.default.configure(r);const s=O.default.set;return O.default.set=f=>(e.value=f,s.call(O.default,f)),n.watchEffect(()=>{g.isNumber(e.value)&&s.call(O.default,e.value)}),g.tryOnScopeDispose(O.default.remove),{isLoading:a,progress:e,start:O.default.start,done:O.default.done,remove:()=>{e.value=null,O.default.remove()}}}function Ee(t,r){const e=n.ref(t),a=n.ref("");return n.watch(e,async s=>{e.value&&g.isClient&&(a.value=await x.default.toDataURL(s,r))},{immediate:!0}),a}d.createCookies=fe,d.useAxios=oe,d.useCookies=U,d.useDrauu=_e,d.useFocusTrap=me,d.useFuse=be,d.useJwt=Ce,d.useNProgress=Ve,d.useQRCode=Ee,Object.defineProperty(d,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios,VueUse,UniversalCookie,Drauu,VueUse,focusTrap,Fuse,jwt_decode,nprogress,QRCode);

package/index.mjs

@@ -30,22 +30,25 @@ var __spreadValues$3 = (a, b) => {
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 function useAxios(url, ...args) {
-  let config = {};
+  let defaultConfig = {};
   let instance = axios;
+  let options = { immediate: true };
   if (args.length > 0) {
     if ("request" in args[0])
       instance = args[0];
     else
-      config = args[0];
+      defaultConfig = args[0];
   }
   if (args.length > 1) {
     if ("request" in args[1])
       instance = args[1];
   }
+  if (args.length >= 2)
+    options = args[args.length - 1];
   const response = shallowRef();
   const data = shallowRef();
   const isFinished = ref(false);
-  const isLoading = ref(true);
+  const isLoading = ref(false);
   const aborted = ref(false);
   const error = shallowRef();
   const cancelToken = axios.CancelToken.source();
@@ -57,15 +60,23 @@ function useAxios(url, ...args) {
     isLoading.value = false;
     isFinished.value = false;
   };
-  instance(url, __spreadProps$1(__spreadValues$3({}, config), { cancelToken: cancelToken.token })).then((r) => {
-    response.value = r;
-    data.value = r.data;
-  }).catch((e) => {
-    error.value = e;
-  }).finally(() => {
-    isLoading.value = false;
-    isFinished.value = true;
-  });
+  const loading = (loading2) => {
+    isLoading.value = loading2;
+    isFinished.value = !loading2;
+  };
+  const execute = (config = {}) => {
+    loading(true);
+    instance(url, __spreadProps$1(__spreadValues$3(__spreadValues$3({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      response.value = r;
+      data.value = r.data;
+    }).catch((e) => {
+      error.value = e;
+    }).finally(() => {
+      loading(false);
+    });
+  };
+  if (options.immediate)
+    execute();
   return {
     response,
     data,
@@ -77,7 +88,8 @@ function useAxios(url, ...args) {
     cancel: abort,
     canceled: aborted,
     aborted,
-    abort
+    abort,
+    execute
   };
 }
 

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@vueuse/integrations",
-  "version": "7.5.4",
+  "version": "7.6.2",
   "description": "Integration wrappers for utility libraries",
   "keywords": [
     "vue",
     "vue-use",
     "utils"
   ],
+  "homepage": "https://github.com/vueuse/vueuse/tree/main/packages/integrations#readme",
+  "bugs": {
+    "url": "https://github.com/vueuse/vueuse/issues"
+  },
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -15,6 +19,7 @@
   },
   "funding": "https://github.com/sponsors/antfu",
   "author": "Anthony Fu <https://github.com/antfu>",
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./index.mjs",
@@ -69,33 +74,59 @@
     }
   },
   "main": "./index.cjs",
-  "types": "./index.d.ts",
+  "jsdelivr": "./index.iife.min.js",
   "module": "./index.mjs",
   "unpkg": "./index.iife.min.js",
-  "jsdelivr": "./index.iife.min.js",
-  "sideEffects": false,
-  "bugs": {
-    "url": "https://github.com/vueuse/vueuse/issues"
+  "types": "./index.d.ts",
+  "peerDependencies": {
+    "axios": "*",
+    "drauu": "*",
+    "focus-trap": "*",
+    "fuse.js": "*",
+    "jwt-decode": "*",
+    "nprogress": "*",
+    "qrcode": "*",
+    "universal-cookie": "*"
+  },
+  "peerDependenciesMeta": {
+    "axios": {
+      "optional": true
+    },
+    "drauu": {
+      "optional": true
+    },
+    "focus-trap": {
+      "optional": true
+    },
+    "fuse.js": {
+      "optional": true
+    },
+    "jwt-decode": {
+      "optional": true
+    },
+    "nprogress": {
+      "optional": true
+    },
+    "qrcode": {
+      "optional": true
+    },
+    "universal-cookie": {
+      "optional": true
+    }
   },
-  "homepage": "https://github.com/vueuse/vueuse/tree/main/packages/integrations#readme",
   "dependencies": {
-    "@vueuse/core": "7.5.4",
-    "@vueuse/shared": "7.5.4",
+    "@vueuse/core": "7.6.2",
+    "@vueuse/shared": "7.6.2",
     "vue-demi": "*"
   },
-  "optionalDependencies": {
-    "axios": "^0.24.0",
-    "drauu": "^0.2.1",
-    "focus-trap": "^6.7.1",
-    "fuse.js": "^6.5.3",
-    "jwt-decode": "^3.1.2",
-    "nprogress": "^0.2.0",
-    "qrcode": "^1.5.0",
-    "universal-cookie": "^4.0.4"
-  },
   "devDependencies": {
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.2",
+    "axios": "^0.25.0",
+    "drauu": "^0.2.1",
+    "focus-trap": "^6.7.2",
+    "fuse.js": "^6.5.3",
+    "jwt-decode": "^3.1.2",
     "nprogress": "^0.2.0",
     "qrcode": "^1.5.0",
     "universal-cookie": "^4.0.4"

package/useAxios.cjs

@@ -29,22 +29,25 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useAxios(url, ...args) {
-  let config = {};
+  let defaultConfig = {};
   let instance = axios__default["default"];
+  let options = { immediate: true };
   if (args.length > 0) {
     if ("request" in args[0])
       instance = args[0];
     else
-      config = args[0];
+      defaultConfig = args[0];
   }
   if (args.length > 1) {
     if ("request" in args[1])
       instance = args[1];
   }
+  if (args.length >= 2)
+    options = args[args.length - 1];
   const response = vueDemi.shallowRef();
   const data = vueDemi.shallowRef();
   const isFinished = vueDemi.ref(false);
-  const isLoading = vueDemi.ref(true);
+  const isLoading = vueDemi.ref(false);
   const aborted = vueDemi.ref(false);
   const error = vueDemi.shallowRef();
   const cancelToken = axios__default["default"].CancelToken.source();
@@ -56,15 +59,23 @@ function useAxios(url, ...args) {
     isLoading.value = false;
     isFinished.value = false;
   };
-  instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
-    response.value = r;
-    data.value = r.data;
-  }).catch((e) => {
-    error.value = e;
-  }).finally(() => {
-    isLoading.value = false;
-    isFinished.value = true;
-  });
+  const loading = (loading2) => {
+    isLoading.value = loading2;
+    isFinished.value = !loading2;
+  };
+  const execute = (config = {}) => {
+    loading(true);
+    instance(url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      response.value = r;
+      data.value = r.data;
+    }).catch((e) => {
+      error.value = e;
+    }).finally(() => {
+      loading(false);
+    });
+  };
+  if (options.immediate)
+    execute();
   return {
     response,
     data,
@@ -76,7 +87,8 @@ function useAxios(url, ...args) {
     cancel: abort,
     canceled: aborted,
     aborted,
-    abort
+    abort,
+    execute
   };
 }
 

package/useAxios.d.ts

@@ -30,9 +30,21 @@ interface UseAxiosReturn<T> {
      * Aborts the current request
      */
     abort: (message?: string | undefined) => void;
+    /**
+     * Manually call the axios request
+     */
+    execute: (config?: AxiosRequestConfig) => void;
+}
+interface UseAxiosOptions {
+    /**
+     * Will automatically run axios request when `useAxios` is used
+     *
+     * @default true
+     */
+    immediate?: boolean;
 }
-declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig): UseAxiosReturn<T>;
-declare function useAxios<T = any>(url: string, instance?: AxiosInstance): UseAxiosReturn<T>;
-declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig, options?: UseAxiosOptions): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T>;
+declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T>;
 
-export { UseAxiosReturn, useAxios };
+export { UseAxiosOptions, UseAxiosReturn, useAxios };

package/useAxios.iife.js

@@ -86,22 +86,25 @@
   };
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   function useAxios(url, ...args) {
-    let config = {};
+    let defaultConfig = {};
     let instance = axios__default["default"];
+    let options = { immediate: true };
     if (args.length > 0) {
       if ("request" in args[0])
         instance = args[0];
       else
-        config = args[0];
+        defaultConfig = args[0];
     }
     if (args.length > 1) {
       if ("request" in args[1])
         instance = args[1];
     }
+    if (args.length >= 2)
+      options = args[args.length - 1];
     const response = vueDemi.shallowRef();
     const data = vueDemi.shallowRef();
     const isFinished = vueDemi.ref(false);
-    const isLoading = vueDemi.ref(true);
+    const isLoading = vueDemi.ref(false);
     const aborted = vueDemi.ref(false);
     const error = vueDemi.shallowRef();
     const cancelToken = axios__default["default"].CancelToken.source();
@@ -113,15 +116,23 @@
       isLoading.value = false;
       isFinished.value = false;
     };
-    instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
-      response.value = r;
-      data.value = r.data;
-    }).catch((e) => {
-      error.value = e;
-    }).finally(() => {
-      isLoading.value = false;
-      isFinished.value = true;
-    });
+    const loading = (loading2) => {
+      isLoading.value = loading2;
+      isFinished.value = !loading2;
+    };
+    const execute = (config = {}) => {
+      loading(true);
+      instance(url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+        response.value = r;
+        data.value = r.data;
+      }).catch((e) => {
+        error.value = e;
+      }).finally(() => {
+        loading(false);
+      });
+    };
+    if (options.immediate)
+      execute();
     return {
       response,
       data,
@@ -133,7 +144,8 @@
       cancel: abort,
       canceled: aborted,
       aborted,
-      abort
+      abort,
+      execute
     };
   }
 

package/useAxios.iife.min.js

@@ -1 +1 @@
-(function(l){if(!l.VueDemi){var e={},o=l.Vue;if(o)if(o.version.slice(0,2)==="2."){var c=l.VueCompositionAPI;if(c){for(var t in c)e[t]=c[t];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=o,e.Vue2=o,e.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(o.version.slice(0,2)==="3."){for(var t in o)e[t]=o[t];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=o,e.Vue2=void 0,e.version=o.version,e.set=function(i,u,a){return Array.isArray(i)?(i.length=Math.max(i.length,u),i.splice(u,1,a),a):(i[u]=a,a)},e.del=function(i,u){if(Array.isArray(i)){i.splice(u,1);return}delete i[u]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");l.VueDemi=e}})(window),function(l,e,o){"use strict";function c(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var t=c(o),i=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,j=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable,h=(n,r,s)=>r in n?i(n,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[r]=s,A=(n,r)=>{for(var s in r||(r={}))j.call(r,s)&&h(n,s,r[s]);if(V)for(var s of V(r))w.call(r,s)&&h(n,s,r[s]);return n},x=(n,r)=>u(n,a(r));function R(n,...r){let s={},d=t.default;r.length>0&&("request"in r[0]?d=r[0]:s=r[0]),r.length>1&&"request"in r[1]&&(d=r[1]);const m=e.shallowRef(),O=e.shallowRef(),p=e.ref(!1),v=e.ref(!0),_=e.ref(!1),P=e.shallowRef(),b=t.default.CancelToken.source(),y=f=>{p.value||!v.value||(b.cancel(f),_.value=!0,v.value=!1,p.value=!1)};return d(n,x(A({},s),{cancelToken:b.token})).then(f=>{m.value=f,O.value=f.data}).catch(f=>{P.value=f}).finally(()=>{v.value=!1,p.value=!0}),{response:m,data:O,error:P,finished:p,loading:v,isFinished:p,isLoading:v,cancel:y,canceled:_,aborted:_,abort:y}}l.useAxios=R,Object.defineProperty(l,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios);
+(function(l){if(!l.VueDemi){var e={},o=l.Vue;if(o)if(o.version.slice(0,2)==="2."){var c=l.VueCompositionAPI;if(c){for(var s in c)e[s]=c[s];e.isVue2=!0,e.isVue3=!1,e.install=function(){},e.Vue=o,e.Vue2=o,e.version=o.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(o.version.slice(0,2)==="3."){for(var s in o)e[s]=o[s];e.isVue2=!1,e.isVue3=!0,e.install=function(){},e.Vue=o,e.Vue2=void 0,e.version=o.version,e.set=function(i,u,a){return Array.isArray(i)?(i.length=Math.max(i.length,u),i.splice(u,1,a),a):(i[u]=a,a)},e.del=function(i,u){if(Array.isArray(i)){i.splice(u,1);return}delete i[u]}}else console.error("[vue-demi] Vue version "+o.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");l.VueDemi=e}})(window),function(l,e,o){"use strict";function c(n){return n&&typeof n=="object"&&"default"in n?n:{default:n}}var s=c(o),i=Object.defineProperty,u=Object.defineProperties,a=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,m=(n,r,t)=>r in n?i(n,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[r]=t,O=(n,r)=>{for(var t in r||(r={}))T.call(r,t)&&m(n,t,r[t]);if(h)for(var t of h(r))q.call(r,t)&&m(n,t,r[t]);return n},C=(n,r)=>u(n,a(r));function D(n,...r){let t={},_=s.default,P={immediate:!0};r.length>0&&("request"in r[0]?_=r[0]:t=r[0]),r.length>1&&"request"in r[1]&&(_=r[1]),r.length>=2&&(P=r[r.length-1]);const b=e.shallowRef(),y=e.shallowRef(),d=e.ref(!1),p=e.ref(!1),V=e.ref(!1),j=e.shallowRef(),w=s.default.CancelToken.source(),A=f=>{d.value||!p.value||(w.cancel(f),V.value=!0,p.value=!1,d.value=!1)},x=f=>{p.value=f,d.value=!f},R=(f={})=>{x(!0),_(n,C(O(O({},t),f),{cancelToken:w.token})).then(v=>{b.value=v,y.value=v.data}).catch(v=>{j.value=v}).finally(()=>{x(!1)})};return P.immediate&&R(),{response:b,data:y,error:j,finished:d,loading:p,isFinished:d,isLoading:p,cancel:A,canceled:V,aborted:V,abort:A,execute:R}}l.useAxios=D,Object.defineProperty(l,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,axios);

package/useAxios.mjs

@@ -21,22 +21,25 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function useAxios(url, ...args) {
-  let config = {};
+  let defaultConfig = {};
   let instance = axios;
+  let options = { immediate: true };
   if (args.length > 0) {
     if ("request" in args[0])
       instance = args[0];
     else
-      config = args[0];
+      defaultConfig = args[0];
   }
   if (args.length > 1) {
     if ("request" in args[1])
       instance = args[1];
   }
+  if (args.length >= 2)
+    options = args[args.length - 1];
   const response = shallowRef();
   const data = shallowRef();
   const isFinished = ref(false);
-  const isLoading = ref(true);
+  const isLoading = ref(false);
   const aborted = ref(false);
   const error = shallowRef();
   const cancelToken = axios.CancelToken.source();
@@ -48,15 +51,23 @@ function useAxios(url, ...args) {
     isLoading.value = false;
     isFinished.value = false;
   };
-  instance(url, __spreadProps(__spreadValues({}, config), { cancelToken: cancelToken.token })).then((r) => {
-    response.value = r;
-    data.value = r.data;
-  }).catch((e) => {
-    error.value = e;
-  }).finally(() => {
-    isLoading.value = false;
-    isFinished.value = true;
-  });
+  const loading = (loading2) => {
+    isLoading.value = loading2;
+    isFinished.value = !loading2;
+  };
+  const execute = (config = {}) => {
+    loading(true);
+    instance(url, __spreadProps(__spreadValues(__spreadValues({}, defaultConfig), config), { cancelToken: cancelToken.token })).then((r) => {
+      response.value = r;
+      data.value = r.data;
+    }).catch((e) => {
+      error.value = e;
+    }).finally(() => {
+      loading(false);
+    });
+  };
+  if (options.immediate)
+    execute();
   return {
     response,
     data,
@@ -68,7 +79,8 @@ function useAxios(url, ...args) {
     cancel: abort,
     canceled: aborted,
     aborted,
-    abort
+    abort,
+    execute
   };
 }