@vueuse/integrations 8.5.0 → 8.6.0

package/README.md

@@ -14,6 +14,7 @@ npm i <b>@vueuse/integrations</b>
 
 <!--GENERATED LIST, DO NOT MODIFY MANUALLY-->
 <!--FUNCTIONS_LIST_STARTS-->
+  - [`useAsyncValidator`](https://vueuse.org/integrations/useAsyncValidator/) — wrapper for [`async-validator`](https://github.com/yiminghe/async-validator)
   - [`useAxios`](https://vueuse.org/integrations/useAxios/) — wrapper for [`axios`](https://github.com/axios/axios)
   - [`useChangeCase`](https://vueuse.org/integrations/useChangeCase/) — wrapper for [`change-case`](https://github.com/blakeembrey/change-case)
   - [`useCookies`](https://vueuse.org/integrations/useCookies/) — wrapper for [`universal-cookie`](https://www.npmjs.com/package/universal-cookie)

package/index.cjs

@@ -2,8 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vueDemi = require('vue-demi');
 var shared = require('@vueuse/shared');
+var Schema = require('async-validator');
+var vueDemi = require('vue-demi');
 var axios = require('axios');
 var changeCase$1 = require('change-case');
 var Cookie = require('universal-cookie');
@@ -17,6 +18,7 @@ var QRCode = require('qrcode');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var Schema__default = /*#__PURE__*/_interopDefaultLegacy(Schema);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var Cookie__default = /*#__PURE__*/_interopDefaultLegacy(Cookie);
 var Fuse__default = /*#__PURE__*/_interopDefaultLegacy(Fuse);
@@ -24,6 +26,70 @@ var jwt_decode__default = /*#__PURE__*/_interopDefaultLegacy(jwt_decode);
 var nprogress__default = /*#__PURE__*/_interopDefaultLegacy(nprogress);
 var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
 
+var __defProp$4 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+function useAsyncValidator(value, rules) {
+  const errorInfo = vueDemi.ref();
+  const isFinished = vueDemi.ref(false);
+  const pass = vueDemi.ref(false);
+  const errors = vueDemi.computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
+  });
+  const errorFields = vueDemi.computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
+  });
+  vueDemi.watchEffect(async () => {
+    isFinished.value = false;
+    pass.value = false;
+    const validator = new Schema__default["default"](vueDemi.unref(rules));
+    try {
+      await validator.validate(vueDemi.unref(value));
+      pass.value = true;
+      errorInfo.value = null;
+    } catch (err) {
+      errorInfo.value = err;
+    } finally {
+      isFinished.value = true;
+    }
+  });
+  const shell = {
+    pass,
+    isFinished,
+    errorInfo,
+    errors,
+    errorFields
+  };
+  function waitUntilFinished() {
+    return new Promise((resolve, reject) => {
+      shared.until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
+    });
+  }
+  return __spreadProps$2(__spreadValues$4({}, shell), {
+    then(onFulfilled, onRejected) {
+      return waitUntilFinished().then(onFulfilled, onRejected);
+    }
+  });
+}
+
 var __defProp$3 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -506,6 +572,7 @@ function useQRCode(text, options) {
 }
 
 exports.createCookies = createCookies;
+exports.useAsyncValidator = useAsyncValidator;
 exports.useAxios = useAxios;
 exports.useChangeCase = useChangeCase;
 exports.useCookies = useCookies;

package/index.d.ts

@@ -1,8 +1,9 @@
+import { MaybeRef } from '@vueuse/shared';
+import { Rules, ValidateError } from 'async-validator';
 import * as vue_demi from 'vue-demi';
-import { ShallowRef, Ref, WritableComputedRef, ComputedRef } from 'vue-demi';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
 import { AxiosResponse, AxiosError, AxiosRequestConfig, AxiosInstance } from 'axios';
 import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
-import { MaybeRef } from '@vueuse/shared';
 import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'http';
@@ -14,6 +15,24 @@ import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
 
