@vueuse/shared 8.1.1 → 8.2.1

package/index.cjs

@@ -97,6 +97,15 @@ function createGlobalState(stateFactory) {
   };
 }
 
+function createInjectionState(composable) {
+  const key = Symbol("InjectionState");
+  const useProvidingState = (...args) => {
+    vueDemi.provide(key, composable(...args));
+  };
+  const useInjectedState = () => vueDemi.inject(key);
+  return [useProvidingState, useInjectedState];
+}
+
 function tryOnScopeDispose(fn) {
   if (vueDemi.getCurrentScope()) {
     vueDemi.onScopeDispose(fn);
@@ -663,6 +672,15 @@ function toRefs(objectRef) {
   return result;
 }
 
+function tryOnBeforeMount(fn, sync = true) {
+  if (vueDemi.getCurrentInstance())
+    vueDemi.onBeforeMount(fn);
+  else if (sync)
+    fn();
+  else
+    vueDemi.nextTick(fn);
+}
+
 function tryOnBeforeUnmount(fn) {
   if (vueDemi.getCurrentInstance())
     vueDemi.onBeforeUnmount(fn);
@@ -1301,6 +1319,7 @@ exports.controlledRef = controlledRef;
 exports.createEventHook = createEventHook;
 exports.createFilterWrapper = createFilterWrapper;
 exports.createGlobalState = createGlobalState;
+exports.createInjectionState = createInjectionState;
 exports.createReactiveFn = reactify;
 exports.createSharedComposable = createSharedComposable;
 exports.createSingletonPromise = createSingletonPromise;
@@ -1358,6 +1377,7 @@ exports.throttledWatch = watchThrottled;
 exports.timestamp = timestamp;
 exports.toReactive = toReactive;
 exports.toRefs = toRefs;
+exports.tryOnBeforeMount = tryOnBeforeMount;
 exports.tryOnBeforeUnmount = tryOnBeforeUnmount;
 exports.tryOnMounted = tryOnMounted;
 exports.tryOnScopeDispose = tryOnScopeDispose;

package/index.d.ts

@@ -42,6 +42,14 @@ declare type CreateGlobalStateReturn<T> = () => T;
  */
 declare function createGlobalState<T>(stateFactory: () => T): CreateGlobalStateReturn<T>;
 
+/**
+ * Create global state that can be injected into components.
+ *
+ * @see https://vueuse.org/createInjectionState
+ *
+ */
+declare function createInjectionState<Arguments extends Array<any>, Return>(composable: (...args: Arguments) => Return): readonly [useProvidingState: (...args: Arguments) => void, useInjectedState: () => Return | undefined];
+
 /**
  * Make a composable function usable with multiple Vue instances.
  *
@@ -504,6 +512,14 @@ declare function toReactive<T extends object>(objectRef: MaybeRef<T>): T;
  */
 declare function toRefs<T extends object>(objectRef: MaybeRef<T>): ToRefs<T>;
 
+/**
+ * Call onBeforeMount() if it's inside a component lifecycle, if not, just call the function
+ *
+ * @param fn
+ * @param sync if set to false, it will run in the nextTick() of Vue
+ */
+declare function tryOnBeforeMount(fn: Fn, sync?: boolean): void;
+
 /**
  * Call onBeforeUnmount() if it's inside a component lifecycle, if not, do nothing
  *
@@ -814,4 +830,4 @@ declare function watchThrottled<T extends object, Immediate extends Readonly<boo
  */
 declare function whenever<T>(source: WatchSource<T | false | null | undefined>, cb: WatchCallback<T>, options?: WatchOptions): vue_demi.WatchStopHandle;
 
-export { Awaitable, ConfigurableEventFilter, ConfigurableFlush, ConfigurableFlushSync, ControlledRefOptions, CreateGlobalStateReturn, DateLike, DebounceFilterOptions, DeepMaybeRef, ElementOf, EventFilter, EventHook, EventHookOff, EventHookOn, EventHookTrigger, ExtendRefOptions, Fn, FunctionArgs, FunctionWrapperOptions, IgnoredUpdater, IntervalFnOptions, IntervalOptions, MapOldSources, MapSources, MaybeRef, Pausable, Reactify, ReactifyNested, ReactifyObjectOptions, RemovableRef, RemoveableRef, ShallowUnwrapRef, SingletonPromiseReturn, Stopable, Stoppable, SyncRefOptions, SyncRefsOptions, TimeoutFnOptions, TimeoutOptions, UntilArrayInstance, UntilBaseInstance, UntilToMatchOptions, UntilValueInstance, UseCounterOptions, UseDateFormatReturn, UseLastChangedOptions, WatchAtMostOptions, WatchAtMostReturn, WatchDebouncedOptions, WatchIgnorableReturn, WatchPausableReturn, WatchThrottledOptions, WatchWithFilterOptions, __onlyVue3, logicAnd as and, assert, refAutoReset as autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, refDebounced as debouncedRef, watchDebounced as debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, identity, watchIgnorable as ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, logicAnd, logicNot, logicOr, makeDestructurable, noop, normalizeDate, logicNot as not, now, objectPick, logicOr as or, pausableFilter, watchPausable as pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, watchThrottled as throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDateFormat, refDebounced as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchDebounced, watchIgnorable, watchOnce, watchPausable, watchThrottled, watchWithFilter, whenever };
+export { Awaitable, ConfigurableEventFilter, ConfigurableFlush, ConfigurableFlushSync, ControlledRefOptions, CreateGlobalStateReturn, DateLike, DebounceFilterOptions, DeepMaybeRef, ElementOf, EventFilter, EventHook, EventHookOff, EventHookOn, EventHookTrigger, ExtendRefOptions, Fn, FunctionArgs, FunctionWrapperOptions, IgnoredUpdater, IntervalFnOptions, IntervalOptions, MapOldSources, MapSources, MaybeRef, Pausable, Reactify, ReactifyNested, ReactifyObjectOptions, RemovableRef, RemoveableRef, ShallowUnwrapRef, SingletonPromiseReturn, Stopable, Stoppable, SyncRefOptions, SyncRefsOptions, TimeoutFnOptions, TimeoutOptions, UntilArrayInstance, UntilBaseInstance, UntilToMatchOptions, UntilValueInstance, UseCounterOptions, UseDateFormatReturn, UseLastChangedOptions, WatchAtMostOptions, WatchAtMostReturn, WatchDebouncedOptions, WatchIgnorableReturn, WatchPausableReturn, WatchThrottledOptions, WatchWithFilterOptions, __onlyVue3, logicAnd as and, assert, refAutoReset as autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, refDebounced as debouncedRef, watchDebounced as debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, identity, watchIgnorable as ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, logicAnd, logicNot, logicOr, makeDestructurable, noop, normalizeDate, logicNot as not, now, objectPick, logicOr as or, pausableFilter, watchPausable as pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, watchThrottled as throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDateFormat, refDebounced as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchDebounced, watchIgnorable, watchOnce, watchPausable, watchThrottled, watchWithFilter, whenever };

package/index.iife.js

@@ -1,12 +1,9 @@
-;(function (window) {
-  if (window.VueDemi) {
-    return
+;var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
+  if (VueDemi.install) {
+    return VueDemi
   }
-  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]
@@ -56,8 +53,12 @@
       '[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.'
     )
   }
-  window.VueDemi = VueDemi
-})(window)
+  return VueDemi
+})(
+  this.VueDemi = this.VueDemi || (typeof VueDemi !== "undefined" ? VueDemi : {}),
+  this.Vue || (typeof Vue !== "undefined" ? Vue : undefined),
+  this.VueCompositionAPI || (typeof VueCompositionAPI !== "undefined" ? VueCompositionAPI : undefined)
+);
 ;
 ;(function (exports, vueDemi) {
   'use strict';
@@ -155,6 +156,15 @@
     };
   }
 
