@vue/reactivity 3.6.0-rc.1 → 3.6.0-rc.11

package/dist/reactivity.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/reactivity v3.6.0-rc.1
+  * @vue/reactivity v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -9,22 +9,6 @@ Object.defineProperties(exports, {
 });
 let _vue_shared = require("@vue/shared");
 //#region packages/reactivity/src/system.ts
-const ReactiveFlags$1 = {
-	"None": 0,
-	"0": "None",
-	"Mutable": 1,
-	"1": "Mutable",
-	"Watching": 2,
-	"2": "Watching",
-	"RecursedCheck": 4,
-	"4": "RecursedCheck",
-	"Recursed": 8,
-	"8": "Recursed",
-	"Dirty": 16,
-	"16": "Dirty",
-	"Pending": 32,
-	"32": "Pending"
-};
 const notifyBuffer = [];
 let batchDepth = 0;
 let activeSub = void 0;
@@ -162,13 +146,23 @@ function endTracking(sub, prevSub) {
 	sub.flags &= -5;
 }
 function flush() {
+	let hasError = false;
+	let error;
 	while (notifyIndex < notifyBufferLength) {
 		const effect = notifyBuffer[notifyIndex];
 		notifyBuffer[notifyIndex++] = void 0;
-		effect.notify();
+		try {
+			effect.notify();
+		} catch (err) {
+			if (!hasError) {
+				hasError = true;
+				error = err;
+			}
+		}
 	}
 	notifyIndex = 0;
 	notifyBufferLength = 0;
+	if (hasError) throw error;
 }
 function checkDirty(link, sub) {
 	let stack;
@@ -252,9 +246,27 @@ var Dep = class {
 	}
 	set subs(value) {
 		this._subs = value;
-		if (value === void 0) this.map.delete(this.key);
+		if (value === void 0 && this.map) this.map.delete(this.key);
 	}
 };
+/**
+* Tracks a dep its owner keys on its own, outside `targetMap`.
+* @internal
+*/
+function trackDep(dep, target = dep, key = "value") {
+	if (activeSub !== void 0) link(dep, activeSub);
+}
+/**
+* @internal
+*/
+function triggerDep(dep, target = dep, key = "value", newValue, oldValue) {
+	const subs = dep.subs;
+	if (subs !== void 0) {
+		propagate(subs);
+		shallowPropagate(subs);
+		if (!batchDepth) flush();
+	}
+}
 const targetMap = /* @__PURE__ */ new WeakMap();
 const ITERATE_KEY = Symbol("");
 const MAP_KEY_ITERATE_KEY = Symbol("");
@@ -321,9 +333,7 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
 						if ((0, _vue_shared.isMap)(target)) run(depsMap.get(MAP_KEY_ITERATE_KEY));
 					}
 					break;
-				case "set":
-					if ((0, _vue_shared.isMap)(target)) run(depsMap.get(ITERATE_KEY));
-					break;
+				case "set": if ((0, _vue_shared.isMap)(target)) run(depsMap.get(ITERATE_KEY));
 			}
 		}
 	}
@@ -338,13 +348,17 @@ function getDepFromReactive(object, key) {
 /**
 * Track array iteration and return:
 * - if input is reactive: a cloned raw array with reactive values
-* - if input is non-reactive or shallowReactive: the original raw array
+* - if input is readonly: a cloned raw array with readonly values, preserving
+*   reactivity
+* - if input is raw or shallow: the original raw array
 */
 function reactiveReadArray(array) {
 	const raw = /* @__PURE__ */ toRaw(array);
 	if (raw === array) return raw;
 	track(raw, "iterate", ARRAY_ITERATE_KEY);
-	return /* @__PURE__ */ isShallow(array) ? raw : raw.map(toReactive);
+	if (/* @__PURE__ */ isShallow(array)) return raw;
+	if (!/* @__PURE__ */ isReadonly(array)) return raw.map(toReactive);
+	return /* @__PURE__ */ isReactive(array) ? raw.map((item) => toReadonly(toReactive(item))) : raw.map(toReadonly);
 }
 /**
 * Track array iteration and return raw array
@@ -520,8 +534,8 @@ function noTracking(self, method, args = []) {
 }
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
-const isNonTrackableKeys = /* @__PURE__ */ (0, _vue_shared.makeMap)(`__proto__,__v_isRef,__isVue`);
-const builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(_vue_shared.isSymbol));
+const isNonTrackableKeys = /*@__PURE__*/ (0, _vue_shared.makeMap)(`__proto__,__v_isRef,__isVue`);
+const builtInSymbols = new Set(/*@__PURE__*/ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(_vue_shared.isSymbol));
 function hasOwnProperty(key) {
 	if (!(0, _vue_shared.isSymbol)(key)) key = String(key);
 	const obj = /* @__PURE__ */ toRaw(this);
@@ -576,10 +590,12 @@ var MutableReactiveHandler = class extends BaseReactiveHandler {
 				oldValue = /* @__PURE__ */ toRaw(oldValue);
 				value = /* @__PURE__ */ toRaw(value);
 			}
-			if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) if (isOldValueReadonly) return true;
-			else {
-				oldValue.value = value;
-				return true;
+			if (!isArrayWithIntegerKey && /* @__PURE__ */ isRef(oldValue) && !/* @__PURE__ */ isRef(value)) {
+				if (isOldValueReadonly) return true;
+				else {
+					oldValue.value = value;
+					return true;
+				}
 			}
 		}
 		const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : (0, _vue_shared.hasOwn)(target, key);
