@vue/runtime-dom 3.6.0-beta.8 → 3.6.0-beta.9

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.8
+  * @vue/runtime-dom v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -1684,16 +1684,16 @@ var VueRuntimeDOM = (function(exports) {
 		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;
@@ -2603,6 +2603,13 @@ var VueRuntimeDOM = (function(exports) {
 	//#endregion
 	//#region packages/runtime-core/src/hmr.ts
 	let isHmrUpdating = false;
+	const setHmrUpdating = (v) => {
+		try {
+			return isHmrUpdating;
+		} finally {
+			isHmrUpdating = v;
+		}
+	};
 	const hmrDirtyComponents = /* @__PURE__ */ new Map();
 	const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 	getGlobalThis().__VUE_HMR_RUNTIME__ = {
@@ -3087,25 +3094,26 @@ var VueRuntimeDOM = (function(exports) {
 					mount(container, mainAnchor);
 					updateCssVars(n2, true);
 				}
-				if (isTeleportDeferred(n2.props)) {
+				if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
 					n2.el.__isMounted = false;
 					queuePostRenderEffect(() => {
+						if (n2.el.__isMounted !== false) return;
 						mountToTarget();
 						delete n2.el.__isMounted;
 					}, void 0, parentSuspense);
 				} else mountToTarget();
 			} else {
-				if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
-					queuePostRenderEffect(() => {
-						TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
-					}, void 0, parentSuspense);
-					return;
-				}
 				n2.el = n1.el;
 				n2.targetStart = n1.targetStart;
 				const mainAnchor = n2.anchor = n1.anchor;
 				const target = n2.target = n1.target;
 				const targetAnchor = n2.targetAnchor = n1.targetAnchor;
+				if (n1.el.__isMounted === false) {
+					queuePostRenderEffect(() => {
+						TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
+					}, void 0, parentSuspense);
+					return;
+				}
 				const wasDisabled = isTeleportDisabled(n1.props);
 				const currentContainer = wasDisabled ? container : target;
 				const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
@@ -3127,11 +3135,9 @@ var VueRuntimeDOM = (function(exports) {
 			}
 		},
 		remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-			const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
-			if (target) {
-				hostRemove(targetStart);
-				hostRemove(targetAnchor);
-			}
+			const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
+			if (targetStart) hostRemove(targetStart);
+			if (targetAnchor) hostRemove(targetAnchor);
 			doRemove && hostRemove(anchor);
 			if (shapeFlag & 16) {
 				const shouldRemove = doRemove || !isTeleportDisabled(props);
@@ -3390,7 +3396,7 @@ var VueRuntimeDOM = (function(exports) {
 				callHook(hook, [el]);
 			},
 			enter(el) {
-				if (isLeaving()) return;
+				if (!isHmrUpdating && isLeaving()) return;
 				let hook = onEnter;
 				let afterHook = onAfterEnter;
 				let cancelHook = onEnterCancelled;
@@ -5762,15 +5768,19 @@ var VueRuntimeDOM = (function(exports) {
 		if (key === "style" && isObject(nextProp) && isObject(prevProp)) return !looseEqual(nextProp, prevProp);
 		return nextProp !== prevProp;
 	}
-	function updateHOCHostEl({ vnode, parent }, el) {
+	function updateHOCHostEl({ vnode, parent, suspense }, el) {
 		while (parent && !parent.vapor) {
 			const root = parent.subTree;
-			if (root.suspense && root.suspense.activeBranch === vnode) root.el = vnode.el;
+			if (root.suspense && root.suspense.activeBranch === vnode) {
+				root.suspense.vnode.el = root.el = el;
+				vnode = root;
+			}
 			if (root === vnode) {
 				(vnode = parent.vnode).el = el;
 				parent = parent.parent;
 			} else break;
 		}
+		if (suspense && suspense.activeBranch === vnode) suspense.vnode.el = el;
 	}
 	//#endregion
 	//#region packages/runtime-core/src/internalObject.ts
@@ -6346,10 +6356,19 @@ var VueRuntimeDOM = (function(exports) {
 			if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
 			if (transition) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense);
 			else hostInsert(el, container, anchor);
-			if ((vnodeHook = props && props.onVnodeMounted) || dirs) queuePostRenderEffect(() => {
-				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-				dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
-			}, void 0, parentSuspense);
+			if ((vnodeHook = props && props.onVnodeMounted) || dirs) {
+				const isHmr = isHmrUpdating;
+				queuePostRenderEffect(() => {
+					let prev;
+					prev = setHmrUpdating(isHmr);
+					try {
+						vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+						dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
+					} finally {
+						setHmrUpdating(prev);
+					}
+				}, void 0, parentSuspense);
+			}
 		};
 		const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
 			if (scopeId) hostSetScopeId(el, scopeId);
@@ -6822,7 +6841,7 @@ var VueRuntimeDOM = (function(exports) {
 			else hostInsert(el, container, anchor);
 		};
 		const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-			const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex } = vnode;
+			const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
 			if (patchFlag === -2) optimized = false;
 			if (ref != null) {
 				const prevSub = setActiveSub();
@@ -6860,9 +6879,11 @@ var VueRuntimeDOM = (function(exports) {
 				}
 				if (doRemove) remove(vnode);
 			}
-			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) queuePostRenderEffect(() => {
+			const shouldInvalidateMemo = memo != null && cacheIndex == null;
+			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs || shouldInvalidateMemo) queuePostRenderEffect(() => {
 				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
 				shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
+				if (shouldInvalidateMemo) vnode.el = null;
 			}, void 0, parentSuspense);
 		};
 		const remove = (vnode) => {
@@ -7215,6 +7236,7 @@ var VueRuntimeDOM = (function(exports) {
 			pendingId: suspenseId++,
 			timeout: typeof timeout === "number" ? timeout : -1,
 			activeBranch: null,
+			isFallbackMountPending: false,
 			pendingBranch: null,
 			isInFallback: !isHydrating,
 			isHydrating,
@@ -7235,13 +7257,14 @@ var VueRuntimeDOM = (function(exports) {
 							if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 						}
 					};
-					if (activeBranch) {
+					if (activeBranch && !suspense.isFallbackMountPending) {
 						if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
 						unmount(activeBranch, parentComponent, suspense, true);
 						if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 					}
 					if (!delayEnter) move(pendingBranch, container, anchor, 0, parentComponent);
 				}
+				suspense.isFallbackMountPending = false;
 				setActiveBranch(suspense, pendingBranch);
 				suspense.pendingBranch = null;
 				suspense.isInFallback = false;
@@ -7271,12 +7294,16 @@ var VueRuntimeDOM = (function(exports) {
 				triggerEvent(vnode, "onFallback");
 				const anchor = next(activeBranch);
 				const mountFallback = () => {
+					suspense.isFallbackMountPending = false;
 					if (!suspense.isInFallback) return;
 					patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, fallbackVNode);
 				};
 				const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
-				if (delayEnter) activeBranch.transition.afterLeave = mountFallback;
+				if (delayEnter) {
+					suspense.isFallbackMountPending = true;
+					activeBranch.transition.afterLeave = mountFallback;
+				}
 				suspense.isInFallback = true;
 				unmount(activeBranch, parentComponent, null, true);
 				if (!delayEnter) mountFallback();
@@ -7677,6 +7704,7 @@ var VueRuntimeDOM = (function(exports) {
 				const existing = ret[key];
 				const incoming = toMerge[key];
 				if (incoming && existing !== incoming && !(isArray(existing) && existing.includes(incoming))) ret[key] = existing ? [].concat(existing, incoming) : incoming;
+				else if (incoming == null && existing == null && !isModelListener(key)) ret[key] = incoming;
 			} else if (key !== "") ret[key] = toMerge[key];
 		}
 		return ret;
@@ -8243,7 +8271,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.8";
+	const version = "3.6.0-beta.9";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -9501,7 +9529,8 @@ var VueRuntimeDOM = (function(exports) {
 		const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
 		const newValue = value == null ? "" : value;
 		if (elValue === newValue) return;
-		if (document.activeElement === el && el.type !== "range") {
+		const rootNode = el.getRootNode();
+		if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement === el && el.type !== "range") {
 			if (lazy && value === oldValue) return;
 			if (trim && el.value.trim() === newValue) return;
 		}