@vueuse/shared 12.5.0 → 12.6.0

package/index.mjs

@@ -7,13 +7,13 @@ function computedEager(fn, options) {
     result.value = fn();
   }, {
     ...options,
-    flush: (_a = options == null ? undefined : options.flush) != null ? _a : "sync"
+    flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
   });
   return readonly(result);
 }
 
 function computedWithControl(source, fn) {
-  let v = undefined;
+  let v = void 0;
   let track;
   let trigger;
   const dirty = ref(true);
@@ -23,7 +23,7 @@ function computedWithControl(source, fn) {
   };
   watch(source, update, { flush: "sync" });
   const get = typeof fn === "function" ? fn : fn.get;
-  const set = typeof fn === "function" ? undefined : fn.set;
+  const set = typeof fn === "function" ? void 0 : fn.set;
   const result = customRef((_track, _trigger) => {
     track = _track;
     trigger = _trigger;
@@ -37,7 +37,7 @@ function computedWithControl(source, fn) {
         return v;
       },
       set(v2) {
-        set == null ? undefined : set(v2);
+        set == null ? void 0 : set(v2);
       }
     };
   });
@@ -99,7 +99,7 @@ const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
 const injectLocal = (...args) => {
   var _a;
   const key = args[0];
-  const instance = (_a = getCurrentInstance()) == null ? undefined : _a.proxy;
+  const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
   if (instance == null && !hasInjectionContext())
     throw new Error("injectLocal must be called in setup");
   if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
@@ -109,7 +109,7 @@ const injectLocal = (...args) => {
 
 const provideLocal = (key, value) => {
   var _a;
-  const instance = (_a = getCurrentInstance()) == null ? undefined : _a.proxy;
+  const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
   if (instance == null)
     throw new Error("provideLocal must be called in setup");
   if (!localProvidedStateMap.has(instance))
@@ -120,8 +120,8 @@ const provideLocal = (key, value) => {
 };
 
 function createInjectionState(composable, options) {
-  const key = (options == null ? undefined : options.injectionKey) || Symbol(composable.name || "InjectionState");
-  const defaultValue = options == null ? undefined : options.defaultValue;
+  const key = (options == null ? void 0 : options.injectionKey) || Symbol(composable.name || "InjectionState");
+  const defaultValue = options == null ? void 0 : options.defaultValue;
   const useProvidingState = (...args) => {
     const state = composable(...args);
     provideLocal(key, state);
@@ -139,8 +139,8 @@ function createSharedComposable(composable) {
     subscribers -= 1;
     if (scope && subscribers <= 0) {
       scope.stop();
-      state = undefined;
-      scope = undefined;
+      state = void 0;
+      scope = void 0;
     }
   };
   return (...args) => {
@@ -207,7 +207,7 @@ function makeDestructurable(obj, arr) {
 }
 
 function reactify(fn, options) {
-  const unrefFn = (options == null ? undefined : options.computedGetter) === false ? unref : toValue$1;
+  const unrefFn = (options == null ? void 0 : options.computedGetter) === false ? unref : toValue$1;
   return function(...args) {
     return computed(() => fn.apply(this, args.map((i) => unrefFn(i))));
   };
@@ -303,7 +303,7 @@ const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 const isIOS = /* @__PURE__ */ getIsIOS();
 function getIsIOS() {
   var _a, _b;
-  return isClient && ((_a = window == null ? undefined : window.navigator) == null ? undefined : _a.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_b = window == null ? undefined : window.navigator) == null ? undefined : _b.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? undefined : window.navigator.userAgent));
+  return isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
 }
 
 function createFilterWrapper(filter, fn) {
@@ -332,7 +332,7 @@ function debounceFilter(ms, options = {}) {
     const maxDuration = toValue$1(options.maxWait);
     if (timer)
       _clearTimeout(timer);
-    if (duration <= 0 || maxDuration !== undefined && maxDuration <= 0) {
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
       if (maxTimer) {
         _clearTimeout(maxTimer);
         maxTimer = null;
@@ -377,7 +377,7 @@ function throttleFilter(...args) {
   const clear = () => {
     if (timer) {
       clearTimeout(timer);
-      timer = undefined;
+      timer = void 0;
       lastRejector();
       lastRejector = noop;
     }
@@ -414,8 +414,11 @@ function throttleFilter(...args) {
   };
   return filter;
 }
-function pausableFilter(extendFilter = bypassFilter) {
-  const isActive = ref(true);
+function pausableFilter(extendFilter = bypassFilter, options = {}) {
+  const {
+    initialState = "active"
+  } = options;
+  const isActive = toRef(initialState === "active");
   function pause() {
     isActive.value = false;
   }
@@ -463,7 +466,7 @@ function createSingletonPromise(fn) {
   }
   wrapper.reset = async () => {
     const _prev = _promise;
-    _promise = undefined;
+    _promise = void 0;
     if (_prev)
       await _prev;
   };
@@ -479,7 +482,7 @@ function increaseWithUnit(target, delta) {
   var _a;
   if (typeof target === "number")
     return target + delta;
-  const value = ((_a = target.match(/^-?\d+\.?\d*/)) == null ? undefined : _a[0]) || "";
+  const value = ((_a = target.match(/^-?\d+\.?\d*/)) == null ? void 0 : _a[0]) || "";
   const unit = target.slice(value.length);
   const result = Number.parseFloat(value) + delta;
   if (Number.isNaN(result))
@@ -492,7 +495,7 @@ function pxValue(px) {
 function objectPick(obj, keys, omitUndefined = false) {
   return keys.reduce((n, k) => {
     if (k in obj) {
-      if (!omitUndefined || obj[k] !== undefined)
+      if (!omitUndefined || obj[k] !== void 0)
         n[k] = obj[k];
     }
     return n;
@@ -500,7 +503,7 @@ function objectPick(obj, keys, omitUndefined = false) {
 }
 function objectOmit(obj, keys, omitUndefined = false) {
   return Object.fromEntries(Object.entries(obj).filter(([key, value]) => {
-    return (!omitUndefined || value !== undefined) && !keys.includes(key);
+    return (!omitUndefined || value !== void 0) && !keys.includes(key);
   }));
 }
 function objectEntries(obj) {
@@ -625,10 +628,10 @@ function refWithControl(initial, options = {}) {
     if (value === source)
       return;
     const old = source;
-    if (((_a = options.onBeforeChange) == null ? undefined : _a.call(options, value, old)) === false)
+    if (((_a = options.onBeforeChange) == null ? void 0 : _a.call(options, value, old)) === false)
       return;
     source = value;
-    (_b = options.onChanged) == null ? undefined : _b.call(options, value, old);
+    (_b = options.onChanged) == null ? void 0 : _b.call(options, value, old);
     if (triggering)
       trigger();
   }
@@ -680,9 +683,10 @@ function watchWithFilter(source, cb, options = {}) {
 function watchPausable(source, cb, options = {}) {
   const {
     eventFilter: filter,
+    initialState = "active",
     ...watchOptions
   } = options;
-  const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
+  const { eventFilter, pause, resume, isActive } = pausableFilter(filter, { initialState });
   const stop = watchWithFilter(
     source,
     cb,
@@ -824,7 +828,7 @@ function createUntil(r, isNot = false) {
             if (stop)
               stop();
             else
-              nextTick(() => stop == null ? undefined : stop());
+              nextTick(() => stop == null ? void 0 : stop());
             resolve(v);
           }
         },
@@ -838,7 +842,7 @@ function createUntil(r, isNot = false) {
     const promises = [watcher];
     if (timeout != null) {
       promises.push(
-        promiseTimeout(timeout, throwOnTimeout).then(() => toValue$1(r)).finally(() => stop == null ? undefined : stop())
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue$1(r)).finally(() => stop == null ? void 0 : stop())
       );
     }
     return Promise.race(promises);
@@ -856,7 +860,7 @@ function createUntil(r, isNot = false) {
             if (stop)
               stop();
             else
-              nextTick(() => stop == null ? undefined : stop());
+              nextTick(() => stop == null ? void 0 : stop());
             resolve(v1);
           }
         },
@@ -871,7 +875,7 @@ function createUntil(r, isNot = false) {
     if (timeout != null) {
       promises.push(
         promiseTimeout(timeout, throwOnTimeout).then(() => toValue$1(r)).finally(() => {
-          stop == null ? undefined : stop();
+          stop == null ? void 0 : stop();
           return toValue$1(r);
         })
       );
@@ -885,7 +889,7 @@ function createUntil(r, isNot = false) {
     return toBe(null, options);
   }
   function toBeUndefined(options) {
-    return toBe(undefined, options);
+    return toBe(void 0, options);
   }
   function toBeNaN(options) {
     return toMatch(Number.isNaN, options);
@@ -986,7 +990,7 @@ function findLast(arr, cb) {
     if (cb(arr[index], index, arr))
       return arr[index];
   }
-  return undefined;
+  return void 0;
 }
 function useArrayFindLast(list, fn) {
   return computed(() => toValue$1(
@@ -1076,7 +1080,7 @@ function useCounter(initialValue = 0, options = {}) {
 }
 
 const REGEX_PARSE = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[T\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/i;
-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;
+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}|z{1,4}|SSS/g;
 function defaultMeridiem(hours, minutes, isLowercase, hasPeriod) {
   let m = hours < 12 ? "AM" : "PM";
   if (hasPeriod)
@@ -1099,6 +1103,10 @@ function formatDate(date, formatStr, options = {}) {
   const milliseconds = date.getMilliseconds();
   const day = date.getDay();
   const meridiem = (_a = options.customMeridiem) != null ? _a : defaultMeridiem;
+  const stripTimeZone = (dateString) => {
+    var _a2;
+    return (_a2 = dateString.split(" ")[1]) != null ? _a2 : "";
+  };
   const matches = {
     Yo: () => formatOrdinal(years),
     YY: () => String(years).slice(-2),
@@ -1131,17 +1139,21 @@ function formatDate(date, formatStr, options = {}) {
     A: () => meridiem(hours, minutes),
     AA: () => meridiem(hours, minutes, false, true),
     a: () => meridiem(hours, minutes, true),
-    aa: () => meridiem(hours, minutes, true, true)
+    aa: () => meridiem(hours, minutes, true, true),
+    z: () => stripTimeZone(date.toLocaleDateString(toValue$1(options.locales), { timeZoneName: "shortOffset" })),
+    zz: () => stripTimeZone(date.toLocaleDateString(toValue$1(options.locales), { timeZoneName: "shortOffset" })),
+    zzz: () => stripTimeZone(date.toLocaleDateString(toValue$1(options.locales), { timeZoneName: "shortOffset" })),
+    zzzz: () => stripTimeZone(date.toLocaleDateString(toValue$1(options.locales), { timeZoneName: "longOffset" }))
   };
   return formatStr.replace(REGEX_FORMAT, (match, $1) => {
     var _a2, _b;
-    return (_b = $1 != null ? $1 : (_a2 = matches[match]) == null ? undefined : _a2.call(matches)) != null ? _b : match;
+    return (_b = $1 != null ? $1 : (_a2 = matches[match]) == null ? void 0 : _a2.call(matches)) != null ? _b : match;
   });
 }
 function normalizeDate(date) {
   if (date === null)
     return new Date(Number.NaN);
-  if (date === undefined)
+  if (date === void 0)
     return /* @__PURE__ */ new Date();
   if (date instanceof Date)
     return new Date(date);
@@ -1247,7 +1259,8 @@ function useLastChanged(source, options = {}) {
 
 function useTimeoutFn(cb, interval, options = {}) {
   const {
-    immediate = true
+    immediate = true,
+    immediateCallback = false
   } = options;
   const isPending = ref(false);
   let timer = null;
@@ -1262,6 +1275,8 @@ function useTimeoutFn(cb, interval, options = {}) {
     clear();
   }
   function start(...args) {
+    if (immediateCallback)
+      cb();
     clear();
     isPending.value = true;
     timer = setTimeout(() => {
@@ -1350,7 +1365,7 @@ function useToggle(initialValue = false, options = {}) {
 }
 
 function watchArray(source, cb, options) {
-  let oldList = (options == null ? undefined : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue$1(source)];
+  let oldList = (options == null ? void 0 : options.immediate) ? [] : [...source instanceof Function ? source() : Array.isArray(source) ? source : toValue$1(source)];
   return watch(source, (newList, _, onCleanup) => {
     const oldListRemains = Array.from({ length: oldList.length });
     const added = [];
@@ -1394,7 +1409,7 @@ function watchAtMost(source, cb, options) {
 function watchDebounced(source, cb, options = {}) {
   const {
     debounce = 0,
-    maxWait = undefined,
+    maxWait = void 0,
     ...watchOptions
   } = options;
   return watchWithFilter(
@@ -1531,7 +1546,7 @@ function watchTriggerable(source, cb, options = {}) {
     if (!cleanupFn)
       return;
     const fn = cleanupFn;
-    cleanupFn = undefined;
+    cleanupFn = void 0;
     fn();
   }
   function onCleanup(callback) {
@@ -1563,7 +1578,7 @@ function getWatchSources(sources) {
   return toValue$1(sources);
 }
 function getOldValue(source) {
-  return Array.isArray(source) ? source.map(() => undefined) : undefined;
+  return Array.isArray(source) ? source.map(() => void 0) : void 0;
 }
 
 function whenever(source, cb, options) {
@@ -1571,7 +1586,7 @@ function whenever(source, cb, options) {
     source,
     (v, ov, onInvalidate) => {
       if (v) {
-        if (options == null ? undefined : options.once)
+        if (options == null ? void 0 : options.once)
           nextTick(() => stop());
         cb(v, ov, onInvalidate);
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vueuse/shared",
   "type": "module",
-  "version": "12.5.0",
+  "version": "12.6.0",
   "author": "Anthony Fu <https://github.com/antfu>",
   "license": "MIT",
   "funding": "https://github.com/sponsors/antfu",