@vueuse/integrations 8.0.0-beta.2 → 8.0.0-beta.3

package/README.md

@@ -15,6 +15,7 @@ npm i <b>@vueuse/integrations</b>
 <!--GENERATED LIST, DO NOT MODIFY MANUALLY-->
 <!--FUNCTIONS_LIST_STARTS-->
   - [`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)
   - [`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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vueDemi = require('vue-demi');
 var shared = require('@vueuse/shared');
 var axios = require('axios');
+var changeCase$1 = require('change-case');
 var Cookie = require('universal-cookie');
 var drauu = require('drauu');
 var core = require('@vueuse/core');
@@ -116,6 +117,33 @@ function useAxios(url, ...args) {
   });
 }
 
+var changeCase = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  camelCase: changeCase$1.camelCase,
+  capitalCase: changeCase$1.capitalCase,
+  constantCase: changeCase$1.constantCase,
+  dotCase: changeCase$1.dotCase,
+  headerCase: changeCase$1.headerCase,
+  noCase: changeCase$1.noCase,
+  paramCase: changeCase$1.paramCase,
+  pascalCase: changeCase$1.pascalCase,
+  pathCase: changeCase$1.pathCase,
+  sentenceCase: changeCase$1.sentenceCase,
+  snakeCase: changeCase$1.snakeCase
+});
+
+function useChangeCase(input, type, options) {
+  const text = vueDemi.ref(input);
+  return vueDemi.computed({
+    get() {
+      return changeCase[type](text.value, options);
+    },
+    set(value) {
+      text.value = value;
+    }
+  });
+}
+
 var __defProp$2 = Object.defineProperty;
 var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
 var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
