@vueuse/shared 8.7.4 → 8.8.1

package/index.iife.js

@@ -90,61 +90,249 @@
 ;(function (exports, vueDemi) {
   'use strict';
 
-  var __defProp$8 = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$8 = (a, b) => {
+  var __defProp$9 = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+  var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+  var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$9 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    if (__getOwnPropSymbols$a)
-      for (var prop of __getOwnPropSymbols$a(b)) {
-        if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$8(a, prop, b[prop]);
+      if (__hasOwnProp$b.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    if (__getOwnPropSymbols$b)
+      for (var prop of __getOwnPropSymbols$b(b)) {
+        if (__propIsEnum$b.call(b, prop))
+          __defNormalProp$9(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   function computedEager(fn, options) {
     var _a;
     const result = vueDemi.shallowRef();
     vueDemi.watchEffect(() => {
       result.value = fn();
-    }, __spreadProps$5(__spreadValues$8({}, options), {
+    }, __spreadProps$6(__spreadValues$9({}, options), {
       flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
     }));
     return vueDemi.readonly(result);
   }
 
+  var _a;
+  const isClient = typeof window !== "undefined";
+  const isDef = (val) => typeof val !== "undefined";
+  const assert = (condition, ...infos) => {
+    if (!condition)
+      console.warn(...infos);
+  };
+  const toString = Object.prototype.toString;
+  const isBoolean = (val) => typeof val === "boolean";
+  const isFunction = (val) => typeof val === "function";
+  const isNumber = (val) => typeof val === "number";
+  const isString = (val) => typeof val === "string";
+  const isObject = (val) => toString.call(val) === "[object Object]";
+  const isWindow = (val) => typeof window !== "undefined" && toString.call(val) === "[object Window]";
+  const now = () => Date.now();
+  const timestamp = () => +Date.now();
+  const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+  const noop = () => {
+  };
+  const rand = (min, max) => {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min + 1)) + min;
+  };
+  const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+
+  function createFilterWrapper(filter, fn) {
+    function wrapper(...args) {
+      filter(() => fn.apply(this, args), { fn, thisArg: this, args });
+    }
+    return wrapper;
+  }
+  const bypassFilter = (invoke) => {
+    return invoke();
+  };
+  function debounceFilter(ms, options = {}) {
+    let timer;
+    let maxTimer;
+    const filter = (invoke) => {
+      const duration = vueDemi.unref(ms);
+      const maxDuration = vueDemi.unref(options.maxWait);
+      if (timer)
+        clearTimeout(timer);
+      if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+        if (maxTimer) {
+          clearTimeout(maxTimer);
+          maxTimer = null;
+        }
+        return invoke();
+      }
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            clearTimeout(timer);
+          maxTimer = null;
+          invoke();
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          clearTimeout(maxTimer);
+        maxTimer = null;
+        invoke();
+      }, duration);
+    };
+    return filter;
+  }
+  function throttleFilter(ms, trailing = true, leading = true) {
+    let lastExec = 0;
+    let timer;
+    let isLeading = true;
+    const clear = () => {
+      if (timer) {
+        clearTimeout(timer);
+        timer = void 0;
+      }
+    };
+    const filter = (invoke) => {
+      const duration = vueDemi.unref(ms);
+      const elapsed = Date.now() - lastExec;
+      clear();
+      if (duration <= 0) {
+        lastExec = Date.now();
+        return invoke();
+      }
+      if (elapsed > duration && (leading || !isLeading)) {
+        lastExec = Date.now();
+        invoke();
+      } else if (trailing) {
+        timer = setTimeout(() => {
+          lastExec = Date.now();
+          isLeading = true;
+          clear();
+          invoke();
+        }, duration);
+      }
+      if (!leading && !timer)
+        timer = setTimeout(() => isLeading = true, duration);
+      isLeading = false;
+    };
+    return filter;
+  }
+  function pausableFilter(extendFilter = bypassFilter) {
+    const isActive = vueDemi.ref(true);
+    function pause() {
+      isActive.value = false;
+    }
+    function resume() {
+      isActive.value = true;
+    }
+    const eventFilter = (...args) => {
+      if (isActive.value)
+        extendFilter(...args);
+    };
+    return { isActive, pause, resume, eventFilter };
+  }
+
+  function __onlyVue3(name = "this function") {
+    if (vueDemi.isVue3)
+      return;
+    throw new Error(`[VueUse] ${name} is only works on Vue 3.`);
+  }
+  const directiveHooks = {
+    mounted: vueDemi.isVue3 ? "mounted" : "inserted",
+    updated: vueDemi.isVue3 ? "updated" : "componentUpdated",
+    unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
+  };
+
+  function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+    return new Promise((resolve, reject) => {
+      if (throwOnTimeout)
+        setTimeout(() => reject(reason), ms);
+      else
+        setTimeout(resolve, ms);
+    });
+  }
+  function identity(arg) {
+    return arg;
+  }
+  function createSingletonPromise(fn) {
+    let _promise;
+    function wrapper() {
+      if (!_promise)
+        _promise = fn();
+      return _promise;
+    }
+    wrapper.reset = async () => {
+      const _prev = _promise;
+      _promise = void 0;
+      if (_prev)
+        await _prev;
+    };
+    return wrapper;
+  }
+  function invoke(fn) {
+    return fn();
+  }
+  function containsProp(obj, ...props) {
+    return props.some((k) => k in obj);
+  }
+  function increaseWithUnit(target, delta) {
+    var _a;
+    if (typeof target === "number")
+      return target + delta;
+    const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
+    const unit = target.slice(value.length);
+    const result = parseFloat(value) + delta;
+    if (Number.isNaN(result))
+      return target;
+    return result + unit;
+  }
+  function objectPick(obj, keys, omitUndefined = false) {
+    return keys.reduce((n, k) => {
+      if (k in obj) {
+        if (!omitUndefined || obj[k] !== void 0)
+          n[k] = obj[k];
+      }
+      return n;
+    }, {});
+  }
+
   function computedWithControl(source, fn) {
     let v = void 0;
     let track;
     let trigger;
     const dirty = vueDemi.ref(true);
-    vueDemi.watch(source, () => {
+    const update = () => {
       dirty.value = true;
       trigger();
-    }, { flush: "sync" });
-    return vueDemi.customRef((_track, _trigger) => {
+    };
+    vueDemi.watch(source, update, { flush: "sync" });
+    const get = isFunction(fn) ? fn : fn.get;
+    const set = isFunction(fn) ? void 0 : fn.set;
+    const result = vueDemi.customRef((_track, _trigger) => {
       track = _track;
       trigger = _trigger;
       return {
         get() {
           if (dirty.value) {
-            v = fn();
+            v = get();
             dirty.value = false;
           }
           track();
           return v;
         },
-        set() {
+        set(v2) {
+          set == null ? void 0 : set(v2);
         }
       };
     });
+    if (Object.isExtensible(result))
+      result.trigger = update;
+    return result;
   }
 
   function createEventHook() {
@@ -223,17 +411,6 @@
     };
   }
 
-  function __onlyVue3(name = "this function") {
-    if (vueDemi.isVue3)
-      return;
-    throw new Error(`[VueUse] ${name} is only works on Vue 3.`);
-  }
-  const directiveHooks = {
-    mounted: vueDemi.isVue3 ? "mounted" : "inserted",
-    updated: vueDemi.isVue3 ? "updated" : "componentUpdated",
-    unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
-  };
-
   function extendRef(ref, extend, { enumerable = false, unwrap = true } = {}) {
     __onlyVue3();
     for (const [key, value] of Object.entries(extend)) {
@@ -278,25 +455,25 @@
     return vueDemi.computed(() => args.some((i) => vueDemi.unref(i)));
   }
 
-  var __defProp$7 = Object.defineProperty;
-  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$7 = (a, b) => {
+  var __defProp$8 = Object.defineProperty;
+  var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+  var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+  var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$8 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$9.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    if (__getOwnPropSymbols$9)
-      for (var prop of __getOwnPropSymbols$9(b)) {
-        if (__propIsEnum$9.call(b, prop))
-          __defNormalProp$7(a, prop, b[prop]);
+      if (__hasOwnProp$a.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    if (__getOwnPropSymbols$a)
+      for (var prop of __getOwnPropSymbols$a(b)) {
+        if (__propIsEnum$a.call(b, prop))
+          __defNormalProp$8(a, prop, b[prop]);
       }
     return a;
   };
   function makeDestructurable(obj, arr) {
     if (typeof Symbol !== "undefined") {
-      const clone = __spreadValues$7({}, obj);
+      const clone = __spreadValues$8({}, obj);
       Object.defineProperty(clone, Symbol.iterator, {
         enumerable: false,
         value() {
@@ -378,11 +555,13 @@
   }
 
   function reactiveOmit(obj, ...keys) {
-    return reactiveComputed(() => Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !keys.includes(e[0]))));
+    const flatKeys = keys.flat();
+    return reactiveComputed(() => Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
   }
 
   function reactivePick(obj, ...keys) {
-    return vueDemi.reactive(Object.fromEntries(keys.map((k) => [k, vueDemi.toRef(obj, k)])));
+    const flatKeys = keys.flat();
+    return vueDemi.reactive(Object.fromEntries(flatKeys.map((k) => [k, vueDemi.toRef(obj, k)])));
   }
 
   function refAutoReset(defaultValue, afterMs = 1e4) {
@@ -411,176 +590,6 @@
     });
   }
 
-  var _a;
-  const isClient = typeof window !== "undefined";
-  const isDef = (val) => typeof val !== "undefined";
-  const assert = (condition, ...infos) => {
-    if (!condition)
-      console.warn(...infos);
-  };
-  const toString = Object.prototype.toString;
-  const isBoolean = (val) => typeof val === "boolean";
-  const isFunction = (val) => typeof val === "function";
-  const isNumber = (val) => typeof val === "number";
-  const isString = (val) => typeof val === "string";
-  const isObject = (val) => toString.call(val) === "[object Object]";
-  const isWindow = (val) => typeof window !== "undefined" && toString.call(val) === "[object Window]";
-  const now = () => Date.now();
-  const timestamp = () => +Date.now();
-  const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
-  const noop = () => {
-  };
-  const rand = (min, max) => {
-    min = Math.ceil(min);
-    max = Math.floor(max);
-    return Math.floor(Math.random() * (max - min + 1)) + min;
-  };
-  const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-
-  function createFilterWrapper(filter, fn) {
-    function wrapper(...args) {
-      filter(() => fn.apply(this, args), { fn, thisArg: this, args });
-    }
-    return wrapper;
-  }
-  const bypassFilter = (invoke) => {
-    return invoke();
-  };
-  function debounceFilter(ms, options = {}) {
-    let timer;
-    let maxTimer;
-    const filter = (invoke) => {
-      const duration = vueDemi.unref(ms);
-      const maxDuration = vueDemi.unref(options.maxWait);
-      if (timer)
-        clearTimeout(timer);
-      if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-        if (maxTimer) {
-          clearTimeout(maxTimer);
-          maxTimer = null;
-        }
-        return invoke();
-      }
-      if (maxDuration && !maxTimer) {
-        maxTimer = setTimeout(() => {
-          if (timer)
-            clearTimeout(timer);
-          maxTimer = null;
-          invoke();
-        }, maxDuration);
-      }
-      timer = setTimeout(() => {
-        if (maxTimer)
-          clearTimeout(maxTimer);
-        maxTimer = null;
-        invoke();
-      }, duration);
-    };
-    return filter;
-  }
-  function throttleFilter(ms, trailing = true, leading = true) {
-    let lastExec = 0;
-    let timer;
-    let isLeading = true;
-    const clear = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = void 0;
-      }
-    };
-    const filter = (invoke) => {
-      const duration = vueDemi.unref(ms);
-      const elapsed = Date.now() - lastExec;
-      clear();
-      if (duration <= 0) {
-        lastExec = Date.now();
-        return invoke();
-      }
-      if (elapsed > duration && (leading || !isLeading)) {
-        lastExec = Date.now();
-        invoke();
-      } else if (trailing) {
-        timer = setTimeout(() => {
-          lastExec = Date.now();
-          isLeading = true;
-          clear();
-          invoke();
-        }, duration);
-      }
-      if (!leading && !timer)
-        timer = setTimeout(() => isLeading = true, duration);
-      isLeading = false;
-    };
-    return filter;
-  }
-  function pausableFilter(extendFilter = bypassFilter) {
-    const isActive = vueDemi.ref(true);
-    function pause() {
-      isActive.value = false;
-    }
-    function resume() {
-      isActive.value = true;
-    }
-    const eventFilter = (...args) => {
-      if (isActive.value)
-        extendFilter(...args);
-    };
-    return { isActive, pause, resume, eventFilter };
-  }
-
-  function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
-    return new Promise((resolve, reject) => {
-      if (throwOnTimeout)
-        setTimeout(() => reject(reason), ms);
-      else
-        setTimeout(resolve, ms);
-    });
-  }
-  function identity(arg) {
-    return arg;
-  }
-  function createSingletonPromise(fn) {
-    let _promise;
-    function wrapper() {
-      if (!_promise)
-        _promise = fn();
-      return _promise;
-    }
-    wrapper.reset = async () => {
-      const _prev = _promise;
-      _promise = void 0;
-      if (_prev)
-        await _prev;
-    };
-    return wrapper;
-  }
-  function invoke(fn) {
-    return fn();
-  }
-  function containsProp(obj, ...props) {
-    return props.some((k) => k in obj);
-  }
-  function increaseWithUnit(target, delta) {
-    var _a;
-    if (typeof target === "number")
-      return target + delta;
-    const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
-    const unit = target.slice(value.length);
-    const result = parseFloat(value) + delta;
-    if (Number.isNaN(result))
-      return target;
-    return result + unit;
-  }
-  function objectPick(obj, keys, omitUndefined = false) {
-    return keys.reduce((n, k) => {
-      if (k in obj) {
-        if (!omitUndefined || obj[k] !== void 0)
-          n[k] = obj[k];
-      }
-      return n;
-    }, {});
-  }
-
   function useDebounceFn(fn, ms = 200, options = {}) {
     return createFilterWrapper(debounceFilter(ms, options), fn);
   }
@@ -671,6 +680,14 @@
   }
   const controlledRef = refWithControl;
 
+  function resolveRef(r) {
+    return typeof r === "function" ? vueDemi.computed(r) : vueDemi.ref(r);
+  }
+
+  function resolveUnref(r) {
+    return typeof r === "function" ? r() : vueDemi.unref(r);
+  }
+
   function set(...args) {
     if (args.length === 2) {
       const [ref, value] = args;
@@ -717,25 +734,25 @@
     return vueDemi.watch(source, (newValue) => targets.forEach((target) => target.value = newValue), { flush, deep, immediate });
   }
 
-  var __defProp$6 = Object.defineProperty;
-  var __defProps$4 = Object.defineProperties;
-  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$6 = (a, b) => {
+  var __defProp$7 = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$7 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$8.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    if (__getOwnPropSymbols$8)
-      for (var prop of __getOwnPropSymbols$8(b)) {
-        if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$6(a, prop, b[prop]);
+      if (__hasOwnProp$9.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    if (__getOwnPropSymbols$9)
+      for (var prop of __getOwnPropSymbols$9(b)) {
+        if (__propIsEnum$9.call(b, prop))
+          __defNormalProp$7(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   function toRefs(objectRef) {
     if (!vueDemi.isRef(objectRef))
       return vueDemi.toRefs(objectRef);
@@ -751,7 +768,7 @@
             copy[key] = v;
             objectRef.value = copy;
           } else {
-            const newObject = __spreadProps$4(__spreadValues$6({}, objectRef.value), { [key]: v });
+            const newObject = __spreadProps$5(__spreadValues$7({}, objectRef.value), { [key]: v });
             Object.setPrototypeOf(newObject, objectRef.value);
             objectRef.value = newObject;
           }
@@ -1008,19 +1025,19 @@
     };
   }
 
-  var __defProp$5 = Object.defineProperty;
-  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$5 = (a, b) => {
+  var __defProp$6 = Object.defineProperty;
+  var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$6 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$7.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    if (__getOwnPropSymbols$7)
-      for (var prop of __getOwnPropSymbols$7(b)) {
-        if (__propIsEnum$7.call(b, prop))
-          __defNormalProp$5(a, prop, b[prop]);
+      if (__hasOwnProp$8.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
+    if (__getOwnPropSymbols$8)
+      for (var prop of __getOwnPropSymbols$8(b)) {
+        if (__propIsEnum$8.call(b, prop))
+          __defNormalProp$6(a, prop, b[prop]);
       }
     return a;
   };
@@ -1032,7 +1049,7 @@
     const counter = vueDemi.ref(0);
     const controls = useIntervalFn(() => counter.value += 1, interval, { immediate });
     if (exposeControls) {
-      return __spreadValues$5({
+      return __spreadValues$6({
         counter
       }, controls);
     } else {
@@ -1085,19 +1102,19 @@
     };
   }
 
-  var __defProp$4 = Object.defineProperty;
-  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$4 = (a, b) => {
+  var __defProp$5 = Object.defineProperty;
+  var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$5 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$6.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    if (__getOwnPropSymbols$6)
-      for (var prop of __getOwnPropSymbols$6(b)) {
-        if (__propIsEnum$6.call(b, prop))
-          __defNormalProp$4(a, prop, b[prop]);
+      if (__hasOwnProp$7.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    if (__getOwnPropSymbols$7)
+      for (var prop of __getOwnPropSymbols$7(b)) {
+        if (__propIsEnum$7.call(b, prop))
+          __defNormalProp$5(a, prop, b[prop]);
       }
     return a;
   };
@@ -1108,7 +1125,7 @@
     const controls = useTimeoutFn(noop, interval, options);
     const ready = vueDemi.computed(() => !controls.isPending.value);
     if (exposeControls) {
-      return __spreadValues$4({
+      return __spreadValues$5({
         ready
       }, controls);
     } else {
@@ -1138,17 +1155,17 @@
       return [innerValue, toggle];
   }
 
-  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+  var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
   var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$5)
-      for (var prop of __getOwnPropSymbols$5(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+    if (source != null && __getOwnPropSymbols$6)
+      for (var prop of __getOwnPropSymbols$6(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1162,17 +1179,17 @@
     return vueDemi.watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
   }
 
-  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+  var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
   var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$4)
-      for (var prop of __getOwnPropSymbols$4(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+    if (source != null && __getOwnPropSymbols$5)
+      for (var prop of __getOwnPropSymbols$5(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1193,33 +1210,33 @@
     return { count: current, stop };
   }
 
-  var __defProp$3 = Object.defineProperty;
-  var __defProps$3 = Object.defineProperties;
-  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$3 = (a, b) => {
+  var __defProp$4 = Object.defineProperty;
+  var __defProps$4 = Object.defineProperties;
+  var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$4 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    if (__getOwnPropSymbols$3)
-      for (var prop of __getOwnPropSymbols$3(b)) {
-        if (__propIsEnum$3.call(b, prop))
-          __defNormalProp$3(a, prop, b[prop]);
+      if (__hasOwnProp$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    if (__getOwnPropSymbols$4)
+      for (var prop of __getOwnPropSymbols$4(b)) {
+        if (__propIsEnum$4.call(b, prop))
+          __defNormalProp$4(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+  var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
   var __objRest$3 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$3)
-      for (var prop of __getOwnPropSymbols$3(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+    if (source != null && __getOwnPropSymbols$4)
+      for (var prop of __getOwnPropSymbols$4(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1232,38 +1249,38 @@
       "debounce",
       "maxWait"
     ]);
-    return watchWithFilter(source, cb, __spreadProps$3(__spreadValues$3({}, watchOptions), {
+    return watchWithFilter(source, cb, __spreadProps$4(__spreadValues$4({}, watchOptions), {
       eventFilter: debounceFilter(debounce, { maxWait })
     }));
   }
 
-  var __defProp$2 = Object.defineProperty;
-  var __defProps$2 = Object.defineProperties;
-  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-  var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-  var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-  var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues$2 = (a, b) => {
+  var __defProp$3 = Object.defineProperty;
+  var __defProps$3 = Object.defineProperties;
+  var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$3 = (a, b) => {
     for (var prop in b || (b = {}))
-      if (__hasOwnProp$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    if (__getOwnPropSymbols$2)
-      for (var prop of __getOwnPropSymbols$2(b)) {
-        if (__propIsEnum$2.call(b, prop))
-          __defNormalProp$2(a, prop, b[prop]);
+      if (__hasOwnProp$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    if (__getOwnPropSymbols$3)
+      for (var prop of __getOwnPropSymbols$3(b)) {
+        if (__propIsEnum$3.call(b, prop))
+          __defNormalProp$3(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+  var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
   var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
-      if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+      if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
         target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols$2)
-      for (var prop of __getOwnPropSymbols$2(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+    if (source != null && __getOwnPropSymbols$3)
+      for (var prop of __getOwnPropSymbols$3(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
           target[prop] = source[prop];
       }
     return target;
@@ -1300,7 +1317,7 @@
       };
       disposables.push(vueDemi.watch(source, () => {
         syncCounter.value++;
-      }, __spreadProps$2(__spreadValues$2({}, watchOptions), { flush: "sync" })));
+      }, __spreadProps$3(__spreadValues$3({}, watchOptions), { flush: "sync" })));
       ignoreUpdates = (updater) => {
         const syncCounterPrev = syncCounter.value;
         updater();
@@ -1328,6 +1345,50 @@
     }, options);
   }
 
+  var __defProp$2 = Object.defineProperty;
+  var __defProps$2 = Object.defineProperties;
+  var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+  var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+  var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+  var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+  var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __spreadValues$2 = (a, b) => {
+    for (var prop in b || (b = {}))
+      if (__hasOwnProp$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    if (__getOwnPropSymbols$2)
+      for (var prop of __getOwnPropSymbols$2(b)) {
+        if (__propIsEnum$2.call(b, prop))
+          __defNormalProp$2(a, prop, b[prop]);
+      }
+    return a;
+  };
+  var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+  var __objRest$1 = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$2)
+      for (var prop of __getOwnPropSymbols$2(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
+  function watchPausable(source, cb, options = {}) {
+    const _a = options, {
+      eventFilter: filter
+    } = _a, watchOptions = __objRest$1(_a, [
+      "eventFilter"
+    ]);
+    const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
+    const stop = watchWithFilter(source, cb, __spreadProps$2(__spreadValues$2({}, watchOptions), {
+      eventFilter
+    }));
+    return { stop, pause, resume, isActive };
+  }
+
   var __defProp$1 = Object.defineProperty;
   var __defProps$1 = Object.defineProperties;
   var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
@@ -1347,7 +1408,7 @@
     return a;
   };
   var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-  var __objRest$1 = (source, exclude) => {
+  var __objRest = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1359,17 +1420,19 @@
       }
     return target;
   };
-  function watchPausable(source, cb, options = {}) {
+  function watchThrottled(source, cb, options = {}) {
     const _a = options, {
-      eventFilter: filter
-    } = _a, watchOptions = __objRest$1(_a, [
-      "eventFilter"
+      throttle = 0,
+      trailing = true,
+      leading = true
+    } = _a, watchOptions = __objRest(_a, [
+      "throttle",
+      "trailing",
+      "leading"
     ]);
-    const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
-    const stop = watchWithFilter(source, cb, __spreadProps$1(__spreadValues$1({}, watchOptions), {
-      eventFilter
+    return watchWithFilter(source, cb, __spreadProps$1(__spreadValues$1({}, watchOptions), {
+      eventFilter: throttleFilter(throttle, trailing, leading)
     }));
-    return { stop, pause, resume, isActive };
   }
 
   var __defProp = Object.defineProperty;
@@ -1391,31 +1454,47 @@
     return a;
   };
   var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-  var __objRest = (source, exclude) => {
-    var target = {};
-    for (var prop in source)
-      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-        target[prop] = source[prop];
-    if (source != null && __getOwnPropSymbols)
-      for (var prop of __getOwnPropSymbols(source)) {
-        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-          target[prop] = source[prop];
-      }
-    return target;
-  };
-  function watchThrottled(source, cb, options = {}) {
-    const _a = options, {
-      throttle = 0,
-      trailing = true,
-      leading = true
-    } = _a, watchOptions = __objRest(_a, [
-      "throttle",
-      "trailing",
-      "leading"
-    ]);
-    return watchWithFilter(source, cb, __spreadProps(__spreadValues({}, watchOptions), {
-      eventFilter: throttleFilter(throttle, trailing, leading)
-    }));
+  function watchTriggerable(source, cb, options = {}) {
+    let cleanupFn;
+    function onEffect() {
+      if (!cleanupFn)
+        return;
+      const fn = cleanupFn;
+      cleanupFn = void 0;
+      fn();
+    }
+    function onCleanup(callback) {
+      cleanupFn = callback;
+    }
+    const _cb = (value, oldValue) => {
+      onEffect();
+      return cb(value, oldValue, onCleanup);
+    };
+    const res = watchIgnorable(source, _cb, options);
+    const { ignoreUpdates } = res;
+    const trigger = () => {
+      let res2;
+      ignoreUpdates(() => {
+        res2 = _cb(getWatchSources(source), getOldValue(source));
+      });
+      return res2;
+    };
+    return __spreadProps(__spreadValues({}, res), {
+      trigger
+    });
+  }
+  function getWatchSources(sources) {
+    if (vueDemi.isReactive(sources))
+      return sources;
+    if (Array.isArray(sources))
+      return sources.map((item) => getOneWatchSource(item));
+    return getOneWatchSource(sources);
+  }
+  function getOneWatchSource(source) {
+    return typeof source === "function" ? source() : vueDemi.unref(source);
+  }
+  function getOldValue(source) {
+    return Array.isArray(source) ? source.map(() => void 0) : void 0;
   }
 
   function whenever(source, cb, options) {
@@ -1489,6 +1568,8 @@
   exports.refDefault = refDefault;
   exports.refThrottled = refThrottled;
   exports.refWithControl = refWithControl;
+  exports.resolveRef = resolveRef;
+  exports.resolveUnref = resolveUnref;
   exports.set = set;
   exports.syncRef = syncRef;
   exports.syncRefs = syncRefs;
@@ -1522,6 +1603,7 @@
   exports.watchOnce = watchOnce;
   exports.watchPausable = watchPausable;
   exports.watchThrottled = watchThrottled;
+  exports.watchTriggerable = watchTriggerable;
   exports.watchWithFilter = watchWithFilter;
   exports.whenever = whenever;