@vueuse/shared 10.4.1 → 10.6.0

package/index.cjs

@@ -70,7 +70,7 @@ function createEventHook() {
     };
   };
   const trigger = (param) => {
-    return Promise.all(Array.from(fns).map((fn) => fn(param)));
+    return Promise.all(Array.from(fns).map((fn) => param ? fn(param) : fn()));
   };
   return {
     on,
@@ -92,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];
 }
 
@@ -258,12 +283,11 @@ 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";
+const isWorker = typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const isDef = (val) => typeof val !== "undefined";
 const notNullish = (val) => val != null;
 const assert = (condition, ...infos) => {
@@ -416,9 +440,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() : "");
@@ -670,18 +692,17 @@ function watchPausable(source, cb, options = {}) {
   return { stop, pause, resume, isActive };
 }
 
-function syncRef(left, right, options = {}) {
-  var _a, _b;
+function syncRef(left, right, ...[options]) {
   const {
     flush = "sync",
     deep = false,
     immediate = true,
     direction = "both",
     transform = {}
-  } = options;
+  } = options || {};
   const watchers = [];
-  const transformLTR = (_a = transform.ltr) != null ? _a : (v) => v;
-  const transformRTL = (_b = transform.rtl) != null ? _b : (v) => v;
+  const transformLTR = "ltr" in transform && transform.ltr || ((v) => v);
+  const transformRTL = "rtl" in transform && transform.rtl || ((v) => v);
   if (direction === "both" || direction === "ltr") {
     watchers.push(watchPausable(
       left,
@@ -927,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) {
@@ -947,11 +966,9 @@ 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) {
@@ -972,11 +989,12 @@ function useArrayIncludes(...args) {
     comparator = (element, value2) => element[key] === toValue(value2);
   }
   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))
-    )
-  );
+  return vueDemi.computed(() => toValue(list).slice(formIndex).some((element, index, array) => comparator(
+    toValue(element),
+    toValue(value),
+    index,
+    toValue(array)
+  )));
 }
 
 function useArrayJoin(list, separator) {
@@ -1035,13 +1053,18 @@ 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 REGEX_FORMAT = /[YMDHhms]o|\[([^\]]+)]|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;
 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;
 }
+function formatOrdinal(num) {
+  const suffixes = ["th", "st", "nd", "rd"];
+  const v = num % 100;
+  return num + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);
+}
 function formatDate(date, formatStr, options = {}) {
   var _a;
   const years = date.getFullYear();
@@ -1054,21 +1077,28 @@ function formatDate(date, formatStr, options = {}) {
   const day = date.getDay();
   const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
   const matches = {
+    Yo: () => formatOrdinal(years),
     YY: () => String(years).slice(-2),
     YYYY: () => years,
     M: () => month + 1,
+    Mo: () => formatOrdinal(month + 1),
     MM: () => `${month + 1}`.padStart(2, "0"),
     MMM: () => date.toLocaleDateString(options.locales, { month: "short" }),
     MMMM: () => date.toLocaleDateString(options.locales, { month: "long" }),
     D: () => String(days),
+    Do: () => formatOrdinal(days),
     DD: () => `${days}`.padStart(2, "0"),
     H: () => String(hours),
+    Ho: () => formatOrdinal(hours),
     HH: () => `${hours}`.padStart(2, "0"),
     h: () => `${hours % 12 || 12}`.padStart(1, "0"),
+    ho: () => formatOrdinal(hours % 12 || 12),
     hh: () => `${hours % 12 || 12}`.padStart(2, "0"),
     m: () => String(minutes),
+    mo: () => formatOrdinal(minutes),
     mm: () => `${minutes}`.padStart(2, "0"),
     s: () => String(seconds),
+    so: () => formatOrdinal(seconds),
     ss: () => `${seconds}`.padStart(2, "0"),
     SSS: () => `${milliseconds}`.padStart(3, "0"),
     d: () => day,
@@ -1294,9 +1324,7 @@ function useToggle(initialValue = false, options = {}) {
 }
 
 function watchArray(source, cb, options) {
-  let oldList = (options == null ? void 0 : 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 = [];
@@ -1451,6 +1479,7 @@ function watchOnce(source, cb, options) {
     vueDemi.nextTick(() => stop());
     return cb(...args);
   }, options);
+  return stop;
 }
 
 function watchThrottled(source, cb, options = {}) {
@@ -1552,12 +1581,14 @@ exports.hyphenate = hyphenate;
 exports.identity = identity;
 exports.ignorableWatch = watchIgnorable;
 exports.increaseWithUnit = increaseWithUnit;
+exports.injectLocal = injectLocal;
 exports.invoke = invoke;
 exports.isClient = isClient;
 exports.isDef = isDef;
 exports.isDefined = isDefined;
 exports.isIOS = isIOS;
 exports.isObject = isObject;
+exports.isWorker = isWorker;
 exports.makeDestructurable = makeDestructurable;
 exports.noop = noop;
 exports.normalizeDate = normalizeDate;
@@ -1569,6 +1600,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;