@vueuse/integrations 8.9.3 → 9.0.0-beta.1

package/README.md

@@ -16,7 +16,7 @@ npm i <b>@vueuse/integrations</b>
 <!--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)
+  - [`useChangeCase`](https://vueuse.org/integrations/useChangeCase/) — reactive 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)
   - [`useDrauu`](https://vueuse.org/integrations/useDrauu/) — reactive instance for [drauu](https://github.com/antfu/drauu)
   - [`useFocusTrap`](https://vueuse.org/integrations/useFocusTrap/) — reactive wrapper for [`focus-trap`](https://github.com/focus-trap/focus-trap)

package/index.cjs

@@ -61,9 +61,9 @@ function useAsyncValidator(value, rules, options = {}) {
   vueDemi.watchEffect(async () => {
     isFinished.value = false;
     pass.value = false;
-    const validator = new Schema__default["default"](vueDemi.unref(rules));
+    const validator = new Schema__default["default"](shared.resolveUnref(rules));
     try {
-      await validator.validate(vueDemi.unref(value), validateOption);
+      await validator.validate(shared.resolveUnref(value), validateOption);
       pass.value = true;
       errorInfo.value = null;
     } catch (err) {
@@ -202,6 +202,8 @@ var changeCase = /*#__PURE__*/Object.freeze({
 });
 
 function useChangeCase(input, type, options) {
+  if (shared.isFunction(input))
+    return vueDemi.computed(() => changeCase[type](shared.resolveUnref(input), options));
   const text = vueDemi.ref(input);
   return vueDemi.computed({
     get() {
@@ -473,36 +475,34 @@ function useFocusTrap(target, options = {}) {
 }
 
 function useFuse(search, data, options) {
-  var _a;
-  const createFuse = (data2, options2) => {
-    var _a2;
-    const _options = options2;
-    return new Fuse__default["default"]((_a2 = vueDemi.unref(data2)) != null ? _a2 : [], _options);
+  const createFuse = () => {
+    var _a, _b;
+    return new Fuse__default["default"]((_a = shared.resolveUnref(data)) != null ? _a : [], (_b = shared.resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
   };
-  const fuse = vueDemi.ref(createFuse(data, (_a = vueDemi.unref(options)) == null ? void 0 : _a.fuseOptions));
+  const fuse = vueDemi.ref(createFuse());
   vueDemi.watch(() => {
-    var _a2;
-    return (_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.fuseOptions;
-  }, (newOptions) => {
-    fuse.value = createFuse(data, newOptions);
+    var _a;
+    return (_a = shared.resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
+  }, () => {
+    fuse.value = createFuse();
   }, { deep: true });
-  vueDemi.watch(() => vueDemi.unref(data), (newData) => {
+  vueDemi.watch(() => shared.resolveUnref(data), (newData) => {
     fuse.value.setCollection(newData);
   }, { deep: true });
   const results = vueDemi.computed(() => {
-    var _a2, _b;
-    if (((_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
-      return vueDemi.unref(data).map((item, index) => ({ item, refIndex: index }));
-    const limit = (_b = vueDemi.unref(options)) == null ? void 0 : _b.resultLimit;
-    return fuse.value.search(vueDemi.unref(search), limit ? { limit } : void 0);
+    const resolved = shared.resolveUnref(options);
+    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
+      return shared.resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+    const limit = resolved == null ? void 0 : resolved.resultLimit;
+    return fuse.value.search(shared.resolveUnref(search), limit ? { limit } : void 0);
   });
   return {
+    fuse,
     results
   };
 }
 
 function useJwt(encodedJwt, options = {}) {
-  const encodedJwtRef = vueDemi.ref(encodedJwt);
   const {
     onError,
     fallbackValue = null
@@ -515,8 +515,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-  const payload = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value));
+  const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
+  const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
   return {
     header,
     payload
@@ -524,7 +524,7 @@ function useJwt(encodedJwt, options = {}) {
 }
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vueDemi.isRef(currentProgress) ? currentProgress : vueDemi.ref(currentProgress);
+  const progress = vueDemi.ref(currentProgress);
   const isLoading = vueDemi.computed({
     set: (load) => load ? nprogress__default["default"].start() : nprogress__default["default"].done(),
     get: () => shared.isNumber(progress.value) && progress.value < 1
@@ -554,7 +554,7 @@ function useNProgress(currentProgress = null, options) {
 }
 
 function useQRCode(text, options) {
-  const src = vueDemi.ref(text);
+  const src = shared.resolveRef(text);
   const result = vueDemi.ref("");
   vueDemi.watch(src, async (value) => {
     if (src.value && shared.isClient)

package/index.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef } from '@vueuse/shared';
+import { MaybeComputedRef, MaybeRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
 import * as vue_demi from 'vue-demi';
 import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
@@ -8,7 +8,7 @@ import * as universal_cookie from 'universal-cookie';
 import universal_cookie__default from 'universal-cookie';
 import { IncomingMessage } from 'http';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
-import { EventHookOn, MaybeElementRef, Fn } from '@vueuse/core';
+import { EventHookOn, MaybeComputedElementRef, Fn, MaybeElementRef } from '@vueuse/core';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import Fuse from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -38,7 +38,7 @@ interface UseAsyncValidatorOptions {
  * @see https://vueuse.org/useAsyncValidator
  * @see https://github.com/yiminghe/async-validator
  */
-declare function useAsyncValidator(value: MaybeRef<Record<string, any>>, rules: MaybeRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
+declare function useAsyncValidator(value: MaybeComputedRef<Record<string, any>>, rules: MaybeComputedRef<Rules>, options?: UseAsyncValidatorOptions): UseAsyncValidatorReturn & PromiseLike<UseAsyncValidatorReturn>;
 
 interface UseAxiosReturn<T> {
     /**
@@ -153,6 +153,7 @@ declare namespace changeCase {
 
 declare type ChangeCaseType = keyof typeof changeCase;
 declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+declare function useChangeCase(input: MaybeComputedRef<string>, type: ChangeCaseType, options?: Options | undefined): ComputedRef<string>;
 
 /**
  * Creates a new {@link useCookies} function
@@ -228,7 +229,7 @@ interface UseDrauuReturn {
  * @param target The target svg element
  * @param options Drauu Options
  */
-declare function useDrauu(target: MaybeElementRef, options?: UseDrauuOptions): UseDrauuReturn;
+declare function useDrauu(target: MaybeComputedElementRef, options?: UseDrauuOptions): UseDrauuReturn;
 
 interface UseFocusTrapOptions extends Options$2 {
     /**
@@ -288,12 +289,20 @@ interface UseFuseOptions<T> {
     resultLimit?: number;
     matchAllWhenSearchEmpty?: boolean;
 }
-declare function useFuse<DataItem>(search: MaybeRef<string>, data: MaybeRef<DataItem[]>, options?: MaybeRef<UseFuseOptions<DataItem>>): {
+declare function useFuse<DataItem>(search: MaybeComputedRef<string>, data: MaybeComputedRef<DataItem[]>, options?: MaybeComputedRef<UseFuseOptions<DataItem>>): {
+    fuse: vue_demi.Ref<{
+        search: <R = DataItem>(pattern: string | Fuse.Expression, options?: Fuse.FuseSearchOptions | undefined) => Fuse.FuseResult<R>[];
+        setCollection: (docs: readonly DataItem[], index?: Fuse.FuseIndex<DataItem> | undefined) => void;
+        add: (doc: DataItem) => void;
+        remove: (predicate: (doc: DataItem, idx: number) => boolean) => DataItem[];
+        removeAt: (idx: number) => void;
+        getIndex: () => Fuse.FuseIndex<DataItem>;
+    }>;
     results: ComputedRef<Fuse.FuseResult<DataItem>[]>;
 };
 declare type UseFuseReturn = ReturnType<typeof useFuse>;
 
-interface JwtOptions<Fallback> {
+interface UseJwtOptions<Fallback> {
     /**
      * Value returned when encounter error on decoding
      *
@@ -305,7 +314,7 @@ interface JwtOptions<Fallback> {
      */
     onError?: (error: unknown) => void;
 }
-interface JwtResult<Payload, Header, Fallback> {
+interface UseJwtReturn<Payload, Header, Fallback> {
     header: ComputedRef<Header | Fallback>;
     payload: ComputedRef<Payload | Fallback>;
 }
@@ -315,22 +324,22 @@ interface JwtResult<Payload, Header, Fallback> {
  * @see https://vueuse.org/useJwt
  * @param jwt
  */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRef<string>, options?: JwtOptions<Fallback>): JwtResult<Payload, Header, Fallback>;
+declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeComputedRef<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
 
+declare type UseNProgressOptions = Partial<NProgressOptions>;
 /**
  * Reactive progress bar.
  *
  * @see https://vueuse.org/useNProgress
- * @param currentProgress
- * @param options
  */
-declare function useNProgress(currentProgress?: MaybeRef<number | null | undefined>, options?: Partial<NProgressOptions>): {
+declare function useNProgress(currentProgress?: MaybeComputedRef<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue_demi.WritableComputedRef<boolean>;
-    progress: vue_demi.Ref<number | null | undefined>;
+    progress: vue_demi.Ref<number | (() => number) | (() => undefined) | (() => null) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean | undefined) => nprogress.NProgress;
     remove: () => void;
 };
+declare type UseNProgressReturn = ReturnType<typeof useNProgress>;
 
 /**
  * Wrapper for qrcode.
@@ -339,6 +348,6 @@ declare function useNProgress(currentProgress?: MaybeRef<number | null | undefin
  * @param text
  * @param options
  */
-declare function useQRCode(text: MaybeRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
+declare function useQRCode(text: MaybeComputedRef<string>, options?: QRCode.QRCodeToDataURLOptions): vue_demi.Ref<string>;
 
-export { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, JwtOptions, JwtResult, StrictUseAxiosReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, StrictUseAxiosReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, UseJwtOptions, UseJwtReturn, UseNProgressOptions, UseNProgressReturn, createCookies, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/index.iife.js

@@ -13,22 +13,6 @@
       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) {
@@ -135,9 +119,9 @@
     vueDemi.watchEffect(async () => {
       isFinished.value = false;
       pass.value = false;
-      const validator = new Schema__default["default"](vueDemi.unref(rules));
+      const validator = new Schema__default["default"](shared.resolveUnref(rules));
       try {
-        await validator.validate(vueDemi.unref(value), validateOption);
+        await validator.validate(shared.resolveUnref(value), validateOption);
         pass.value = true;
         errorInfo.value = null;
       } catch (err) {
@@ -276,6 +260,8 @@
   });
 
   function useChangeCase(input, type, options) {
+    if (shared.isFunction(input))
+      return vueDemi.computed(() => changeCase[type](shared.resolveUnref(input), options));
     const text = vueDemi.ref(input);
     return vueDemi.computed({
       get() {
@@ -547,36 +533,34 @@
   }
 
   function useFuse(search, data, options) {
-    var _a;
-    const createFuse = (data2, options2) => {
-      var _a2;
-      const _options = options2;
-      return new Fuse__default["default"]((_a2 = vueDemi.unref(data2)) != null ? _a2 : [], _options);
+    const createFuse = () => {
+      var _a, _b;
+      return new Fuse__default["default"]((_a = shared.resolveUnref(data)) != null ? _a : [], (_b = shared.resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
     };
-    const fuse = vueDemi.ref(createFuse(data, (_a = vueDemi.unref(options)) == null ? void 0 : _a.fuseOptions));
+    const fuse = vueDemi.ref(createFuse());
     vueDemi.watch(() => {
-      var _a2;
-      return (_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.fuseOptions;
-    }, (newOptions) => {
-      fuse.value = createFuse(data, newOptions);
+      var _a;
+      return (_a = shared.resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
+    }, () => {
+      fuse.value = createFuse();
     }, { deep: true });
-    vueDemi.watch(() => vueDemi.unref(data), (newData) => {
+    vueDemi.watch(() => shared.resolveUnref(data), (newData) => {
       fuse.value.setCollection(newData);
     }, { deep: true });
     const results = vueDemi.computed(() => {
-      var _a2, _b;
-      if (((_a2 = vueDemi.unref(options)) == null ? void 0 : _a2.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
-        return vueDemi.unref(data).map((item, index) => ({ item, refIndex: index }));
-      const limit = (_b = vueDemi.unref(options)) == null ? void 0 : _b.resultLimit;
-      return fuse.value.search(vueDemi.unref(search), limit ? { limit } : void 0);
+      const resolved = shared.resolveUnref(options);
+      if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !vueDemi.unref(search))
+        return shared.resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+      const limit = resolved == null ? void 0 : resolved.resultLimit;
+      return fuse.value.search(shared.resolveUnref(search), limit ? { limit } : void 0);
     });
     return {
+      fuse,
       results
     };
   }
 
   function useJwt(encodedJwt, options = {}) {
-    const encodedJwtRef = vueDemi.ref(encodedJwt);
     const {
       onError,
       fallbackValue = null
@@ -589,8 +573,8 @@
         return fallbackValue;
       }
     };
-    const header = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-    const payload = vueDemi.computed(() => decodeWithFallback(encodedJwtRef.value));
+    const header = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt), { header: true }));
+    const payload = vueDemi.computed(() => decodeWithFallback(shared.resolveUnref(encodedJwt)));
     return {
       header,
       payload
@@ -598,7 +582,7 @@
   }
 
   function useNProgress(currentProgress = null, options) {
-    const progress = vueDemi.isRef(currentProgress) ? currentProgress : vueDemi.ref(currentProgress);
+    const progress = vueDemi.ref(currentProgress);
     const isLoading = vueDemi.computed({
       set: (load) => load ? nprogress__default["default"].start() : nprogress__default["default"].done(),
       get: () => shared.isNumber(progress.value) && progress.value < 1
@@ -628,7 +612,7 @@
   }
 
   function useQRCode(text, options) {
-    const src = vueDemi.ref(text);
+    const src = shared.resolveRef(text);
     const result = vueDemi.ref("");
     vueDemi.watch(src, async (value) => {
       if (src.value && shared.isClient)
@@ -651,4 +635,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueUse, Schema, VueDemi, axios, changeCase, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);
+})(this.VueUse = this.VueUse || {}, VueUse, AsyncValidator, VueDemi, axios, changeCase, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);

package/index.iife.min.js

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

package/index.mjs

@@ -1,6 +1,6 @@
-import { until, isString, tryOnScopeDispose, isNumber, isClient } from '@vueuse/shared';
+import { resolveUnref, until, isString, isFunction, tryOnScopeDispose, isNumber, resolveRef, isClient } from '@vueuse/shared';
 import Schema from 'async-validator';
-import { ref, computed, watchEffect, unref, shallowRef, watch, isRef } from 'vue-demi';
+import { ref, computed, watchEffect, shallowRef, watch, unref } 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';
@@ -47,9 +47,9 @@ function useAsyncValidator(value, rules, options = {}) {
   watchEffect(async () => {
     isFinished.value = false;
     pass.value = false;
-    const validator = new Schema(unref(rules));
+    const validator = new Schema(resolveUnref(rules));
     try {
-      await validator.validate(unref(value), validateOption);
+      await validator.validate(resolveUnref(value), validateOption);
       pass.value = true;
       errorInfo.value = null;
     } catch (err) {
@@ -188,6 +188,8 @@ var changeCase = /*#__PURE__*/Object.freeze({
 });
 
 function useChangeCase(input, type, options) {
+  if (isFunction(input))
+    return computed(() => changeCase[type](resolveUnref(input), options));
   const text = ref(input);
   return computed({
     get() {
@@ -459,36 +461,34 @@ function useFocusTrap(target, options = {}) {
 }
 
 function useFuse(search, data, options) {
-  var _a;
-  const createFuse = (data2, options2) => {
-    var _a2;
-    const _options = options2;
-    return new Fuse((_a2 = unref(data2)) != null ? _a2 : [], _options);
+  const createFuse = () => {
+    var _a, _b;
+    return new Fuse((_a = resolveUnref(data)) != null ? _a : [], (_b = resolveUnref(options)) == null ? void 0 : _b.fuseOptions);
   };
-  const fuse = ref(createFuse(data, (_a = unref(options)) == null ? void 0 : _a.fuseOptions));
+  const fuse = ref(createFuse());
   watch(() => {
-    var _a2;
-    return (_a2 = unref(options)) == null ? void 0 : _a2.fuseOptions;
-  }, (newOptions) => {
-    fuse.value = createFuse(data, newOptions);
+    var _a;
+    return (_a = resolveUnref(options)) == null ? void 0 : _a.fuseOptions;
+  }, () => {
+    fuse.value = createFuse();
   }, { deep: true });
-  watch(() => unref(data), (newData) => {
+  watch(() => resolveUnref(data), (newData) => {
     fuse.value.setCollection(newData);
   }, { deep: true });
   const results = computed(() => {
-    var _a2, _b;
-    if (((_a2 = unref(options)) == null ? void 0 : _a2.matchAllWhenSearchEmpty) && !unref(search))
-      return unref(data).map((item, index) => ({ item, refIndex: index }));
-    const limit = (_b = unref(options)) == null ? void 0 : _b.resultLimit;
-    return fuse.value.search(unref(search), limit ? { limit } : void 0);
+    const resolved = resolveUnref(options);
+    if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !unref(search))
+      return resolveUnref(data).map((item, index) => ({ item, refIndex: index }));
+    const limit = resolved == null ? void 0 : resolved.resultLimit;
+    return fuse.value.search(resolveUnref(search), limit ? { limit } : void 0);
   });
   return {
+    fuse,
     results
   };
 }
 
 function useJwt(encodedJwt, options = {}) {
-  const encodedJwtRef = ref(encodedJwt);
   const {
     onError,
     fallbackValue = null
@@ -501,8 +501,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = computed(() => decodeWithFallback(encodedJwtRef.value, { header: true }));
-  const payload = computed(() => decodeWithFallback(encodedJwtRef.value));
+  const header = computed(() => decodeWithFallback(resolveUnref(encodedJwt), { header: true }));
+  const payload = computed(() => decodeWithFallback(resolveUnref(encodedJwt)));
   return {
     header,
     payload
@@ -510,7 +510,7 @@ function useJwt(encodedJwt, options = {}) {
 }
 
 function useNProgress(currentProgress = null, options) {
-  const progress = isRef(currentProgress) ? currentProgress : ref(currentProgress);
+  const progress = ref(currentProgress);
   const isLoading = computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => isNumber(progress.value) && progress.value < 1
@@ -540,7 +540,7 @@ function useNProgress(currentProgress = null, options) {
 }
 
 function useQRCode(text, options) {
-  const src = ref(text);
+  const src = resolveRef(text);
   const result = ref("");
   watch(src, async (value) => {
     if (src.value && isClient)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "8.9.3",
+  "version": "9.0.0-beta.1",
   "description": "Integration wrappers for utility libraries",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
@@ -138,8 +138,8 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "8.9.3",
-    "@vueuse/shared": "8.9.3",
+    "@vueuse/core": "9.0.0-beta.1",
+    "@vueuse/shared": "9.0.0-beta.1",
     "vue-demi": "*"
   },
   "devDependencies": {

package/useAsyncValidator/component.cjs

@@ -3,7 +3,77 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vueDemi = require('vue-demi');
-var integrations = require('@vueuse/integrations');
+var shared = require('@vueuse/shared');
+var Schema = require('async-validator');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Schema__default = /*#__PURE__*/_interopDefaultLegacy(Schema);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function useAsyncValidator(value, rules, options = {}) {
+  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) || {};
+  });
+  const { validateOption = {} } = options;
+  vueDemi.watchEffect(async () => {
+    isFinished.value = false;
+    pass.value = false;
+    const validator = new Schema__default["default"](shared.resolveUnref(rules));
+    try {
+      await validator.validate(shared.resolveUnref(value), validateOption);
+      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(__spreadValues({}, shell), {
+    then(onFulfilled, onRejected) {
+      return waitUntilFinished().then(onFulfilled, onRejected);
+    }
+  });
+}
 
 const UseAsyncValidator = vueDemi.defineComponent({
   name: "UseAsyncValidator",
@@ -18,7 +88,7 @@ const UseAsyncValidator = vueDemi.defineComponent({
     }
   },
   setup(props, { slots }) {
-    const data = vueDemi.reactive(integrations.useAsyncValidator(props.form, props.rules));
+    const data = vueDemi.reactive(useAsyncValidator(props.form, props.rules));
     return () => {
       if (slots.default)
         return slots.default(data);