@@ -466,6 +494,7 @@ function useQRCode(text, options) {
 
 exports.createCookies = createCookies;
 exports.useAxios = useAxios;
+exports.useChangeCase = useChangeCase;
 exports.useCookies = useCookies;
 exports.useDrauu = useDrauu;
 exports.useFocusTrap = useFocusTrap;

package/index.d.ts

@@ -1,14 +1,15 @@
 import * as vue_demi from 'vue-demi';
-import { Ref, ComputedRef } from 'vue-demi';
+import { Ref, 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';
-import { Options, Drauu, Brush } from 'drauu';
+import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { EventHookOn, MaybeElementRef, Fn } from '@vueuse/core';
-import { Options as Options$1, ActivateOptions, DeactivateOptions } from 'focus-trap';
+import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
 import Fuse from 'fuse.js';
-import { MaybeRef } from '@vueuse/shared';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
 import nprogress, { NProgressOptions } from 'nprogress';
 import QRCode from 'qrcode';
@@ -59,6 +60,36 @@ declare function useAxios<T = any>(url: string, config?: AxiosRequestConfig, opt
 declare function useAxios<T = any>(url: string, instance?: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T> & PromiseLike<UseAxiosReturn<T>>;
 declare function useAxios<T = any>(url: string, config: AxiosRequestConfig, instance: AxiosInstance, options?: UseAxiosOptions): UseAxiosReturn<T> & PromiseLike<UseAxiosReturn<T>>;
 
+declare const changeCase_camelCase: typeof camelCase;
+declare const changeCase_capitalCase: typeof capitalCase;
+declare const changeCase_constantCase: typeof constantCase;
+declare const changeCase_dotCase: typeof dotCase;
+declare const changeCase_headerCase: typeof headerCase;
+declare const changeCase_noCase: typeof noCase;
+declare const changeCase_paramCase: typeof paramCase;
+declare const changeCase_pascalCase: typeof pascalCase;
+declare const changeCase_pathCase: typeof pathCase;
+declare const changeCase_sentenceCase: typeof sentenceCase;
+declare const changeCase_snakeCase: typeof snakeCase;
+declare namespace changeCase {
+  export {
+    changeCase_camelCase as camelCase,
+    changeCase_capitalCase as capitalCase,
+    changeCase_constantCase as constantCase,
+    changeCase_dotCase as dotCase,
+    changeCase_headerCase as headerCase,
+    changeCase_noCase as noCase,
+    changeCase_paramCase as paramCase,
+    changeCase_pascalCase as pascalCase,
+    changeCase_pathCase as pathCase,
+    changeCase_sentenceCase as sentenceCase,
+    changeCase_snakeCase as snakeCase,
+  };
+}
+
+declare type ChangeCaseType = keyof typeof changeCase;
+declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+
 /**
  * Creates a new {@link useCookies} function
  * @param {Object} req - incoming http request (for SSR)
@@ -108,7 +139,7 @@ declare function useCookies(dependencies?: string[] | null, { doNotParse, autoUp
     removeChangeListener: (callback: universal_cookie.CookieChangeListener) => void;
 };
 
-declare type UseDrauuOptions = Omit<Options, 'el'>;
+declare type UseDrauuOptions = Omit<Options$1, 'el'>;
 interface UseDrauuReturn {
     drauuInstance: Ref<Drauu | undefined>;
     load: (svg: string) => void;
@@ -135,7 +166,7 @@ interface UseDrauuReturn {
  */
 declare function useDrauu(target: MaybeElementRef, options?: UseDrauuOptions): UseDrauuReturn;
 
-interface UseFocusTrapOptions extends Options$1 {
+interface UseFocusTrapOptions extends Options$2 {
     /**
      * Immediately activate the trap
      */
@@ -246,4 +277,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, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAxios, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { ChangeCaseType, FuseOptions, JwtOptions, JwtResult, UseAxiosOptions, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, createCookies, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/index.iife.js

@@ -59,7 +59,7 @@
   window.VueDemi = VueDemi
 })(window)
 ;
-;(function (exports, vueDemi, shared, axios, Cookie, drauu, core, focusTrap, Fuse, jwt_decode, nprogress, QRCode) {
+;(function (exports, vueDemi, shared, 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 }; }
@@ -164,6 +164,33 @@
     });
   }
 
+  var changeCase = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    camelCase: changeCase$1.camelCase,
+    capitalCase: changeCase$1.capitalCase,
+    constantCase: changeCase$1.constantCase,
+    dotCase: changeCase$1.dotCase,
+    headerCase: changeCase$1.headerCase,
+    noCase: changeCase$1.noCase,
+    paramCase: changeCase$1.paramCase,
+    pascalCase: changeCase$1.pascalCase,
+    pathCase: changeCase$1.pathCase,
+    sentenceCase: changeCase$1.sentenceCase,
+    snakeCase: changeCase$1.snakeCase
+  });
+
+  function useChangeCase(input, type, options) {
+    const text = vueDemi.ref(input);
+    return vueDemi.computed({
+      get() {
+        return changeCase[type](text.value, options);
+      },
+      set(value) {
+        text.value = value;
+      }
+    });
+  }
+
   var __defProp$2 = Object.defineProperty;
   var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
   var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
@@ -514,6 +541,7 @@
 
   exports.createCookies = createCookies;
   exports.useAxios = useAxios;
+  exports.useChangeCase = useChangeCase;
   exports.useCookies = useCookies;
   exports.useDrauu = useDrauu;
   exports.useFocusTrap = useFocusTrap;
@@ -524,4 +552,4 @@
 
   Object.defineProperty(exports, '__esModule', { value: true });
 
-})(this.VueUse = this.VueUse || {}, VueDemi, VueUse, axios, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);
+})(this.VueUse = this.VueUse || {}, VueDemi, VueUse, axios, changeCase$1, UniversalCookie, Drauu, VueUse, focusTrap, Fuse, jwt_decode, nprogress, QRCode);

package/index.iife.min.js

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

package/index.mjs

@@ -1,6 +1,7 @@
-import { shallowRef, ref, watch, unref, computed, isRef, watchEffect } from 'vue-demi';
+import { shallowRef, ref, computed, watch, unref, isRef, watchEffect } from 'vue-demi';
 import { until, tryOnScopeDispose, isNumber, isClient } from '@vueuse/shared';
 import axios from 'axios';
+import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
 import Cookie from 'universal-cookie';
 import { createDrauu } from 'drauu';
 import { createEventHook, unrefElement, tryOnScopeDispose as tryOnScopeDispose$1 } from '@vueuse/core';
@@ -103,6 +104,33 @@ function useAxios(url, ...args) {
   });
 }
 
+var changeCase = /*#__PURE__*/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 useChangeCase(input, type, options) {
+  const text = ref(input);
+  return computed({
+    get() {
+      return changeCase[type](text.value, options);
+    },
+    set(value) {
+      text.value = value;
+    }
+  });
+}
+
 var __defProp$2 = Object.defineProperty;
 var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
 var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
@@ -451,4 +479,4 @@ function useQRCode(text, options) {
   return result;
 }
 