+  function createInjectionState(composable) {
+    const key = Symbol("InjectionState");
+    const useProvidingState = (...args) => {
+      vueDemi.provide(key, composable(...args));
+    };
+    const useInjectedState = () => vueDemi.inject(key);
+    return [useProvidingState, useInjectedState];
+  }
+
   function tryOnScopeDispose(fn) {
     if (vueDemi.getCurrentScope()) {
       vueDemi.onScopeDispose(fn);
@@ -721,6 +731,15 @@
     return result;
   }
 
+  function tryOnBeforeMount(fn, sync = true) {
+    if (vueDemi.getCurrentInstance())
+      vueDemi.onBeforeMount(fn);
+    else if (sync)
+      fn();
+    else
+      vueDemi.nextTick(fn);
+  }
+
   function tryOnBeforeUnmount(fn) {
     if (vueDemi.getCurrentInstance())
       vueDemi.onBeforeUnmount(fn);
@@ -1359,6 +1378,7 @@
   exports.createEventHook = createEventHook;
   exports.createFilterWrapper = createFilterWrapper;
   exports.createGlobalState = createGlobalState;
+  exports.createInjectionState = createInjectionState;
   exports.createReactiveFn = reactify;
   exports.createSharedComposable = createSharedComposable;
   exports.createSingletonPromise = createSingletonPromise;
@@ -1416,6 +1436,7 @@
   exports.timestamp = timestamp;
   exports.toReactive = toReactive;
   exports.toRefs = toRefs;
+  exports.tryOnBeforeMount = tryOnBeforeMount;
   exports.tryOnBeforeUnmount = tryOnBeforeUnmount;
   exports.tryOnMounted = tryOnMounted;
   exports.tryOnScopeDispose = tryOnScopeDispose;

package/index.iife.min.js

@@ -1 +1 @@
-(function(a){if(!a.VueDemi){var o={},v=a.Vue;if(v)if(v.version.slice(0,2)==="2."){var b=a.VueCompositionAPI;if(b){for(var g in b)o[g]=b[g];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=v,o.Vue2=v,o.version=v.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.")}else if(v.version.slice(0,2)==="3."){for(var g in v)o[g]=v[g];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=v,o.Vue2=void 0,o.version=v.version,o.set=function(h,w,m){return Array.isArray(h)?(h.length=Math.max(h.length,w),h.splice(w,1,m),m):(h[w]=m,m)},o.del=function(h,w){if(Array.isArray(h)){h.splice(w,1);return}delete h[w]}}else console.error("[vue-demi] Vue version "+v.version+" is unsupported.");else console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.");a.VueDemi=o}})(window),function(a,o){"use strict";var v=Object.defineProperty,b=Object.defineProperties,g=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,B=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Ne=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&B(e,r,t[r]);if(h)for(var r of h(t))m.call(t,r)&&B(e,r,t[r]);return e},Me=(e,t)=>b(e,g(t));function H(e,t){var r;const n=o.shallowRef();return o.watchEffect(()=>{n.value=e()},Me(Ne({},t),{flush:(r=t==null?void 0:t.flush)!=null?r:"sync"})),o.readonly(n)}function Y(e,t){let r,n,i;const u=o.ref(!0);return o.watch(e,()=>{u.value=!0,i()},{flush:"sync"}),o.customRef((l,c)=>(n=l,i=c,{get(){return u.value&&(r=t(),u.value=!1),n(),r},set(){}}))}function We(){const e=[],t=i=>{const u=e.indexOf(i);u!==-1&&e.splice(u,1)};return{on:i=>(e.push(i),{off:()=>t(i)}),off:t,trigger:i=>{e.forEach(u=>u(i))}}}function Ue(e){let t=!1,r;const n=o.effectScope(!0);return()=>(t||(r=n.run(e),t=!0),r)}function $(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function Be(e){let t=0,r,n;const i=()=>{t-=1,n&&t<=0&&(n.stop(),r=void 0,n=void 0)};return(...u)=>(t+=1,r||(n=o.effectScope(!0),r=n.run(()=>e(...u))),$(i),r)}function G(e="this function"){if(!o.isVue3)throw new Error(`[VueUse] ${e} is only works on Vue 3.`)}const He={mounted:o.isVue3?"mounted":"inserted",updated:o.isVue3?"updated":"componentUpdated",unmounted:o.isVue3?"unmounted":"unbind"};function z(e,t,{enumerable:r=!1,unwrap:n=!0}={}){G();for(const[i,u]of Object.entries(t))i!=="value"&&(o.isRef(u)&&n?Object.defineProperty(e,i,{get(){return u.value},set(l){u.value=l},enumerable:r}):Object.defineProperty(e,i,{value:u,enumerable:r}));return e}function Ye(e,t){return t==null?o.unref(e):o.unref(e)[t]}function Ge(e){return o.unref(e)!=null}function L(...e){return o.computed(()=>e.every(t=>o.unref(t)))}function X(e){return o.computed(()=>!o.unref(e))}function Z(...e){return o.computed(()=>e.some(t=>o.unref(t)))}var ze=Object.defineProperty,q=Object.getOwnPropertySymbols,Le=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable,J=(e,t,r)=>t in e?ze(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Ze=(e,t)=>{for(var r in t||(t={}))Le.call(t,r)&&J(e,r,t[r]);if(q)for(var r of q(t))Xe.call(t,r)&&J(e,r,t[r]);return e};function qe(e,t){if(typeof Symbol!="undefined"){const r=Ze({},e);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:t[n++],done:n>t.length})}}}),r}else return Object.assign([...t],e)}function R(e){return function(...t){return o.computed(()=>e.apply(this,t.map(r=>o.unref(r))))}}function Je(e,t={}){let r=[];if(Array.isArray(t))r=t;else{const{includeOwnProperties:n=!0}=t;r.push(...Object.keys(e)),n&&r.push(...Object.getOwnPropertyNames(e))}return Object.fromEntries(r.map(n=>{const i=e[n];return[n,typeof i=="function"?R(i.bind(e)):i]}))}function Q(e){if(!o.isRef(e))return o.reactive(e);const t=new Proxy({},{get(r,n,i){return o.unref(Reflect.get(e.value,n,i))},set(r,n,i){return o.isRef(e.value[n])&&!o.isRef(i)?e.value[n].value=i:e.value[n]=i,!0},deleteProperty(r,n){return Reflect.deleteProperty(e.value,n)},has(r,n){return Reflect.has(e.value,n)},ownKeys(){return Object.keys(e.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return o.reactive(t)}function K(e){return Q(o.computed(e))}function Qe(e,...t){return K(()=>Object.fromEntries(Object.entries(o.toRefs(e)).filter(r=>!t.includes(r[0]))))}function Ke(e,...t){return o.reactive(Object.fromEntries(t.map(r=>[r,o.toRef(e,r)])))}function k(e,t=1e4){return o.customRef((r,n)=>{let i=e,u;const l=()=>setTimeout(()=>{i=e,n()},o.unref(t));return{get(){return r(),i},set(c){i=c,n(),clearTimeout(u),u=l()}}})}const E=typeof window!="undefined",ke=e=>typeof e!="undefined",De=(e,...t)=>{e||console.warn(...t)},D=Object.prototype.toString,xe=e=>typeof e=="boolean",et=e=>typeof e=="function",tt=e=>typeof e=="number",rt=e=>typeof e=="string",nt=e=>D.call(e)==="[object Object]",ot=e=>typeof window!="undefined"&&D.call(e)==="[object Window]",at=()=>Date.now(),x=()=>+Date.now(),it=(e,t,r)=>Math.min(r,Math.max(t,e)),ee=()=>{},ut=(e,t)=>(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e);function S(e,t){function r(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return r}const F=e=>e();function N(e,t={}){let r,n;return u=>{const l=o.unref(e),c=o.unref(t.maxWait);if(r&&clearTimeout(r),l<=0||c!==void 0&&c<=0)return n&&(clearTimeout(n),n=null),u();c&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,u()},c)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,u()},l)}}function M(e,t=!0,r=!0){let n=0,i,u=!r;const l=()=>{i&&(clearTimeout(i),i=void 0)};return s=>{const _=o.unref(e),p=Date.now()-n;if(l(),_<=0)return n=Date.now(),s();p>_&&(n=Date.now(),u?u=!1:s()),t&&(i=setTimeout(()=>{n=Date.now(),r||(u=!0),l(),s()},_)),!r&&!i&&(i=setTimeout(()=>u=!0,_))}}function te(e=F){const t=o.ref(!0);function r(){t.value=!1}function n(){t.value=!0}return{isActive:t,pause:r,resume:n,eventFilter:(...u)=>{t.value&&e(...u)}}}function re(e,t=!1,r="Timeout"){return new Promise((n,i)=>{setTimeout(t?()=>i(r):n,e)})}function lt(e){return e}function ct(e){let t;function r(){return t||(t=e()),t}return r.reset=async()=>{const n=t;t=void 0,n&&await n},r}function ft(e){return e()}function st(e,...t){return t.some(r=>r in e)}function dt(e,t){var r;if(typeof e=="number")return e+t;const n=((r=e.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",i=e.slice(n.length),u=parseFloat(n)+t;return Number.isNaN(u)?e:u+i}function pt(e,t,r=!1){return t.reduce((n,i)=>(i in e&&(!r||!e[i]===void 0)&&(n[i]=e[i]),n),{})}function ne(e,t=200,r={}){return S(N(t,r),e)}function W(e,t=200,r={}){if(t<=0)return e;const n=o.ref(e.value),i=ne(()=>{n.value=e.value},t,r);return o.watch(e,()=>i()),n}function _t(e,t){return o.computed({get(){var r;return(r=e.value)!=null?r:t},set(r){e.value=r}})}function oe(e,t=200,r=!0,n=!0){return S(M(t,r,n),e)}function U(e,t=200,r=!0,n=!0){if(t<=0)return e;const i=o.ref(e.value),u=oe(()=>{i.value=e.value},t,r,n);return o.watch(e,()=>u()),i}function ae(e,t={}){let r=e,n,i;const u=o.customRef((d,y)=>(n=d,i=y,{get(){return l()},set(O){c(O)}}));function l(d=!0){return d&&n(),r}function c(d,y=!0){var O,V;if(d===r)return;const P=r;((O=t.onBeforeChange)==null?void 0:O.call(t,d,P))!==!1&&(r=d,(V=t.onChanged)==null||V.call(t,d,P),y&&i())}return z(u,{get:l,set:c,untrackedGet:()=>l(!1),silentSet:d=>c(d,!1),peek:()=>l(!1),lay:d=>c(d,!1)},{enumerable:!0})}const yt=ae;function Ot(...e){if(e.length===2){const[t,r]=e;t.value=r}if(e.length===3)if(o.isVue2)o.set(...e);else{const[t,r,n]=e;t[r]=n}}function vt(e,t,r={}){const{flush:n="sync",deep:i=!1,immediate:u=!0,direction:l="both"}=r;let c,s;return(l==="both"||l==="ltr")&&(c=o.watch(e,_=>t.value=_,{flush:n,deep:i,immediate:u})),(l==="both"||l==="rtl")&&(s=o.watch(t,_=>e.value=_,{flush:n,deep:i,immediate:u})),()=>{c==null||c(),s==null||s()}}function ht(e,t,r={}){const{flush:n="sync",deep:i=!1,immediate:u=!0}=r;return Array.isArray(t)||(t=[t]),o.watch(e,l=>t.forEach(c=>c.value=l),{flush:n,deep:i,immediate:u})}var wt=Object.defineProperty,Pt=Object.defineProperties,gt=Object.getOwnPropertyDescriptors,ie=Object.getOwnPropertySymbols,mt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable,ue=(e,t,r)=>t in e?wt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,$t=(e,t)=>{for(var r in t||(t={}))mt.call(t,r)&&ue(e,r,t[r]);if(ie)for(var r of ie(t))bt.call(t,r)&&ue(e,r,t[r]);return e},St=(e,t)=>Pt(e,gt(t));function jt(e){if(!o.isRef(e))return o.toRefs(e);const t=Array.isArray(e.value)?new Array(e.value.length):{};for(const r in e.value)t[r]=o.customRef(()=>({get(){return e.value[r]},set(n){if(Array.isArray(e.value)){const i=[...e.value];i[r]=n,e.value=i}else e.value=St($t({},e.value),{[r]:n})}}));return t}function Et(e){o.getCurrentInstance()&&o.onBeforeUnmount(e)}function Ft(e,t=!0){o.getCurrentInstance()?o.onMounted(e):t?e():o.nextTick(e)}function Tt(e){o.getCurrentInstance()&&o.onUnmounted(e)}function It(e){let t=!1;function r(f,{flush:d="sync",deep:y=!1,timeout:O,throwOnTimeout:V}={}){let P=null;const Re=[new Promise(jr=>{P=o.watch(e,Er=>{f(Er)===!t&&(P==null||P(),jr())},{flush:d,deep:y,immediate:!0})})];return O&&Re.push(re(O,V).finally(()=>{P==null||P()})),Promise.race(Re)}function n(f,d){return r(y=>y===o.unref(f),d)}function i(f){return r(d=>Boolean(d),f)}function u(f){return n(null,f)}function l(f){return n(void 0,f)}function c(f){return r(Number.isNaN,f)}function s(f,d){return r(y=>{const O=Array.from(y);return O.includes(f)||O.includes(o.unref(f))},d)}function _(f){return p(1,f)}function p(f=1,d){let y=-1;return r(()=>(y+=1,y>=f),d)}return Array.isArray(o.unref(e))?{toMatch:r,toContains:s,changed:_,changedTimes:p,get not(){return t=!t,this}}:{toMatch:r,toBe:n,toBeTruthy:i,toBeNull:u,toBeNaN:c,toBeUndefined:l,changed:_,changedTimes:p,get not(){return t=!t,this}}}function At(e=0,t={}){const r=o.ref(e),{max:n=1/0,min:i=-1/0}=t,u=(p=1)=>r.value=Math.min(n,r.value+p),l=(p=1)=>r.value=Math.max(i,r.value-p),c=()=>r.value,s=p=>r.value=p;return{count:r,inc:u,dec:l,get:c,set:s,reset:(p=e)=>(e=p,s(p))}}const Ct=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,Vt=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,le=(e,t)=>{const r=e.getFullYear(),n=e.getMonth(),i=e.getDate(),u=e.getHours(),l=e.getMinutes(),c=e.getSeconds(),s=e.getMilliseconds(),_={YY:String(r).slice(-2),YYYY:r,M:n+1,MM:`${n+1}`.padStart(2,"0"),D:String(i),DD:`${i}`.padStart(2,"0"),H:String(u),HH:`${u}`.padStart(2,"0"),h:`${u%12||12}`.padStart(1,"0"),hh:`${u%12||12}`.padStart(2,"0"),m:String(l),mm:`${l}`.padStart(2,"0"),s:String(c),ss:`${c}`.padStart(2,"0"),SSS:`${s}`.padStart(3,"0")};return t.replace(Vt,(p,f)=>f||_[p])},ce=e=>{if(e===null)return new Date(NaN);if(e===void 0)return new Date;if(e instanceof Date)return new Date(e);if(typeof e=="string"&&!/Z$/i.test(e)){const t=e.match(Ct);if(t){const r=t[2]-1||0,n=(t[7]||"0").substring(0,3);return new Date(t[1],r,t[3]||1,t[4]||0,t[5]||0,t[6]||0,n)}}return new Date(e)};function Rt(e,t="HH:mm:ss"){return o.computed(()=>le(ce(o.unref(e)),o.unref(t)))}function fe(e,t=1e3,r={}){const{immediate:n=!0,immediateCallback:i=!1}=r;let u=null;const l=o.ref(!1);function c(){u&&(clearInterval(u),u=null)}function s(){l.value=!1,c()}function _(){t<=0||(l.value=!0,i&&e(),c(),u=setInterval(e,o.unref(t)))}if(n&&E&&_(),o.isRef(t)){const p=o.watch(t,()=>{n&&E&&_()});$(p)}return $(s),{isActive:l,pause:s,resume:_}}var Nt=Object.defineProperty,se=Object.getOwnPropertySymbols,Mt=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable,de=(e,t,r)=>t in e?Nt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Ut=(e,t)=>{for(var r in t||(t={}))Mt.call(t,r)&&de(e,r,t[r]);if(se)for(var r of se(t))Wt.call(t,r)&&de(e,r,t[r]);return e};function Bt(e=1e3,t={}){const{controls:r=!1,immediate:n=!0}=t,i=o.ref(0),u=fe(()=>i.value+=1,e,{immediate:n});return r?Ut({counter:i},u):i}function Ht(e,t={}){var r;const n=o.ref((r=t.initialValue)!=null?r:null);return o.watch(e,()=>n.value=x(),t),n}function pe(e,t,r={}){const{immediate:n=!0}=r,i=o.ref(!1);let u=null;function l(){u&&(clearTimeout(u),u=null)}function c(){i.value=!1,l()}function s(..._){l(),i.value=!0,u=setTimeout(()=>{i.value=!1,u=null,e(..._)},o.unref(t))}return n&&(i.value=!0,E&&s()),$(c),{isPending:i,start:s,stop:c}}var Yt=Object.defineProperty,_e=Object.getOwnPropertySymbols,Gt=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable,ye=(e,t,r)=>t in e?Yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Lt=(e,t)=>{for(var r in t||(t={}))Gt.call(t,r)&&ye(e,r,t[r]);if(_e)for(var r of _e(t))zt.call(t,r)&&ye(e,r,t[r]);return e};function Xt(e=1e3,t={}){const{controls:r=!1}=t,n=pe(ee,e,t),i=o.computed(()=>!n.isPending.value);return r?Lt({ready:i},n):i}function Zt(e=!1){if(o.isRef(e))return t=>(e.value=typeof t=="boolean"?t:!e.value,e.value);{const t=o.ref(e);return[t,n=>(t.value=typeof n=="boolean"?n:!t.value,t.value)]}}var Oe=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Jt=Object.prototype.propertyIsEnumerable,Qt=(e,t)=>{var r={};for(var n in e)qt.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&Oe)for(var n of Oe(e))t.indexOf(n)<0&&Jt.call(e,n)&&(r[n]=e[n]);return r};function j(e,t,r={}){const n=r,{eventFilter:i=F}=n,u=Qt(n,["eventFilter"]);return o.watch(e,S(i,t),u)}var ve=Object.getOwnPropertySymbols,Kt=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,Dt=(e,t)=>{var r={};for(var n in e)Kt.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&ve)for(var n of ve(e))t.indexOf(n)<0&&kt.call(e,n)&&(r[n]=e[n]);return r};function xt(e,t,r){const n=r,{count:i}=n,u=Dt(n,["count"]),l=o.ref(0),c=j(e,(...s)=>{l.value+=1,l.value>=o.unref(i)&&o.nextTick(()=>c()),t(...s)},u);return{count:l,stop:c}}var er=Object.defineProperty,tr=Object.defineProperties,rr=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,he=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,Pe=(e,t,r)=>t in e?er(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,nr=(e,t)=>{for(var r in t||(t={}))he.call(t,r)&&Pe(e,r,t[r]);if(T)for(var r of T(t))we.call(t,r)&&Pe(e,r,t[r]);return e},or=(e,t)=>tr(e,rr(t)),ar=(e,t)=>{var r={};for(var n in e)he.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&T)for(var n of T(e))t.indexOf(n)<0&&we.call(e,n)&&(r[n]=e[n]);return r};function ge(e,t,r={}){const n=r,{debounce:i=0}=n,u=ar(n,["debounce"]);return j(e,t,or(nr({},u),{eventFilter:N(i)}))}var ir=Object.defineProperty,ur=Object.defineProperties,lr=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,be=Object.prototype.propertyIsEnumerable,$e=(e,t,r)=>t in e?ir(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,cr=(e,t)=>{for(var r in t||(t={}))me.call(t,r)&&$e(e,r,t[r]);if(I)for(var r of I(t))be.call(t,r)&&$e(e,r,t[r]);return e},fr=(e,t)=>ur(e,lr(t)),sr=(e,t)=>{var r={};for(var n in e)me.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&I)for(var n of I(e))t.indexOf(n)<0&&be.call(e,n)&&(r[n]=e[n]);return r};function Se(e,t,r={}){const n=r,{eventFilter:i=F}=n,u=sr(n,["eventFilter"]),l=S(i,t);let c,s,_;if(u.flush==="sync"){const p=o.ref(!1);s=()=>{},c=f=>{p.value=!0,f(),p.value=!1},_=o.watch(e,(...f)=>{p.value||l(...f)},u)}else{const p=[],f=o.ref(0),d=o.ref(0);s=()=>{f.value=d.value},p.push(o.watch(e,()=>{d.value++},fr(cr({},u),{flush:"sync"}))),c=y=>{const O=d.value;y(),f.value+=d.value-O},p.push(o.watch(e,(...y)=>{const O=f.value>0&&f.value===d.value;f.value=0,d.value=0,!O&&l(...y)},u)),_=()=>{p.forEach(y=>y())}}return{stop:_,ignoreUpdates:c,ignorePrevAsyncUpdates:s}}function dr(e,t,r){const n=o.watch(e,(...i)=>(o.nextTick(()=>n()),t(...i)),r)}var pr=Object.defineProperty,_r=Object.defineProperties,yr=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,je=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable,Fe=(e,t,r)=>t in e?pr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Or=(e,t)=>{for(var r in t||(t={}))je.call(t,r)&&Fe(e,r,t[r]);if(A)for(var r of A(t))Ee.call(t,r)&&Fe(e,r,t[r]);return e},vr=(e,t)=>_r(e,yr(t)),hr=(e,t)=>{var r={};for(var n in e)je.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&A)for(var n of A(e))t.indexOf(n)<0&&Ee.call(e,n)&&(r[n]=e[n]);return r};function Te(e,t,r={}){const n=r,{eventFilter:i}=n,u=hr(n,["eventFilter"]),{eventFilter:l,pause:c,resume:s,isActive:_}=te(i);return{stop:j(e,t,vr(Or({},u),{eventFilter:l})),pause:c,resume:s,isActive:_}}var wr=Object.defineProperty,Pr=Object.defineProperties,gr=Object.getOwnPropertyDescriptors,C=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable,Ce=(e,t,r)=>t in e?wr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,mr=(e,t)=>{for(var r in t||(t={}))Ie.call(t,r)&&Ce(e,r,t[r]);if(C)for(var r of C(t))Ae.call(t,r)&&Ce(e,r,t[r]);return e},br=(e,t)=>Pr(e,gr(t)),$r=(e,t)=>{var r={};for(var n in e)Ie.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&C)for(var n of C(e))t.indexOf(n)<0&&Ae.call(e,n)&&(r[n]=e[n]);return r};function Ve(e,t,r={}){const n=r,{throttle:i=0,trailing:u=!0,leading:l=!0}=n,c=$r(n,["throttle","trailing","leading"]);return j(e,t,br(mr({},c),{eventFilter:M(i,u,l)}))}function Sr(e,t,r){return o.watch(e,(n,i,u)=>{n&&t(n,i,u)},r)}a.__onlyVue3=G,a.and=L,a.assert=De,a.autoResetRef=k,a.bypassFilter=F,a.clamp=it,a.computedEager=H,a.computedWithControl=Y,a.containsProp=st,a.controlledComputed=Y,a.controlledRef=yt,a.createEventHook=We,a.createFilterWrapper=S,a.createGlobalState=Ue,a.createReactiveFn=R,a.createSharedComposable=Be,a.createSingletonPromise=ct,a.debounceFilter=N,a.debouncedRef=W,a.debouncedWatch=ge,a.directiveHooks=He,a.eagerComputed=H,a.extendRef=z,a.formatDate=le,a.get=Ye,a.identity=lt,a.ignorableWatch=Se,a.increaseWithUnit=dt,a.invoke=ft,a.isBoolean=xe,a.isClient=E,a.isDef=ke,a.isDefined=Ge,a.isFunction=et,a.isNumber=tt,a.isObject=nt,a.isString=rt,a.isWindow=ot,a.logicAnd=L,a.logicNot=X,a.logicOr=Z,a.makeDestructurable=qe,a.noop=ee,a.normalizeDate=ce,a.not=X,a.now=at,a.objectPick=pt,a.or=Z,a.pausableFilter=te,a.pausableWatch=Te,a.promiseTimeout=re,a.rand=ut,a.reactify=R,a.reactifyObject=Je,a.reactiveComputed=K,a.reactiveOmit=Qe,a.reactivePick=Ke,a.refAutoReset=k,a.refDebounced=W,a.refDefault=_t,a.refThrottled=U,a.refWithControl=ae,a.set=Ot,a.syncRef=vt,a.syncRefs=ht,a.throttleFilter=M,a.throttledRef=U,a.throttledWatch=Ve,a.timestamp=x,a.toReactive=Q,a.toRefs=jt,a.tryOnBeforeUnmount=Et,a.tryOnMounted=Ft,a.tryOnScopeDispose=$,a.tryOnUnmounted=Tt,a.until=It,a.useCounter=At,a.useDateFormat=Rt,a.useDebounce=W,a.useDebounceFn=ne,a.useInterval=Bt,a.useIntervalFn=fe,a.useLastChanged=Ht,a.useThrottle=U,a.useThrottleFn=oe,a.useTimeout=Xt,a.useTimeoutFn=pe,a.useToggle=Zt,a.watchAtMost=xt,a.watchDebounced=ge,a.watchIgnorable=Se,a.watchOnce=dr,a.watchPausable=Te,a.watchThrottled=Ve,a.watchWithFilter=j,a.whenever=Sr,Object.defineProperty(a,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi);
+var VueDemi=function(o,a,b){if(o.install)return o;if(a)if(a.version.slice(0,2)==="2.")if(b){for(var P in b)o[P]=b[P];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=a,o.Vue2=a,o.version=a.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(a.version.slice(0,2)==="3."){for(var P in a)o[P]=a[P];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=a,o.Vue2=void 0,o.version=a.version,o.set=function(h,v,g){return Array.isArray(h)?(h.length=Math.max(h.length,v),h.splice(v,1,g),g):(h[v]=g,g)},o.del=function(h,v){if(Array.isArray(h)){h.splice(v,1);return}delete h[v]}}else console.error("[vue-demi] Vue version "+a.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,a){"use strict";var b=Object.defineProperty,P=Object.defineProperties,h=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,Mt=Object.prototype.propertyIsEnumerable,U=(t,e,r)=>e in t?b(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Nt=(t,e)=>{for(var r in e||(e={}))g.call(e,r)&&U(t,r,e[r]);if(v)for(var r of v(e))Mt.call(e,r)&&U(t,r,e[r]);return t},Wt=(t,e)=>P(t,h(e));function H(t,e){var r;const n=a.shallowRef();return a.watchEffect(()=>{n.value=t()},Wt(Nt({},e),{flush:(r=e==null?void 0:e.flush)!=null?r:"sync"})),a.readonly(n)}function Y(t,e){let r,n,i;const c=a.ref(!0);return a.watch(t,()=>{c.value=!0,i()},{flush:"sync"}),a.customRef((l,u)=>(n=l,i=u,{get(){return c.value&&(r=e(),c.value=!1),n(),r},set(){}}))}function Bt(){const t=[],e=i=>{const c=t.indexOf(i);c!==-1&&t.splice(c,1)};return{on:i=>(t.push(i),{off:()=>e(i)}),off:e,trigger:i=>{t.forEach(c=>c(i))}}}function Ut(t){let e=!1,r;const n=a.effectScope(!0);return()=>(e||(r=n.run(t),e=!0),r)}function Ht(t){const e=Symbol("InjectionState");return[(...i)=>{a.provide(e,t(...i))},()=>a.inject(e)]}function m(t){return a.getCurrentScope()?(a.onScopeDispose(t),!0):!1}function Yt(t){let e=0,r,n;const i=()=>{e-=1,n&&e<=0&&(n.stop(),r=void 0,n=void 0)};return(...c)=>(e+=1,r||(n=a.effectScope(!0),r=n.run(()=>t(...c))),m(i),r)}function G(t="this function"){if(!a.isVue3)throw new Error(`[VueUse] ${t} is only works on Vue 3.`)}const Gt={mounted:a.isVue3?"mounted":"inserted",updated:a.isVue3?"updated":"componentUpdated",unmounted:a.isVue3?"unmounted":"unbind"};function V(t,e,{enumerable:r=!1,unwrap:n=!0}={}){G();for(const[i,c]of Object.entries(e))i!=="value"&&(a.isRef(c)&&n?Object.defineProperty(t,i,{get(){return c.value},set(l){c.value=l},enumerable:r}):Object.defineProperty(t,i,{value:c,enumerable:r}));return t}function Vt(t,e){return e==null?a.unref(t):a.unref(t)[e]}function zt(t){return a.unref(t)!=null}function z(...t){return a.computed(()=>t.every(e=>a.unref(e)))}function L(t){return a.computed(()=>!a.unref(t))}function X(...t){return a.computed(()=>t.some(e=>a.unref(e)))}var Lt=Object.defineProperty,Z=Object.getOwnPropertySymbols,Xt=Object.prototype.hasOwnProperty,Zt=Object.prototype.propertyIsEnumerable,k=(t,e,r)=>e in t?Lt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,kt=(t,e)=>{for(var r in e||(e={}))Xt.call(e,r)&&k(t,r,e[r]);if(Z)for(var r of Z(e))Zt.call(e,r)&&k(t,r,e[r]);return t};function qt(t,e){if(typeof Symbol!="undefined"){const r=kt({},t);return Object.defineProperty(r,Symbol.iterator,{enumerable:!1,value(){let n=0;return{next:()=>({value:e[n++],done:n>e.length})}}}),r}else return Object.assign([...e],t)}function R(t){return function(...e){return a.computed(()=>t.apply(this,e.map(r=>a.unref(r))))}}function Jt(t,e={}){let r=[];if(Array.isArray(e))r=e;else{const{includeOwnProperties:n=!0}=e;r.push(...Object.keys(t)),n&&r.push(...Object.getOwnPropertyNames(t))}return Object.fromEntries(r.map(n=>{const i=t[n];return[n,typeof i=="function"?R(i.bind(t)):i]}))}function q(t){if(!a.isRef(t))return a.reactive(t);const e=new Proxy({},{get(r,n,i){return a.unref(Reflect.get(t.value,n,i))},set(r,n,i){return a.isRef(t.value[n])&&!a.isRef(i)?t.value[n].value=i:t.value[n]=i,!0},deleteProperty(r,n){return Reflect.deleteProperty(t.value,n)},has(r,n){return Reflect.has(t.value,n)},ownKeys(){return Object.keys(t.value)},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}}});return a.reactive(e)}function J(t){return q(a.computed(t))}function Qt(t,...e){return J(()=>Object.fromEntries(Object.entries(a.toRefs(t)).filter(r=>!e.includes(r[0]))))}function Kt(t,...e){return a.reactive(Object.fromEntries(e.map(r=>[r,a.toRef(t,r)])))}function Q(t,e=1e4){return a.customRef((r,n)=>{let i=t,c;const l=()=>setTimeout(()=>{i=t,n()},a.unref(e));return{get(){return r(),i},set(u){i=u,n(),clearTimeout(c),c=l()}}})}const j=typeof window!="undefined",Dt=t=>typeof t!="undefined",xt=(t,...e)=>{t||console.warn(...e)},K=Object.prototype.toString,te=t=>typeof t=="boolean",ee=t=>typeof t=="function",re=t=>typeof t=="number",ne=t=>typeof t=="string",oe=t=>K.call(t)==="[object Object]",ae=t=>typeof window!="undefined"&&K.call(t)==="[object Window]",ie=()=>Date.now(),D=()=>+Date.now(),ce=(t,e,r)=>Math.min(r,Math.max(e,t)),x=()=>{},le=(t,e)=>(t=Math.ceil(t),e=Math.floor(e),Math.floor(Math.random()*(e-t+1))+t);function $(t,e){function r(...n){t(()=>e.apply(this,n),{fn:e,thisArg:this,args:n})}return r}const I=t=>t();function M(t,e={}){let r,n;return c=>{const l=a.unref(t),u=a.unref(e.maxWait);if(r&&clearTimeout(r),l<=0||u!==void 0&&u<=0)return n&&(clearTimeout(n),n=null),c();u&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,c()},u)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,c()},l)}}function N(t,e=!0,r=!0){let n=0,i,c=!r;const l=()=>{i&&(clearTimeout(i),i=void 0)};return f=>{const _=a.unref(t),p=Date.now()-n;if(l(),_<=0)return n=Date.now(),f();p>_&&(n=Date.now(),c?c=!1:f()),e&&(i=setTimeout(()=>{n=Date.now(),r||(c=!0),l(),f()},_)),!r&&!i&&(i=setTimeout(()=>c=!0,_))}}function tt(t=I){const e=a.ref(!0);function r(){e.value=!1}function n(){e.value=!0}return{isActive:e,pause:r,resume:n,eventFilter:(...c)=>{e.value&&t(...c)}}}function et(t,e=!1,r="Timeout"){return new Promise((n,i)=>{setTimeout(e?()=>i(r):n,t)})}function ue(t){return t}function se(t){let e;function r(){return e||(e=t()),e}return r.reset=async()=>{const n=e;e=void 0,n&&await n},r}function fe(t){return t()}function de(t,...e){return e.some(r=>r in t)}function pe(t,e){var r;if(typeof t=="number")return t+e;const n=((r=t.match(/^-?[0-9]+\.?[0-9]*/))==null?void 0:r[0])||"",i=t.slice(n.length),c=parseFloat(n)+e;return Number.isNaN(c)?t:c+i}function _e(t,e,r=!1){return e.reduce((n,i)=>(i in t&&(!r||!t[i]===void 0)&&(n[i]=t[i]),n),{})}function rt(t,e=200,r={}){return $(M(e,r),t)}function W(t,e=200,r={}){if(e<=0)return t;const n=a.ref(t.value),i=rt(()=>{n.value=t.value},e,r);return a.watch(t,()=>i()),n}function ye(t,e){return a.computed({get(){var r;return(r=t.value)!=null?r:e},set(r){t.value=r}})}function nt(t,e=200,r=!0,n=!0){return $(N(e,r,n),t)}function B(t,e=200,r=!0,n=!0){if(e<=0)return t;const i=a.ref(t.value),c=nt(()=>{i.value=t.value},e,r,n);return a.watch(t,()=>c()),i}function ot(t,e={}){let r=t,n,i;const c=a.customRef((d,y)=>(n=d,i=y,{get(){return l()},set(O){u(O)}}));function l(d=!0){return d&&n(),r}function u(d,y=!0){var O,C;if(d===r)return;const w=r;((O=e.onBeforeChange)==null?void 0:O.call(e,d,w))!==!1&&(r=d,(C=e.onChanged)==null||C.call(e,d,w),y&&i())}return V(c,{get:l,set:u,untrackedGet:()=>l(!1),silentSet:d=>u(d,!1),peek:()=>l(!1),lay:d=>u(d,!1)},{enumerable:!0})}const Oe=ot;function he(...t){if(t.length===2){const[e,r]=t;e.value=r}if(t.length===3)if(a.isVue2)a.set(...t);else{const[e,r,n]=t;e[r]=n}}function ve(t,e,r={}){const{flush:n="sync",deep:i=!1,immediate:c=!0,direction:l="both"}=r;let u,f;return(l==="both"||l==="ltr")&&(u=a.watch(t,_=>e.value=_,{flush:n,deep:i,immediate:c})),(l==="both"||l==="rtl")&&(f=a.watch(e,_=>t.value=_,{flush:n,deep:i,immediate:c})),()=>{u==null||u(),f==null||f()}}function we(t,e,r={}){const{flush:n="sync",deep:i=!1,immediate:c=!0}=r;return Array.isArray(e)||(e=[e]),a.watch(t,l=>e.forEach(u=>u.value=l),{flush:n,deep:i,immediate:c})}var Pe=Object.defineProperty,ge=Object.defineProperties,be=Object.getOwnPropertyDescriptors,at=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,$e=Object.prototype.propertyIsEnumerable,it=(t,e,r)=>e in t?Pe(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Se=(t,e)=>{for(var r in e||(e={}))me.call(e,r)&&it(t,r,e[r]);if(at)for(var r of at(e))$e.call(e,r)&&it(t,r,e[r]);return t},je=(t,e)=>ge(t,be(e));function Ie(t){if(!a.isRef(t))return a.toRefs(t);const e=Array.isArray(t.value)?new Array(t.value.length):{};for(const r in t.value)e[r]=a.customRef(()=>({get(){return t.value[r]},set(n){if(Array.isArray(t.value)){const i=[...t.value];i[r]=n,t.value=i}else t.value=je(Se({},t.value),{[r]:n})}}));return e}function Ee(t,e=!0){a.getCurrentInstance()?a.onBeforeMount(t):e?t():a.nextTick(t)}function Te(t){a.getCurrentInstance()&&a.onBeforeUnmount(t)}function Fe(t,e=!0){a.getCurrentInstance()?a.onMounted(t):e?t():a.nextTick(t)}function Ae(t){a.getCurrentInstance()&&a.onUnmounted(t)}function Ce(t){let e=!1;function r(s,{flush:d="sync",deep:y=!1,timeout:O,throwOnTimeout:C}={}){let w=null;const Rt=[new Promise(Er=>{w=a.watch(t,Tr=>{s(Tr)===!e&&(w==null||w(),Er())},{flush:d,deep:y,immediate:!0})})];return O&&Rt.push(et(O,C).finally(()=>{w==null||w()})),Promise.race(Rt)}function n(s,d){return r(y=>y===a.unref(s),d)}function i(s){return r(d=>Boolean(d),s)}function c(s){return n(null,s)}function l(s){return n(void 0,s)}function u(s){return r(Number.isNaN,s)}function f(s,d){return r(y=>{const O=Array.from(y);return O.includes(s)||O.includes(a.unref(s))},d)}function _(s){return p(1,s)}function p(s=1,d){let y=-1;return r(()=>(y+=1,y>=s),d)}return Array.isArray(a.unref(t))?{toMatch:r,toContains:f,changed:_,changedTimes:p,get not(){return e=!e,this}}:{toMatch:r,toBe:n,toBeTruthy:i,toBeNull:c,toBeNaN:u,toBeUndefined:l,changed:_,changedTimes:p,get not(){return e=!e,this}}}function Re(t=0,e={}){const r=a.ref(t),{max:n=1/0,min:i=-1/0}=e,c=(p=1)=>r.value=Math.min(n,r.value+p),l=(p=1)=>r.value=Math.max(i,r.value-p),u=()=>r.value,f=p=>r.value=p;return{count:r,inc:c,dec:l,get:u,set:f,reset:(p=t)=>(t=p,f(p))}}const Me=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,Ne=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,ct=(t,e)=>{const r=t.getFullYear(),n=t.getMonth(),i=t.getDate(),c=t.getHours(),l=t.getMinutes(),u=t.getSeconds(),f=t.getMilliseconds(),_={YY:String(r).slice(-2),YYYY:r,M:n+1,MM:`${n+1}`.padStart(2,"0"),D:String(i),DD:`${i}`.padStart(2,"0"),H:String(c),HH:`${c}`.padStart(2,"0"),h:`${c%12||12}`.padStart(1,"0"),hh:`${c%12||12}`.padStart(2,"0"),m:String(l),mm:`${l}`.padStart(2,"0"),s:String(u),ss:`${u}`.padStart(2,"0"),SSS:`${f}`.padStart(3,"0")};return e.replace(Ne,(p,s)=>s||_[p])},lt=t=>{if(t===null)return new Date(NaN);if(t===void 0)return new Date;if(t instanceof Date)return new Date(t);if(typeof t=="string"&&!/Z$/i.test(t)){const e=t.match(Me);if(e){const r=e[2]-1||0,n=(e[7]||"0").substring(0,3);return new Date(e[1],r,e[3]||1,e[4]||0,e[5]||0,e[6]||0,n)}}return new Date(t)};function We(t,e="HH:mm:ss"){return a.computed(()=>ct(lt(a.unref(t)),a.unref(e)))}function ut(t,e=1e3,r={}){const{immediate:n=!0,immediateCallback:i=!1}=r;let c=null;const l=a.ref(!1);function u(){c&&(clearInterval(c),c=null)}function f(){l.value=!1,u()}function _(){e<=0||(l.value=!0,i&&t(),u(),c=setInterval(t,a.unref(e)))}if(n&&j&&_(),a.isRef(e)){const p=a.watch(e,()=>{n&&j&&_()});m(p)}return m(f),{isActive:l,pause:f,resume:_}}var Be=Object.defineProperty,st=Object.getOwnPropertySymbols,Ue=Object.prototype.hasOwnProperty,He=Object.prototype.propertyIsEnumerable,ft=(t,e,r)=>e in t?Be(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ye=(t,e)=>{for(var r in e||(e={}))Ue.call(e,r)&&ft(t,r,e[r]);if(st)for(var r of st(e))He.call(e,r)&&ft(t,r,e[r]);return t};function Ge(t=1e3,e={}){const{controls:r=!1,immediate:n=!0}=e,i=a.ref(0),c=ut(()=>i.value+=1,t,{immediate:n});return r?Ye({counter:i},c):i}function Ve(t,e={}){var r;const n=a.ref((r=e.initialValue)!=null?r:null);return a.watch(t,()=>n.value=D(),e),n}function dt(t,e,r={}){const{immediate:n=!0}=r,i=a.ref(!1);let c=null;function l(){c&&(clearTimeout(c),c=null)}function u(){i.value=!1,l()}function f(..._){l(),i.value=!0,c=setTimeout(()=>{i.value=!1,c=null,t(..._)},a.unref(e))}return n&&(i.value=!0,j&&f()),m(u),{isPending:i,start:f,stop:u}}var ze=Object.defineProperty,pt=Object.getOwnPropertySymbols,Le=Object.prototype.hasOwnProperty,Xe=Object.prototype.propertyIsEnumerable,_t=(t,e,r)=>e in t?ze(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,Ze=(t,e)=>{for(var r in e||(e={}))Le.call(e,r)&&_t(t,r,e[r]);if(pt)for(var r of pt(e))Xe.call(e,r)&&_t(t,r,e[r]);return t};function ke(t=1e3,e={}){const{controls:r=!1}=e,n=dt(x,t,e),i=a.computed(()=>!n.isPending.value);return r?Ze({ready:i},n):i}function qe(t=!1){if(a.isRef(t))return e=>(t.value=typeof e=="boolean"?e:!t.value,t.value);{const e=a.ref(t);return[e,n=>(e.value=typeof n=="boolean"?n:!e.value,e.value)]}}var yt=Object.getOwnPropertySymbols,Je=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable,Ke=(t,e)=>{var r={};for(var n in t)Je.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&yt)for(var n of yt(t))e.indexOf(n)<0&&Qe.call(t,n)&&(r[n]=t[n]);return r};function S(t,e,r={}){const n=r,{eventFilter:i=I}=n,c=Ke(n,["eventFilter"]);return a.watch(t,$(i,e),c)}var Ot=Object.getOwnPropertySymbols,De=Object.prototype.hasOwnProperty,xe=Object.prototype.propertyIsEnumerable,tr=(t,e)=>{var r={};for(var n in t)De.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&Ot)for(var n of Ot(t))e.indexOf(n)<0&&xe.call(t,n)&&(r[n]=t[n]);return r};function er(t,e,r){const n=r,{count:i}=n,c=tr(n,["count"]),l=a.ref(0),u=S(t,(...f)=>{l.value+=1,l.value>=a.unref(i)&&a.nextTick(()=>u()),e(...f)},c);return{count:l,stop:u}}var rr=Object.defineProperty,nr=Object.defineProperties,or=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,ht=Object.prototype.hasOwnProperty,vt=Object.prototype.propertyIsEnumerable,wt=(t,e,r)=>e in t?rr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,ar=(t,e)=>{for(var r in e||(e={}))ht.call(e,r)&&wt(t,r,e[r]);if(E)for(var r of E(e))vt.call(e,r)&&wt(t,r,e[r]);return t},ir=(t,e)=>nr(t,or(e)),cr=(t,e)=>{var r={};for(var n in t)ht.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&E)for(var n of E(t))e.indexOf(n)<0&&vt.call(t,n)&&(r[n]=t[n]);return r};function Pt(t,e,r={}){const n=r,{debounce:i=0}=n,c=cr(n,["debounce"]);return S(t,e,ir(ar({},c),{eventFilter:M(i)}))}var lr=Object.defineProperty,ur=Object.defineProperties,sr=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,gt=Object.prototype.hasOwnProperty,bt=Object.prototype.propertyIsEnumerable,mt=(t,e,r)=>e in t?lr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,fr=(t,e)=>{for(var r in e||(e={}))gt.call(e,r)&&mt(t,r,e[r]);if(T)for(var r of T(e))bt.call(e,r)&&mt(t,r,e[r]);return t},dr=(t,e)=>ur(t,sr(e)),pr=(t,e)=>{var r={};for(var n in t)gt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&T)for(var n of T(t))e.indexOf(n)<0&&bt.call(t,n)&&(r[n]=t[n]);return r};function $t(t,e,r={}){const n=r,{eventFilter:i=I}=n,c=pr(n,["eventFilter"]),l=$(i,e);let u,f,_;if(c.flush==="sync"){const p=a.ref(!1);f=()=>{},u=s=>{p.value=!0,s(),p.value=!1},_=a.watch(t,(...s)=>{p.value||l(...s)},c)}else{const p=[],s=a.ref(0),d=a.ref(0);f=()=>{s.value=d.value},p.push(a.watch(t,()=>{d.value++},dr(fr({},c),{flush:"sync"}))),u=y=>{const O=d.value;y(),s.value+=d.value-O},p.push(a.watch(t,(...y)=>{const O=s.value>0&&s.value===d.value;s.value=0,d.value=0,!O&&l(...y)},c)),_=()=>{p.forEach(y=>y())}}return{stop:_,ignoreUpdates:u,ignorePrevAsyncUpdates:f}}function _r(t,e,r){const n=a.watch(t,(...i)=>(a.nextTick(()=>n()),e(...i)),r)}var yr=Object.defineProperty,Or=Object.defineProperties,hr=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertySymbols,St=Object.prototype.hasOwnProperty,jt=Object.prototype.propertyIsEnumerable,It=(t,e,r)=>e in t?yr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,vr=(t,e)=>{for(var r in e||(e={}))St.call(e,r)&&It(t,r,e[r]);if(F)for(var r of F(e))jt.call(e,r)&&It(t,r,e[r]);return t},wr=(t,e)=>Or(t,hr(e)),Pr=(t,e)=>{var r={};for(var n in t)St.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&F)for(var n of F(t))e.indexOf(n)<0&&jt.call(t,n)&&(r[n]=t[n]);return r};function Et(t,e,r={}){const n=r,{eventFilter:i}=n,c=Pr(n,["eventFilter"]),{eventFilter:l,pause:u,resume:f,isActive:_}=tt(i);return{stop:S(t,e,wr(vr({},c),{eventFilter:l})),pause:u,resume:f,isActive:_}}var gr=Object.defineProperty,br=Object.defineProperties,mr=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,Tt=Object.prototype.hasOwnProperty,Ft=Object.prototype.propertyIsEnumerable,At=(t,e,r)=>e in t?gr(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,$r=(t,e)=>{for(var r in e||(e={}))Tt.call(e,r)&&At(t,r,e[r]);if(A)for(var r of A(e))Ft.call(e,r)&&At(t,r,e[r]);return t},Sr=(t,e)=>br(t,mr(e)),jr=(t,e)=>{var r={};for(var n in t)Tt.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(t!=null&&A)for(var n of A(t))e.indexOf(n)<0&&Ft.call(t,n)&&(r[n]=t[n]);return r};function Ct(t,e,r={}){const n=r,{throttle:i=0,trailing:c=!0,leading:l=!0}=n,u=jr(n,["throttle","trailing","leading"]);return S(t,e,Sr($r({},u),{eventFilter:N(i,c,l)}))}function Ir(t,e,r){return a.watch(t,(n,i,c)=>{n&&e(n,i,c)},r)}o.__onlyVue3=G,o.and=z,o.assert=xt,o.autoResetRef=Q,o.bypassFilter=I,o.clamp=ce,o.computedEager=H,o.computedWithControl=Y,o.containsProp=de,o.controlledComputed=Y,o.controlledRef=Oe,o.createEventHook=Bt,o.createFilterWrapper=$,o.createGlobalState=Ut,o.createInjectionState=Ht,o.createReactiveFn=R,o.createSharedComposable=Yt,o.createSingletonPromise=se,o.debounceFilter=M,o.debouncedRef=W,o.debouncedWatch=Pt,o.directiveHooks=Gt,o.eagerComputed=H,o.extendRef=V,o.formatDate=ct,o.get=Vt,o.identity=ue,o.ignorableWatch=$t,o.increaseWithUnit=pe,o.invoke=fe,o.isBoolean=te,o.isClient=j,o.isDef=Dt,o.isDefined=zt,o.isFunction=ee,o.isNumber=re,o.isObject=oe,o.isString=ne,o.isWindow=ae,o.logicAnd=z,o.logicNot=L,o.logicOr=X,o.makeDestructurable=qt,o.noop=x,o.normalizeDate=lt,o.not=L,o.now=ie,o.objectPick=_e,o.or=X,o.pausableFilter=tt,o.pausableWatch=Et,o.promiseTimeout=et,o.rand=le,o.reactify=R,o.reactifyObject=Jt,o.reactiveComputed=J,o.reactiveOmit=Qt,o.reactivePick=Kt,o.refAutoReset=Q,o.refDebounced=W,o.refDefault=ye,o.refThrottled=B,o.refWithControl=ot,o.set=he,o.syncRef=ve,o.syncRefs=we,o.throttleFilter=N,o.throttledRef=B,o.throttledWatch=Ct,o.timestamp=D,o.toReactive=q,o.toRefs=Ie,o.tryOnBeforeMount=Ee,o.tryOnBeforeUnmount=Te,o.tryOnMounted=Fe,o.tryOnScopeDispose=m,o.tryOnUnmounted=Ae,o.until=Ce,o.useCounter=Re,o.useDateFormat=We,o.useDebounce=W,o.useDebounceFn=rt,o.useInterval=Ge,o.useIntervalFn=ut,o.useLastChanged=Ve,o.useThrottle=B,o.useThrottleFn=nt,o.useTimeout=ke,o.useTimeoutFn=dt,o.useToggle=qe,o.watchAtMost=er,o.watchDebounced=Pt,o.watchIgnorable=$t,o.watchOnce=_r,o.watchPausable=Et,o.watchThrottled=Ct,o.watchWithFilter=S,o.whenever=Ir,Object.defineProperty(o,"__esModule",{value:!0})})(this.VueUse=this.VueUse||{},VueDemi);

