@vueuse/shared 8.9.4 → 9.0.0-beta.2

package/index.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vueDemi = require('vue-demi');
+var shared = require('@vueuse/shared');
 
 var __defProp$9 = Object.defineProperty;
 var __defProps$6 = Object.defineProperties;
@@ -60,6 +61,10 @@ const rand = (min, max) => {
 };
 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);
+}
+
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
     filter(() => fn.apply(this, args), { fn, thisArg: this, args });
@@ -73,8 +78,8 @@ function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
   const filter = (invoke) => {
-    const duration = vueDemi.unref(ms);
-    const maxDuration = vueDemi.unref(options.maxWait);
+    const duration = resolveUnref(ms);
+    const maxDuration = resolveUnref(options.maxWait);
     if (timer)
       clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -112,7 +117,7 @@ function throttleFilter(ms, trailing = true, leading = true) {
     }
   };
   const filter = (invoke) => {
-    const duration = vueDemi.unref(ms);
+    const duration = resolveUnref(ms);
     const elapsed = Date.now() - lastExec;
     clear();
     if (duration <= 0) {
@@ -357,18 +362,6 @@ function isDefined(v) {
   return vueDemi.unref(v) != null;
 }
 
-function logicAnd(...args) {
-  return vueDemi.computed(() => args.every((i) => vueDemi.unref(i)));
-}
-
-function logicNot(v) {
-  return vueDemi.computed(() => !vueDemi.unref(v));
-}
-
-function logicOr(...args) {
-  return vueDemi.computed(() => args.some((i) => vueDemi.unref(i)));
-}
-
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
 var __hasOwnProp$a = Object.prototype.hasOwnProperty;
@@ -406,17 +399,20 @@ function makeDestructurable(obj, arr) {
   }
 }
 
-function reactify(fn) {
+function reactify(fn, options) {
+  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : resolveUnref;
   return function(...args) {
-    return vueDemi.computed(() => fn.apply(this, args.map((i) => vueDemi.unref(i))));
+    return vueDemi.computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
 }
 
 function reactifyObject(obj, optionsOrKeys = {}) {
   let keys = [];
+  let options;
   if (Array.isArray(optionsOrKeys)) {
     keys = optionsOrKeys;
   } else {
+    options = optionsOrKeys;
     const { includeOwnProperties = true } = optionsOrKeys;
     keys.push(...Object.keys(obj));
     if (includeOwnProperties)
@@ -426,7 +422,7 @@ function reactifyObject(obj, optionsOrKeys = {}) {
     const value = obj[key];
     return [
       key,
-      typeof value === "function" ? reactify(value.bind(obj)) : value
+      typeof value === "function" ? reactify(value.bind(obj), options) : value
     ];
   }));
 }
@@ -485,7 +481,7 @@ function refAutoReset(defaultValue, afterMs = 1e4) {
     const resetAfter = () => setTimeout(() => {
       value = defaultValue;
       trigger();
-    }, vueDemi.unref(afterMs));
+    }, shared.resolveUnref(afterMs));
     tryOnScopeDispose(() => {
       clearTimeout(timer);
     });
@@ -531,7 +527,7 @@ function refDefault(source, defaultValue) {
   });
 }
 
-function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
+function useThrottleFn(fn, ms = 200, trailing = false, leading = true) {
   return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
 }
 