-export { createCookies, useAxios, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };
+export { createCookies, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useJwt, useNProgress, useQRCode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/integrations",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0-beta.3",
   "description": "Integration wrappers for utility libraries",
   "keywords": [
     "vue",
@@ -71,6 +71,11 @@
       "import": "./useQRCode.mjs",
       "require": "./useQRCode.cjs",
       "types": "./useQRCode.d.ts"
+    },
+    "./useChangeCase": {
+      "import": "./useChangeCase.mjs",
+      "require": "./useChangeCase.cjs",
+      "types": "./useChangeCase.d.ts"
     }
   },
   "main": "./index.cjs",
@@ -80,6 +85,7 @@
   "types": "./index.d.ts",
   "peerDependencies": {
     "axios": "*",
+    "change-case": "*",
     "drauu": "*",
     "focus-trap": "*",
     "fuse.js": "*",
@@ -115,14 +121,15 @@
     }
   },
   "dependencies": {
-    "@vueuse/core": "8.0.0-beta.2",
-    "@vueuse/shared": "8.0.0-beta.2",
+    "@vueuse/core": "8.0.0-beta.3",
+    "@vueuse/shared": "8.0.0-beta.3",
     "vue-demi": "*"
   },
   "devDependencies": {
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.2",
     "axios": "^0.26.0",
+    "change-case": "^4.1.2",
     "drauu": "^0.3.0",
     "focus-trap": "^6.7.3",
     "fuse.js": "^6.5.3",

package/useChangeCase.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vueDemi = require('vue-demi');
+var changeCase$1 = require('change-case');
+
+var changeCase = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  camelCase: changeCase$1.camelCase,
+  capitalCase: changeCase$1.capitalCase,
+  constantCase: changeCase$1.constantCase,
+  dotCase: changeCase$1.dotCase,
+  headerCase: changeCase$1.headerCase,
+  noCase: changeCase$1.noCase,
+  paramCase: changeCase$1.paramCase,
+  pascalCase: changeCase$1.pascalCase,
+  pathCase: changeCase$1.pathCase,
+  sentenceCase: changeCase$1.sentenceCase,
+  snakeCase: changeCase$1.snakeCase
+});
+
+function useChangeCase(input, type, options) {
+  const text = vueDemi.ref(input);
+  return vueDemi.computed({
+    get() {
+      return changeCase[type](text.value, options);
+    },
+    set(value) {
+      text.value = value;
+    }
+  });
+}
+
+exports.useChangeCase = useChangeCase;

package/useChangeCase.d.ts

@@ -0,0 +1,35 @@
+import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase, Options } from 'change-case';
+import { MaybeRef } from '@vueuse/shared';
+import { WritableComputedRef } from 'vue-demi';
+
+declare const changeCase_camelCase: typeof camelCase;
+declare const changeCase_capitalCase: typeof capitalCase;
+declare const changeCase_constantCase: typeof constantCase;
+declare const changeCase_dotCase: typeof dotCase;
+declare const changeCase_headerCase: typeof headerCase;
+declare const changeCase_noCase: typeof noCase;
+declare const changeCase_paramCase: typeof paramCase;
+declare const changeCase_pascalCase: typeof pascalCase;
+declare const changeCase_pathCase: typeof pathCase;
+declare const changeCase_sentenceCase: typeof sentenceCase;
+declare const changeCase_snakeCase: typeof snakeCase;
+declare namespace changeCase {
+  export {
+    changeCase_camelCase as camelCase,
+    changeCase_capitalCase as capitalCase,
+    changeCase_constantCase as constantCase,
+    changeCase_dotCase as dotCase,
+    changeCase_headerCase as headerCase,
+    changeCase_noCase as noCase,
+    changeCase_paramCase as paramCase,
+    changeCase_pascalCase as pascalCase,
+    changeCase_pathCase as pathCase,
+    changeCase_sentenceCase as sentenceCase,
+    changeCase_snakeCase as snakeCase,
+  };
+}
+
+declare type ChangeCaseType = keyof typeof changeCase;
+declare function useChangeCase(input: MaybeRef<string>, type: ChangeCaseType, options?: Options | undefined): WritableComputedRef<string>;
+
+export { ChangeCaseType, useChangeCase };

package/useChangeCase.iife.js