package/index.mjs

@@ -1,4 +1,4 @@
-import { shallowRef, watchEffect, readonly, ref, watch, customRef, effectScope, getCurrentScope, onScopeDispose, isVue3, isRef, unref, computed, reactive, toRefs as toRefs$1, toRef, isVue2, set as set$1, getCurrentInstance, onBeforeUnmount, onMounted, nextTick, onUnmounted } from 'vue-demi';
+import { shallowRef, watchEffect, readonly, ref, watch, customRef, effectScope, provide, inject, getCurrentScope, onScopeDispose, isVue3, isRef, unref, computed, reactive, toRefs as toRefs$1, toRef, isVue2, set as set$1, getCurrentInstance, onBeforeMount, nextTick, onBeforeUnmount, onMounted, onUnmounted } from 'vue-demi';
 
 var __defProp$8 = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
@@ -93,6 +93,15 @@ function createGlobalState(stateFactory) {
   };
 }
 
+function createInjectionState(composable) {
+  const key = Symbol("InjectionState");
+  const useProvidingState = (...args) => {
+    provide(key, composable(...args));
+  };
+  const useInjectedState = () => inject(key);
+  return [useProvidingState, useInjectedState];
+}
+
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -659,6 +668,15 @@ function toRefs(objectRef) {
   return result;
 }
 