@@ -598,10 +594,6 @@ 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;
@@ -618,22 +610,27 @@ function set(...args) {
 }
 
 function syncRef(left, right, options = {}) {
+  var _a, _b;
   const {
     flush = "sync",
     deep = false,
     immediate = true,
-    direction = "both"
+    direction = "both",
+    transform = {}
   } = options;
-  let stop1, stop2;
+  let watchLeft;
+  let watchRight;
+  const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
+  const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
   if (direction === "both" || direction === "ltr") {
-    stop1 = vueDemi.watch(left, (newValue) => right.value = newValue, { flush, deep, immediate });
+    watchLeft = vueDemi.watch(left, (newValue) => right.value = transformLTR(newValue), { flush, deep, immediate });
   }
   if (direction === "both" || direction === "rtl") {
-    stop2 = vueDemi.watch(right, (newValue) => left.value = newValue, { flush, deep, immediate });
+    watchRight = vueDemi.watch(right, (newValue) => left.value = transformRTL(newValue), { flush, deep, immediate });
   }
   return () => {
-    stop1 == null ? void 0 : stop1();
-    stop2 == null ? void 0 : stop2();
+    watchLeft == null ? void 0 : watchLeft();
+    watchRight == null ? void 0 : watchRight();
   };
 }
 
@@ -738,7 +735,7 @@ function until(r) {
     });
     const promises = [watcher];
     if (timeout != null) {
-      promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => vueDemi.unref(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);
   }
