@vueuse/shared 6.8.0 → 6.9.0

package/index.cjs

@@ -166,6 +166,12 @@ function createGlobalState(stateFactory) {
   };
 }
 
+function reactify(fn) {
+  return function(...args) {
+    return vueDemi.computed(() => fn.apply(this, args.map((i) => vueDemi.unref(i))));
+  };
+}
+
 function tryOnScopeDispose(fn) {
   if (vueDemi.getCurrentScope()) {
     vueDemi.onScopeDispose(fn);
@@ -368,6 +374,21 @@ function objectPick(obj, keys, omitUndefined = false) {
   }, {});
 }
 
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn);
+}
+
+function useDebounce(value, ms = 200, options = {}) {
+  if (ms <= 0)
+    return value;
+  const debounced = vueDemi.ref(value.value);
+  const updater = useDebounceFn(() => {
+    debounced.value = value.value;
+  }, ms, options);
+  vueDemi.watch(value, () => updater());
+  return debounced;
+}
+
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -625,12 +646,6 @@ function pausableWatch(source, cb, options = {}) {
   return { stop, pause, resume, isActive };
 }
 
-function reactify(fn) {
-  return function(...args) {
-    return vueDemi.computed(() => fn.apply(this, args.map((i) => vueDemi.unref(i))));
-  };
-}
-
 function reactifyObject(obj, optionsOrKeys = {}) {
   let keys = [];
   if (Array.isArray(optionsOrKeys)) {
@@ -688,13 +703,22 @@ function syncRef(source, targets, {
 } = {}) {
   if (!Array.isArray(targets))
     targets = [targets];
-  return vueDemi.watch(source, (newValue) => {
-    targets.forEach((target) => target.value = newValue);
-  }, {
-    flush,
-    deep,
-    immediate
-  });
+  return vueDemi.watch(source, (newValue) => targets.forEach((target) => target.value = newValue), { flush, deep, immediate });
+}
+
+function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
+}
+
+function useThrottle(value, delay = 200, trailing = true, leading = true) {
+  if (delay <= 0)
+    return value;
+  const throttled = vueDemi.ref(value.value);
+  const updater = useThrottleFn(() => {
+    throttled.value = value.value;
+  }, delay, trailing, leading);
+  vueDemi.watch(value, () => updater());
+  return throttled;
 }
 
 var __defProp$3 = Object.defineProperty;
@@ -933,21 +957,6 @@ function useCounter(initialValue = 0) {
   return { count, inc, dec, get, set, reset };
 }
 
-function useDebounceFn(fn, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn);
-}
-
-function useDebounce(value, ms = 200, options = {}) {
-  if (ms <= 0)
-    return value;
-  const debounced = vueDemi.ref(value.value);
-  const updater = useDebounceFn(() => {
-    debounced.value = value.value;
-  }, ms, options);
-  vueDemi.watch(value, () => updater());
-  return debounced;
-}
-
 function useIntervalFn(cb, interval = 1e3, options = {}) {
   const {
     immediate = true,
@@ -1023,21 +1032,6 @@ function useLastChanged(source, options = {}) {
   return ms;
 }
 
-function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
-}
-
-function useThrottle(value, delay = 200, trailing = true, leading = true) {
-  if (delay <= 0)
-    return value;
-  const throttled = vueDemi.ref(value.value);
-  const updater = useThrottleFn(() => {
-    throttled.value = value.value;
-  }, delay, trailing, leading);
-  vueDemi.watch(value, () => updater());
-  return throttled;
-}
-
 function useTimeoutFn(cb, interval, options = {}) {
   const {
     immediate = true
@@ -1177,9 +1171,11 @@ exports.controlledRef = controlledRef;
 exports.createEventHook = createEventHook;
 exports.createFilterWrapper = createFilterWrapper;
 exports.createGlobalState = createGlobalState;
+exports.createReactiveFn = reactify;
 exports.createSharedComposable = createSharedComposable;
 exports.createSingletonPromise = createSingletonPromise;
 exports.debounceFilter = debounceFilter;
+exports.debouncedRef = useDebounce;
 exports.debouncedWatch = debouncedWatch;
 exports.eagerComputed = eagerComputed;
 exports.extendRef = extendRef;
@@ -1214,6 +1210,7 @@ exports.refDefault = refDefault;
 exports.set = set;
 exports.syncRef = syncRef;
 exports.throttleFilter = throttleFilter;
+exports.throttledRef = useThrottle;
 exports.throttledWatch = throttledWatch;
 exports.timestamp = timestamp;
 exports.toReactive = toReactive;

package/index.d.ts

@@ -279,6 +279,18 @@ declare type CreateGlobalStateReturn<T> = () => T;
  */
 declare function createGlobalState<T>(stateFactory: () => T): CreateGlobalStateReturn<T>;
 
+declare type Reactify<T> = T extends (...args: infer A) => infer R ? (...args: {
+    [K in keyof A]: MaybeRef<A[K]>;
+}) => ComputedRef<R> : never;
+/**
+ * Converts plain function into a reactive function.
+ * The converted function accepts refs as it's arguments
+ * and returns a ComputedRef, with proper typing.
+ *
+ * @param fn - Source function
+ */
+declare function reactify<T extends Function>(fn: T): Reactify<T>;
+
 /**
  * Make a composable function usable with multiple Vue instances.
  *
@@ -286,6 +298,13 @@ declare function createGlobalState<T>(stateFactory: () => T): CreateGlobalStateR
  */
 declare function createSharedComposable<Fn extends ((...args: any[]) => any)>(composable: Fn): Fn;
 
+/**
+ * Debounce updates of a ref.
+ *
+ * @return A new debounced ref.
+ */
+declare function useDebounce<T>(value: Ref<T>, ms?: number, options?: DebounceFilterOptions): Readonly<Ref<T>>;
+
 interface DebouncedWatchOptions<Immediate> extends WatchOptions<Immediate> {
     debounce?: MaybeRef<number>;
 }
@@ -367,18 +386,6 @@ declare function pausableWatch<T extends Readonly<WatchSource<unknown>[]>, Immed
 declare function pausableWatch<T, Immediate extends Readonly<boolean> = false>(source: WatchSource<T>, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: WatchWithFilterOptions<Immediate>): PausableWatchReturn;
 declare function pausableWatch<T extends object, Immediate extends Readonly<boolean> = false>(source: T, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: WatchWithFilterOptions<Immediate>): PausableWatchReturn;
 
-declare type Reactify<T> = T extends (...args: infer A) => infer R ? (...args: {
-    [K in keyof A]: MaybeRef<A[K]>;
-}) => ComputedRef<R> : never;
-/**
- * Converts plain function into a reactive function.
- * The converted function accepts refs as it's arguments
- * and returns a ComputedRef, with proper typing.
- *
- * @param fn - Source function
- */
-declare function reactify<T extends Function>(fn: T): Reactify<T>;
-
 declare type ReactifyNested<T, Keys extends keyof T = keyof T> = {
     [K in Keys]: T[K] extends (...args: any[]) => any ? Reactify<T[K]> : T[K];
 };
@@ -436,7 +443,18 @@ interface SyncRefOptions extends ConfigurableFlushSync {
  * @param source source ref
  * @param targets
  */
-declare function syncRef<R extends Ref<any>>(source: R, targets: R | R[], { flush, deep, immediate, }?: SyncRefOptions): vue_demi.WatchStopHandle;
+declare function syncRef<T>(source: WatchSource<T>, targets: Ref<T> | Ref<T>[], { flush, deep, immediate, }?: SyncRefOptions): vue_demi.WatchStopHandle;
+
+/**
+ * Throttle execution of a function. Especially useful for rate limiting
+ * execution of handlers on events like resize and scroll.
+ *
+ * @param value Ref value to be watched with throttle effect
+ * @param  delay  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
+ * @param [trailing=true] if true, update the value again after the delay time is up
+ * @param [leading=true] if true, update the value on the leading edge of the ms timeout
+ */
+declare function useThrottle<T>(value: Ref<T>, delay?: number, trailing?: boolean, leading?: boolean): Ref<T>;
 
 interface ThrottledWatchOptions<Immediate> extends WatchOptions<Immediate> {
     throttle?: MaybeRef<number>;
@@ -567,8 +585,6 @@ declare function useCounter(initialValue?: number): {
     reset: (val?: number) => number;
 };
 
-declare function useDebounce<T>(value: Ref<T>, ms?: number, options?: DebounceFilterOptions): Readonly<Ref<T>>;
-
 /**
  * Debounce execution of a function.
  *
@@ -634,17 +650,6 @@ declare function useLastChanged(source: WatchSource, options?: UseLastChangedOpt
 declare function useLastChanged(source: WatchSource, options: UseLastChangedOptions<true>): Ref<number>;
 declare function useLastChanged(source: WatchSource, options: UseLastChangedOptions<boolean, number>): Ref<number>;
 
-/**
- * Throttle execution of a function. Especially useful for rate limiting
- * execution of handlers on events like resize and scroll.
- *
- * @param value Ref value to be watched with throttle effect
- * @param  delay  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
- * @param [trailing=true] if true, update the value again after the delay time is up
- * @param [leading=true] if true, update the value on the leading edge of the ms timeout
- */
-declare function useThrottle<T>(value: Ref<T>, delay?: number, trailing?: boolean, leading?: boolean): Ref<T>;
-
 /**
  * Throttle execution of a function. Especially useful for rate limiting
  * execution of handlers on events like resize and scroll.
@@ -729,4 +734,4 @@ declare function watchOnce<T, Immediate extends Readonly<boolean> = false>(sourc
  */
 declare function whenever<T>(source: WatchSource<T>, cb: WatchCallback, options?: WatchOptions): vue_demi.WatchStopHandle;
 
-export { ConfigurableEventFilter, ConfigurableFlush, ConfigurableFlushSync, ControlledRefOptions, CreateGlobalStateReturn, DebounceFilterOptions, DebouncedWatchOptions, DeepMaybeRef, ElementOf, EventFilter, EventHook, EventHookOff, EventHookOn, EventHookTrigger, ExtendRefOptions, Fn, FunctionArgs, FunctionWrapperOptions, IgnorableWatchReturn, IgnoredUpdater, IntervalFnOptions, IntervalOptions, MapOldSources, MapSources, MaybeRef, Pausable, PausableWatchReturn, Reactify, ReactifyNested, ReactifyObjectOptions, RemoveableRef, ShallowUnwrapRef, SingletonPromiseReturn, Stopable, SyncRefOptions, ThrottledWatchOptions, TimeoutFnOptions, TimeoutOptions, UntilArrayInstance, UntilBaseInstance, UntilToMatchOptions, UntilValueInstance, UseLastChangedOptions, WatchAtMostOptions, WatchAtMostReturn, WatchWithFilterOptions, and, assert, biSyncRef, bypassFilter, clamp, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createSharedComposable, createSingletonPromise, debounceFilter, debouncedWatch, eagerComputed, extendRef, get, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, makeDestructurable, noop, not, now, objectPick, or, pausableFilter, pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactivePick, refDefault, set, syncRef, throttleFilter, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchOnce, watchWithFilter, whenever };
+export { ConfigurableEventFilter, ConfigurableFlush, ConfigurableFlushSync, ControlledRefOptions, CreateGlobalStateReturn, DebounceFilterOptions, DebouncedWatchOptions, DeepMaybeRef, ElementOf, EventFilter, EventHook, EventHookOff, EventHookOn, EventHookTrigger, ExtendRefOptions, Fn, FunctionArgs, FunctionWrapperOptions, IgnorableWatchReturn, IgnoredUpdater, IntervalFnOptions, IntervalOptions, MapOldSources, MapSources, MaybeRef, Pausable, PausableWatchReturn, Reactify, ReactifyNested, ReactifyObjectOptions, RemoveableRef, ShallowUnwrapRef, SingletonPromiseReturn, Stopable, SyncRefOptions, ThrottledWatchOptions, TimeoutFnOptions, TimeoutOptions, UntilArrayInstance, UntilBaseInstance, UntilToMatchOptions, UntilValueInstance, UseLastChangedOptions, WatchAtMostOptions, WatchAtMostReturn, WatchWithFilterOptions, and, assert, biSyncRef, bypassFilter, clamp, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, useDebounce as debouncedRef, debouncedWatch, eagerComputed, extendRef, get, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, makeDestructurable, noop, not, now, objectPick, or, pausableFilter, pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactivePick, refDefault, set, syncRef, throttleFilter, useThrottle as throttledRef, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchOnce, watchWithFilter, whenever };

package/index.iife.js

@@ -224,6 +224,12 @@
     };
   }
 
+  function reactify(fn) {
+    return function(...args) {
+      return vueDemi.computed(() => fn.apply(this, args.map((i) => vueDemi.unref(i))));
+    };
+  }
+
   function tryOnScopeDispose(fn) {
     if (vueDemi.getCurrentScope()) {
       vueDemi.onScopeDispose(fn);
@@ -426,6 +432,21 @@
     }, {});
   }
 
+  function useDebounceFn(fn, ms = 200, options = {}) {
+    return createFilterWrapper(debounceFilter(ms, options), fn);
+  }
+
+  function useDebounce(value, ms = 200, options = {}) {
+    if (ms <= 0)
+      return value;
+    const debounced = vueDemi.ref(value.value);
+    const updater = useDebounceFn(() => {
+      debounced.value = value.value;
+    }, ms, options);
+    vueDemi.watch(value, () => updater());
+    return debounced;
+  }
+
   var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
   var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
   var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -683,12 +704,6 @@
     return { stop, pause, resume, isActive };
   }
 
-  function reactify(fn) {
-    return function(...args) {
-      return vueDemi.computed(() => fn.apply(this, args.map((i) => vueDemi.unref(i))));
-    };
-  }
-
   function reactifyObject(obj, optionsOrKeys = {}) {
     let keys = [];
     if (Array.isArray(optionsOrKeys)) {
@@ -746,13 +761,22 @@
   } = {}) {
     if (!Array.isArray(targets))
       targets = [targets];
-    return vueDemi.watch(source, (newValue) => {
-      targets.forEach((target) => target.value = newValue);
-    }, {
-      flush,
-      deep,
-      immediate
-    });
+    return vueDemi.watch(source, (newValue) => targets.forEach((target) => target.value = newValue), { flush, deep, immediate });
+  }
+
+  function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+    return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
+  }
+
+  function useThrottle(value, delay = 200, trailing = true, leading = true) {
+    if (delay <= 0)
+      return value;
+    const throttled = vueDemi.ref(value.value);
+    const updater = useThrottleFn(() => {
+      throttled.value = value.value;
+    }, delay, trailing, leading);
+    vueDemi.watch(value, () => updater());
+    return throttled;
   }
 
   var __defProp$3 = Object.defineProperty;