+function tryOnBeforeMount(fn, sync = true) {
+  if (getCurrentInstance())
+    onBeforeMount(fn);
+  else if (sync)
+    fn();
+  else
+    nextTick(fn);
+}
+
 function tryOnBeforeUnmount(fn) {
   if (getCurrentInstance())
     onBeforeUnmount(fn);
@@ -1283,4 +1301,4 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-export { __onlyVue3, logicAnd as and, assert, refAutoReset as autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, refDebounced as debouncedRef, watchDebounced as debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, identity, watchIgnorable as ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, logicAnd, logicNot, logicOr, makeDestructurable, noop, normalizeDate, logicNot as not, now, objectPick, logicOr as or, pausableFilter, watchPausable as pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, watchThrottled as throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDateFormat, refDebounced as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchDebounced, watchIgnorable, watchOnce, watchPausable, watchThrottled, watchWithFilter, whenever };
+export { __onlyVue3, logicAnd as and, assert, refAutoReset as autoResetRef, bypassFilter, clamp, computedEager, computedWithControl, containsProp, computedWithControl as controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createInjectionState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, refDebounced as debouncedRef, watchDebounced as debouncedWatch, directiveHooks, computedEager as eagerComputed, extendRef, formatDate, get, identity, watchIgnorable as ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, logicAnd, logicNot, logicOr, makeDestructurable, noop, normalizeDate, logicNot as not, now, objectPick, logicOr as or, pausableFilter, watchPausable as pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactiveComputed, reactiveOmit, reactivePick, refAutoReset, refDebounced, refDefault, refThrottled, refWithControl, set, syncRef, syncRefs, throttleFilter, refThrottled as throttledRef, watchThrottled as throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeMount, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDateFormat, refDebounced as useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, refThrottled as useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchDebounced, watchIgnorable, watchOnce, watchPausable, watchThrottled, watchWithFilter, whenever };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueuse/shared",
-  "version": "8.1.1",
+  "version": "8.2.1",
   "keywords": [
     "vue",
     "vue-use",