+declare type AsyncValidatorError = Error & {
+    errors: ValidateError[];
+    fields: Record<string, ValidateError[]>;
+};
+interface UseAsyncValidatorReturn {
+    pass: Ref<boolean>;
+    errorInfo: Ref<AsyncValidatorError | null>;
+    isFinished: Ref<boolean>;
+    errors: Ref<AsyncValidatorError['errors'] | undefined>;
+    errorFields: Ref<AsyncValidatorError['fields'] | undefined>;
+}
+/**
+ * Wrapper for async-validator.
+ *
+ * @see https://vueuse.org/useAsyncValidator
+ */
+declare function useAsyncValidator(value: MaybeRef<Record<string, any>>, rules: MaybeRef<Rules>): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
+
 interface UseAxiosReturn<T> {
     /**
      * Axios Response
@@ -134,7 +153,7 @@ declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, op
  * @see https://github.com/reactivestack/cookies/tree/master/packages/universal-cookie universal-cookie
  * @description Creates universal-cookie instance using request (default is window.document.cookie) and returns {@link useCookies} function with provided universal-cookie instance
  */
-declare function createCookies(req?: IncomingMessage): (dependencies?: string[] | null | undefined, { doNotParse, autoUpdateDependencies }?: {
+declare function createCookies(req?: IncomingMessage): (dependencies?: string[] | null, { doNotParse, autoUpdateDependencies }?: {
     doNotParse?: boolean | undefined;
     autoUpdateDependencies?: boolean | undefined;
 }) => {
@@ -315,4 +334,4 @@ declare function useNProgress(currentProgress?: MaybeRef<number | null | undefin
  */
 declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
 
-export { ChangeCaseType, EasyUseAxiosReturn, FuseOptions, JwtOptions, JwtResult, StrictUseAxiosReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { ChangeCaseType, EasyUseAxiosReturn, FuseOptions, JwtOptions, JwtResult, StrictUseAxiosReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/index.iife.js

@@ -3,7 +3,34 @@
     return VueDemi
   }
   if (Vue) {
-    if (Vue.version.slice(0, 2) === '2.') {
+    if (Vue.version.slice(0, 4) === '2.7.') {
+      for (var key in Vue) {
+        VueDemi[key] = Vue[key]
+      }
+      VueDemi.isVue2 = true
+      VueDemi.isVue3 = false
+      VueDemi.install = function (){}
+      VueDemi.Vue = Vue
+      VueDemi.Vue2 = Vue
+      VueDemi.version = Vue.version
+      VueDemi.set = function(target, key, val) {
+        if (Array.isArray(target)) {
+          target.length = Math.max(target.length, key)
+          target.splice(key, 1, val)
+          return val
+        }
+        Vue.set(target, key, val)
+        return val
+      }
+      VueDemi.del = function(target, key) {
+        if (Array.isArray(target)) {
+          target.splice(key, 1)
+          return
+        }
+        Vue.delete(target, key)
+      }
+    }
+    else if (Vue.version.slice(0, 2) === '2.') {
       if (VueCompositionAPI) {
         for (var key in VueCompositionAPI) {
           VueDemi[key] = VueCompositionAPI[key]
@@ -60,11 +87,12 @@
   this.VueCompositionAPI || (typeof VueCompositionAPI !== "undefined" ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, vueDemi, shared, axios, changeCase$1, Cookie, drauu, core, focusTrap, Fuse, jwt_decode, nprogress, QRCode) {
+;(function (exports, shared, Schema, vueDemi, axios, changeCase$1, Cookie, drauu, core, focusTrap, Fuse, jwt_decode, nprogress, QRCode) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  var Schema__default = /*#__PURE__*/_interopDefaultLegacy(Schema);
   var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
   var Cookie__default = /*#__PURE__*/_interopDefaultLegacy(Cookie);
   var Fuse__default = /*#__PURE__*/_interopDefaultLegacy(Fuse);
@@ -72,6 +100,70 @@
   var nprogress__default = /*#__PURE__*/_interopDefaultLegacy(nprogress);
   var QRCode__default = /*#__PURE__*/_interopDefaultLegacy(QRCode);
 
+  var __defProp$4 = Object.defineProperty;
+  var __defProps$2 = Object.defineProperties;
+  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$4 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    if (__getOwnPropSymbols$4)
+      for (var prop of __getOwnPropSymbols$4(b)) {
+        if (__propIsEnum$4.call(b, prop))
+          __defNormalProp$4(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+  function useAsyncValidator(value, rules) {
+    const errorInfo = vueDemi.ref();
+    const isFinished = vueDemi.ref(false);
+    const pass = vueDemi.ref(false);
+    const errors = vueDemi.computed(() => {
+      var _a;
+      return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
+    });
+    const errorFields = vueDemi.computed(() => {
+      var _a;
+      return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
+    });
+    vueDemi.watchEffect(async () => {
+      isFinished.value = false;
+      pass.value = false;
+      const validator = new Schema__default["default"](vueDemi.unref(rules));
+      try {
+        await validator.validate(vueDemi.unref(value));
+        pass.value = true;
+        errorInfo.value = null;
+      } catch (err) {
+        errorInfo.value = err;
+      } finally {
+        isFinished.value = true;
+      }
+    });
+    const shell = {
+      pass,
+      isFinished,
+      errorInfo,
+      errors,
+      errorFields
+    };
+    function waitUntilFinished() {
+      return new Promise((resolve, reject) => {
+        shared.until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
+      });
+    }
+    return __spreadProps$2(__spreadValues$4({}, shell), {
+      then(onFulfilled, onRejected) {
+        return waitUntilFinished().then(onFulfilled, onRejected);
+      }
+    });
+  }
+
   var __defProp$3 = Object.defineProperty;
   var __defProps$1 = Object.defineProperties;
   var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -554,6 +646,7 @@
   }
 
   exports.createCookies = createCookies;
+  exports.useAsyncValidator = useAsyncValidator;
   exports.useAxios = useAxios;
   exports.useChangeCase = useChangeCase;
   exports.useCookies = useCookies;
@@ -566,4 +659,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueDemi, VueUse, axios, changeCase, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);
+})(this.VueUse = this.VueUse || {}, VueUse, Schema, VueDemi, axios, changeCase, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);

package/index.iife.min.js

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

package/index.mjs

@@ -1,5 +1,6 @@
-import { shallowRef, ref, computed, watch, unref, isRef, watchEffect } from 'vue-demi';
-import { isString, until, tryOnScopeDispose, isNumber, isClient } from '@vueuse/shared';
+import { until, isString, tryOnScopeDispose, isNumber, isClient } from '@vueuse/shared';
+import Schema from 'async-validator';
+import { ref, computed, watchEffect, unref, shallowRef, watch, isRef } from 'vue-demi';
 import axios from 'axios';
 import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
 import Cookie from 'universal-cookie';
@@ -11,6 +12,70 @@ import jwt_decode from 'jwt-decode';
 import nprogress from 'nprogress';
 import QRCode from 'qrcode';
 
+var __defProp$4 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+function useAsyncValidator(value, rules) {
+  const errorInfo = ref();
+  const isFinished = ref(false);
+  const pass = ref(false);
+  const errors = computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
+  });
+  const errorFields = computed(() => {
+    var _a;
+    return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
+  });
+  watchEffect(async () => {
+    isFinished.value = false;
+    pass.value = false;
+    const validator = new Schema(unref(rules));
+    try {
+      await validator.validate(unref(value));
+      pass.value = true;
+      errorInfo.value = null;
+    } catch (err) {
+      errorInfo.value = err;
+    } finally {
+      isFinished.value = true;
+    }
+  });
+  const shell = {
+    pass,
+    isFinished,
+    errorInfo,
+    errors,
+    errorFields
+  };
+  function waitUntilFinished() {
+    return new Promise((resolve, reject) => {
+      until(isFinished).toBe(true).then(() => resolve(shell)).catch((error) => reject(error));
+    });
+  }
+  return __spreadProps$2(__spreadValues$4({}, shell), {
+    then(onFulfilled, onRejected) {
+      return waitUntilFinished().then(onFulfilled, onRejected);
+    }
+  });
+}
+
 var __defProp$3 = Object.defineProperty;
 var __defProps$1 = Object.defineProperties;
 var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -492,4 +557,4 @@ function useQRCode(text, options) {
   return result;
 }
 
-export { createCookies, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { createCookies, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/package.json

@@ -1,89 +1,100 @@
 {
   "name": "@vueuse/integrations",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "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",
   "author": "Anthony Fu <https://github.com/antfu>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/antfu",
+  "homepage": "https://github.com/vueuse/vueuse/tree/main/packages/integrations#readme",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vueuse/vueuse.git",
     "directory": "packages/integrations"
   },
-  "funding": "https://github.com/sponsors/antfu",
-  "main": "./index.cjs",
-  "module": "./index.mjs",
-  "types": "./index.d.ts",
-  "unpkg": "./index.iife.min.js",
-  "jsdelivr": "./index.iife.min.js",
+  "bugs": {
+    "url": "https://github.com/vueuse/vueuse/issues"
+  },
+  "keywords": [
+    "vue",
+    "vue-use",
+    "utils"
+  ],
+  "sideEffects": false,
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./index.mjs",
-      "require": "./index.cjs",
-      "types": "./index.d.ts"
+      "require": "./index.cjs"
     },
     "./*": "./*",
+    "./useAsyncValidator": {
+      "types": "./useAsyncValidator.d.ts",
+      "import": "./useAsyncValidator.mjs",
+      "require": "./useAsyncValidator.cjs"
+    },
     "./useAxios": {
+      "types": "./useAxios.d.ts",
       "import": "./useAxios.mjs",
-      "require": "./useAxios.cjs",
-      "types": "./useAxios.d.ts"
+      "require": "./useAxios.cjs"
     },
     "./useCookies": {
+      "types": "./useCookies.d.ts",
       "import": "./useCookies.mjs",
-      "require": "./useCookies.cjs",
-      "types": "./useCookies.d.ts"
+      "require": "./useCookies.cjs"
     },
     "./useDrauu": {
+      "types": "./useDrauu.d.ts",
       "import": "./useDrauu.mjs",
-      "require": "./useDrauu.cjs",
-      "types": "./useDrauu.d.ts"
+      "require": "./useDrauu.cjs"
     },
     "./useFocusTrap": {
+      "types": "./useFocusTrap.d.ts",
       "import": "./useFocusTrap.mjs",
-      "require": "./useFocusTrap.cjs",
-      "types": "./useFocusTrap.d.ts"
+      "require": "./useFocusTrap.cjs"
     },
     "./useFocusTrap/component": {
+      "types": "./useFocusTrap/component.d.ts",
       "import": "./useFocusTrap/component.mjs",
-      "require": "./useFocusTrap/component.cjs",
-      "types": "./useFocusTrap/component.d.ts"
+      "require": "./useFocusTrap/component.cjs"
     },
     "./useFuse": {
+      "types": "./useFuse.d.ts",
       "import": "./useFuse.mjs",
-      "require": "./useFuse.cjs",
-      "types": "./useFuse.d.ts"
+      "require": "./useFuse.cjs"
     },
     "./useJwt": {
+      "types": "./useJwt.d.ts",
       "import": "./useJwt.mjs",
-      "require": "./useJwt.cjs",
-      "types": "./useJwt.d.ts"
+      "require": "./useJwt.cjs"
     },
     "./useNProgress": {
+      "types": "./useNProgress.d.ts",
       "import": "./useNProgress.mjs",
-      "require": "./useNProgress.cjs",
-      "types": "./useNProgress.d.ts"
+      "require": "./useNProgress.cjs"
     },
     "./useQRCode": {
+      "types": "./useQRCode.d.ts",
       "import": "./useQRCode.mjs",
-      "require": "./useQRCode.cjs",
-      "types": "./useQRCode.d.ts"
+      "require": "./useQRCode.cjs"
     },
     "./useChangeCase": {
+      "types": "./useChangeCase.d.ts",
       "import": "./useChangeCase.mjs",
-      "require": "./useChangeCase.cjs",
-      "types": "./useChangeCase.d.ts"
+      "require": "./useChangeCase.cjs"
+    },
+    "./useAsyncValidator/component": {
+      "types": "./useAsyncValidator/component.d.ts",
+      "import": "./useAsyncValidator/component.mjs",
+      "require": "./useAsyncValidator/component.cjs"
     }
   },
-  "sideEffects": false,
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "unpkg": "./index.iife.min.js",
+  "jsdelivr": "./index.iife.min.js",
+  "types": "./index.d.ts",
   "peerDependencies": {
+    "async-validator": "*",
     "axios": "*",
     "change-case": "*",
     "drauu": "*",
@@ -98,6 +109,9 @@
     "axios": {
       "optional": true
     },
+    "async-validator": {
+      "optional": true
+    },
     "change-case": {
       "optional": true
     },
@@ -124,18 +138,19 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "8.5.0",
-    "@vueuse/shared": "8.5.0",
+    "@vueuse/core": "8.6.0",
+    "@vueuse/shared": "8.6.0",
     "vue-demi": "*"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.2",
+    "async-validator": "^4.0.7",
     "axios": "^0.27.2",
     "change-case": "^4.1.2",
     "drauu": "^0.3.0",
-    "focus-trap": "^6.9.0",
-    "fuse.js": "^6.6.0",
+    "focus-trap": "^6.9.2",
+    "fuse.js": "^6.6.2",
     "jwt-decode": "^3.1.2",
     "nprogress": "^0.2.0",
     "qrcode": "^1.5.0",

package/useAsyncValidator/component.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vueDemi = require('vue-demi');
+var integrations = require('@vueuse/integrations');
+
+const UseAsyncValidator = vueDemi.defineComponent({
+  name: "UseAsyncValidator",
+  props: {
+    form: {
+      type: Object,
+      required: true
+    },
+    rules: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props, { slots }) {
+    const data = vueDemi.reactive(integrations.useAsyncValidator(props.form, props.rules));
+    return () => {
+      if (slots.default)
+        return slots.default(data);
+    };
+  }
+});
+
+exports.UseAsyncValidator = UseAsyncValidator;

package/useAsyncValidator/component.d.ts

@@ -0,0 +1,27 @@
+import * as vue_demi from 'vue-demi';
+import { PropType } from 'vue-demi';
+import { Rules } from 'async-validator';
+
+declare const UseAsyncValidator: vue_demi.DefineComponent<{
+    form: {
+        type: PropType<Record<string, any>>;
+        required: true;
+    };
+    rules: {
+        type: PropType<Rules>;
+        required: true;
+    };
+}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, Record<string, any>, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+    form: {
+        type: PropType<Record<string, any>>;
+        required: true;
+    };
+    rules: {
+        type: PropType<Rules>;
+        required: true;
+    };
+}>>, {}>;
+
+export { UseAsyncValidator };