@vueuse/shared 10.0.0-beta.1 → 10.0.0-beta.3

package/index.cjs

@@ -56,8 +56,8 @@ const rand = (min, max) => {
   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);
 const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
 function resolveUnref(r) {
   return typeof r === "function" ? r() : vueDemi.unref(r);
@@ -291,7 +291,7 @@ function tryOnScopeDispose(fn) {
 }
 
 function createEventHook() {
-  const fns = new Set();
+  const fns = /* @__PURE__ */ new Set();
   const off = (fn) => {
     fns.delete(fn);
   };
@@ -448,13 +448,15 @@ function reactifyObject(obj, optionsOrKeys = {}) {
     if (includeOwnProperties)
       keys.push(...Object.getOwnPropertyNames(obj));
   }
-  return Object.fromEntries(keys.map((key) => {
-    const value = obj[key];
-    return [
-      key,
-      typeof value === "function" ? reactify(value.bind(obj), options) : value
-    ];
-  }));
+  return Object.fromEntries(
+    keys.map((key) => {
+      const value = obj[key];
+      return [
+        key,
+        typeof value === "function" ? reactify(value.bind(obj), options) : value
+      ];
+    })
+  );
 }
 
 function toReactive(objectRef) {
@@ -496,12 +498,16 @@ function reactiveComputed(fn) {
 
 function reactiveOmit(obj, ...keys) {
   const flatKeys = keys.flat();
-  return reactiveComputed(() => Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
+  const predicate = flatKeys[0];
+  return reactiveComputed(
+    () => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => !predicate(resolveUnref(v), k))) : Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0])))
+  );
 }
 
 function reactivePick(obj, ...keys) {
   const flatKeys = keys.flat();
-  return vueDemi.reactive(Object.fromEntries(flatKeys.map((k) => [k, vueDemi.toRef(obj, k)])));
+  const predicate = flatKeys[0];
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => predicate(resolveUnref(v), k))) : Object.fromEntries(flatKeys.map((k) => [k, vueDemi.toRef(obj, k)])));
 }
 
 function refAutoReset(defaultValue, afterMs = 1e4) {
@@ -531,7 +537,10 @@ function refAutoReset(defaultValue, afterMs = 1e4) {
 }
 
 function useDebounceFn(fn, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn);
+  return createFilterWrapper(
+    debounceFilter(ms, options),
+    fn
+  );
 }
 
 function refDebounced(value, ms = 200, options = {}) {
@@ -556,7 +565,10 @@ function refDefault(source, defaultValue) {
 }
 
 function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
+  return createFilterWrapper(
+    throttleFilter(ms, trailing, leading, rejectOnCancel),
+    fn
+  );
 }
 
 function refThrottled(value, delay = 200, trailing = true, leading = true) {
@@ -607,14 +619,18 @@ function refWithControl(initial, options = {}) {
   const silentSet = (v) => set(v, false);
   const peek = () => get(false);
   const lay = (v) => set(v, false);
-  return extendRef(ref, {
-    get,
-    set,
-    untrackedGet,
-    silentSet,
-    peek,
-    lay
-  }, { enumerable: true });
+  return extendRef(
+    ref,
+    {
+      get,
+      set,
+      untrackedGet,
+      silentSet,
+      peek,
+      lay
+    },
+    { enumerable: true }
+  );
 }
 const controlledRef = refWithControl;
 
@@ -651,10 +667,18 @@ function syncRef(left, right, options = {}) {
   const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
   const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
   if (direction === "both" || direction === "ltr") {
-    watchLeft = vueDemi.watch(left, (newValue) => right.value = transformLTR(newValue), { flush, deep, immediate });
+    watchLeft = vueDemi.watch(
+      left,
+      (newValue) => right.value = transformLTR(newValue),
+      { flush, deep, immediate }
+    );
   }
   if (direction === "both" || direction === "rtl") {
-    watchRight = vueDemi.watch(right, (newValue) => left.value = transformRTL(newValue), { flush, deep, immediate });
+    watchRight = vueDemi.watch(
+      right,
+      (newValue) => left.value = transformRTL(newValue),
+      { flush, deep, immediate }
+    );
   }
   return () => {
     watchLeft == null ? void 0 : watchLeft();
@@ -670,7 +694,11 @@ function syncRefs(source, targets, options = {}) {
   } = options;
   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 }
+  );
 }
 
 var __defProp$9 = Object.defineProperty;