@@ -618,10 +634,10 @@ var ReadonlyReactiveHandler = class extends BaseReactiveHandler {
 		return true;
 	}
 };
-const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
-const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
-const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
-const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
+const mutableHandlers = /*@__PURE__*/ new MutableReactiveHandler();
+const readonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler();
+const shallowReactiveHandlers = /*@__PURE__*/ new MutableReactiveHandler(true);
+const shallowReadonlyHandlers = /*@__PURE__*/ new ReadonlyReactiveHandler(true);
 //#endregion
 //#region packages/reactivity/src/collectionHandlers.ts
 const toShallow = (value) => value;
@@ -768,10 +784,10 @@ function createInstrumentationGetter(isReadonly, shallow) {
 		return Reflect.get((0, _vue_shared.hasOwn)(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
 	};
 }
-const mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, false) };
-const shallowCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, true) };
-const readonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, false) };
-const shallowReadonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, true) };
+const mutableCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, false) };
+const shallowCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(false, true) };
+const readonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, false) };
+const shallowReadonlyCollectionHandlers = { get: /*@__PURE__*/ createInstrumentationGetter(true, true) };
 //#endregion
 //#region packages/reactivity/src/reactive.ts
 const reactiveMap = /* @__PURE__ */ new WeakMap();
@@ -789,7 +805,7 @@ function targetTypeMap(rawType) {
 		default: return 0;
 	}
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function reactive(target) {
 	if (/* @__PURE__ */ isReadonly(target)) return target;
 	return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
@@ -824,7 +840,7 @@ function reactive(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreactive}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowReactive(target) {
 	return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
 }
@@ -857,7 +873,7 @@ function shallowReactive(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-core.html#readonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function readonly(target) {
 	return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
 }
@@ -891,7 +907,7 @@ function readonly(target) {
 * @param target - The source object.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#shallowreadonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowReadonly(target) {
 	return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
 }
@@ -925,7 +941,7 @@ function createReactiveObject(target, isReadonly, baseHandlers, collectionHandle
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isreactive}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isReactive(value) {
 	if (/* @__PURE__ */ isReadonly(value)) return /* @__PURE__ */ isReactive(value["__v_raw"]);
 	return !!(value && value["__v_isReactive"]);
@@ -941,11 +957,11 @@ function isReactive(value) {
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isreadonly}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isReadonly(value) {
 	return !!(value && value["__v_isReadonly"]);
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isShallow(value) {
 	return !!(value && value["__v_isShallow"]);
 }
@@ -956,7 +972,7 @@ function isShallow(value) {
 * @param value - The value to check.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#isproxy}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isProxy(value) {
 	return value ? !!value["__v_raw"] : false;
 }
@@ -983,7 +999,7 @@ function isProxy(value) {
 * @param observed - The object for which the "raw" value is requested.
 * @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRaw(observed) {
 	const raw = observed && observed["__v_raw"];
 	return raw ? /* @__PURE__ */ toRaw(raw) : observed;
@@ -1032,15 +1048,15 @@ const toReactive = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */
 const toReadonly = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */ readonly(value) : value;
 //#endregion
 //#region packages/reactivity/src/ref.ts
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function isRef(r) {
 	return r ? r["__v_isRef"] === true : false;
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function ref(value) {
 	return createRef(value, toReactive);
 }
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function shallowRef(value) {
 	return createRef(value);
 }
@@ -1055,7 +1071,7 @@ var RefImpl = class {
 	constructor(value, wrap) {
 		this.subs = void 0;
 		this.subsTail = void 0;
-		this.flags = ReactiveFlags$1.Mutable;
+		this.flags = 1;
 		this.__v_isRef = true;
 		this.__v_isShallow = false;
 		this._oldValue = this._rawValue = wrap ? /* @__PURE__ */ toRaw(value) : value;
@@ -1068,7 +1084,7 @@ var RefImpl = class {
 	}
 	get value() {
 		trackRef(this);
-		if (this.flags & ReactiveFlags$1.Dirty && this.update()) {
+		if (this.flags & 16 && this.update()) {
 			const subs = this.subs;
 			if (subs !== void 0) shallowPropagate(subs);
 		}
@@ -1079,7 +1095,7 @@ var RefImpl = class {
 		const useDirectValue = this["__v_isShallow"] || /* @__PURE__ */ isShallow(newValue) || /* @__PURE__ */ isReadonly(newValue);
 		newValue = useDirectValue ? newValue : /* @__PURE__ */ toRaw(newValue);
 		if ((0, _vue_shared.hasChanged)(newValue, oldValue)) {
-			this.flags |= ReactiveFlags$1.Dirty;
+			this.flags |= 16;
 			this._rawValue = newValue;
 			this._value = !useDirectValue && this._wrap ? this._wrap(newValue) : newValue;
 			const subs = this.subs;
@@ -1090,7 +1106,7 @@ var RefImpl = class {
 		}
 	}
 	update() {
-		this.flags &= ~ReactiveFlags$1.Dirty;
+		this.flags &= -17;
 		return (0, _vue_shared.hasChanged)(this._oldValue, this._oldValue = this._rawValue);
 	}
 };
@@ -1193,7 +1209,7 @@ var CustomRefImpl = class {
 	constructor(factory) {
 		this.subs = void 0;
 		this.subsTail = void 0;
-		this.flags = ReactiveFlags$1.None;
+		this.flags = 0;
 		this["__v_isRef"] = true;
 		this._value = void 0;
 		const { get, set } = factory(() => trackRef(this), () => triggerRef(this));
@@ -1228,7 +1244,7 @@ function customRef(factory) {
 * @param object - Reactive object to be made into an object of linked refs.
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#torefs}
 */
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRefs(object) {
 	const ret = (0, _vue_shared.isArray)(object) ? new Array(object.length) : {};
 	for (const key in object) ret[key] = propertyToRef(object, key);
@@ -1279,7 +1295,7 @@ var GetterRefImpl = class {
 		return this._value = this._getter();
 	}
 };
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function toRef(source, key, defaultValue) {
 	if (/* @__PURE__ */ isRef(source)) return source;
 	else if ((0, _vue_shared.isFunction)(source)) return new GetterRefImpl(source);
@@ -1353,10 +1369,12 @@ var ReactiveEffect = class {
 	get dirty() {
 		const flags = this.flags;
 		if (flags & 16) return true;
-		if (flags & 32) if (checkDirty(this.deps, this)) {
-			this.flags = flags | 16;
-			return true;
-		} else this.flags = flags & -33;
+		if (flags & 32) {
+			if (checkDirty(this.deps, this)) {
+				this.flags = flags | 16;
+				return true;
+			} else this.flags = flags & -33;
+		}
 		return false;
 	}
 };
@@ -1583,11 +1601,13 @@ var ComputedRefImpl = class {
 	*/
 	get _dirty() {
 		const flags = this.flags;
-		if (flags & ReactiveFlags$1.Dirty) return true;
-		if (flags & ReactiveFlags$1.Pending) if (checkDirty(this.deps, this)) {
-			this.flags = flags | ReactiveFlags$1.Dirty;
-			return true;
-		} else this.flags = flags & ~ReactiveFlags$1.Pending;
+		if (flags & 16) return true;
+		if (flags & 32) {
+			if (checkDirty(this.deps, this)) {
+				this.flags = flags | 16;
+				return true;
+			} else this.flags = flags & -33;
+		}
 		return false;
 	}
 	/**
@@ -1595,8 +1615,8 @@ var ComputedRefImpl = class {
 	* for backwards compat
 	*/
 	set _dirty(v) {
-		if (v) this.flags |= ReactiveFlags$1.Dirty;
-		else this.flags &= ~(ReactiveFlags$1.Dirty | ReactiveFlags$1.Pending);
+		if (v) this.flags |= 16;
+		else this.flags &= -49;
 	}
 	constructor(fn, setter) {
 		this.fn = fn;
@@ -1606,18 +1626,18 @@ var ComputedRefImpl = class {
 		this.subsTail = void 0;
 		this.deps = void 0;
 		this.depsTail = void 0;
-		this.flags = ReactiveFlags$1.Mutable | ReactiveFlags$1.Dirty;
+		this.flags = 17;
 		this.__v_isRef = true;
 		this["__v_isReadonly"] = !setter;
 	}
 	get value() {
 		const flags = this.flags;
-		if (flags & ReactiveFlags$1.Dirty || flags & ReactiveFlags$1.Pending && checkDirty(this.deps, this)) {
+		if (flags & 16 || flags & 32 && checkDirty(this.deps, this)) {
 			if (this.update()) {
 				const subs = this.subs;
 				if (subs !== void 0) shallowPropagate(subs);
 			}
-		} else if (flags & ReactiveFlags$1.Pending) this.flags = flags & ~ReactiveFlags$1.Pending;
+		} else if (flags & 32) this.flags = flags & -33;
 		if (activeSub !== void 0) link(this, activeSub);
 		else if (activeEffectScope !== void 0) link(this, activeEffectScope);
 		return this._value;
@@ -1640,7 +1660,7 @@ var ComputedRefImpl = class {
 		}
 	}
 };
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function computed(getterOrOptions, debugOptions, isSSR = false) {
 	let getter;
 	let setter;
@@ -1728,25 +1748,26 @@ var WatcherEffect = class extends ReactiveEffect {
 				else if (/* @__PURE__ */ isReactive(s)) return reactiveGetter(s, deep);
 				else if ((0, _vue_shared.isFunction)(s)) return call ? call(s, 2) : s();
 			});
-		} else if ((0, _vue_shared.isFunction)(source)) if (cb) getter = call ? () => call(source, 2) : source;
-		else getter = () => {
-			if (this.cleanupsLength) {
-				const prevSub = setActiveSub();
+		} else if ((0, _vue_shared.isFunction)(source)) {
+			if (cb) getter = call ? () => call(source, 2) : source;
+			else getter = () => {
+				if (this.cleanupsLength) {
+					const prevSub = setActiveSub();
+					try {
+						cleanup(this);
+					} finally {
+						setActiveSub(prevSub);
+					}
+				}
+				const currentEffect = activeWatcher;
+				activeWatcher = this;
 				try {
-					cleanup(this);
+					return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
 				} finally {
-					setActiveSub(prevSub);
+					activeWatcher = currentEffect;
 				}
-			}
-			const currentEffect = activeWatcher;
-			activeWatcher = this;
-			try {
-				return call ? call(source, 3, [this.boundCleanup]) : source(this.boundCleanup);
-			} finally {
-				activeWatcher = currentEffect;
-			}
-		};
-		else getter = _vue_shared.NOOP;
+			};
+		} else getter = _vue_shared.NOOP;
 		if (cb && deep) {
 			const baseGetter = getter;
 			const depth = deep === true ? Infinity : deep;
@@ -1825,6 +1846,7 @@ function traverse(value, depth = Infinity, seen) {
 }
 //#endregion
 exports.ARRAY_ITERATE_KEY = ARRAY_ITERATE_KEY;
+exports.Dep = Dep;
 exports.EffectFlags = EffectFlags;
 exports.EffectScope = EffectScope;
 exports.ITERATE_KEY = ITERATE_KEY;
@@ -1835,11 +1857,18 @@ exports.TrackOpTypes = TrackOpTypes;
 exports.TriggerOpTypes = TriggerOpTypes;
 exports.WatchErrorCodes = WatchErrorCodes;
 exports.WatcherEffect = WatcherEffect;
+Object.defineProperty(exports, "activeSub", {
+	enumerable: true,
+	get: function() {
+		return activeSub;
+	}
+});
 exports.computed = computed;
 exports.customRef = customRef;
 exports.effect = effect;
 exports.effectScope = effectScope;
 exports.enableTracking = enableTracking;
+exports.endBatch = endBatch;
 exports.getCurrentScope = getCurrentScope;
 exports.getCurrentWatcher = getCurrentWatcher;
 exports.isProxy = isProxy;
@@ -1864,6 +1893,7 @@ exports.shallowReactive = shallowReactive;
 exports.shallowReadArray = shallowReadArray;
 exports.shallowReadonly = shallowReadonly;
 exports.shallowRef = shallowRef;
+exports.startBatch = startBatch;
 exports.stop = stop;
 exports.toRaw = toRaw;
 exports.toReactive = toReactive;
@@ -1872,8 +1902,10 @@ exports.toRef = toRef;
 exports.toRefs = toRefs;
 exports.toValue = toValue;
 exports.track = track;
+exports.trackDep = trackDep;
 exports.traverse = traverse;
 exports.trigger = trigger;
+exports.triggerDep = triggerDep;
 exports.triggerRef = triggerRef;
 exports.unref = unref;
 exports.watch = watch;