@vue/reactivity 3.6.0-beta.7 → 3.6.0-beta.9

package/dist/reactivity.cjs.js

@@ -1,11 +1,13 @@
 /**
-  * @vue/reactivity v3.6.0-beta.7
+  * @vue/reactivity v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let _vue_shared = require("@vue/shared");
-
 //#region packages/reactivity/src/debug.ts
 const triggerEventInfos = [];
 function onTrack(sub, debugInfo) {
@@ -40,13 +42,11 @@ function setupFlagsHandler(target) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/reactivity/src/warning.ts
 function warn(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
-
 //#endregion
 //#region packages/reactivity/src/system.ts
 const ReactiveFlags$1 = {
@@ -272,7 +272,6 @@ function isValidLink(checkLink, sub) {
 	}
 	return false;
 }
-
 //#endregion
 //#region packages/reactivity/src/dep.ts
 var Dep = class {
@@ -383,7 +382,6 @@ function getDepFromReactive(object, key) {
 	const depMap = targetMap.get(object);
 	return depMap && depMap.get(key);
 }
-
 //#endregion
 //#region packages/reactivity/src/arrayInstrumentations.ts
 /**
@@ -531,16 +529,25 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 }
 function reduce(self, method, fn, args) {
 	const arr = shallowReadArray(self);
+	const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 	let wrappedFn = fn;
+	let wrapInitialAccumulator = false;
 	if (arr !== self) {
-		if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-			return fn.call(this, acc, toWrapped(self, item), index, self);
-		};
-		else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+		if (needsWrap) {
+			wrapInitialAccumulator = args.length === 0;
+			wrappedFn = function(acc, item, index) {
+				if (wrapInitialAccumulator) {
+					wrapInitialAccumulator = false;
+					acc = toWrapped(self, acc);
+				}
+				return fn.call(this, acc, toWrapped(self, item), index, self);
+			};
+		} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 			return fn.call(this, acc, item, index, self);
 		};
 	}
-	return arr[method](wrappedFn, ...args);
+	const result = arr[method](wrappedFn, ...args);
+	return wrapInitialAccumulator ? toWrapped(self, result) : result;
 }
 function searchProxy(self, method, args) {
 	const arr = /* @__PURE__ */ toRaw(self);
@@ -560,7 +567,6 @@ function noTracking(self, method, args = []) {
 	endBatch();
 	return res;
 }