@@ -991,21 +1015,6 @@
     return { count, inc, dec, get, set, reset };
   }
 
-  function useDebounceFn(fn, ms = 200, options = {}) {
-    return createFilterWrapper(debounceFilter(ms, options), fn);
-  }
-
-  function useDebounce(value, ms = 200, options = {}) {
-    if (ms <= 0)
-      return value;
-    const debounced = vueDemi.ref(value.value);
-    const updater = useDebounceFn(() => {
-      debounced.value = value.value;
-    }, ms, options);
-    vueDemi.watch(value, () => updater());
-    return debounced;
-  }
-
   function useIntervalFn(cb, interval = 1e3, options = {}) {
     const {
       immediate = true,
@@ -1081,21 +1090,6 @@
     return ms;
   }
 
-  function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
-    return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
-  }
-
-  function useThrottle(value, delay = 200, trailing = true, leading = true) {
-    if (delay <= 0)
-      return value;
-    const throttled = vueDemi.ref(value.value);
-    const updater = useThrottleFn(() => {
-      throttled.value = value.value;
-    }, delay, trailing, leading);
-    vueDemi.watch(value, () => updater());
-    return throttled;
-  }
-
   function useTimeoutFn(cb, interval, options = {}) {
     const {
       immediate = true
@@ -1235,9 +1229,11 @@
   exports.createEventHook = createEventHook;
   exports.createFilterWrapper = createFilterWrapper;
   exports.createGlobalState = createGlobalState;
+  exports.createReactiveFn = reactify;
   exports.createSharedComposable = createSharedComposable;
   exports.createSingletonPromise = createSingletonPromise;
   exports.debounceFilter = debounceFilter;
+  exports.debouncedRef = useDebounce;
   exports.debouncedWatch = debouncedWatch;
   exports.eagerComputed = eagerComputed;
   exports.extendRef = extendRef;
@@ -1272,6 +1268,7 @@
   exports.set = set;
   exports.syncRef = syncRef;
   exports.throttleFilter = throttleFilter;
+  exports.throttledRef = useThrottle;
   exports.throttledWatch = throttledWatch;
   exports.timestamp = timestamp;
   exports.toReactive = toReactive;

package/index.iife.min.js

@@ -1 +1 @@
-(function(i){if(!i.VueDemi){var o={},O=i.Vue;if(O)if(O.version.slice(0,2)==="2."){var m=i.VueCompositionAPI;if(m){for(var g in m)o[g]=m[g];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=O,o.Vue2=O,o.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 g in O)o[g]=O[g];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=O,o.Vue2=void 0,o.version=O.version,o.set=function(h,w,b){return Array.isArray(h)?(h.length=Math.max(h.length,w),h.splice(w,1,b),b):(h[w]=b,b)},o.del=function(h,w){if(Array.isArray(h)){h.splice(w,1);return}delete h[w]}}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`.");i.VueDemi=o}})(window),function(i,o){"use strict";function O(...e){return o.computed(()=>e.every(t=>o.unref(t)))}function m(e,t){const r="sync",n=o.watch(e,u=>{t.value=u},{flush:r,immediate:!0}),a=o.watch(t,u=>{e.value=u},{flush:r,immediate:!0});return()=>{n(),a()}}function g(e,t){let r,n,a;const u=o.ref(!0);return o.watch(e,()=>{u.value=!0,a()},{flush:"sync"}),o.customRef((c,l)=>(n=c,a=l,{get(){return u.value&&(r=t(),u.value=!1),n(),r},set(){}}))}function h(e="this function"){if(!o.isVue3)throw new Error(`[VueUse] ${e} is only works on Vue 3.`)}function w(e,t,{enumerable:r=!1,unwrap:n=!0}={}){h();for(const[a,u]of Object.entries(t))a!=="value"&&(o.isRef(u)&&n?Object.defineProperty(e,a,{get(){return u.value},set(c){u.value=c},enumerable:r}):Object.defineProperty(e,a,{value:u,enumerable:r}));return e}function b(e,t={}){let r=e,n,a;const u=o.customRef((s,_)=>(n=s,a=_,{get(){return c()},set(y){l(y)}}));function c(s=!0){return s&&n(),r}function l(s,_=!0){var y,C;if(s===r)return;const P=r;((y=t.onBeforeChange)==null?void 0:y.call(t,s,P))!==!1&&(r=s,(C=t.onChanged)==null||C.call(t,s,P),_&&a())}return w(u,{get:c,set:l,untrackedGet:()=>c(!1),silentSet:s=>l(s,!1),peek:()=>c(!1),lay:s=>l(s,!1)},{enumerable:!0})}function ve(){const e=[],t=a=>{const u=e.indexOf(a);u!==-1&&e.splice(u,1)};return{on:a=>(e.push(a),{off:()=>t(a)}),off:t,trigger:a=>{e.forEach(u=>u(a))}}}function ye(e){let t=!1,r;const n=o.effectScope(!0);return()=>(t||(r=n.run(e),t=!0),r)}function j(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function Oe(e){let t=0,r,n;const a=()=>{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))),j(a),r)}const A=typeof window!="undefined",he=e=>typeof e!="undefined",we=(e,...t)=>{e||console.warn(...t)},R=Object.prototype.toString,Pe=e=>typeof e=="boolean",ge=e=>typeof e=="function",be=e=>typeof e=="number",me=e=>typeof e=="string",$e=e=>R.call(e)==="[object Object]",Se=e=>typeof window!="undefined"&&R.call(e)==="[object Window]",je=()=>Date.now(),M=()=>+Date.now(),Fe=(e,t,r)=>Math.min(r,Math.max(t,e)),U=()=>{},Ee=(e,t)=>(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e);function $(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 c=o.unref(e),l=o.unref(t.maxWait);if(r&&clearTimeout(r),c<=0||l!==void 0&&l<=0)return n&&(clearTimeout(n),n=null),u();l&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,u()},l)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,u()},c)}}function W(e,t=!0,r=!0){let n=0,a,u=!r;const c=()=>{a&&(clearTimeout(a),a=void 0)};return p=>{const d=o.unref(e),v=Date.now()-n;if(c(),d<=0)return n=Date.now(),p();v>d?(n=Date.now(),u?u=!1:p()):t&&(a=setTimeout(()=>{n=Date.now(),r||(u=!0),c(),p()},d)),!r&&!a&&(a=setTimeout(()=>u=!0,d))}}function B(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 G(e,t=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(t?()=>a(r):n,e)})}function Te(e){return e}function Ie(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 Ve(e){return e()}function Ce(e,...t){return t.some(r=>r in e)}function Ae(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])||"",a=e.slice(n.length),u=parseFloat(n)+t;return Number.isNaN(u)?e:u+a}function Ne(e,t,r=!1){return t.reduce((n,a)=>(a in e&&(!r||!e[a]===void 0)&&(n[a]=e[a]),n),{})}var L=Object.getOwnPropertySymbols,We=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable,Me=(e,t)=>{var r={};for(var n in e)We.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&L)for(var n of L(e))t.indexOf(n)<0&&Re.call(e,n)&&(r[n]=e[n]);return r};function S(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=Me(n,["eventFilter"]);return o.watch(e,$(a,t),u)}var Ue=Object.defineProperty,Be=Object.defineProperties,Ge=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,H=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable,q=(e,t,r)=>t in e?Ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Le=(e,t)=>{for(var r in t||(t={}))H.call(t,r)&&q(e,r,t[r]);if(E)for(var r of E(t))z.call(t,r)&&q(e,r,t[r]);return e},He=(e,t)=>Be(e,Ge(t)),ze=(e,t)=>{var r={};for(var n in e)H.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&E)for(var n of E(e))t.indexOf(n)<0&&z.call(e,n)&&(r[n]=e[n]);return r};function qe(e,t,r={}){const n=r,{debounce:a=0}=n,u=ze(n,["debounce"]);return S(e,t,He(Le({},u),{eventFilter:N(a)}))}function Je(e){const t=o.shallowRef();return o.watchSyncEffect(()=>{t.value=e()}),o.readonly(t)}function Qe(e,t){return t==null?o.unref(e):o.unref(e)[t]}var Xe=Object.defineProperty,Ye=Object.defineProperties,Ze=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?Xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Ke=(e,t)=>{for(var r in t||(t={}))J.call(t,r)&&X(e,r,t[r]);if(T)for(var r of T(t))Q.call(t,r)&&X(e,r,t[r]);return e},ke=(e,t)=>Ye(e,Ze(t)),De=(e,t)=>{var r={};for(var n in e)J.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&&Q.call(e,n)&&(r[n]=e[n]);return r};function xe(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=De(n,["eventFilter"]),c=$(a,t);let l,p,d;if(u.flush==="sync"){const v=o.ref(!1);p=()=>{},l=f=>{v.value=!0,f(),v.value=!1},d=o.watch(e,(...f)=>{v.value||c(...f)},u)}else{const v=[],f=o.ref(0),s=o.ref(0);p=()=>{f.value=s.value},v.push(o.watch(e,()=>{s.value++},ke(Ke({},u),{flush:"sync"}))),l=_=>{const y=s.value;_(),f.value+=s.value-y},v.push(o.watch(e,(..._)=>{const y=f.value>0&&f.value===s.value;f.value=0,s.value=0,!y&&c(..._)},u)),d=()=>{v.forEach(_=>_())}}return{stop:d,ignoreUpdates:l,ignorePrevAsyncUpdates:p}}function et(e){return o.unref(e)!=null}var tt=Object.defineProperty,Y=Object.getOwnPropertySymbols,rt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable,Z=(e,t,r)=>t in e?tt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ot=(e,t)=>{for(var r in t||(t={}))rt.call(t,r)&&Z(e,r,t[r]);if(Y)for(var r of Y(t))nt.call(t,r)&&Z(e,r,t[r]);return e};function at(e,t){if(typeof Symbol!="undefined"){const r=ot({},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 it(e){return o.computed(()=>!o.unref(e))}function ut(...e){return o.computed(()=>e.some(t=>o.unref(t)))}var lt=Object.defineProperty,ct=Object.defineProperties,ft=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,K=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?lt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,st=(e,t)=>{for(var r in t||(t={}))K.call(t,r)&&D(e,r,t[r]);if(I)for(var r of I(t))k.call(t,r)&&D(e,r,t[r]);return e},pt=(e,t)=>ct(e,ft(t)),dt=(e,t)=>{var r={};for(var n in e)K.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&&k.call(e,n)&&(r[n]=e[n]);return r};function _t(e,t,r={}){const n=r,{eventFilter:a}=n,u=dt(n,["eventFilter"]),{eventFilter:c,pause:l,resume:p,isActive:d}=B(a);return{stop:S(e,t,pt(st({},u),{eventFilter:c})),pause:l,resume:p,isActive:d}}function x(e){return function(...t){return o.computed(()=>e.apply(this,t.map(r=>o.unref(r))))}}function vt(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 a=e[n];return[n,typeof a=="function"?x(a.bind(e)):a]}))}function yt(e,...t){return o.reactive(Object.fromEntries(t.map(r=>[r,o.toRef(e,r)])))}function Ot(e,t){return o.computed({get(){var r;return(r=e.value)!=null?r:t},set(r){e.value=r}})}function ht(...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 wt(e,t,{flush:r="sync",deep:n=!1,immediate:a=!0}={}){return Array.isArray(t)||(t=[t]),o.watch(e,u=>{t.forEach(c=>c.value=u)},{flush:r,deep:n,immediate:a})}var Pt=Object.defineProperty,gt=Object.defineProperties,bt=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable,re=(e,t,r)=>t in e?Pt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,mt=(e,t)=>{for(var r in t||(t={}))ee.call(t,r)&&re(e,r,t[r]);if(V)for(var r of V(t))te.call(t,r)&&re(e,r,t[r]);return e},$t=(e,t)=>gt(e,bt(t)),St=(e,t)=>{var r={};for(var n in e)ee.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&V)for(var n of V(e))t.indexOf(n)<0&&te.call(e,n)&&(r[n]=e[n]);return r};function jt(e,t,r={}){const n=r,{throttle:a=0,trailing:u=!0,leading:c=!0}=n,l=St(n,["throttle","trailing","leading"]);return S(e,t,$t(mt({},l),{eventFilter:W(a,u,c)}))}function Ft(e){if(!o.isRef(e))return o.reactive(e);const t=new Proxy({},{get(r,n,a){return Reflect.get(e.value,n,a)},set(r,n,a){return e.value[n]=a,!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)}var Et=Object.defineProperty,Tt=Object.defineProperties,It=Object.getOwnPropertyDescriptors,ne=Object.getOwnPropertySymbols,Vt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable,oe=(e,t,r)=>t in e?Et(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,At=(e,t)=>{for(var r in t||(t={}))Vt.call(t,r)&&oe(e,r,t[r]);if(ne)for(var r of ne(t))Ct.call(t,r)&&oe(e,r,t[r]);return e},Nt=(e,t)=>Tt(e,It(t));function Wt(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 a=[...e.value];a[r]=n,e.value=a}else e.value=Nt(At({},e.value),{[r]:n})}}));return t}function Rt(e){o.getCurrentInstance()&&o.onBeforeUnmount(e)}function Mt(e,t=!0){o.getCurrentInstance()?o.onMounted(e):t?e():o.nextTick(e)}function Ut(e){o.getCurrentInstance()&&o.onUnmounted(e)}function Bt(e){let t=!1;function r(f,{flush:s="sync",deep:_=!1,timeout:y,throwOnTimeout:C}={}){let P=null;const _e=[new Promise(ur=>{P=o.watch(e,lr=>{f(lr)===!t&&(P==null||P(),ur())},{flush:s,deep:_,immediate:!0})})];return y&&_e.push(G(y,C).finally(()=>{P==null||P()})),Promise.race(_e)}function n(f,s){return r(_=>_===o.unref(f),s)}function a(f){return r(s=>Boolean(s),f)}function u(f){return n(null,f)}function c(f){return n(void 0,f)}function l(f){return r(Number.isNaN,f)}function p(f,s){return r(_=>{const y=Array.from(_);return y.includes(f)||y.includes(o.unref(f))},s)}function d(f){return v(1,f)}function v(f=1,s){let _=-1;return r(()=>(_+=1,_>=f),s)}return Array.isArray(o.unref(e))?{toMatch:r,toContains:p,changed:d,changedTimes:v,get not(){return t=!t,this}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:u,toBeNaN:l,toBeUndefined:c,changed:d,changedTimes:v,get not(){return t=!t,this}}}function Gt(e=0){const t=o.ref(e),r=(l=1)=>t.value+=l,n=(l=1)=>t.value-=l,a=()=>t.value,u=l=>t.value=l;return{count:t,inc:r,dec:n,get:a,set:u,reset:(l=e)=>(e=l,u(l))}}function ae(e,t=200,r={}){return $(N(t,r),e)}function Lt(e,t=200,r={}){if(t<=0)return e;const n=o.ref(e.value),a=ae(()=>{n.value=e.value},t,r);return o.watch(e,()=>a()),n}function ie(e,t=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let u=null;const c=o.ref(!1);function l(){u&&(clearInterval(u),u=null)}function p(){c.value=!1,l()}function d(){t<=0||(c.value=!0,a&&e(),l(),u=setInterval(e,t))}return n&&A&&d(),j(p),{isActive:c,pause:p,resume:d}}var Ht=Object.defineProperty,ue=Object.getOwnPropertySymbols,zt=Object.prototype.hasOwnProperty,qt=Object.prototype.propertyIsEnumerable,le=(e,t,r)=>t in e?Ht(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Jt=(e,t)=>{for(var r in t||(t={}))zt.call(t,r)&&le(e,r,t[r]);if(ue)for(var r of ue(t))qt.call(t,r)&&le(e,r,t[r]);return e};function Qt(e=1e3,t={}){const{controls:r=!1,immediate:n=!0}=t,a=o.ref(0),u=ie(()=>a.value+=1,e,{immediate:n});return r?Jt({counter:a},u):a}function Xt(e,t={}){var r;const n=o.ref((r=t.initialValue)!=null?r:null);return o.watch(e,()=>n.value=M(),t),n}function ce(e,t=200,r=!0,n=!0){return $(W(t,r,n),e)}function Yt(e,t=200,r=!0,n=!0){if(t<=0)return e;const a=o.ref(e.value),u=ce(()=>{a.value=e.value},t,r,n);return o.watch(e,()=>u()),a}function fe(e,t,r={}){const{immediate:n=!0}=r,a=o.ref(!1);let u=null;function c(){u&&(clearTimeout(u),u=null)}function l(){a.value=!1,c()}function p(...d){c(),a.value=!0,u=setTimeout(()=>{a.value=!1,u=null,e(...d)},o.unref(t))}return n&&(a.value=!0,A&&p()),j(l),{isPending:a,start:p,stop:l}}var Zt=Object.defineProperty,se=Object.getOwnPropertySymbols,Kt=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,pe=(e,t,r)=>t in e?Zt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Dt=(e,t)=>{for(var r in t||(t={}))Kt.call(t,r)&&pe(e,r,t[r]);if(se)for(var r of se(t))kt.call(t,r)&&pe(e,r,t[r]);return e};function xt(e=1e3,t={}){const{controls:r=!1}=t,n=fe(U,e,t),a=o.computed(()=>!n.isPending.value);return r?Dt({ready:a},n):a}function er(e=!1){if(o.isRef(e))return t=>{e.value=typeof t=="boolean"?t:!e.value};{const t=o.ref(e);return[t,n=>{t.value=typeof n=="boolean"?n:!t.value}]}}var de=Object.getOwnPropertySymbols,tr=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable,nr=(e,t)=>{var r={};for(var n in e)tr.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&de)for(var n of de(e))t.indexOf(n)<0&&rr.call(e,n)&&(r[n]=e[n]);return r};function or(e,t,r){const n=r,{count:a}=n,u=nr(n,["count"]),c=o.ref(0),l=S(e,(...p)=>{c.value+=1,c.value>=o.unref(a)&&l(),t(...p)},u);return{count:c,stop:l}}function ar(e,t,r){const n=o.watch(e,(...a)=>(n(),t(...a)),r)}function ir(e,t,r){return o.watch(e,(n,a,u)=>{n&&t(n,a,u)},r)}i.and=O,i.assert=we,i.biSyncRef=m,i.bypassFilter=F,i.clamp=Fe,i.containsProp=Ce,i.controlledComputed=g,i.controlledRef=b,i.createEventHook=ve,i.createFilterWrapper=$,i.createGlobalState=ye,i.createSharedComposable=Oe,i.createSingletonPromise=Ie,i.debounceFilter=N,i.debouncedWatch=qe,i.eagerComputed=Je,i.extendRef=w,i.get=Qe,i.identity=Te,i.ignorableWatch=xe,i.increaseWithUnit=Ae,i.invoke=Ve,i.isBoolean=Pe,i.isClient=A,i.isDef=he,i.isDefined=et,i.isFunction=ge,i.isNumber=be,i.isObject=$e,i.isString=me,i.isWindow=Se,i.makeDestructurable=at,i.noop=U,i.not=it,i.now=je,i.objectPick=Ne,i.or=ut,i.pausableFilter=B,i.pausableWatch=_t,i.promiseTimeout=G,i.rand=Ee,i.reactify=x,i.reactifyObject=vt,i.reactivePick=yt,i.refDefault=Ot,i.set=ht,i.syncRef=wt,i.throttleFilter=W,i.throttledWatch=jt,i.timestamp=M,i.toReactive=Ft,i.toRefs=Wt,i.tryOnBeforeUnmount=Rt,i.tryOnMounted=Mt,i.tryOnScopeDispose=j,i.tryOnUnmounted=Ut,i.until=Bt,i.useCounter=Gt,i.useDebounce=Lt,i.useDebounceFn=ae,i.useInterval=Qt,i.useIntervalFn=ie,i.useLastChanged=Xt,i.useThrottle=Yt,i.useThrottleFn=ce,i.useTimeout=xt,i.useTimeoutFn=fe,i.useToggle=er,i.watchAtMost=or,i.watchOnce=ar,i.watchWithFilter=S,i.whenever=ir,Object.defineProperty(i,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi);
+(function(i){if(!i.VueDemi){var o={},O=i.Vue;if(O)if(O.version.slice(0,2)==="2."){var m=i.VueCompositionAPI;if(m){for(var g in m)o[g]=m[g];o.isVue2=!0,o.isVue3=!1,o.install=function(){},o.Vue=O,o.Vue2=O,o.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 g in O)o[g]=O[g];o.isVue2=!1,o.isVue3=!0,o.install=function(){},o.Vue=O,o.Vue2=void 0,o.version=O.version,o.set=function(h,w,b){return Array.isArray(h)?(h.length=Math.max(h.length,w),h.splice(w,1,b),b):(h[w]=b,b)},o.del=function(h,w){if(Array.isArray(h)){h.splice(w,1);return}delete h[w]}}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`.");i.VueDemi=o}})(window),function(i,o){"use strict";function O(...e){return o.computed(()=>e.every(t=>o.unref(t)))}function m(e,t){const r="sync",n=o.watch(e,u=>{t.value=u},{flush:r,immediate:!0}),a=o.watch(t,u=>{e.value=u},{flush:r,immediate:!0});return()=>{n(),a()}}function g(e,t){let r,n,a;const u=o.ref(!0);return o.watch(e,()=>{u.value=!0,a()},{flush:"sync"}),o.customRef((c,l)=>(n=c,a=l,{get(){return u.value&&(r=t(),u.value=!1),n(),r},set(){}}))}function h(e="this function"){if(!o.isVue3)throw new Error(`[VueUse] ${e} is only works on Vue 3.`)}function w(e,t,{enumerable:r=!1,unwrap:n=!0}={}){h();for(const[a,u]of Object.entries(t))a!=="value"&&(o.isRef(u)&&n?Object.defineProperty(e,a,{get(){return u.value},set(c){u.value=c},enumerable:r}):Object.defineProperty(e,a,{value:u,enumerable:r}));return e}function b(e,t={}){let r=e,n,a;const u=o.customRef((s,_)=>(n=s,a=_,{get(){return c()},set(y){l(y)}}));function c(s=!0){return s&&n(),r}function l(s,_=!0){var y,C;if(s===r)return;const P=r;((y=t.onBeforeChange)==null?void 0:y.call(t,s,P))!==!1&&(r=s,(C=t.onChanged)==null||C.call(t,s,P),_&&a())}return w(u,{get:c,set:l,untrackedGet:()=>c(!1),silentSet:s=>l(s,!1),peek:()=>c(!1),lay:s=>l(s,!1)},{enumerable:!0})}function Oe(){const e=[],t=a=>{const u=e.indexOf(a);u!==-1&&e.splice(u,1)};return{on:a=>(e.push(a),{off:()=>t(a)}),off:t,trigger:a=>{e.forEach(u=>u(a))}}}function he(e){let t=!1,r;const n=o.effectScope(!0);return()=>(t||(r=n.run(e),t=!0),r)}function A(e){return function(...t){return o.computed(()=>e.apply(this,t.map(r=>o.unref(r))))}}function j(e){return o.getCurrentScope()?(o.onScopeDispose(e),!0):!1}function we(e){let t=0,r,n;const a=()=>{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))),j(a),r)}const N=typeof window!="undefined",Pe=e=>typeof e!="undefined",ge=(e,...t)=>{e||console.warn(...t)},M=Object.prototype.toString,be=e=>typeof e=="boolean",me=e=>typeof e=="function",$e=e=>typeof e=="number",Se=e=>typeof e=="string",je=e=>M.call(e)==="[object Object]",Fe=e=>typeof window!="undefined"&&M.call(e)==="[object Window]",Ee=()=>Date.now(),U=()=>+Date.now(),Te=(e,t,r)=>Math.min(r,Math.max(t,e)),B=()=>{},Ie=(e,t)=>(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e);function $(e,t){function r(...n){e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})}return r}const F=e=>e();function R(e,t={}){let r,n;return u=>{const c=o.unref(e),l=o.unref(t.maxWait);if(r&&clearTimeout(r),c<=0||l!==void 0&&l<=0)return n&&(clearTimeout(n),n=null),u();l&&!n&&(n=setTimeout(()=>{r&&clearTimeout(r),n=null,u()},l)),r=setTimeout(()=>{n&&clearTimeout(n),n=null,u()},c)}}function W(e,t=!0,r=!0){let n=0,a,u=!r;const c=()=>{a&&(clearTimeout(a),a=void 0)};return p=>{const d=o.unref(e),v=Date.now()-n;if(c(),d<=0)return n=Date.now(),p();v>d?(n=Date.now(),u?u=!1:p()):t&&(a=setTimeout(()=>{n=Date.now(),r||(u=!0),c(),p()},d)),!r&&!a&&(a=setTimeout(()=>u=!0,d))}}function G(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 L(e,t=!1,r="Timeout"){return new Promise((n,a)=>{setTimeout(t?()=>a(r):n,e)})}function Ve(e){return e}function Ce(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 Ae(e){return e()}function Ne(e,...t){return t.some(r=>r in e)}function Re(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])||"",a=e.slice(n.length),u=parseFloat(n)+t;return Number.isNaN(u)?e:u+a}function We(e,t,r=!1){return t.reduce((n,a)=>(a in e&&(!r||!e[a]===void 0)&&(n[a]=e[a]),n),{})}function H(e,t=200,r={}){return $(R(t,r),e)}function z(e,t=200,r={}){if(t<=0)return e;const n=o.ref(e.value),a=H(()=>{n.value=e.value},t,r);return o.watch(e,()=>a()),n}var q=Object.getOwnPropertySymbols,Me=Object.prototype.hasOwnProperty,Ue=Object.prototype.propertyIsEnumerable,Be=(e,t)=>{var r={};for(var n in e)Me.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&q)for(var n of q(e))t.indexOf(n)<0&&Ue.call(e,n)&&(r[n]=e[n]);return r};function S(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=Be(n,["eventFilter"]);return o.watch(e,$(a,t),u)}var Ge=Object.defineProperty,Le=Object.defineProperties,He=Object.getOwnPropertyDescriptors,E=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable,X=(e,t,r)=>t in e?Ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ze=(e,t)=>{for(var r in t||(t={}))J.call(t,r)&&X(e,r,t[r]);if(E)for(var r of E(t))Q.call(t,r)&&X(e,r,t[r]);return e},qe=(e,t)=>Le(e,He(t)),Je=(e,t)=>{var r={};for(var n in e)J.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&E)for(var n of E(e))t.indexOf(n)<0&&Q.call(e,n)&&(r[n]=e[n]);return r};function Qe(e,t,r={}){const n=r,{debounce:a=0}=n,u=Je(n,["debounce"]);return S(e,t,qe(ze({},u),{eventFilter:R(a)}))}function Xe(e){const t=o.shallowRef();return o.watchSyncEffect(()=>{t.value=e()}),o.readonly(t)}function Ye(e,t){return t==null?o.unref(e):o.unref(e)[t]}var Ze=Object.defineProperty,Ke=Object.defineProperties,ke=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,K=(e,t,r)=>t in e?Ze(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,De=(e,t)=>{for(var r in t||(t={}))Y.call(t,r)&&K(e,r,t[r]);if(T)for(var r of T(t))Z.call(t,r)&&K(e,r,t[r]);return e},xe=(e,t)=>Ke(e,ke(t)),et=(e,t)=>{var r={};for(var n in e)Y.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&&Z.call(e,n)&&(r[n]=e[n]);return r};function tt(e,t,r={}){const n=r,{eventFilter:a=F}=n,u=et(n,["eventFilter"]),c=$(a,t);let l,p,d;if(u.flush==="sync"){const v=o.ref(!1);p=()=>{},l=f=>{v.value=!0,f(),v.value=!1},d=o.watch(e,(...f)=>{v.value||c(...f)},u)}else{const v=[],f=o.ref(0),s=o.ref(0);p=()=>{f.value=s.value},v.push(o.watch(e,()=>{s.value++},xe(De({},u),{flush:"sync"}))),l=_=>{const y=s.value;_(),f.value+=s.value-y},v.push(o.watch(e,(..._)=>{const y=f.value>0&&f.value===s.value;f.value=0,s.value=0,!y&&c(..._)},u)),d=()=>{v.forEach(_=>_())}}return{stop:d,ignoreUpdates:l,ignorePrevAsyncUpdates:p}}function rt(e){return o.unref(e)!=null}var nt=Object.defineProperty,k=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable,D=(e,t,r)=>t in e?nt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,it=(e,t)=>{for(var r in t||(t={}))ot.call(t,r)&&D(e,r,t[r]);if(k)for(var r of k(t))at.call(t,r)&&D(e,r,t[r]);return e};function ut(e,t){if(typeof Symbol!="undefined"){const r=it({},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 lt(e){return o.computed(()=>!o.unref(e))}function ct(...e){return o.computed(()=>e.some(t=>o.unref(t)))}var ft=Object.defineProperty,st=Object.defineProperties,pt=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable,te=(e,t,r)=>t in e?ft(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,dt=(e,t)=>{for(var r in t||(t={}))x.call(t,r)&&te(e,r,t[r]);if(I)for(var r of I(t))ee.call(t,r)&&te(e,r,t[r]);return e},_t=(e,t)=>st(e,pt(t)),vt=(e,t)=>{var r={};for(var n in e)x.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&&ee.call(e,n)&&(r[n]=e[n]);return r};function yt(e,t,r={}){const n=r,{eventFilter:a}=n,u=vt(n,["eventFilter"]),{eventFilter:c,pause:l,resume:p,isActive:d}=G(a);return{stop:S(e,t,_t(dt({},u),{eventFilter:c})),pause:l,resume:p,isActive:d}}function Ot(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 a=e[n];return[n,typeof a=="function"?A(a.bind(e)):a]}))}function ht(e,...t){return o.reactive(Object.fromEntries(t.map(r=>[r,o.toRef(e,r)])))}function wt(e,t){return o.computed({get(){var r;return(r=e.value)!=null?r:t},set(r){e.value=r}})}function Pt(...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 gt(e,t,{flush:r="sync",deep:n=!1,immediate:a=!0}={}){return Array.isArray(t)||(t=[t]),o.watch(e,u=>t.forEach(c=>c.value=u),{flush:r,deep:n,immediate:a})}function re(e,t=200,r=!0,n=!0){return $(W(t,r,n),e)}function ne(e,t=200,r=!0,n=!0){if(t<=0)return e;const a=o.ref(e.value),u=re(()=>{a.value=e.value},t,r,n);return o.watch(e,()=>u()),a}var bt=Object.defineProperty,mt=Object.defineProperties,$t=Object.getOwnPropertyDescriptors,V=Object.getOwnPropertySymbols,oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable,ie=(e,t,r)=>t in e?bt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,St=(e,t)=>{for(var r in t||(t={}))oe.call(t,r)&&ie(e,r,t[r]);if(V)for(var r of V(t))ae.call(t,r)&&ie(e,r,t[r]);return e},jt=(e,t)=>mt(e,$t(t)),Ft=(e,t)=>{var r={};for(var n in e)oe.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&V)for(var n of V(e))t.indexOf(n)<0&&ae.call(e,n)&&(r[n]=e[n]);return r};function Et(e,t,r={}){const n=r,{throttle:a=0,trailing:u=!0,leading:c=!0}=n,l=Ft(n,["throttle","trailing","leading"]);return S(e,t,jt(St({},l),{eventFilter:W(a,u,c)}))}function Tt(e){if(!o.isRef(e))return o.reactive(e);const t=new Proxy({},{get(r,n,a){return Reflect.get(e.value,n,a)},set(r,n,a){return e.value[n]=a,!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)}var It=Object.defineProperty,Vt=Object.defineProperties,Ct=Object.getOwnPropertyDescriptors,ue=Object.getOwnPropertySymbols,At=Object.prototype.hasOwnProperty,Nt=Object.prototype.propertyIsEnumerable,le=(e,t,r)=>t in e?It(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Rt=(e,t)=>{for(var r in t||(t={}))At.call(t,r)&&le(e,r,t[r]);if(ue)for(var r of ue(t))Nt.call(t,r)&&le(e,r,t[r]);return e},Wt=(e,t)=>Vt(e,Ct(t));function Mt(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 a=[...e.value];a[r]=n,e.value=a}else e.value=Wt(Rt({},e.value),{[r]:n})}}));return t}function Ut(e){o.getCurrentInstance()&&o.onBeforeUnmount(e)}function Bt(e,t=!0){o.getCurrentInstance()?o.onMounted(e):t?e():o.nextTick(e)}function Gt(e){o.getCurrentInstance()&&o.onUnmounted(e)}function Lt(e){let t=!1;function r(f,{flush:s="sync",deep:_=!1,timeout:y,throwOnTimeout:C}={}){let P=null;const ye=[new Promise(ur=>{P=o.watch(e,lr=>{f(lr)===!t&&(P==null||P(),ur())},{flush:s,deep:_,immediate:!0})})];return y&&ye.push(L(y,C).finally(()=>{P==null||P()})),Promise.race(ye)}function n(f,s){return r(_=>_===o.unref(f),s)}function a(f){return r(s=>Boolean(s),f)}function u(f){return n(null,f)}function c(f){return n(void 0,f)}function l(f){return r(Number.isNaN,f)}function p(f,s){return r(_=>{const y=Array.from(_);return y.includes(f)||y.includes(o.unref(f))},s)}function d(f){return v(1,f)}function v(f=1,s){let _=-1;return r(()=>(_+=1,_>=f),s)}return Array.isArray(o.unref(e))?{toMatch:r,toContains:p,changed:d,changedTimes:v,get not(){return t=!t,this}}:{toMatch:r,toBe:n,toBeTruthy:a,toBeNull:u,toBeNaN:l,toBeUndefined:c,changed:d,changedTimes:v,get not(){return t=!t,this}}}function Ht(e=0){const t=o.ref(e),r=(l=1)=>t.value+=l,n=(l=1)=>t.value-=l,a=()=>t.value,u=l=>t.value=l;return{count:t,inc:r,dec:n,get:a,set:u,reset:(l=e)=>(e=l,u(l))}}function ce(e,t=1e3,r={}){const{immediate:n=!0,immediateCallback:a=!1}=r;let u=null;const c=o.ref(!1);function l(){u&&(clearInterval(u),u=null)}function p(){c.value=!1,l()}function d(){t<=0||(c.value=!0,a&&e(),l(),u=setInterval(e,t))}return n&&N&&d(),j(p),{isActive:c,pause:p,resume:d}}var zt=Object.defineProperty,fe=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Jt=Object.prototype.propertyIsEnumerable,se=(e,t,r)=>t in e?zt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Qt=(e,t)=>{for(var r in t||(t={}))qt.call(t,r)&&se(e,r,t[r]);if(fe)for(var r of fe(t))Jt.call(t,r)&&se(e,r,t[r]);return e};function Xt(e=1e3,t={}){const{controls:r=!1,immediate:n=!0}=t,a=o.ref(0),u=ce(()=>a.value+=1,e,{immediate:n});return r?Qt({counter:a},u):a}function Yt(e,t={}){var r;const n=o.ref((r=t.initialValue)!=null?r:null);return o.watch(e,()=>n.value=U(),t),n}function pe(e,t,r={}){const{immediate:n=!0}=r,a=o.ref(!1);let u=null;function c(){u&&(clearTimeout(u),u=null)}function l(){a.value=!1,c()}function p(...d){c(),a.value=!0,u=setTimeout(()=>{a.value=!1,u=null,e(...d)},o.unref(t))}return n&&(a.value=!0,N&&p()),j(l),{isPending:a,start:p,stop:l}}var Zt=Object.defineProperty,de=Object.getOwnPropertySymbols,Kt=Object.prototype.hasOwnProperty,kt=Object.prototype.propertyIsEnumerable,_e=(e,t,r)=>t in e?Zt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Dt=(e,t)=>{for(var r in t||(t={}))Kt.call(t,r)&&_e(e,r,t[r]);if(de)for(var r of de(t))kt.call(t,r)&&_e(e,r,t[r]);return e};function xt(e=1e3,t={}){const{controls:r=!1}=t,n=pe(B,e,t),a=o.computed(()=>!n.isPending.value);return r?Dt({ready:a},n):a}function er(e=!1){if(o.isRef(e))return t=>{e.value=typeof t=="boolean"?t:!e.value};{const t=o.ref(e);return[t,n=>{t.value=typeof n=="boolean"?n:!t.value}]}}var ve=Object.getOwnPropertySymbols,tr=Object.prototype.hasOwnProperty,rr=Object.prototype.propertyIsEnumerable,nr=(e,t)=>{var r={};for(var n in e)tr.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&&rr.call(e,n)&&(r[n]=e[n]);return r};function or(e,t,r){const n=r,{count:a}=n,u=nr(n,["count"]),c=o.ref(0),l=S(e,(...p)=>{c.value+=1,c.value>=o.unref(a)&&l(),t(...p)},u);return{count:c,stop:l}}function ar(e,t,r){const n=o.watch(e,(...a)=>(n(),t(...a)),r)}function ir(e,t,r){return o.watch(e,(n,a,u)=>{n&&t(n,a,u)},r)}i.and=O,i.assert=ge,i.biSyncRef=m,i.bypassFilter=F,i.clamp=Te,i.containsProp=Ne,i.controlledComputed=g,i.controlledRef=b,i.createEventHook=Oe,i.createFilterWrapper=$,i.createGlobalState=he,i.createReactiveFn=A,i.createSharedComposable=we,i.createSingletonPromise=Ce,i.debounceFilter=R,i.debouncedRef=z,i.debouncedWatch=Qe,i.eagerComputed=Xe,i.extendRef=w,i.get=Ye,i.identity=Ve,i.ignorableWatch=tt,i.increaseWithUnit=Re,i.invoke=Ae,i.isBoolean=be,i.isClient=N,i.isDef=Pe,i.isDefined=rt,i.isFunction=me,i.isNumber=$e,i.isObject=je,i.isString=Se,i.isWindow=Fe,i.makeDestructurable=ut,i.noop=B,i.not=lt,i.now=Ee,i.objectPick=We,i.or=ct,i.pausableFilter=G,i.pausableWatch=yt,i.promiseTimeout=L,i.rand=Ie,i.reactify=A,i.reactifyObject=Ot,i.reactivePick=ht,i.refDefault=wt,i.set=Pt,i.syncRef=gt,i.throttleFilter=W,i.throttledRef=ne,i.throttledWatch=Et,i.timestamp=U,i.toReactive=Tt,i.toRefs=Mt,i.tryOnBeforeUnmount=Ut,i.tryOnMounted=Bt,i.tryOnScopeDispose=j,i.tryOnUnmounted=Gt,i.until=Lt,i.useCounter=Ht,i.useDebounce=z,i.useDebounceFn=H,i.useInterval=Xt,i.useIntervalFn=ce,i.useLastChanged=Yt,i.useThrottle=ne,i.useThrottleFn=re,i.useTimeout=xt,i.useTimeoutFn=pe,i.useToggle=er,i.watchAtMost=or,i.watchOnce=ar,i.watchWithFilter=S,i.whenever=ir,Object.defineProperty(i,"__esModule",{value:!0})}(this.VueUse=this.VueUse||{},VueDemi);

package/index.mjs

@@ -162,6 +162,12 @@ function createGlobalState(stateFactory) {
   };
 }
 
+function reactify(fn) {
+  return function(...args) {
+    return computed(() => fn.apply(this, args.map((i) => unref(i))));
+  };
+}
+
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -364,6 +370,21 @@ function objectPick(obj, keys, omitUndefined = false) {
   }, {});
 }
 
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn);
+}
+
+function useDebounce(value, ms = 200, options = {}) {
+  if (ms <= 0)
+    return value;
+  const debounced = ref(value.value);
+  const updater = useDebounceFn(() => {
+    debounced.value = value.value;
+  }, ms, options);
+  watch(value, () => updater());
+  return debounced;
+}
+
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -621,12 +642,6 @@ function pausableWatch(source, cb, options = {}) {
   return { stop, pause, resume, isActive };
 }
 