@@ -761,9 +758,9 @@ function until(r) {
     });
     const promises = [watcher];
     if (timeout != null) {
-      promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => vueDemi.unref(r)).finally(() => {
+      promises.push(promiseTimeout(timeout, throwOnTimeout).then(() => resolveUnref(r)).finally(() => {
         stop == null ? void 0 : stop();
-        return vueDemi.unref(r);
+        return resolveUnref(r);
       }));
     }
     return Promise.race(promises);
@@ -783,7 +780,7 @@ function until(r) {
   function toContains(value, options) {
     return toMatch((v) => {
       const array = Array.from(v);
-      return array.includes(value) || array.includes(vueDemi.unref(value));
+      return array.includes(value) || array.includes(resolveUnref(value));
     }, options);
   }
   function changed(options) {
@@ -796,7 +793,7 @@ function until(r) {
       return count >= n;
     }, options);
   }
-  if (Array.isArray(vueDemi.unref(r))) {
+  if (Array.isArray(resolveUnref(r))) {
     const instance = {
       toMatch,
       toContains,
@@ -827,6 +824,42 @@ function until(r) {
   }
 }
 
+function useArrayEvery(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(list).every((element, index, array) => fn(shared.resolveUnref(element), index, array)));
+}
+
+function useArrayFilter(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(list).map((i) => shared.resolveUnref(i)).filter(fn));
+}
+
+function useArrayFind(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(shared.resolveUnref(list).find((element, index, array) => fn(shared.resolveUnref(element), index, array))));
+}
+
+function useArrayFindIndex(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(list).findIndex((element, index, array) => fn(shared.resolveUnref(element), index, array)));
+}
+
+function useArrayJoin(list, separator) {
+  return vueDemi.computed(() => shared.resolveUnref(list).map((i) => shared.resolveUnref(i)).join(shared.resolveUnref(separator)));
+}
+
+function useArrayMap(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(list).map((i) => shared.resolveUnref(i)).map(fn));
+}
+
+function useArrayReduce(list, reducer, ...args) {
+  const reduceCallback = (sum, value, index) => reducer(shared.resolveUnref(sum), shared.resolveUnref(value), index);
+  return vueDemi.computed(() => {
+    const resolved = shared.resolveUnref(list);
+    return args.length ? resolved.reduce(reduceCallback, shared.resolveUnref(args[0])) : resolved.reduce(reduceCallback);
+  });
+}
+
+function useArraySome(list, fn) {
+  return vueDemi.computed(() => shared.resolveUnref(list).some((element, index, array) => fn(shared.resolveUnref(element), index, array)));
+}
+
 function useCounter(initialValue = 0, options = {}) {
   const count = vueDemi.ref(initialValue);
   const {
@@ -893,7 +926,7 @@ const normalizeDate = (date) => {
   return new Date(date);
 };
 function useDateFormat(date, formatStr = "HH:mm:ss") {
-  return vueDemi.computed(() => formatDate(normalizeDate(vueDemi.unref(date)), vueDemi.unref(formatStr)));
+  return vueDemi.computed(() => formatDate(normalizeDate(shared.resolveUnref(date)), shared.resolveUnref(formatStr)));
 }
 
 function useIntervalFn(cb, interval = 1e3, options = {}) {
@@ -920,7 +953,7 @@ function useIntervalFn(cb, interval = 1e3, options = {}) {
     if (immediateCallback)
       cb();
     clean();
-    timer = setInterval(cb, vueDemi.unref(interval));
+    timer = setInterval(cb, resolveUnref(interval));
   }
   if (immediate && isClient)
     resume();
@@ -1001,7 +1034,7 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, vueDemi.unref(interval));
+    }, shared.resolveUnref(interval));
   }
   if (immediate) {
     isPending.value = true;
@@ -1053,20 +1086,21 @@ function useToggle(initialValue = false, options = {}) {
     falsyValue = false
   } = options;
   const valueIsRef = vueDemi.isRef(initialValue);
-  const innerValue = vueDemi.ref(initialValue);
+  const _value = vueDemi.ref(initialValue);
   function toggle(value) {
     if (arguments.length) {
-      innerValue.value = value;
-      return innerValue.value;
+      _value.value = value;
+      return _value.value;
     } else {
-      innerValue.value = innerValue.value === vueDemi.unref(truthyValue) ? vueDemi.unref(falsyValue) : vueDemi.unref(truthyValue);
-      return innerValue.value;
+      const truthy = resolveUnref(truthyValue);
+      _value.value = _value.value === truthy ? resolveUnref(falsyValue) : truthy;
+      return _value.value;
     }
   }
   if (valueIsRef)
     return toggle;
   else
-    return [innerValue, toggle];
+    return [_value, toggle];
 }
 
 function watchArray(source, cb, options) {
@@ -1142,7 +1176,7 @@ function watchAtMost(source, cb, options) {
   const current = vueDemi.ref(0);
   const stop = watchWithFilter(source, (...args) => {
     current.value += 1;
-    if (current.value >= vueDemi.unref(count))
+    if (current.value >= resolveUnref(count))
       vueDemi.nextTick(() => stop());
     cb(...args);
   }, watchOptions);
@@ -1444,7 +1478,6 @@ function whenever(source, cb, options) {
 }
 
 exports.__onlyVue3 = __onlyVue3;
-exports.and = logicAnd;
 exports.assert = assert;
 exports.autoResetRef = refAutoReset;
 exports.bypassFilter = bypassFilter;
@@ -1483,16 +1516,11 @@ exports.isNumber = isNumber;
 exports.isObject = isObject;
 exports.isString = isString;
 exports.isWindow = isWindow;
-exports.logicAnd = logicAnd;
-exports.logicNot = logicNot;
-exports.logicOr = logicOr;
 exports.makeDestructurable = makeDestructurable;
 exports.noop = noop;
 exports.normalizeDate = normalizeDate;
-exports.not = logicNot;
 exports.now = now;
 exports.objectPick = objectPick;
-exports.or = logicOr;
 exports.pausableFilter = pausableFilter;
 exports.pausableWatch = watchPausable;
 exports.promiseTimeout = promiseTimeout;
@@ -1524,6 +1552,14 @@ exports.tryOnMounted = tryOnMounted;
 exports.tryOnScopeDispose = tryOnScopeDispose;
 exports.tryOnUnmounted = tryOnUnmounted;
 exports.until = until;
+exports.useArrayEvery = useArrayEvery;
+exports.useArrayFilter = useArrayFilter;
+exports.useArrayFind = useArrayFind;
+exports.useArrayFindIndex = useArrayFindIndex;
+exports.useArrayJoin = useArrayJoin;
+exports.useArrayMap = useArrayMap;
+exports.useArrayReduce = useArrayReduce;
+exports.useArraySome = useArraySome;
 exports.useCounter = useCounter;
 exports.useDateFormat = useDateFormat;
 exports.useDebounce = refDebounced;