@vueuse/shared 10.4.0 → 10.5.0

package/index.cjs

@@ -3,12 +3,13 @@
 var vueDemi = require('vue-demi');
 
 function computedEager(fn, options) {
+  var _a;
   const result = vueDemi.shallowRef();
   vueDemi.watchEffect(() => {
     result.value = fn();
   }, {
     ...options,
-    flush: options?.flush ?? "sync"
+    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
   });
   return vueDemi.readonly(result);
 }
@@ -38,7 +39,7 @@ function computedWithControl(source, fn) {
         return v;
       },
       set(v2) {
-        set?.(v2);
+        set == null ? void 0 : set(v2);
       }
     };
   });
@@ -91,14 +92,39 @@ function createGlobalState(stateFactory) {
   };
 }
 
-function createInjectionState(composable) {
-  const key = Symbol("InjectionState");
+const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+
+const provideLocal = (key, value) => {
+  var _a;
+  const instance = (_a = vueDemi.getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null)
+    throw new Error("provideLocal must be called in setup");
+  if (!localProvidedStateMap.has(instance))
+    localProvidedStateMap.set(instance, /* @__PURE__ */ Object.create(null));
+  const localProvidedState = localProvidedStateMap.get(instance);
+  localProvidedState[key] = value;
+  vueDemi.provide(key, value);
+};
+
+const injectLocal = (...args) => {
+  var _a;
+  const key = args[0];
+  const instance = (_a = vueDemi.getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null)
+    throw new Error("injectLocal must be called in setup");
+  if (localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
+    return localProvidedStateMap.get(instance)[key];
+  return vueDemi.inject(...args);
+};
+
+function createInjectionState(composable, options) {
+  const key = (options == null ? void 0 : options.injectionKey) || Symbol("InjectionState");
   const useProvidingState = (...args) => {
     const state = composable(...args);
-    vueDemi.provide(key, state);
+    provideLocal(key, state);
     return state;
   };
-  const useInjectedState = () => vueDemi.inject(key);
+  const useInjectedState = () => injectLocal(key);
   return [useProvidingState, useInjectedState];
 }
 
@@ -188,7 +214,7 @@ function toValue(r) {
 const resolveUnref = toValue;
 
 function reactify(fn, options) {
-  const unrefFn = options?.computedGetter === false ? vueDemi.unref : toValue;
+  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? vueDemi.unref : toValue;
   return function(...args) {
     return vueDemi.computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
@@ -257,9 +283,7 @@ function reactiveComputed(fn) {
 function reactiveOmit(obj, ...keys) {
   const flatKeys = keys.flat();
   const predicate = flatKeys[0];
-  return reactiveComputed(
-    () => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0])))
-  );
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter(([k, v]) => !predicate(toValue(v), k))) : Object.fromEntries(Object.entries(vueDemi.toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
 
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
@@ -284,7 +308,8 @@ const rand = (min, max) => {
 const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 const isIOS = /* @__PURE__ */ getIsIOS();
 function getIsIOS() {
-  return isClient && window?.navigator?.userAgent && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  var _a;
+  return isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
 
 function createFilterWrapper(filter, fn) {
@@ -414,9 +439,7 @@ function cacheStringFunction(fn) {
   };
 }
 const hyphenateRE = /\B([A-Z])/g;
-const hyphenate = cacheStringFunction(
-  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-);
+const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
 const camelizeRE = /-(\w)/g;
 const camelize = cacheStringFunction((str) => {
   return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
@@ -455,9 +478,10 @@ 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 = target.match(/^-?[0-9]+\.?[0-9]*/)?.[0] || "";
+  const value = ((_a = target.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : _a[0]) || "";
   const unit = target.slice(value.length);
   const result = Number.parseFloat(value) + delta;
   if (Number.isNaN(result))
@@ -541,7 +565,8 @@ function refDebounced(value, ms = 200, options = {}) {
 function refDefault(source, defaultValue) {
   return vueDemi.computed({
     get() {
-      return source.value ?? defaultValue;
+      var _a;
+      return (_a = source.value) != null ? _a : defaultValue;
     },
     set(value) {
       source.value = value;
@@ -589,13 +614,14 @@ function refWithControl(initial, options = {}) {
     return source;
   }
   function set(value, triggering = true) {
+    var _a, _b;
     if (value === source)
       return;
     const old = source;
-    if (options.onBeforeChange?.(value, old) === false)
+    if (((_a = options.onBeforeChange) == null ? void 0 : _a.call(options, value, old)) === false)
       return;
     source = value;
-    options.onChanged?.(value, old);
+    (_b = options.onChanged) == null ? void 0 : _b.call(options, value, old);
     if (triggering)
       trigger();
   }
@@ -666,6 +692,7 @@ function watchPausable(source, cb, options = {}) {
 }
 
 function syncRef(left, right, options = {}) {
+  var _a, _b;
   const {
     flush = "sync",
     deep = false,
@@ -674,8 +701,8 @@ function syncRef(left, right, options = {}) {
     transform = {}
   } = options;
   const watchers = [];
-  const transformLTR = transform.ltr ?? ((v) => v);
-  const transformRTL = transform.rtl ?? ((v) => v);
+  const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
+  const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
   if (direction === "both" || direction === "ltr") {
     watchers.push(watchPausable(
       left,
@@ -729,7 +756,8 @@ function toRefs(objectRef, options = {}) {
         return objectRef.value[key];
       },
       set(v) {
-        const replaceRef = toValue(options.replaceRef) ?? true;
+        var _a;
+        const replaceRef = (_a = toValue(options.replaceRef)) != null ? _a : true;
         if (replaceRef) {
           if (Array.isArray(objectRef.value)) {
             const copy = [...objectRef.value];
@@ -785,7 +813,7 @@ function createUntil(r, isNot = false) {
         r,
         (v) => {
           if (condition(v) !== isNot) {
-            stop?.();
+            stop == null ? void 0 : stop();
             resolve(v);
           }
         },
@@ -799,7 +827,7 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop?.())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -807,14 +835,14 @@ function createUntil(r, isNot = false) {
   function toBe(value, options) {
     if (!vueDemi.isRef(value))
       return toMatch((v) => v === value, options);
-    const { flush = "sync", deep = false, timeout, throwOnTimeout } = options ?? {};
+    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?.();
+            stop == null ? void 0 : stop();
             resolve(v1);
           }
         },
@@ -829,7 +857,7 @@ function createUntil(r, isNot = false) {
     if (timeout != null) {
       promises.push(
         promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
-          stop?.();
+          stop == null ? void 0 : stop();
           return toValue(r);
         })
       );
@@ -900,9 +928,10 @@ function defaultComparator(value, othVal) {
   return value === othVal;
 }
 function useArrayDifference(...args) {
+  var _a;
   const list = args[0];
   const values = args[1];
-  let compareFn = args[2] ?? defaultComparator;
+  let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
   if (typeof compareFn === "string") {
     const key = compareFn;
     compareFn = (value, othVal) => value[key] === othVal[key];
@@ -919,11 +948,9 @@ function useArrayFilter(list, fn) {
 }
 
 function useArrayFind(list, fn) {
-  return vueDemi.computed(
-    () => toValue(
-      toValue(list).find((element, index, array) => fn(toValue(element), index, array))
-    )
-  );
+  return vueDemi.computed(() => toValue(
+    toValue(list).find((element, index, array) => fn(toValue(element), index, array))
+  ));
 }
 
 function useArrayFindIndex(list, fn) {
@@ -939,35 +966,35 @@ function findLast(arr, cb) {
   return void 0;
 }
 function useArrayFindLast(list, fn) {
-  return vueDemi.computed(
-    () => toValue(
-      !Array.prototype.findLast ? findLast(toValue(list), (element, index, array) => fn(toValue(element), index, array)) : toValue(list).findLast((element, index, array) => fn(toValue(element), index, array))
-    )
-  );
+  return vueDemi.computed(() => toValue(
+    !Array.prototype.findLast ? findLast(toValue(list), (element, index, array) => fn(toValue(element), index, array)) : toValue(list).findLast((element, index, array) => fn(toValue(element), index, array))
+  ));
 }
 
 function isArrayIncludesOptions(obj) {
   return isObject(obj) && containsProp(obj, "formIndex", "comparator");
 }
 function useArrayIncludes(...args) {
+  var _a;
   const list = args[0];
   const value = args[1];
   let comparator = args[2];
   let formIndex = 0;
   if (isArrayIncludesOptions(comparator)) {
-    formIndex = comparator.fromIndex ?? 0;
+    formIndex = (_a = comparator.fromIndex) != null ? _a : 0;
     comparator = comparator.comparator;
   }
   if (typeof comparator === "string") {
     const key = comparator;
     comparator = (element, value2) => element[key] === toValue(value2);
   }
-  comparator = comparator ?? ((element, value2) => element === toValue(value2));
-  return vueDemi.computed(
-    () => toValue(list).slice(formIndex).some(
-      (element, index, array) => comparator(toValue(element), toValue(value), index, toValue(array))
-    )
-  );
+  comparator = comparator != null ? comparator : (element, value2) => element === toValue(value2);
+  return vueDemi.computed(() => toValue(list).slice(formIndex).some((element, index, array) => comparator(
+    toValue(element),
+    toValue(value),
+    index,
+    toValue(array)
+  )));
 }
 
 function useArrayJoin(list, separator) {
@@ -1034,6 +1061,7 @@ function defaultMeridiem(hours, minutes, isLowercase, hasPeriod) {
   return isLowercase ? m.toLowerCase() : m;
 }
 function formatDate(date, formatStr, options = {}) {
+  var _a;
   const years = date.getFullYear();
   const month = date.getMonth();
   const days = date.getDate();
@@ -1042,7 +1070,7 @@ function formatDate(date, formatStr, options = {}) {
   const seconds = date.getSeconds();
   const milliseconds = date.getMilliseconds();
   const day = date.getDay();
-  const meridiem = options.customMeridiem ?? defaultMeridiem;
+  const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
   const matches = {
     YY: () => String(years).slice(-2),
     YYYY: () => years,
@@ -1070,7 +1098,10 @@ function formatDate(date, formatStr, options = {}) {
     a: () => meridiem(hours, minutes, true),
     aa: () => meridiem(hours, minutes, true, true)
   };
-  return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 ?? matches[match]?.() ?? match);
+  return formatStr.replace(REGEX_FORMAT, (match, $1) => {
+    var _a2, _b;
+    return (_b = $1 != null ? $1 : (_a2 = matches[match]) == null ? void 0 : _a2.call(matches)) != null ? _b : match;
+  });
 }
 function normalizeDate(date) {
   if (date === null)
@@ -1168,7 +1199,8 @@ function useInterval(interval = 1e3, options = {}) {
 }
 
 function useLastChanged(source, options = {}) {
-  const ms = vueDemi.ref(options.initialValue ?? null);
+  var _a;
+  const ms = vueDemi.ref((_a = options.initialValue) != null ? _a : null);
   vueDemi.watch(
     source,
     () => ms.value = timestamp(),
@@ -1221,7 +1253,7 @@ function useTimeout(interval = 1e3, options = {}) {
     callback
   } = options;
   const controls = useTimeoutFn(
-    callback ?? noop,
+    callback != null ? callback : noop,
     interval,
     options
   );
@@ -1280,9 +1312,7 @@ function useToggle(initialValue = false, options = {}) {
 }
 
 function watchArray(source, cb, options) {
-  let oldList = options?.immediate ? [] : [
-    ...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)
-  ];
+  let oldList = (options == null ? void 0 : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue(source)];
   return vueDemi.watch(source, (newList, _, onCleanup) => {
     const oldListRemains = Array.from({ length: oldList.length });
     const added = [];
@@ -1538,6 +1568,7 @@ exports.hyphenate = hyphenate;
 exports.identity = identity;
 exports.ignorableWatch = watchIgnorable;
 exports.increaseWithUnit = increaseWithUnit;
+exports.injectLocal = injectLocal;
 exports.invoke = invoke;
 exports.isClient = isClient;
 exports.isDef = isDef;
@@ -1555,6 +1586,7 @@ exports.objectPick = objectPick;
 exports.pausableFilter = pausableFilter;
 exports.pausableWatch = watchPausable;
 exports.promiseTimeout = promiseTimeout;
+exports.provideLocal = provideLocal;
 exports.rand = rand;
 exports.reactify = reactify;
 exports.reactifyObject = reactifyObject;