-function reactify(fn) {
-  return function(...args) {
-    return computed(() => fn.apply(this, args.map((i) => unref(i))));
-  };
-}
-
 function reactifyObject(obj, optionsOrKeys = {}) {
   let keys = [];
   if (Array.isArray(optionsOrKeys)) {
@@ -684,13 +699,22 @@ function syncRef(source, targets, {
 } = {}) {
   if (!Array.isArray(targets))
     targets = [targets];
-  return watch(source, (newValue) => {
-    targets.forEach((target) => target.value = newValue);
-  }, {
-    flush,
-    deep,
-    immediate
-  });
+  return watch(source, (newValue) => targets.forEach((target) => target.value = newValue), { flush, deep, immediate });
+}
+
+function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
+}
+
+function useThrottle(value, delay = 200, trailing = true, leading = true) {
+  if (delay <= 0)
+    return value;
+  const throttled = ref(value.value);
+  const updater = useThrottleFn(() => {
+    throttled.value = value.value;
+  }, delay, trailing, leading);
+  watch(value, () => updater());
+  return throttled;
 }
 
 var __defProp$3 = Object.defineProperty;
@@ -929,21 +953,6 @@ function useCounter(initialValue = 0) {
   return { count, inc, dec, get, set, reset };
 }
 
-function useDebounceFn(fn, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn);
-}
-
-function useDebounce(value, ms = 200, options = {}) {
-  if (ms <= 0)
-    return value;
-  const debounced = ref(value.value);
-  const updater = useDebounceFn(() => {
-    debounced.value = value.value;
-  }, ms, options);
-  watch(value, () => updater());
-  return debounced;
-}
-
 function useIntervalFn(cb, interval = 1e3, options = {}) {
   const {
     immediate = true,
@@ -1019,21 +1028,6 @@ function useLastChanged(source, options = {}) {
   return ms;
 }
 
-function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
-}
-
-function useThrottle(value, delay = 200, trailing = true, leading = true) {
-  if (delay <= 0)
-    return value;
-  const throttled = ref(value.value);
-  const updater = useThrottleFn(() => {
-    throttled.value = value.value;
-  }, delay, trailing, leading);
-  watch(value, () => updater());
-  return throttled;
-}
-
 function useTimeoutFn(cb, interval, options = {}) {
   const {
     immediate = true
@@ -1162,4 +1156,4 @@ function whenever(source, cb, options) {
   }, options);
 }
 
-export { and, assert, biSyncRef, bypassFilter, clamp, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, createSharedComposable, createSingletonPromise, debounceFilter, debouncedWatch, eagerComputed, extendRef, get, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, makeDestructurable, noop, not, now, objectPick, or, pausableFilter, pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactivePick, refDefault, set, syncRef, throttleFilter, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchOnce, watchWithFilter, whenever };
+export { and, assert, biSyncRef, bypassFilter, clamp, containsProp, controlledComputed, controlledRef, createEventHook, createFilterWrapper, createGlobalState, reactify as createReactiveFn, createSharedComposable, createSingletonPromise, debounceFilter, useDebounce as debouncedRef, debouncedWatch, eagerComputed, extendRef, get, identity, ignorableWatch, increaseWithUnit, invoke, isBoolean, isClient, isDef, isDefined, isFunction, isNumber, isObject, isString, isWindow, makeDestructurable, noop, not, now, objectPick, or, pausableFilter, pausableWatch, promiseTimeout, rand, reactify, reactifyObject, reactivePick, refDefault, set, syncRef, throttleFilter, useThrottle as throttledRef, throttledWatch, timestamp, toReactive, toRefs, tryOnBeforeUnmount, tryOnMounted, tryOnScopeDispose, tryOnUnmounted, until, useCounter, useDebounce, useDebounceFn, useInterval, useIntervalFn, useLastChanged, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useToggle, watchAtMost, watchOnce, watchWithFilter, whenever };

package/package.json

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