@@ -0,0 +1,96 @@
+;(function (window) {
+  if (window.VueDemi) {
+    return
+  }
+  var VueDemi = {}
+  var Vue = window.Vue
+  if (Vue) {
+    if (Vue.version.slice(0, 2) === '2.') {
+      var VueCompositionAPI = window.VueCompositionAPI
+      if (VueCompositionAPI) {
+        for (var key in VueCompositionAPI) {
+          VueDemi[key] = VueCompositionAPI[key]
+        }
+        VueDemi.isVue2 = true
+        VueDemi.isVue3 = false
+        VueDemi.install = function (){}
+        VueDemi.Vue = Vue
+        VueDemi.Vue2 = Vue
+        VueDemi.version = Vue.version
+      } else {
+        console.error(
+          '[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.'
+        )
+      }
+    } else if (Vue.version.slice(0, 2) === '3.') {
+      for (var key in Vue) {
+        VueDemi[key] = Vue[key]
+      }
+      VueDemi.isVue2 = false
+      VueDemi.isVue3 = true
+      VueDemi.install = function (){}
+      VueDemi.Vue = Vue
+      VueDemi.Vue2 = undefined
+      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
+        }
+        target[key] = val
+        return val
+      }
+      VueDemi.del = function(target, key) {
+        if (Array.isArray(target)) {
+          target.splice(key, 1)
+          return
+        }
+        delete target[key]
+      }
+    } else {
+      console.error('[vue-demi] Vue version ' + Vue.version + ' is unsupported.')
+    }
+  } else {
+    console.error(
+      '[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.'
+    )
+  }
+  window.VueDemi = VueDemi
+})(window)
+;
+;(function (exports, vueDemi, changeCase$1) {
+  'use strict';
+
+  var changeCase = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    camelCase: changeCase$1.camelCase,
+    capitalCase: changeCase$1.capitalCase,
+    constantCase: changeCase$1.constantCase,
+    dotCase: changeCase$1.dotCase,
+    headerCase: changeCase$1.headerCase,
+    noCase: changeCase$1.noCase,
+    paramCase: changeCase$1.paramCase,
+    pascalCase: changeCase$1.pascalCase,
+    pathCase: changeCase$1.pathCase,
+    sentenceCase: changeCase$1.sentenceCase,
+    snakeCase: changeCase$1.snakeCase
+  });
+
+  function useChangeCase(input, type, options) {
+    const text = vueDemi.ref(input);
+    return vueDemi.computed({
+      get() {
+        return changeCase[type](text.value, options);
+      },
+      set(value) {
+        text.value = value;
+      }
+    });
+  }
+
+  exports.useChangeCase = useChangeCase;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})(this.VueUse = this.VueUse || {}, VueDemi, changeCase$1);

package/useChangeCase.iife.min.js

@@ -0,0 +1 @@
+(function(n){if(!n.VueDemi){var s={},e=n.Vue;if(e)if(e.version.slice(0,2)==="2."){var a=n.VueCompositionAPI;if(a){for(var u in a)s[u]=a[u];s.isVue2=!0,s.isVue3=!1,s.install=function(){},s.Vue=e,s.Vue2=e,s.version=e.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(e.version.slice(0,2)==="3."){for(var u in e)s[u]=e[u];s.isVue2=!1,s.isVue3=!0,s.install=function(){},s.Vue=e,s.Vue2=void 0,s.version=e.version,s.set=function(r,i,o){return Array.isArray(r)?(r.length=Math.max(r.length,i),r.splice(i,1,o),o):(r[i]=o,o)},s.del=function(r,i){if(Array.isArray(r)){r.splice(i,1);return}delete r[i]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");n.VueDemi=s}})(window),function(n,s,e){"use strict";var a=Object.freeze({__proto__:null,camelCase:e.camelCase,capitalCase:e.capitalCase,constantCase:e.constantCase,dotCase:e.dotCase,headerCase:e.headerCase,noCase:e.noCase,paramCase:e.paramCase,pascalCase:e.pascalCase,pathCase:e.pathCase,sentenceCase:e.sentenceCase,snakeCase:e.snakeCase});function u(r,i,o){const t=s.ref(r);return s.computed({get(){return a[i](t.value,o)},set(l){t.value=l}})}n.useChangeCase=u,Object.defineProperty(n,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi,changeCase$1);

package/useChangeCase.mjs

@@ -0,0 +1,31 @@
+import { ref, computed } from 'vue-demi';
+import { camelCase, capitalCase, constantCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase } from 'change-case';
+
+var changeCase = /*#__PURE__*/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 useChangeCase(input, type, options) {
+  const text = ref(input);
+  return computed({
+    get() {
+      return changeCase[type](text.value, options);
+    },
+    set(value) {
+      text.value = value;
+    }
+  });
+}
+
+export { useChangeCase };