@@ -749,20 +777,26 @@ function createUntil(r, isNot = false) {
   function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
     let stop = null;
     const watcher = new Promise((resolve) => {
-      stop = vueDemi.watch(r, (v) => {
-        if (condition(v) !== isNot) {
-          stop == null ? void 0 : stop();
-          resolve(v);
+      stop = vueDemi.watch(
+        r,
+        (v) => {
+          if (condition(v) !== isNot) {
+            stop == null ? void 0 : stop();
+            resolve(v);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
         }
-      }, {
-        flush,
-        deep,
-        immediate: true
-      });
+      );
     });
     const promises = [watcher];
     if (timeout != null) {
-      promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => stop == null ? void 0 : stop()));
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => stop == null ? void 0 : stop())
+      );
     }
     return Promise.race(promises);
   }
@@ -772,23 +806,29 @@ function createUntil(r, isNot = false) {
     const { flush = "sync", deep = false, timeout, throwOnTimeout } = options != null ? options : {};
     let stop = null;
     const watcher = new Promise((resolve) => {
-      stop = vueDemi.watch([r, value], ([v1, v2]) => {
-        if (isNot !== (v1 === v2)) {
-          stop == null ? void 0 : stop();
-          resolve(v1);
+      stop = vueDemi.watch(
+        [r, value],
+        ([v1, v2]) => {
+          if (isNot !== (v1 === v2)) {
+            stop == null ? void 0 : stop();
+            resolve(v1);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
         }
-      }, {
-        flush,
-        deep,
-        immediate: true
-      });
+      );
     });
     const promises = [watcher];
     if (timeout != null) {
-      promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => {
-        stop == null ? void 0 : stop();
-        return resolveUnref(r);
-      }));
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => {
+          stop == null ? void 0 : stop();
+          return resolveUnref(r);
+        })
+      );
     }
     return Promise.race(promises);
   }
@@ -852,7 +892,9 @@ function until(r) {
   return createUntil(r);
 }
 
