mirror of
https://github.com/imezx/Warp.git
synced 2025-04-24 15:10:03 +00:00
1679 lines
44 KiB
JavaScript
1679 lines
44 KiB
JavaScript
'use strict';
|
|
|
|
var vueDemi = require('vue-demi');
|
|
|
|
function computedEager(fn, options) {
|
|
var _a;
|
|
const result = vueDemi.shallowRef();
|
|
vueDemi.watchEffect(() => {
|
|
result.value = fn();
|
|
}, {
|
|
...options,
|
|
flush: (_a = options == null ? void 0 : options.flush) != null ? _a : "sync"
|
|
});
|
|
return vueDemi.readonly(result);
|
|
}
|
|
|
|
function computedWithControl(source, fn) {
|
|
let v = void 0;
|
|
let track;
|
|
let trigger;
|
|
const dirty = vueDemi.ref(true);
|
|
const update = () => {
|
|
dirty.value = true;
|
|
trigger();
|
|
};
|
|
vueDemi.watch(source, update, { flush: "sync" });
|
|
const get = typeof fn === "function" ? fn : fn.get;
|
|
const set = typeof fn === "function" ? void 0 : fn.set;
|
|
const result = vueDemi.customRef((_track, _trigger) => {
|
|
track = _track;
|
|
trigger = _trigger;
|
|
return {
|
|
get() {
|
|
if (dirty.value) {
|
|
v = get();
|
|
dirty.value = false;
|
|
}
|
|
track();
|
|
return v;
|
|
},
|
|
set(v2) {
|
|
set == null ? void 0 : set(v2);
|
|
}
|
|
};
|
|
});
|
|
if (Object.isExtensible(result))
|
|
result.trigger = update;
|
|
return result;
|
|
}
|
|
|
|
function tryOnScopeDispose(fn) {
|
|
if (vueDemi.getCurrentScope()) {
|
|
vueDemi.onScopeDispose(fn);
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
function createEventHook() {
|
|
const fns = /* @__PURE__ */ new Set();
|
|
const off = (fn) => {
|
|
fns.delete(fn);
|
|
};
|
|
const on = (fn) => {
|
|
fns.add(fn);
|
|
const offFn = () => off(fn);
|
|
tryOnScopeDispose(offFn);
|
|
return {
|
|
off: offFn
|
|
};
|
|
};
|
|
const trigger = (...args) => {
|
|
return Promise.all(Array.from(fns).map((fn) => fn(...args)));
|
|
};
|
|
return {
|
|
on,
|
|
off,
|
|
trigger
|
|
};
|
|
}
|
|
|
|
function createGlobalState(stateFactory) {
|
|
let initialized = false;
|
|
let state;
|
|
const scope = vueDemi.effectScope(true);
|
|
return (...args) => {
|
|
if (!initialized) {
|
|
state = scope.run(() => stateFactory(...args));
|
|
initialized = true;
|
|
}
|
|
return state;
|
|
};
|
|
}
|
|
|
|
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);
|
|
provideLocal(key, state);
|
|
return state;
|
|
};
|
|
const useInjectedState = () => injectLocal(key);
|
|
return [useProvidingState, useInjectedState];
|
|
}
|
|
|
|
function createSharedComposable(composable) {
|
|
let subscribers = 0;
|
|
let state;
|
|
let scope;
|
|
const dispose = () => {
|
|
subscribers -= 1;
|
|
if (scope && subscribers <= 0) {
|
|
scope.stop();
|
|
state = void 0;
|
|
scope = void 0;
|
|
}
|
|
};
|
|
return (...args) => {
|
|
subscribers += 1;
|
|
if (!state) {
|
|
scope = vueDemi.effectScope(true);
|
|
state = scope.run(() => composable(...args));
|
|
}
|
|
tryOnScopeDispose(dispose);
|
|
return state;
|
|
};
|
|
}
|
|
|
|
function extendRef(ref, extend, { enumerable = false, unwrap = true } = {}) {
|
|
if (!vueDemi.isVue3 && !vueDemi.version.startsWith("2.7.")) {
|
|
if (process.env.NODE_ENV !== "production")
|
|
throw new Error("[VueUse] extendRef only works in Vue 2.7 or above.");
|
|
return;
|
|
}
|
|
for (const [key, value] of Object.entries(extend)) {
|
|
if (key === "value")
|
|
continue;
|
|
if (vueDemi.isRef(value) && unwrap) {
|
|
Object.defineProperty(ref, key, {
|
|
get() {
|
|
return value.value;
|
|
},
|
|
set(v) {
|
|
value.value = v;
|
|
},
|
|
enumerable
|
|
});
|
|
} else {
|
|
Object.defineProperty(ref, key, { value, enumerable });
|
|
}
|
|
}
|
|
return ref;
|
|
}
|
|
|
|
function get(obj, key) {
|
|
if (key == null)
|
|
return vueDemi.unref(obj);
|
|
return vueDemi.unref(obj)[key];
|
|
}
|
|
|
|
function isDefined(v) {
|
|
return vueDemi.unref(v) != null;
|
|
}
|
|
|
|
function makeDestructurable(obj, arr) {
|
|
if (typeof Symbol !== "undefined") {
|
|
const clone = { ...obj };
|
|
Object.defineProperty(clone, Symbol.iterator, {
|
|
enumerable: false,
|
|
value() {
|
|
let index = 0;
|
|
return {
|
|
next: () => ({
|
|
value: arr[index++],
|
|
done: index > arr.length
|
|
})
|
|
};
|
|
}
|
|
});
|
|
return clone;
|
|
} else {
|
|
return Object.assign([...arr], obj);
|
|
}
|
|
}
|
|
|
|
function toValue(r) {
|
|
return typeof r === "function" ? r() : vueDemi.unref(r);
|
|
}
|
|
const resolveUnref = toValue;
|
|
|
|
function reactify(fn, options) {
|
|
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))));
|
|
};
|
|
}
|
|
|
|
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)
|
|
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
|
|
];
|
|
})
|
|
);
|
|
}
|
|
|
|
function toReactive(objectRef) {
|
|
if (!vueDemi.isRef(objectRef))
|
|
return vueDemi.reactive(objectRef);
|
|
const proxy = new Proxy({}, {
|
|
get(_, p, receiver) {
|
|
return vueDemi.unref(Reflect.get(objectRef.value, p, receiver));
|
|
},
|
|
set(_, p, value) {
|
|
if (vueDemi.isRef(objectRef.value[p]) && !vueDemi.isRef(value))
|
|
objectRef.value[p].value = value;
|
|
else
|
|
objectRef.value[p] = value;
|
|
return true;
|
|
},
|
|
deleteProperty(_, p) {
|
|
return Reflect.deleteProperty(objectRef.value, p);
|
|
},
|
|
has(_, p) {
|
|
return Reflect.has(objectRef.value, p);
|
|
},
|
|
ownKeys() {
|
|
return Object.keys(objectRef.value);
|
|
},
|
|
getOwnPropertyDescriptor() {
|
|
return {
|
|
enumerable: true,
|
|
configurable: true
|
|
};
|
|
}
|
|
});
|
|
return vueDemi.reactive(proxy);
|
|
}
|
|
|
|
function reactiveComputed(fn) {
|
|
return toReactive(vueDemi.computed(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]))));
|
|
}
|
|
|
|
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) => {
|
|
if (!condition)
|
|
console.warn(...infos);
|
|
};
|
|
const toString = Object.prototype.toString;
|
|
const isObject = (val) => toString.call(val) === "[object Object]";
|
|
const now = () => Date.now();
|
|
const timestamp = () => +Date.now();
|
|
const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
|
|
const noop = () => {
|
|
};
|
|
const rand = (min, max) => {
|
|
min = Math.ceil(min);
|
|
max = Math.floor(max);
|
|
return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
};
|
|
const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
|
|
const isIOS = /* @__PURE__ */ getIsIOS();
|
|
function getIsIOS() {
|
|
var _a, _b;
|
|
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) {
|
|
function wrapper(...args) {
|
|
return new Promise((resolve, reject) => {
|
|
Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
|
|
});
|
|
}
|
|
return wrapper;
|
|
}
|
|
const bypassFilter = (invoke) => {
|
|
return invoke();
|
|
};
|
|
function debounceFilter(ms, options = {}) {
|
|
let timer;
|
|
let maxTimer;
|
|
let lastRejector = noop;
|
|
const _clearTimeout = (timer2) => {
|
|
clearTimeout(timer2);
|
|
lastRejector();
|
|
lastRejector = noop;
|
|
};
|
|
const filter = (invoke) => {
|
|
const duration = toValue(ms);
|
|
const maxDuration = toValue(options.maxWait);
|
|
if (timer)
|
|
_clearTimeout(timer);
|
|
if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
|
|
if (maxTimer) {
|
|
_clearTimeout(maxTimer);
|
|
maxTimer = null;
|
|
}
|
|
return Promise.resolve(invoke());
|
|
}
|
|
return new Promise((resolve, reject) => {
|
|
lastRejector = options.rejectOnCancel ? reject : resolve;
|
|
if (maxDuration && !maxTimer) {
|
|
maxTimer = setTimeout(() => {
|
|
if (timer)
|
|
_clearTimeout(timer);
|
|
maxTimer = null;
|
|
resolve(invoke());
|
|
}, maxDuration);
|
|
}
|
|
timer = setTimeout(() => {
|
|
if (maxTimer)
|
|
_clearTimeout(maxTimer);
|
|
maxTimer = null;
|
|
resolve(invoke());
|
|
}, duration);
|
|
});
|
|
};
|
|
return filter;
|
|
}
|
|
function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
|
|
let lastExec = 0;
|
|
let timer;
|
|
let isLeading = true;
|
|
let lastRejector = noop;
|
|
let lastValue;
|
|
const clear = () => {
|
|
if (timer) {
|
|
clearTimeout(timer);
|
|
timer = void 0;
|
|
lastRejector();
|
|
lastRejector = noop;
|
|
}
|
|
};
|
|
const filter = (_invoke) => {
|
|
const duration = toValue(ms);
|
|
const elapsed = Date.now() - lastExec;
|
|
const invoke = () => {
|
|
return lastValue = _invoke();
|
|
};
|
|
clear();
|
|
if (duration <= 0) {
|
|
lastExec = Date.now();
|
|
return invoke();
|
|
}
|
|
if (elapsed > duration && (leading || !isLeading)) {
|
|
lastExec = Date.now();
|
|
invoke();
|
|
} else if (trailing) {
|
|
lastValue = new Promise((resolve, reject) => {
|
|
lastRejector = rejectOnCancel ? reject : resolve;
|
|
timer = setTimeout(() => {
|
|
lastExec = Date.now();
|
|
isLeading = true;
|
|
resolve(invoke());
|
|
clear();
|
|
}, Math.max(0, duration - elapsed));
|
|
});
|
|
}
|
|
if (!leading && !timer)
|
|
timer = setTimeout(() => isLeading = true, duration);
|
|
isLeading = false;
|
|
return lastValue;
|
|
};
|
|
return filter;
|
|
}
|
|
function pausableFilter(extendFilter = bypassFilter) {
|
|
const isActive = vueDemi.ref(true);
|
|
function pause() {
|
|
isActive.value = false;
|
|
}
|
|
function resume() {
|
|
isActive.value = true;
|
|
}
|
|
const eventFilter = (...args) => {
|
|
if (isActive.value)
|
|
extendFilter(...args);
|
|
};
|
|
return { isActive: vueDemi.readonly(isActive), pause, resume, eventFilter };
|
|
}
|
|
|
|
const directiveHooks = {
|
|
mounted: vueDemi.isVue3 ? "mounted" : "inserted",
|
|
updated: vueDemi.isVue3 ? "updated" : "componentUpdated",
|
|
unmounted: vueDemi.isVue3 ? "unmounted" : "unbind"
|
|
};
|
|
|
|
function cacheStringFunction(fn) {
|
|
const cache = /* @__PURE__ */ Object.create(null);
|
|
return (str) => {
|
|
const hit = cache[str];
|
|
return hit || (cache[str] = fn(str));
|
|
};
|
|
}
|
|
const hyphenateRE = /\B([A-Z])/g;
|
|
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() : "");
|
|
});
|
|
|
|
function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
|
|
return new Promise((resolve, reject) => {
|
|
if (throwOnTimeout)
|
|
setTimeout(() => reject(reason), ms);
|
|
else
|
|
setTimeout(resolve, ms);
|
|
});
|
|
}
|
|
function identity(arg) {
|
|
return arg;
|
|
}
|
|
function createSingletonPromise(fn) {
|
|
let _promise;
|
|
function wrapper() {
|
|
if (!_promise)
|
|
_promise = fn();
|
|
return _promise;
|
|
}
|
|
wrapper.reset = async () => {
|
|
const _prev = _promise;
|
|
_promise = void 0;
|
|
if (_prev)
|
|
await _prev;
|
|
};
|
|
return wrapper;
|
|
}
|
|
function invoke(fn) {
|
|
return fn();
|
|
}
|
|
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 = ((_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))
|
|
return target;
|
|
return result + unit;
|
|
}
|
|
function objectPick(obj, keys, omitUndefined = false) {
|
|
return keys.reduce((n, k) => {
|
|
if (k in obj) {
|
|
if (!omitUndefined || obj[k] !== void 0)
|
|
n[k] = obj[k];
|
|
}
|
|
return n;
|
|
}, {});
|
|
}
|
|
function objectOmit(obj, keys, omitUndefined = false) {
|
|
return Object.fromEntries(Object.entries(obj).filter(([key, value]) => {
|
|
return (!omitUndefined || value !== void 0) && !keys.includes(key);
|
|
}));
|
|
}
|
|
function objectEntries(obj) {
|
|
return Object.entries(obj);
|
|
}
|
|
function getLifeCycleTarget(target) {
|
|
return target || vueDemi.getCurrentInstance();
|
|
}
|
|
|
|
function toRef(...args) {
|
|
if (args.length !== 1)
|
|
return vueDemi.toRef(...args);
|
|
const r = args[0];
|
|
return typeof r === "function" ? vueDemi.readonly(vueDemi.customRef(() => ({ get: r, set: noop }))) : vueDemi.ref(r);
|
|
}
|
|
const resolveRef = toRef;
|
|
|
|
function reactivePick(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(flatKeys.map((k) => [k, toRef(obj, k)])));
|
|
}
|
|
|
|
function refAutoReset(defaultValue, afterMs = 1e4) {
|
|
return vueDemi.customRef((track, trigger) => {
|
|
let value = toValue(defaultValue);
|
|
let timer;
|
|
const resetAfter = () => setTimeout(() => {
|
|
value = toValue(defaultValue);
|
|
trigger();
|
|
}, toValue(afterMs));
|
|
tryOnScopeDispose(() => {
|
|
clearTimeout(timer);
|
|
});
|
|
return {
|
|
get() {
|
|
track();
|
|
return value;
|
|
},
|
|
set(newValue) {
|
|
value = newValue;
|
|
trigger();
|
|
clearTimeout(timer);
|
|
timer = resetAfter();
|
|
}
|
|
};
|
|
});
|
|
}
|
|
|
|
function useDebounceFn(fn, ms = 200, options = {}) {
|
|
return createFilterWrapper(
|
|
debounceFilter(ms, options),
|
|
fn
|
|
);
|
|
}
|
|
|
|
function refDebounced(value, ms = 200, options = {}) {
|
|
const debounced = vueDemi.ref(value.value);
|
|
const updater = useDebounceFn(() => {
|
|
debounced.value = value.value;
|
|
}, ms, options);
|
|
vueDemi.watch(value, () => updater());
|
|
return debounced;
|
|
}
|
|
|
|
function refDefault(source, defaultValue) {
|
|
return vueDemi.computed({
|
|
get() {
|
|
var _a;
|
|
return (_a = source.value) != null ? _a : defaultValue;
|
|
},
|
|
set(value) {
|
|
source.value = value;
|
|
}
|
|
});
|
|
}
|
|
|
|
function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
|
|
return createFilterWrapper(
|
|
throttleFilter(ms, trailing, leading, rejectOnCancel),
|
|
fn
|
|
);
|
|
}
|
|
|
|
function refThrottled(value, delay = 200, trailing = true, leading = true) {
|
|
if (delay <= 0)
|
|
return value;
|
|
const throttled = vueDemi.ref(value.value);
|
|
const updater = useThrottleFn(() => {
|
|
throttled.value = value.value;
|
|
}, delay, trailing, leading);
|
|
vueDemi.watch(value, () => updater());
|
|
return throttled;
|
|
}
|
|
|
|
function refWithControl(initial, options = {}) {
|
|
let source = initial;
|
|
let track;
|
|
let trigger;
|
|
const ref = vueDemi.customRef((_track, _trigger) => {
|
|
track = _track;
|
|
trigger = _trigger;
|
|
return {
|
|
get() {
|
|
return get();
|
|
},
|
|
set(v) {
|
|
set(v);
|
|
}
|
|
};
|
|
});
|
|
function get(tracking = true) {
|
|
if (tracking)
|
|
track();
|
|
return source;
|
|
}
|
|
function set(value, triggering = true) {
|
|
var _a, _b;
|
|
if (value === source)
|
|
return;
|
|
const old = source;
|
|
if (((_a = options.onBeforeChange) == null ? void 0 : _a.call(options, value, old)) === false)
|
|
return;
|
|
source = value;
|
|
(_b = options.onChanged) == null ? void 0 : _b.call(options, value, old);
|
|
if (triggering)
|
|
trigger();
|
|
}
|
|
const untrackedGet = () => get(false);
|
|
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 }
|
|
);
|
|
}
|
|
const controlledRef = refWithControl;
|
|
|
|
function set(...args) {
|
|
if (args.length === 2) {
|
|
const [ref, value] = args;
|
|
ref.value = value;
|
|
}
|
|
if (args.length === 3) {
|
|
if (vueDemi.isVue2) {
|
|
vueDemi.set(...args);
|
|
} else {
|
|
const [target, key, value] = args;
|
|
target[key] = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
function watchWithFilter(source, cb, options = {}) {
|
|
const {
|
|
eventFilter = bypassFilter,
|
|
...watchOptions
|
|
} = options;
|
|
return vueDemi.watch(
|
|
source,
|
|
createFilterWrapper(
|
|
eventFilter,
|
|
cb
|
|
),
|
|
watchOptions
|
|
);
|
|
}
|
|
|
|
function watchPausable(source, cb, options = {}) {
|
|
const {
|
|
eventFilter: filter,
|
|
...watchOptions
|
|
} = options;
|
|
const { eventFilter, pause, resume, isActive } = pausableFilter(filter);
|
|
const stop = watchWithFilter(
|
|
source,
|
|
cb,
|
|
{
|
|
...watchOptions,
|
|
eventFilter
|
|
}
|
|
);
|
|
return { stop, pause, resume, isActive };
|
|
}
|
|
|
|
function syncRef(left, right, ...[options]) {
|
|
const {
|
|
flush = "sync",
|
|
deep = false,
|
|
immediate = true,
|
|
direction = "both",
|
|
transform = {}
|
|
} = options || {};
|
|
const watchers = [];
|
|
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,
|
|
(newValue) => {
|
|
watchers.forEach((w) => w.pause());
|
|
right.value = transformLTR(newValue);
|
|
watchers.forEach((w) => w.resume());
|
|
},
|
|
{ flush, deep, immediate }
|
|
));
|
|
}
|
|
if (direction === "both" || direction === "rtl") {
|
|
watchers.push(watchPausable(
|
|
right,
|
|
(newValue) => {
|
|
watchers.forEach((w) => w.pause());
|
|
left.value = transformRTL(newValue);
|
|
watchers.forEach((w) => w.resume());
|
|
},
|
|
{ flush, deep, immediate }
|
|
));
|
|
}
|
|
const stop = () => {
|
|
watchers.forEach((w) => w.stop());
|
|
};
|
|
return stop;
|
|
}
|
|
|
|
function syncRefs(source, targets, options = {}) {
|
|
const {
|
|
flush = "sync",
|
|
deep = false,
|
|
immediate = true
|
|
} = options;
|
|
if (!Array.isArray(targets))
|
|
targets = [targets];
|
|
return vueDemi.watch(
|
|
source,
|
|
(newValue) => targets.forEach((target) => target.value = newValue),
|
|
{ flush, deep, immediate }
|
|
);
|
|
}
|
|
|
|
function toRefs(objectRef, options = {}) {
|
|
if (!vueDemi.isRef(objectRef))
|
|
return vueDemi.toRefs(objectRef);
|
|
const result = Array.isArray(objectRef.value) ? Array.from({ length: objectRef.value.length }) : {};
|
|
for (const key in objectRef.value) {
|
|
result[key] = vueDemi.customRef(() => ({
|
|
get() {
|
|
return objectRef.value[key];
|
|
},
|
|
set(v) {
|
|
var _a;
|
|
const replaceRef = (_a = toValue(options.replaceRef)) != null ? _a : true;
|
|
if (replaceRef) {
|
|
if (Array.isArray(objectRef.value)) {
|
|
const copy = [...objectRef.value];
|
|
copy[key] = v;
|
|
objectRef.value = copy;
|
|
} else {
|
|
const newObject = { ...objectRef.value, [key]: v };
|
|
Object.setPrototypeOf(newObject, Object.getPrototypeOf(objectRef.value));
|
|
objectRef.value = newObject;
|
|
}
|
|
} else {
|
|
objectRef.value[key] = v;
|
|
}
|
|
}
|
|
}));
|
|
}
|
|
return result;
|
|
}
|
|
|
|
function tryOnBeforeMount(fn, sync = true, target) {
|
|
const instance = getLifeCycleTarget(target);
|
|
if (instance)
|
|
vueDemi.onBeforeMount(fn, target);
|
|
else if (sync)
|
|
fn();
|
|
else
|
|
vueDemi.nextTick(fn);
|
|
}
|
|
|
|
function tryOnBeforeUnmount(fn, target) {
|
|
const instance = getLifeCycleTarget(target);
|
|
if (instance)
|
|
vueDemi.onBeforeUnmount(fn, target);
|
|
}
|
|
|
|
function tryOnMounted(fn, sync = true, target) {
|
|
const instance = getLifeCycleTarget();
|
|
if (instance)
|
|
vueDemi.onMounted(fn, target);
|
|
else if (sync)
|
|
fn();
|
|
else
|
|
vueDemi.nextTick(fn);
|
|
}
|
|
|
|
function tryOnUnmounted(fn, target) {
|
|
const instance = getLifeCycleTarget(target);
|
|
if (instance)
|
|
vueDemi.onUnmounted(fn, target);
|
|
}
|
|
|
|
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);
|
|
}
|
|
},
|
|
{
|
|
flush,
|
|
deep,
|
|
immediate: true
|
|
}
|
|
);
|
|
});
|
|
const promises = [watcher];
|
|
if (timeout != null) {
|
|
promises.push(
|
|
promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => stop == null ? void 0 : stop())
|
|
);
|
|
}
|
|
return Promise.race(promises);
|
|
}
|
|
function toBe(value, options) {
|
|
if (!vueDemi.isRef(value))
|
|
return toMatch((v) => v === value, 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 == null ? void 0 : stop();
|
|
resolve(v1);
|
|
}
|
|
},
|
|
{
|
|
flush,
|
|
deep,
|
|
immediate: true
|
|
}
|
|
);
|
|
});
|
|
const promises = [watcher];
|
|
if (timeout != null) {
|
|
promises.push(
|
|
promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r)).finally(() => {
|
|
stop == null ? void 0 : stop();
|
|
return toValue(r);
|
|
})
|
|
);
|
|
}
|
|
return Promise.race(promises);
|
|
}
|
|
function toBeTruthy(options) {
|
|
return toMatch((v) => Boolean(v), options);
|
|
}
|
|
function toBeNull(options) {
|
|
return toBe(null, options);
|
|
}
|
|
function toBeUndefined(options) {
|
|
return toBe(void 0, options);
|
|
}
|
|
function toBeNaN(options) {
|
|
return toMatch(Number.isNaN, options);
|
|
}
|
|
function toContains(value, options) {
|
|
return toMatch((v) => {
|
|
const array = Array.from(v);
|
|
return array.includes(value) || array.includes(toValue(value));
|
|
}, options);
|
|
}
|
|
function changed(options) {
|
|
return changedTimes(1, options);
|
|
}
|
|
function changedTimes(n = 1, options) {
|
|
let count = -1;
|
|
return toMatch(() => {
|
|
count += 1;
|
|
return count >= n;
|
|
}, options);
|
|
}
|
|
if (Array.isArray(toValue(r))) {
|
|
const instance = {
|
|
toMatch,
|
|
toContains,
|
|
changed,
|
|
changedTimes,
|
|
get not() {
|
|
return createUntil(r, !isNot);
|
|
}
|
|
};
|
|
return instance;
|
|
} else {
|
|
const instance = {
|
|
toMatch,
|
|
toBe,
|
|
toBeTruthy,
|
|
toBeNull,
|
|
toBeNaN,
|
|
toBeUndefined,
|
|
changed,
|
|
changedTimes,
|
|
get not() {
|
|
return createUntil(r, !isNot);
|
|
}
|
|
};
|
|
return instance;
|
|
}
|
|
}
|
|
function until(r) {
|
|
return createUntil(r);
|
|
}
|
|
|
|
function defaultComparator(value, othVal) {
|
|
return value === othVal;
|
|
}
|
|
function useArrayDifference(...args) {
|
|
var _a;
|
|
const list = args[0];
|
|
const values = args[1];
|
|
let compareFn = (_a = args[2]) != null ? _a : defaultComparator;
|
|
if (typeof compareFn === "string") {
|
|
const key = compareFn;
|
|
compareFn = (value, othVal) => value[key] === othVal[key];
|
|
}
|
|
return vueDemi.computed(() => toValue(list).filter((x) => toValue(values).findIndex((y) => compareFn(x, y)) === -1));
|
|
}
|
|
|
|
function useArrayEvery(list, fn) {
|
|
return vueDemi.computed(() => toValue(list).every((element, index, array) => fn(toValue(element), index, array)));
|
|
}
|
|
|
|
function useArrayFilter(list, fn) {
|
|
return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).filter(fn));
|
|
}
|
|
|
|
function useArrayFind(list, fn) {
|
|
return vueDemi.computed(() => toValue(
|
|
toValue(list).find((element, index, array) => fn(toValue(element), index, array))
|
|
));
|
|
}
|
|
|
|
function useArrayFindIndex(list, fn) {
|
|
return vueDemi.computed(() => toValue(list).findIndex((element, index, array) => fn(toValue(element), index, array)));
|
|
}
|
|
|
|
function findLast(arr, cb) {
|
|
let index = arr.length;
|
|
while (index-- > 0) {
|
|
if (cb(arr[index], index, arr))
|
|
return arr[index];
|
|
}
|
|
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))
|
|
));
|
|
}
|
|
|
|
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 = (_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 != 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) {
|
|
return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).join(toValue(separator)));
|
|
}
|
|
|
|
function useArrayMap(list, fn) {
|
|
return vueDemi.computed(() => toValue(list).map((i) => toValue(i)).map(fn));
|
|
}
|
|
|
|
function useArrayReduce(list, reducer, ...args) {
|
|
const reduceCallback = (sum, value, index) => reducer(toValue(sum), toValue(value), index);
|
|
return vueDemi.computed(() => {
|
|
const resolved = toValue(list);
|
|
return args.length ? resolved.reduce(reduceCallback, toValue(args[0])) : resolved.reduce(reduceCallback);
|
|
});
|
|
}
|
|
|
|
function useArraySome(list, fn) {
|
|
return vueDemi.computed(() => toValue(list).some((element, index, array) => fn(toValue(element), index, array)));
|
|
}
|
|
|
|
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 = toValue(list).map((element) => toValue(element));
|
|
return compareFn ? uniqueElementsBy(resolvedList, compareFn) : uniq(resolvedList);
|
|
});
|
|
}
|
|
|
|
function useCounter(initialValue = 0, options = {}) {
|
|
let _initialValue = vueDemi.unref(initialValue);
|
|
const count = vueDemi.ref(initialValue);
|
|
const {
|
|
max = Number.POSITIVE_INFINITY,
|
|
min = Number.NEGATIVE_INFINITY
|
|
} = options;
|
|
const inc = (delta = 1) => count.value = Math.min(max, count.value + delta);
|
|
const dec = (delta = 1) => count.value = Math.max(min, count.value - delta);
|
|
const get = () => count.value;
|
|
const set = (val) => count.value = Math.max(min, Math.min(max, val));
|
|
const reset = (val = _initialValue) => {
|
|
_initialValue = val;
|
|
return set(val);
|
|
};
|
|
return { count, inc, dec, get, set, reset };
|
|
}
|
|
|
|
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 = /[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();
|
|
const month = date.getMonth();
|
|
const days = date.getDate();
|
|
const hours = date.getHours();
|
|
const minutes = date.getMinutes();
|
|
const seconds = date.getSeconds();
|
|
const milliseconds = date.getMilliseconds();
|
|
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,
|
|
dd: () => date.toLocaleDateString(options.locales, { weekday: "narrow" }),
|
|
ddd: () => date.toLocaleDateString(options.locales, { weekday: "short" }),
|
|
dddd: () => date.toLocaleDateString(options.locales, { weekday: "long" }),
|
|
A: () => meridiem(hours, minutes),
|
|
AA: () => meridiem(hours, minutes, false, true),
|
|
a: () => meridiem(hours, minutes, true),
|
|
aa: () => meridiem(hours, minutes, true, true)
|
|
};
|
|
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)
|
|
return new Date(Number.NaN);
|
|
if (date === void 0)
|
|
return /* @__PURE__ */ new Date();
|
|
if (date instanceof Date)
|
|
return new Date(date);
|
|
if (typeof date === "string" && !/Z$/i.test(date)) {
|
|
const d = date.match(REGEX_PARSE);
|
|
if (d) {
|
|
const m = d[2] - 1 || 0;
|
|
const ms = (d[7] || "0").substring(0, 3);
|
|
return new Date(d[1], m, d[3] || 1, d[4] || 0, d[5] || 0, d[6] || 0, ms);
|
|
}
|
|
}
|
|
return new Date(date);
|
|
}
|
|
function useDateFormat(date, formatStr = "HH:mm:ss", options = {}) {
|
|
return vueDemi.computed(() => formatDate(normalizeDate(toValue(date)), toValue(formatStr), options));
|
|
}
|
|
|
|
function useIntervalFn(cb, interval = 1e3, options = {}) {
|
|
const {
|
|
immediate = true,
|
|
immediateCallback = false
|
|
} = options;
|
|
let timer = null;
|
|
const isActive = vueDemi.ref(false);
|
|
function clean() {
|
|
if (timer) {
|
|
clearInterval(timer);
|
|
timer = null;
|
|
}
|
|
}
|
|
function pause() {
|
|
isActive.value = false;
|
|
clean();
|
|
}
|
|
function resume() {
|
|
const intervalValue = toValue(interval);
|
|
if (intervalValue <= 0)
|
|
return;
|
|
isActive.value = true;
|
|
if (immediateCallback)
|
|
cb();
|
|
clean();
|
|
timer = setInterval(cb, intervalValue);
|
|
}
|
|
if (immediate && isClient)
|
|
resume();
|
|
if (vueDemi.isRef(interval) || typeof interval === "function") {
|
|
const stopWatch = vueDemi.watch(interval, () => {
|
|
if (isActive.value && isClient)
|
|
resume();
|
|
});
|
|
tryOnScopeDispose(stopWatch);
|
|
}
|
|
tryOnScopeDispose(pause);
|
|
return {
|
|
isActive,
|
|
pause,
|
|
resume
|
|
};
|
|
}
|
|
|
|
function useInterval(interval = 1e3, options = {}) {
|
|
const {
|
|
controls: exposeControls = false,
|
|
immediate = true,
|
|
callback
|
|
} = options;
|
|
const counter = vueDemi.ref(0);
|
|
const update = () => counter.value += 1;
|
|
const reset = () => {
|
|
counter.value = 0;
|
|
};
|
|
const controls = useIntervalFn(
|
|
callback ? () => {
|
|
update();
|
|
callback(counter.value);
|
|
} : update,
|
|
interval,
|
|
{ immediate }
|
|
);
|
|
if (exposeControls) {
|
|
return {
|
|
counter,
|
|
reset,
|
|
...controls
|
|
};
|
|
} else {
|
|
return counter;
|
|
}
|
|
}
|
|
|
|
function useLastChanged(source, options = {}) {
|
|
var _a;
|
|
const ms = vueDemi.ref((_a = options.initialValue) != null ? _a : null);
|
|
vueDemi.watch(
|
|
source,
|
|
() => ms.value = timestamp(),
|
|
options
|
|
);
|
|
return ms;
|
|
}
|
|
|
|
function useTimeoutFn(cb, interval, options = {}) {
|
|
const {
|
|
immediate = true
|
|
} = options;
|
|
const isPending = vueDemi.ref(false);
|
|
let timer = null;
|
|
function clear() {
|
|
if (timer) {
|
|
clearTimeout(timer);
|
|
timer = null;
|
|
}
|
|
}
|
|
function stop() {
|
|
isPending.value = false;
|
|
clear();
|
|
}
|
|
function start(...args) {
|
|
clear();
|
|
isPending.value = true;
|
|
timer = setTimeout(() => {
|
|
isPending.value = false;
|
|
timer = null;
|
|
cb(...args);
|
|
}, toValue(interval));
|
|
}
|
|
if (immediate) {
|
|
isPending.value = true;
|
|
if (isClient)
|
|
start();
|
|
}
|
|
tryOnScopeDispose(stop);
|
|
return {
|
|
isPending: vueDemi.readonly(isPending),
|
|
start,
|
|
stop
|
|
};
|
|
}
|
|
|
|
function useTimeout(interval = 1e3, options = {}) {
|
|
const {
|
|
controls: exposeControls = false,
|
|
callback
|
|
} = options;
|
|
const controls = useTimeoutFn(
|
|
callback != null ? callback : noop,
|
|
interval,
|
|
options
|
|
);
|
|
const ready = vueDemi.computed(() => !controls.isPending.value);
|
|
if (exposeControls) {
|
|
return {
|
|
ready,
|
|
...controls
|
|
};
|
|
} else {
|
|
return ready;
|
|
}
|
|
}
|
|
|
|
function useToNumber(value, options = {}) {
|
|
const {
|
|
method = "parseFloat",
|
|
radix,
|
|
nanToZero
|
|
} = options;
|
|
return vueDemi.computed(() => {
|
|
let resolved = toValue(value);
|
|
if (typeof resolved === "string")
|
|
resolved = Number[method](resolved, radix);
|
|
if (nanToZero && Number.isNaN(resolved))
|
|
resolved = 0;
|
|
return resolved;
|
|
});
|
|
}
|
|
|
|
function useToString(value) {
|
|
return vueDemi.computed(() => `${toValue(value)}`);
|
|
}
|
|
|
|
function useToggle(initialValue = false, options = {}) {
|
|
const {
|
|
truthyValue = true,
|
|
falsyValue = false
|
|
} = options;
|
|
const valueIsRef = vueDemi.isRef(initialValue);
|
|
const _value = vueDemi.ref(initialValue);
|
|
function toggle(value) {
|
|
if (arguments.length) {
|
|
_value.value = value;
|
|
return _value.value;
|
|
} else {
|
|
const truthy = toValue(truthyValue);
|
|
_value.value = _value.value === truthy ? toValue(falsyValue) : truthy;
|
|
return _value.value;
|
|
}
|
|
}
|
|
if (valueIsRef)
|
|
return toggle;
|
|
else
|
|
return [_value, toggle];
|
|
}
|
|
|
|
function watchArray(source, cb, options) {
|
|
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 = [];
|
|
for (const obj of newList) {
|
|
let found = false;
|
|
for (let i = 0; i < oldList.length; i++) {
|
|
if (!oldListRemains[i] && obj === oldList[i]) {
|
|
oldListRemains[i] = true;
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
if (!found)
|
|
added.push(obj);
|
|
}
|
|
const removed = oldList.filter((_2, i) => !oldListRemains[i]);
|
|
cb(newList, oldList, added, removed, onCleanup);
|
|
oldList = [...newList];
|
|
}, options);
|
|
}
|
|
|
|
function watchAtMost(source, cb, options) {
|
|
const {
|
|
count,
|
|
...watchOptions
|
|
} = options;
|
|
const current = vueDemi.ref(0);
|
|
const stop = watchWithFilter(
|
|
source,
|
|
(...args) => {
|
|
current.value += 1;
|
|
if (current.value >= toValue(count))
|
|
vueDemi.nextTick(() => stop());
|
|
cb(...args);
|
|
},
|
|
watchOptions
|
|
);
|
|
return { count: current, stop };
|
|
}
|
|
|
|
function watchDebounced(source, cb, options = {}) {
|
|
const {
|
|
debounce = 0,
|
|
maxWait = void 0,
|
|
...watchOptions
|
|
} = options;
|
|
return watchWithFilter(
|
|
source,
|
|
cb,
|
|
{
|
|
...watchOptions,
|
|
eventFilter: debounceFilter(debounce, { maxWait })
|
|
}
|
|
);
|
|
}
|
|
|
|
function watchDeep(source, cb, options) {
|
|
return vueDemi.watch(
|
|
source,
|
|
cb,
|
|
{
|
|
...options,
|
|
deep: true
|
|
}
|
|
);
|
|
}
|
|
|
|
function watchIgnorable(source, cb, options = {}) {
|
|
const {
|
|
eventFilter = bypassFilter,
|
|
...watchOptions
|
|
} = options;
|
|
const filteredCb = createFilterWrapper(
|
|
eventFilter,
|
|
cb
|
|
);
|
|
let ignoreUpdates;
|
|
let ignorePrevAsyncUpdates;
|
|
let stop;
|
|
if (watchOptions.flush === "sync") {
|
|
const ignore = vueDemi.ref(false);
|
|
ignorePrevAsyncUpdates = () => {
|
|
};
|
|
ignoreUpdates = (updater) => {
|
|
ignore.value = true;
|
|
updater();
|
|
ignore.value = false;
|
|
};
|
|
stop = vueDemi.watch(
|
|
source,
|
|
(...args) => {
|
|
if (!ignore.value)
|
|
filteredCb(...args);
|
|
},
|
|
watchOptions
|
|
);
|
|
} else {
|
|
const disposables = [];
|
|
const ignoreCounter = vueDemi.ref(0);
|
|
const syncCounter = vueDemi.ref(0);
|
|
ignorePrevAsyncUpdates = () => {
|
|
ignoreCounter.value = syncCounter.value;
|
|
};
|
|
disposables.push(
|
|
vueDemi.watch(
|
|
source,
|
|
() => {
|
|
syncCounter.value++;
|
|
},
|
|
{ ...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
|
|
)
|
|
);
|
|
stop = () => {
|
|
disposables.forEach((fn) => fn());
|
|
};
|
|
}
|
|
return { stop, ignoreUpdates, ignorePrevAsyncUpdates };
|
|
}
|
|
|
|
function watchImmediate(source, cb, options) {
|
|
return vueDemi.watch(
|
|
source,
|
|
cb,
|
|
{
|
|
...options,
|
|
immediate: true
|
|
}
|
|
);
|
|
}
|
|
|
|
function watchOnce(source, cb, options) {
|
|
const stop = vueDemi.watch(source, (...args) => {
|
|
vueDemi.nextTick(() => stop());
|
|
return cb(...args);
|
|
}, options);
|
|
return stop;
|
|
}
|
|
|
|
function watchThrottled(source, cb, options = {}) {
|
|
const {
|
|
throttle = 0,
|
|
trailing = true,
|
|
leading = true,
|
|
...watchOptions
|
|
} = options;
|
|
return watchWithFilter(
|
|
source,
|
|
cb,
|
|
{
|
|
...watchOptions,
|
|
eventFilter: throttleFilter(throttle, trailing, leading)
|
|
}
|
|
);
|
|
}
|
|
|
|
function watchTriggerable(source, cb, options = {}) {
|
|
let cleanupFn;
|
|
function onEffect() {
|
|
if (!cleanupFn)
|
|
return;
|
|
const fn = cleanupFn;
|
|
cleanupFn = void 0;
|
|
fn();
|
|
}
|
|
function onCleanup(callback) {
|
|
cleanupFn = callback;
|
|
}
|
|
const _cb = (value, oldValue) => {
|
|
onEffect();
|
|
return cb(value, oldValue, onCleanup);
|
|
};
|
|
const res = watchIgnorable(source, _cb, options);
|
|
const { ignoreUpdates } = res;
|
|
const trigger = () => {
|
|
let res2;
|
|
ignoreUpdates(() => {
|
|
res2 = _cb(getWatchSources(source), getOldValue(source));
|
|
});
|
|
return res2;
|
|
};
|
|
return {
|
|
...res,
|
|
trigger
|
|
};
|
|
}
|
|
function getWatchSources(sources) {
|
|
if (vueDemi.isReactive(sources))
|
|
return sources;
|
|
if (Array.isArray(sources))
|
|
return sources.map((item) => toValue(item));
|
|
return toValue(sources);
|
|
}
|
|
function getOldValue(source) {
|
|
return Array.isArray(source) ? source.map(() => void 0) : void 0;
|
|
}
|
|
|
|
function whenever(source, cb, options) {
|
|
return vueDemi.watch(
|
|
source,
|
|
(v, ov, onInvalidate) => {
|
|
if (v)
|
|
cb(v, ov, onInvalidate);
|
|
},
|
|
options
|
|
);
|
|
}
|
|
|
|
exports.assert = assert;
|
|
exports.autoResetRef = refAutoReset;
|
|
exports.bypassFilter = bypassFilter;
|
|
exports.camelize = camelize;
|
|
exports.clamp = clamp;
|
|
exports.computedEager = computedEager;
|
|
exports.computedWithControl = computedWithControl;
|
|
exports.containsProp = containsProp;
|
|
exports.controlledComputed = computedWithControl;
|
|
exports.controlledRef = controlledRef;
|
|
exports.createEventHook = createEventHook;
|
|
exports.createFilterWrapper = createFilterWrapper;
|
|
exports.createGlobalState = createGlobalState;
|
|
exports.createInjectionState = createInjectionState;
|
|
exports.createReactiveFn = reactify;
|
|
exports.createSharedComposable = createSharedComposable;
|
|
exports.createSingletonPromise = createSingletonPromise;
|
|
exports.debounceFilter = debounceFilter;
|
|
exports.debouncedRef = refDebounced;
|
|
exports.debouncedWatch = watchDebounced;
|
|
exports.directiveHooks = directiveHooks;
|
|
exports.eagerComputed = computedEager;
|
|
exports.extendRef = extendRef;
|
|
exports.formatDate = formatDate;
|
|
exports.get = get;
|
|
exports.getLifeCycleTarget = getLifeCycleTarget;
|
|
exports.hasOwn = hasOwn;
|
|
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;
|
|
exports.notNullish = notNullish;
|
|
exports.now = now;
|
|
exports.objectEntries = objectEntries;
|
|
exports.objectOmit = objectOmit;
|
|
exports.objectPick = objectPick;
|
|
exports.pausableFilter = pausableFilter;
|
|
exports.pausableWatch = watchPausable;
|
|
exports.promiseTimeout = promiseTimeout;
|
|
exports.provideLocal = provideLocal;
|
|
exports.rand = rand;
|
|
exports.reactify = reactify;
|
|
exports.reactifyObject = reactifyObject;
|
|
exports.reactiveComputed = reactiveComputed;
|
|
exports.reactiveOmit = reactiveOmit;
|
|
exports.reactivePick = reactivePick;
|
|
exports.refAutoReset = refAutoReset;
|
|
exports.refDebounced = refDebounced;
|
|
exports.refDefault = refDefault;
|
|
exports.refThrottled = refThrottled;
|
|
exports.refWithControl = refWithControl;
|
|
exports.resolveRef = resolveRef;
|
|
exports.resolveUnref = resolveUnref;
|
|
exports.set = set;
|
|
exports.syncRef = syncRef;
|
|
exports.syncRefs = syncRefs;
|
|
exports.throttleFilter = throttleFilter;
|
|
exports.throttledRef = refThrottled;
|
|
exports.throttledWatch = watchThrottled;
|
|
exports.timestamp = timestamp;
|
|
exports.toReactive = toReactive;
|
|
exports.toRef = toRef;
|
|
exports.toRefs = toRefs;
|
|
exports.toValue = toValue;
|
|
exports.tryOnBeforeMount = tryOnBeforeMount;
|
|
exports.tryOnBeforeUnmount = tryOnBeforeUnmount;
|
|
exports.tryOnMounted = tryOnMounted;
|
|
exports.tryOnScopeDispose = tryOnScopeDispose;
|
|
exports.tryOnUnmounted = tryOnUnmounted;
|
|
exports.until = until;
|
|
exports.useArrayDifference = useArrayDifference;
|
|
exports.useArrayEvery = useArrayEvery;
|
|
exports.useArrayFilter = useArrayFilter;
|
|
exports.useArrayFind = useArrayFind;
|
|
exports.useArrayFindIndex = useArrayFindIndex;
|
|
exports.useArrayFindLast = useArrayFindLast;
|
|
exports.useArrayIncludes = useArrayIncludes;
|
|
exports.useArrayJoin = useArrayJoin;
|
|
exports.useArrayMap = useArrayMap;
|
|
exports.useArrayReduce = useArrayReduce;
|
|
exports.useArraySome = useArraySome;
|
|
exports.useArrayUnique = useArrayUnique;
|
|
exports.useCounter = useCounter;
|
|
exports.useDateFormat = useDateFormat;
|
|
exports.useDebounce = refDebounced;
|
|
exports.useDebounceFn = useDebounceFn;
|
|
exports.useInterval = useInterval;
|
|
exports.useIntervalFn = useIntervalFn;
|
|
exports.useLastChanged = useLastChanged;
|
|
exports.useThrottle = refThrottled;
|
|
exports.useThrottleFn = useThrottleFn;
|
|
exports.useTimeout = useTimeout;
|
|
exports.useTimeoutFn = useTimeoutFn;
|
|
exports.useToNumber = useToNumber;
|
|
exports.useToString = useToString;
|
|
exports.useToggle = useToggle;
|
|
exports.watchArray = watchArray;
|
|
exports.watchAtMost = watchAtMost;
|
|
exports.watchDebounced = watchDebounced;
|
|
exports.watchDeep = watchDeep;
|
|
exports.watchIgnorable = watchIgnorable;
|
|
exports.watchImmediate = watchImmediate;
|
|
exports.watchOnce = watchOnce;
|
|
exports.watchPausable = watchPausable;
|
|
exports.watchThrottled = watchThrottled;
|
|
exports.watchTriggerable = watchTriggerable;
|
|
exports.watchWithFilter = watchWithFilter;
|
|
exports.whenever = whenever;
|