-
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ (0, _vue_shared.makeMap)(`__proto__,__v_isRef,__isVue`);
@@ -669,7 +675,6 @@ 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;
@@ -754,11 +759,13 @@ function createInstrumentations(readonly, shallow) {
 		clear: createReadonlyMethod("clear")
 	} : {
 		add(value) {
-			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 			const target = /* @__PURE__ */ toRaw(this);
-			if (!getProto(target).has.call(target, value)) {
-				target.add(value);
-				trigger(target, "add", value, value);
+			const proto = getProto(target);
+			const rawValue = /* @__PURE__ */ toRaw(value);
+			const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+			if (!(proto.has.call(target, valueToAdd) || (0, _vue_shared.hasChanged)(value, valueToAdd) && proto.has.call(target, value) || (0, _vue_shared.hasChanged)(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+				target.add(valueToAdd);
+				trigger(target, "add", valueToAdd, valueToAdd);
 			}
 			return this;
 		},
@@ -829,7 +836,6 @@ function checkIdentityKeys(target, has, key) {
 		warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/reactive.ts
 const reactiveMap = /* @__PURE__ */ new WeakMap();
@@ -1093,7 +1099,6 @@ const toReactive = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */
 * @param value - The value for which a readonly proxy shall be created.
 */
 const toReadonly = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */ readonly(value) : value;
-
 //#endregion
 //#region packages/reactivity/src/ref.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -1314,16 +1319,16 @@ function toRefs(object) {
 	return ret;
 }
 var ObjectRefImpl = class {
-	constructor(_object, _key, _defaultValue) {
+	constructor(_object, key, _defaultValue) {
 		this._object = _object;
-		this._key = _key;
 		this._defaultValue = _defaultValue;
 		this["__v_isRef"] = true;
 		this._value = void 0;
+		this._key = (0, _vue_shared.isSymbol)(key) ? key : String(key);
 		this._raw = /* @__PURE__ */ toRaw(_object);
 		let shallow = true;
 		let obj = _object;
-		if (!(0, _vue_shared.isArray)(_object) || !(0, _vue_shared.isIntegerKey)(String(_key))) do
+		if (!(0, _vue_shared.isArray)(_object) || (0, _vue_shared.isSymbol)(this._key) || !(0, _vue_shared.isIntegerKey)(this._key)) do
 			shallow = !/* @__PURE__ */ isProxy(obj) || /* @__PURE__ */ isShallow(obj);
 		while (shallow && (obj = obj["__v_raw"]));
 		this._shallow = shallow;
@@ -1368,7 +1373,6 @@ function toRef(source, key, defaultValue) {
 function propertyToRef(source, key, defaultValue) {
 	return new ObjectRefImpl(source, key, defaultValue);
 }
-
 //#endregion
 //#region packages/reactivity/src/effect.ts
 const EffectFlags = {
@@ -1538,7 +1542,6 @@ function cleanupEffect(fn) {
 		setActiveSub(prevSub);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/effectScope.ts
 let activeEffectScope;
@@ -1647,7 +1650,6 @@ function onScopeDispose(fn, failSilently = false) {
 	if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
 	else if (!failSilently) warn("onScopeDispose() is called when there is no active effect scope to be associated with.");
 }
-
 //#endregion
 //#region packages/reactivity/src/computed.ts
 /**
@@ -1748,7 +1750,6 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
 	}
 	return cRef;
 }
-
 //#endregion
 //#region packages/reactivity/src/constants.ts
 const TrackOpTypes = {
@@ -1770,7 +1771,6 @@ const ReactiveFlags = {
 	"RAW": "__v_raw",
 	"IS_REF": "__v_isRef"
 };
-
 //#endregion
 //#region packages/reactivity/src/watch.ts
 const WatchErrorCodes = {
@@ -1930,7 +1930,6 @@ function traverse(value, depth = Infinity, seen) {
 	}
 	return value;
 }
-
 //#endregion
 exports.ARRAY_ITERATE_KEY = ARRAY_ITERATE_KEY;
 exports.EffectFlags = EffectFlags;
@@ -1984,4 +1983,4 @@ exports.traverse = traverse;
 exports.trigger = trigger;
 exports.triggerRef = triggerRef;
 exports.unref = unref;
-exports.watch = watch;
+exports.watch = watch;

package/dist/reactivity.cjs.prod.js

@@ -1,11 +1,13 @@
 /**
-  * @vue/reactivity v3.6.0-beta.7
+  * @vue/reactivity v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let _vue_shared = require("@vue/shared");
-
 //#region packages/reactivity/src/system.ts
 const ReactiveFlags$1 = {
 	"None": 0,
@@ -229,7 +231,6 @@ function isValidLink(checkLink, sub) {
 	}
 	return false;
 }
-
 //#endregion
 //#region packages/reactivity/src/dep.ts
 var Dep = class {
@@ -326,7 +327,6 @@ function getDepFromReactive(object, key) {
 	const depMap = targetMap.get(object);
 	return depMap && depMap.get(key);
 }
-
 //#endregion
 //#region packages/reactivity/src/arrayInstrumentations.ts
 /**
@@ -474,16 +474,25 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 }
 function reduce(self, method, fn, args) {
 	const arr = shallowReadArray(self);
+	const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 	let wrappedFn = fn;
+	let wrapInitialAccumulator = false;
 	if (arr !== self) {
-		if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-			return fn.call(this, acc, toWrapped(self, item), index, self);
-		};
-		else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+		if (needsWrap) {
+			wrapInitialAccumulator = args.length === 0;
+			wrappedFn = function(acc, item, index) {
+				if (wrapInitialAccumulator) {
+					wrapInitialAccumulator = false;
+					acc = toWrapped(self, acc);
+				}
+				return fn.call(this, acc, toWrapped(self, item), index, self);
+			};
+		} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 			return fn.call(this, acc, item, index, self);
 		};
 	}
-	return arr[method](wrappedFn, ...args);
+	const result = arr[method](wrappedFn, ...args);
+	return wrapInitialAccumulator ? toWrapped(self, result) : result;
 }
 function searchProxy(self, method, args) {
 	const arr = /* @__PURE__ */ toRaw(self);
@@ -503,7 +512,6 @@ function noTracking(self, method, args = []) {
 	endBatch();
 	return res;
 }
-
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ (0, _vue_shared.makeMap)(`__proto__,__v_isRef,__isVue`);
@@ -608,7 +616,6 @@ 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;
@@ -689,11 +696,13 @@ function createInstrumentations(readonly, shallow) {
 		clear: createReadonlyMethod("clear")
 	} : {
 		add(value) {
-			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 			const target = /* @__PURE__ */ toRaw(this);
-			if (!getProto(target).has.call(target, value)) {
-				target.add(value);
-				trigger(target, "add", value, value);
+			const proto = getProto(target);
+			const rawValue = /* @__PURE__ */ toRaw(value);
+			const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+			if (!(proto.has.call(target, valueToAdd) || (0, _vue_shared.hasChanged)(value, valueToAdd) && proto.has.call(target, value) || (0, _vue_shared.hasChanged)(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+				target.add(valueToAdd);
+				trigger(target, "add", valueToAdd, valueToAdd);
 			}
 			return this;
 		},
@@ -757,7 +766,6 @@ const mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGe
 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();
@@ -1018,7 +1026,6 @@ const toReactive = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */
 * @param value - The value for which a readonly proxy shall be created.
 */
 const toReadonly = (value) => (0, _vue_shared.isObject)(value) ? /* @__PURE__ */ readonly(value) : value;
-
 //#endregion
 //#region packages/reactivity/src/ref.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -1224,16 +1231,16 @@ function toRefs(object) {
 	return ret;
 }
 var ObjectRefImpl = class {
-	constructor(_object, _key, _defaultValue) {
+	constructor(_object, key, _defaultValue) {
 		this._object = _object;
-		this._key = _key;
 		this._defaultValue = _defaultValue;
 		this["__v_isRef"] = true;
 		this._value = void 0;
+		this._key = (0, _vue_shared.isSymbol)(key) ? key : String(key);
 		this._raw = /* @__PURE__ */ toRaw(_object);
 		let shallow = true;
 		let obj = _object;
-		if (!(0, _vue_shared.isArray)(_object) || !(0, _vue_shared.isIntegerKey)(String(_key))) do
+		if (!(0, _vue_shared.isArray)(_object) || (0, _vue_shared.isSymbol)(this._key) || !(0, _vue_shared.isIntegerKey)(this._key)) do
 			shallow = !/* @__PURE__ */ isProxy(obj) || /* @__PURE__ */ isShallow(obj);
 		while (shallow && (obj = obj["__v_raw"]));
 		this._shallow = shallow;
@@ -1278,7 +1285,6 @@ function toRef(source, key, defaultValue) {
 function propertyToRef(source, key, defaultValue) {
 	return new ObjectRefImpl(source, key, defaultValue);
 }
-
 //#endregion
 //#region packages/reactivity/src/effect.ts
 const EffectFlags = {
@@ -1445,7 +1451,6 @@ function cleanupEffect(fn) {
 		setActiveSub(prevSub);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/effectScope.ts
 let activeEffectScope;
@@ -1553,7 +1558,6 @@ function setCurrentScope(scope) {
 function onScopeDispose(fn, failSilently = false) {
 	if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
 }
-
 //#endregion
 //#region packages/reactivity/src/computed.ts
 /**
@@ -1641,7 +1645,6 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
 	}
 	return new ComputedRefImpl(getter, setter);
 }
-
 //#endregion
 //#region packages/reactivity/src/constants.ts
 const TrackOpTypes = {
@@ -1663,7 +1666,6 @@ const ReactiveFlags = {
 	"RAW": "__v_raw",
 	"IS_REF": "__v_isRef"
 };
-
 //#endregion
 //#region packages/reactivity/src/watch.ts
 const WatchErrorCodes = {
@@ -1814,7 +1816,6 @@ function traverse(value, depth = Infinity, seen) {
 	}
 	return value;
 }
-
 //#endregion
 exports.ARRAY_ITERATE_KEY = ARRAY_ITERATE_KEY;
 exports.EffectFlags = EffectFlags;
@@ -1868,4 +1869,4 @@ exports.traverse = traverse;
 exports.trigger = trigger;
 exports.triggerRef = triggerRef;
 exports.unref = unref;
-exports.watch = watch;
+exports.watch = watch;

package/dist/reactivity.d.ts

@@ -279,7 +279,7 @@ export type Reactive<T> = UnwrapNestedRefs<T> & (T extends readonly any[] ? Reac
 export declare function reactive<T extends object>(target: T): Reactive<T>;
 declare const ShallowReactiveMarker: unique symbol;
 export type ShallowReactive<T> = T & {
-  [ShallowReactiveMarker]?: true;
+  [ShallowReactiveMarker]: never;
 };
 /**
 * Shallow version of {@link reactive}.
@@ -619,6 +619,9 @@ export type CustomRefFactory<T> = (track: () => void, trigger: () => void) => {
 */
 export declare function customRef<T>(factory: CustomRefFactory<T>): Ref<T>;
 export type ToRefs<T = any> = { [K in keyof T]: ToRef<T[K]> };
+type ArrayStringKey<T> = T extends readonly any[] ? number extends T["length"] ? `${number}` : never : never;
+type ToRefKey<T> = keyof T | ArrayStringKey<T>;
+type ToRefValue<T extends object, K extends ToRefKey<T>> = K extends keyof T ? T[K] : T extends readonly (infer V)[] ? K extends ArrayStringKey<T> ? V : never : never;
 /**
 * Converts a reactive object to a plain object where each property of the
 * resulting object is a ref pointing to the corresponding property of the
@@ -673,8 +676,8 @@ export type ToRef<T> = IfAny<T, Ref<T>, [T] extends [Ref] ? T : Ref<T>>;
 * @see {@link https://vuejs.org/api/reactivity-utilities.html#toref}
 */
 export declare function toRef<T>(value: T): T extends (() => infer R) ? Readonly<Ref<R>> : T extends Ref ? T : Ref<UnwrapRef<T>>;
-export declare function toRef<T extends object, K extends keyof T>(object: T, key: K): ToRef<T[K]>;
-export declare function toRef<T extends object, K extends keyof T>(object: T, key: K, defaultValue: T[K]): ToRef<Exclude<T[K], undefined>>;
+export declare function toRef<T extends object, K extends ToRefKey<T>>(object: T, key: K): ToRef<ToRefValue<T, K>>;
+export declare function toRef<T extends object, K extends ToRefKey<T>>(object: T, key: K, defaultValue: ToRefValue<T, K>): ToRef<Exclude<ToRefValue<T, K>, undefined>>;
 /**
 * This is a special exported interface for other packages to declare
 * additional types that should bail out for ref unwrapping. For example
@@ -695,8 +698,8 @@ export type UnwrapRef<T> = T extends ShallowRef<infer V, unknown> ? V : T extend
 type UnwrapRefSimple<T> = T extends Builtin | Ref | RefUnwrapBailTypes[keyof RefUnwrapBailTypes] | {
   [RawSymbol]?: true;
 } ? T : T extends Map<infer K, infer V> ? Map<K, UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof Map<any, any>>> : T extends WeakMap<infer K, infer V> ? WeakMap<K, UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof WeakMap<any, any>>> : T extends Set<infer V> ? Set<UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof Set<any>>> : T extends WeakSet<infer V> ? WeakSet<UnwrapRefSimple<V>> & UnwrapRef<Omit<T, keyof WeakSet<any>>> : T extends ReadonlyArray<any> ? { [K in keyof T]: UnwrapRefSimple<T[K]> } : T extends object & {
-  [ShallowReactiveMarker]?: never;
-} ? { [P in keyof T]: P extends symbol ? T[P] : UnwrapRef<T[P]> } : T;
+  [ShallowReactiveMarker]: never;
+} ? T : T extends object ? { [P in keyof T]: P extends symbol ? T[P] : UnwrapRef<T[P]> } : T;
 //#endregion
 //#region temp/packages/reactivity/src/dep.d.ts
 export declare const ITERATE_KEY: unique symbol;

package/dist/reactivity.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/reactivity v3.6.0-beta.7
+  * @vue/reactivity v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -17,11 +17,10 @@ function makeMap(str) {
 	for (const key of str.split(",")) map[key] = 1;
 	return (val) => val in map;
 }
-
 //#endregion
 //#region packages/shared/src/general.ts
 const EMPTY_OBJ = Object.freeze({});
-const EMPTY_ARR = Object.freeze([]);
+Object.freeze([]);
 const NOOP = () => {};
 const extend = Object.assign;
 const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
@@ -48,25 +47,16 @@ const cacheStringFunction = (fn) => {
 };
 const camelizeRE = /-(\w)/g;
 const camelizeReplacer = (_, c) => c ? c.toUpperCase() : "";
-/**
-* @private
-*/
-const camelize = cacheStringFunction((str) => str.replace(camelizeRE, camelizeReplacer));
+cacheStringFunction((str) => str.replace(camelizeRE, camelizeReplacer));
 const hyphenateRE = /\B([A-Z])/g;
-/**
-* @private
-*/
-const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
+cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
 /**
 * @private
 */
 const capitalize = cacheStringFunction((str) => {
 	return str.charAt(0).toUpperCase() + str.slice(1);
 });
-/**
-* @private
-*/
-const toHandlerKey = cacheStringFunction((str) => {
+cacheStringFunction((str) => {
 	return str ? `on${capitalize(str)}` : ``;
 });
 const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
@@ -78,7 +68,6 @@ const def = (obj, key, value, writable = false) => {
 		value
 	});
 };
-
 //#endregion
 //#region packages/reactivity/src/debug.ts
 const triggerEventInfos = [];
@@ -114,13 +103,11 @@ function setupFlagsHandler(target) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/reactivity/src/warning.ts
 function warn(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
-
 //#endregion
 //#region packages/reactivity/src/system.ts
 const ReactiveFlags$1 = {
@@ -346,7 +333,6 @@ function isValidLink(checkLink, sub) {
 	}
 	return false;
 }
-
 //#endregion
 //#region packages/reactivity/src/dep.ts
 var Dep = class {
@@ -457,7 +443,6 @@ function getDepFromReactive(object, key) {
 	const depMap = targetMap.get(object);
 	return depMap && depMap.get(key);
 }
-
 //#endregion
 //#region packages/reactivity/src/arrayInstrumentations.ts
 /**
@@ -605,16 +590,25 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 }
 function reduce(self, method, fn, args) {
 	const arr = shallowReadArray(self);
+	const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 	let wrappedFn = fn;
+	let wrapInitialAccumulator = false;
 	if (arr !== self) {
-		if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-			return fn.call(this, acc, toWrapped(self, item), index, self);
-		};
-		else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+		if (needsWrap) {
+			wrapInitialAccumulator = args.length === 0;
+			wrappedFn = function(acc, item, index) {
+				if (wrapInitialAccumulator) {
+					wrapInitialAccumulator = false;
+					acc = toWrapped(self, acc);
+				}
+				return fn.call(this, acc, toWrapped(self, item), index, self);
+			};
+		} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 			return fn.call(this, acc, item, index, self);
 		};
 	}
-	return arr[method](wrappedFn, ...args);
+	const result = arr[method](wrappedFn, ...args);
+	return wrapInitialAccumulator ? toWrapped(self, result) : result;
 }
 function searchProxy(self, method, args) {
 	const arr = /* @__PURE__ */ toRaw(self);
@@ -634,7 +628,6 @@ function noTracking(self, method, args = []) {
 	endBatch();
 	return res;
 }
-
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -743,7 +736,6 @@ 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;
@@ -828,11 +820,13 @@ function createInstrumentations(readonly, shallow) {
 		clear: createReadonlyMethod("clear")
 	} : {
 		add(value) {
-			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 			const target = /* @__PURE__ */ toRaw(this);
-			if (!getProto(target).has.call(target, value)) {
-				target.add(value);
-				trigger(target, "add", value, value);
+			const proto = getProto(target);
+			const rawValue = /* @__PURE__ */ toRaw(value);
+			const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+			if (!(proto.has.call(target, valueToAdd) || hasChanged(value, valueToAdd) && proto.has.call(target, value) || hasChanged(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+				target.add(valueToAdd);
+				trigger(target, "add", valueToAdd, valueToAdd);
 			}
 			return this;
 		},
@@ -903,7 +897,6 @@ function checkIdentityKeys(target, has, key) {
 		warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/reactive.ts
 const reactiveMap = /* @__PURE__ */ new WeakMap();
@@ -1167,7 +1160,6 @@ const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value)
 * @param value - The value for which a readonly proxy shall be created.
 */
 const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-
 //#endregion
 //#region packages/reactivity/src/ref.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -1388,16 +1380,16 @@ function toRefs(object) {
 	return ret;
 }
 var ObjectRefImpl = class {
-	constructor(_object, _key, _defaultValue) {
+	constructor(_object, key, _defaultValue) {
 		this._object = _object;
-		this._key = _key;
 		this._defaultValue = _defaultValue;
 		this["__v_isRef"] = true;
 		this._value = void 0;
+		this._key = isSymbol(key) ? key : String(key);
 		this._raw = /* @__PURE__ */ toRaw(_object);
 		let shallow = true;
 		let obj = _object;
-		if (!isArray(_object) || !isIntegerKey(String(_key))) do
+		if (!isArray(_object) || isSymbol(this._key) || !isIntegerKey(this._key)) do
 			shallow = !/* @__PURE__ */ isProxy(obj) || /* @__PURE__ */ isShallow(obj);
 		while (shallow && (obj = obj["__v_raw"]));
 		this._shallow = shallow;
@@ -1442,7 +1434,6 @@ function toRef(source, key, defaultValue) {
 function propertyToRef(source, key, defaultValue) {
 	return new ObjectRefImpl(source, key, defaultValue);
 }
-
 //#endregion
 //#region packages/reactivity/src/effect.ts
 const EffectFlags = {
@@ -1612,7 +1603,6 @@ function cleanupEffect(fn) {
 		setActiveSub(prevSub);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/effectScope.ts
 let activeEffectScope;
@@ -1721,7 +1711,6 @@ function onScopeDispose(fn, failSilently = false) {
 	if (activeEffectScope !== void 0) activeEffectScope.cleanups[activeEffectScope.cleanupsLength++] = fn;
 	else if (!failSilently) warn("onScopeDispose() is called when there is no active effect scope to be associated with.");
 }
-
 //#endregion
 //#region packages/reactivity/src/computed.ts
 /**
@@ -1822,7 +1811,6 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
 	}
 	return cRef;
 }
-
 //#endregion
 //#region packages/reactivity/src/constants.ts
 const TrackOpTypes = {
@@ -1844,7 +1832,6 @@ const ReactiveFlags = {
 	"RAW": "__v_raw",
 	"IS_REF": "__v_isRef"
 };
-
 //#endregion
 //#region packages/reactivity/src/watch.ts
 const WatchErrorCodes = {
@@ -2004,6 +1991,5 @@ function traverse(value, depth = Infinity, seen) {
 	}
 	return value;
 }
-
 //#endregion
-export { ARRAY_ITERATE_KEY, EffectFlags, EffectScope, ITERATE_KEY, MAP_KEY_ITERATE_KEY, ReactiveEffect, ReactiveFlags, TrackOpTypes, TriggerOpTypes, WatchErrorCodes, WatcherEffect, computed, customRef, effect, effectScope, enableTracking, getCurrentScope, getCurrentWatcher, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, proxyRefs, reactive, reactiveReadArray, readonly, ref, resetTracking, setActiveSub, setCurrentScope, shallowReactive, shallowReadArray, shallowReadonly, shallowRef, stop, toRaw, toReactive, toReadonly, toRef, toRefs, toValue, track, traverse, trigger, triggerRef, unref, watch };
+export { ARRAY_ITERATE_KEY, EffectFlags, EffectScope, ITERATE_KEY, MAP_KEY_ITERATE_KEY, ReactiveEffect, ReactiveFlags, TrackOpTypes, TriggerOpTypes, WatchErrorCodes, WatcherEffect, computed, customRef, effect, effectScope, enableTracking, getCurrentScope, getCurrentWatcher, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, onEffectCleanup, onScopeDispose, onWatcherCleanup, pauseTracking, proxyRefs, reactive, reactiveReadArray, readonly, ref, resetTracking, setActiveSub, setCurrentScope, shallowReactive, shallowReadArray, shallowReadonly, shallowRef, stop, toRaw, toReactive, toReadonly, toRef, toRefs, toValue, track, traverse, trigger, triggerRef, unref, watch };