-const defaultComparator = (value, othVal) => value === othVal;
+function defaultComparator(value, othVal) {
+  return value === othVal;
+}
 function useArrayDifference(...args) {
   var _a;
   const list = args[0];
@@ -874,7 +916,11 @@ function useArrayFilter(list, fn) {
 }
 
 function useArrayFind(list, fn) {
-  return vueDemi.computed(() => resolveUnref(resolveUnref(list).find((element, index, array) => fn(resolveUnref(element), index, array))));
+  return vueDemi.computed(
+    () => resolveUnref(
+      resolveUnref(list).find((element, index, array) => fn(resolveUnref(element), index, array))
+    )
+  );
 }
 
 function useArrayFindIndex(list, fn) {
@@ -890,7 +936,11 @@ function findLast(arr, cb) {
   return void 0;
 }
 function useArrayFindLast(list, fn) {
-  return vueDemi.computed(() => resolveUnref(!Array.prototype.findLast ? findLast(resolveUnref(list), (element, index, array) => fn(resolveUnref(element), index, array)) : resolveUnref(list).findLast((element, index, array) => fn(resolveUnref(element), index, array))));
+  return vueDemi.computed(
+    () => resolveUnref(
+      !Array.prototype.findLast ? findLast(resolveUnref(list), (element, index, array) => fn(resolveUnref(element), index, array)) : resolveUnref(list).findLast((element, index, array) => fn(resolveUnref(element), index, array))
+    )
+  );
 }
 
 function isArrayIncludesOptions(obj) {
@@ -911,7 +961,11 @@ function useArrayIncludes(...args) {
     comparator = (element, value2) => element[key] === resolveUnref(value2);
   }
   comparator = comparator != null ? comparator : (element, value2) => element === resolveUnref(value2);
-  return vueDemi.computed(() => resolveUnref(list).slice(formIndex).some((element, index, array) => comparator(resolveUnref(element), resolveUnref(value), index, resolveUnref(array))));
+  return vueDemi.computed(
+    () => resolveUnref(list).slice(formIndex).some(
+      (element, index, array) => comparator(resolveUnref(element), resolveUnref(value), index, resolveUnref(array))
+    )
+  );
 }
 
 function useArrayJoin(list, separator) {
@@ -934,8 +988,21 @@ function useArraySome(list, fn) {
   return vueDemi.computed(() => resolveUnref(list).some((element, index, array) => fn(resolveUnref(element), index, array)));
 }
 
-function useArrayUnique(list) {
-  return vueDemi.computed(() => [...new Set(resolveUnref(list).map((element) => resolveUnref(element)))]);
+function uniq(array) {
+  return Array.from(new Set(array));
+}
+function uniqueElementsBy(array, fn) {
+  return array.reduce((acc, v) => {
+    if (!acc.some((x) => fn(v, x, array)))
+      acc.push(v);
+    return acc;
+  }, []);
+}
+function useArrayUnique(list, compareFn) {
+  return vueDemi.computed(() => {
+    const resolvedList = resolveUnref(list).map((element) => resolveUnref(element));
+    return compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);
+  });
 }
 
 function useCounter(initialValue = 0, options = {}) {
@@ -957,13 +1024,13 @@ function useCounter(initialValue = 0, options = {}) {
 
 const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/;
 const REGEX_FORMAT = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-const defaultMeridiem = (hours, minutes, isLowercase, hasPeriod) => {
+function defaultMeridiem(hours, minutes, isLowercase, hasPeriod) {
   let m = hours < 12 ? "AM" : "PM";
   if (hasPeriod)
     m = m.split("").reduce((acc, curr) => acc += `${curr}.`, "");
   return isLowercase ? m.toLowerCase() : m;
-};
-const formatDate = (date, formatStr, options = {}) => {
+}
+function formatDate(date, formatStr, options = {}) {
   var _a;
   const years = date.getFullYear();
   const month = date.getMonth();
@@ -1002,12 +1069,12 @@ const formatDate = (date, formatStr, options = {}) => {
     aa: () => meridiem(hours, minutes, true, true)
   };
   return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 || matches[match]());
-};
-const normalizeDate = (date) => {
+}
+function normalizeDate(date) {
   if (date === null)
-    return new Date(NaN);
+    return /* @__PURE__ */ new Date(NaN);
   if (date === void 0)
-    return new Date();
+    return /* @__PURE__ */ new Date();
   if (date instanceof Date)
     return new Date(date);
   if (typeof date === "string" && !/Z$/i.test(date)) {
@@ -1019,7 +1086,7 @@ const normalizeDate = (date) => {
     }
   }
   return new Date(date);
-};
+}
 function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
   return vueDemi.computed(() => formatDate(normalizeDate(resolveUnref(date)), resolveUnref(formatStr), options));
 }
@@ -1095,10 +1162,14 @@ function useInterval(interval = 1e3, options = {}) {
   const reset = () => {
     counter.value = 0;
   };
-  const controls = useIntervalFn(callback ? () => {
-    update();
-    callback(counter.value);
-  } : update, interval, { immediate });
+  const controls = useIntervalFn(
+    callback ? () => {
+      update();
+      callback(counter.value);
+    } : update,
+    interval,
+    { immediate }
+  );
   if (exposeControls) {
     return __spreadValues$8({
       counter,
@@ -1112,7 +1183,11 @@ function useInterval(interval = 1e3, options = {}) {
 function useLastChanged(source, options = {}) {
   var _a;
   const ms = vueDemi.ref((_a = options.initialValue) != null ? _a : null);
-  vueDemi.watch(source, () => ms.value = timestamp(), options);
+  vueDemi.watch(
+    source,
+    () => ms.value = timestamp(),
+    options
+  );
   return ms;
 }
 
@@ -1175,7 +1250,11 @@ function useTimeout(interval = 1e3, options = {}) {
     controls: exposeControls = false,
     callback
   } = options;
-  const controls = useTimeoutFn(callback != null ? callback : noop, interval, options);
+  const controls = useTimeoutFn(
+    callback != null ? callback : noop,
+    interval,
+    options
+  );
   const ready = vueDemi.computed(() => !controls.isPending.value);
   if (exposeControls) {
     return __spreadValues$7({
@@ -1275,7 +1354,14 @@ function watchWithFilter(source, cb, options = {}) {
   } = _a, watchOptions = __objRest$5(_a, [
     "eventFilter"
   ]);
-  return vueDemi.watch(source, createFilterWrapper(eventFilter, cb), watchOptions);
+  return vueDemi.watch(
+    source,
+    createFilterWrapper(
+      eventFilter,
+      cb
+    ),
+    watchOptions
+  );
 }
 
 var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
@@ -1300,12 +1386,16 @@ function watchAtMost(source, cb, options) {
     "count"
   ]);
   const current = vueDemi.ref(0);
-  const stop = watchWithFilter(source, (...args) => {
-    current.value += 1;
-    if (current.value >= resolveUnref(count))
-      vueDemi.nextTick(() => stop());
-    cb(...args);
-  }, watchOptions);
+  const stop = watchWithFilter(
+    source,
+    (...args) => {
+      current.value += 1;
+      if (current.value >= resolveUnref(count))
+        vueDemi.nextTick(() => stop());
+      cb(...args);
+    },
+    watchOptions
+  );
   return { count: current, stop };
 }
 
@@ -1348,9 +1438,13 @@ function watchDebounced(source, cb, options = {}) {
     "debounce",
     "maxWait"
   ]);
-  return watchWithFilter(source, cb, __spreadProps$6(__spreadValues$6({}, watchOptions), {
-    eventFilter: debounceFilter(debounce, { maxWait })
-  }));
+  return watchWithFilter(
+    source,
+    cb,
+    __spreadProps$6(__spreadValues$6({}, watchOptions), {
+      eventFilter: debounceFilter(debounce, { maxWait })
+    })
+  );
 }
 
 var __defProp$5 = Object.defineProperty;
@@ -1373,12 +1467,13 @@ var __spreadValues$5 = (a, b) => {
 };
 var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function watchDeep(source, cb, options) {
-  return vueDemi.watch(source, (v, ov, onInvalidate) => {
-    if (v)
-      cb(v, ov, onInvalidate);
-  }, __spreadProps$5(__spreadValues$5({}, options), {
-    deep: true
-  }));
+  return vueDemi.watch(
+    source,
+    cb,
+    __spreadProps$5(__spreadValues$5({}, options), {
+      deep: true
+    })
+  );
 }
 
 var __defProp$4 = Object.defineProperty;
@@ -1418,7 +1513,10 @@ function watchIgnorable(source, cb, options = {}) {
   } = _a, watchOptions = __objRest$2(_a, [
     "eventFilter"
   ]);
-  const filteredCb = createFilterWrapper(eventFilter, cb);
+  const filteredCb = createFilterWrapper(
+    eventFilter,
+    cb
+  );
   let ignoreUpdates;
   let ignorePrevAsyncUpdates;
   let stop;
@@ -1431,10 +1529,14 @@ function watchIgnorable(source, cb, options = {}) {
       updater();
       ignore.value = false;
     };
-    stop = vueDemi.watch(source, (...args) => {
-      if (!ignore.value)
-        filteredCb(...args);
-    }, watchOptions);
+    stop = vueDemi.watch(
+      source,
+      (...args) => {
+        if (!ignore.value)
+          filteredCb(...args);
+      },
+      watchOptions
+    );
   } else {
     const disposables = [];
     const ignoreCounter = vueDemi.ref(0);
@@ -1442,22 +1544,34 @@ function watchIgnorable(source, cb, options = {}) {
     ignorePrevAsyncUpdates = () => {
       ignoreCounter.value = syncCounter.value;
     };
-    disposables.push(vueDemi.watch(source, () => {
-      syncCounter.value++;
-    }, __spreadProps$4(__spreadValues$4({}, watchOptions), { flush: "sync" })));
+    disposables.push(
+      vueDemi.watch(
+        source,
+        () => {
+          syncCounter.value++;
+        },
+        __spreadProps$4(__spreadValues$4({}, watchOptions), { flush: "sync" })
+      )
+    );
     ignoreUpdates = (updater) => {
       const syncCounterPrev = syncCounter.value;
       updater();
       ignoreCounter.value += syncCounter.value - syncCounterPrev;
     };
-    disposables.push(vueDemi.watch(source, (...args) => {
-      const ignore = ignoreCounter.value > 0 && ignoreCounter.value === syncCounter.value;
-      ignoreCounter.value = 0;
-      syncCounter.value = 0;
-      if (ignore)
-        return;
-      filteredCb(...args);
-    }, watchOptions));
+    disposables.push(
+      vueDemi.watch(
+        source,
+        (...args) => {
+          const ignore = ignoreCounter.value > 0 && ignoreCounter.value === syncCounter.value;
+          ignoreCounter.value = 0;
+          syncCounter.value = 0;
+          if (ignore)
+            return;
+          filteredCb(...args);
+        },
+        watchOptions
+      )
+    );
     stop = () => {
       disposables.forEach((fn) => fn());
     };
@@ -1485,12 +1599,13 @@ var __spreadValues$3 = (a, b) => {
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function watchImmediate(source, cb, options) {
-  return vueDemi.watch(source, (v, ov, onInvalidate) => {
-    if (v)
-      cb(v, ov, onInvalidate);
-  }, __spreadProps$3(__spreadValues$3({}, options), {
-    immediate: true
-  }));
+  return vueDemi.watch(
+    source,
+    cb,
+    __spreadProps$3(__spreadValues$3({}, options), {
+      immediate: true
+    })
+  );
 }
 
 function watchOnce(source, cb, options) {
@@ -1538,9 +1653,13 @@ function watchPausable(source, cb, options = {}) {
     "eventFilter"
   ]);
   const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
-  const stop = watchWithFilter(source, cb, __spreadProps$2(__spreadValues$2({}, watchOptions), {
-    eventFilter
-  }));
+  const stop = watchWithFilter(
+    source,
+    cb,
+    __spreadProps$2(__spreadValues$2({}, watchOptions), {
+      eventFilter
+    })
+  );
   return { stop, pause, resume, isActive };
 }
 
@@ -1585,9 +1704,13 @@ function watchThrottled(source, cb, options = {}) {
     "trailing",
     "leading"
   ]);
-  return watchWithFilter(source, cb, __spreadProps$1(__spreadValues$1({}, watchOptions), {
-    eventFilter: throttleFilter(throttle, trailing, leading)
-  }));
+  return watchWithFilter(
+    source,
+    cb,
+    __spreadProps$1(__spreadValues$1({}, watchOptions), {
+      eventFilter: throttleFilter(throttle, trailing, leading)
+    })
+  );
 }
 
 var __defProp = Object.defineProperty;
@@ -1653,10 +1776,14 @@ function getOldValue(source) {
 }
 
 function whenever(source, cb, options) {
-  return vueDemi.watch(source, (v, ov, onInvalidate) => {
-    if (v)
-      cb(v, ov, onInvalidate);
-  }, options);
+  return vueDemi.watch(
+    source,
+    (v, ov, onInvalidate) => {
+      if (v)
+        cb(v, ov, onInvalidate);
+    },
+    options
+  );
 }
 
 exports.__onlyVue27Plus = __onlyVue27Plus;