@vue/runtime-core 3.6.0-beta.5 → 3.6.0-beta.7

package/dist/runtime-core.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-beta.5
+  * @vue/runtime-core v3.6.0-beta.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -984,36 +984,44 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	if (isReorder) insert(anchor, container, parentAnchor);
 }
 function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector, insert, createText } }, hydrateChildren) {
-	function hydrateDisabledTeleport(node, vnode, targetStart, targetAnchor) {
+	function hydrateAnchor(target, targetNode) {
+		let targetAnchor = targetNode;
+		while (targetAnchor) {
+			if (targetAnchor && targetAnchor.nodeType === 8) {
+				if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
+				else if (targetAnchor.data === "teleport anchor") {
+					vnode.targetAnchor = targetAnchor;
+					target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+					break;
+				}
+			}
+			targetAnchor = nextSibling(targetAnchor);
+		}
+	}
+	function hydrateDisabledTeleport(node, vnode) {
 		vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-		vnode.targetStart = targetStart;
-		vnode.targetAnchor = targetAnchor;
 	}
 	const target = vnode.target = resolveTarget(vnode.props, querySelector);
 	const disabled = isTeleportDisabled(vnode.props);
 	if (target) {
 		const targetNode = target._lpa || target.firstChild;
-		if (vnode.shapeFlag & 16) if (disabled) hydrateDisabledTeleport(node, vnode, targetNode, targetNode && nextSibling(targetNode));
-		else {
+		if (vnode.shapeFlag & 16) if (disabled) {
+			hydrateDisabledTeleport(node, vnode);
+			hydrateAnchor(target, targetNode);
+			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+		} else {
 			vnode.anchor = nextSibling(node);
-			let targetAnchor = targetNode;
-			while (targetAnchor) {
-				if (targetAnchor && targetAnchor.nodeType === 8) {
-					if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
-					else if (targetAnchor.data === "teleport anchor") {
-						vnode.targetAnchor = targetAnchor;
-						target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-						break;
-					}
-				}
-				targetAnchor = nextSibling(targetAnchor);
-			}
+			hydrateAnchor(target, targetNode);
 			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
 			hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
 		}
 		updateCssVars(vnode, disabled);
 	} else if (disabled) {
-		if (vnode.shapeFlag & 16) hydrateDisabledTeleport(node, vnode, node, nextSibling(node));
+		if (vnode.shapeFlag & 16) {
+			hydrateDisabledTeleport(node, vnode);
+			vnode.targetStart = node;
+			vnode.targetAnchor = nextSibling(node);
+		}
 	}
 	return vnode.anchor && nextSibling(vnode.anchor);
 }
@@ -1036,13 +1044,13 @@ function updateCssVars(vnode, isDisabled) {
 		ctx.ut();
 	}
 }
-function prepareAnchor(target, vnode, createText, insert) {
+function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	const targetStart = vnode.targetStart = createText("");
 	const targetAnchor = vnode.targetAnchor = createText("");
 	targetStart[TeleportEndKey] = targetAnchor;
 	if (target) {
-		insert(targetStart, target);
-		insert(targetAnchor, target);
+		insert(targetStart, target, anchor);
+		insert(targetAnchor, target, anchor);
 	}
 	return targetAnchor;
 }
@@ -1169,6 +1177,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
 	return baseResolveTransitionHooks({
+		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
 		},
@@ -1187,7 +1196,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	}, props, state, instance);
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
-	const { setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
+	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
 	const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
 	const callHook = (hook, args) => {
 		hook && callWithAsyncErrorHandling(hook, instance, 9, args);
@@ -1211,6 +1220,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			callHook(hook, [el]);
 		},
 		enter(el) {
+			if (isLeaving()) return;
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
@@ -1220,7 +1230,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				cancelHook = onAppearCancelled || onEnterCancelled;
 			} else return;
 			let called = false;
-			const done = el[enterCbKey] = (cancelled) => {
+			el[enterCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				if (cancelled) callHook(cancelHook, [el]);
@@ -1228,6 +1238,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				if (hooks.delayedLeave) hooks.delayedLeave();
 				el[enterCbKey] = void 0;
 			};
+			const done = el[enterCbKey].bind(null, false);
 			if (hook) callAsyncHook(hook, [el, done]);
 			else done();
 		},
@@ -1236,7 +1247,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			if (state.isUnmounting) return remove();
 			callHook(onBeforeLeave, [el]);
 			let called = false;
-			const done = el[leaveCbKey] = (cancelled) => {
+			el[leaveCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				remove();
@@ -1246,6 +1257,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				unsetLeavingNodeCache(el);
 			};
 			setLeavingNodeCache(el);
+			const done = el[leaveCbKey].bind(null, false);
 			if (onLeave) callAsyncHook(onLeave, [el, done]);
 			else done();
 		},
@@ -1343,8 +1355,7 @@ function useTemplateRef(key) {
 	const r = (0, _vue_reactivity.shallowRef)(null);
 	if (i) {
 		const refs = i.refs === _vue_shared.EMPTY_OBJ ? i.refs = {} : i.refs;
-		let desc;
-		if ((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) warn$1(`useTemplateRef('${key}') already exists.`);
+		if (isTemplateRefKey(refs, key)) warn$1(`useTemplateRef('${key}') already exists.`);
 		else Object.defineProperty(refs, key, {
 			enumerable: true,
 			get: () => r.value,
@@ -1355,6 +1366,10 @@ function useTemplateRef(key) {
 	knownTemplateRefs.add(ret);
 	return ret;
 }
+function isTemplateRefKey(refs, key) {
+	let desc;
+	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
+}
 
 //#endregion
 //#region packages/runtime-core/src/rendererTemplateRef.ts
@@ -1381,9 +1396,11 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 	const oldRef = oldRawRef && oldRawRef.r;
 	const refs = owner.refs === _vue_shared.EMPTY_OBJ ? owner.refs = {} : owner.refs;
 	const setupState = owner.setupState;
-	const canSetSetupRef = createCanSetSetupRefChecker(setupState);
-	const canSetRef = (ref) => {
-		return !knownTemplateRefs.has(ref);
+	const canSetSetupRef = createCanSetSetupRefChecker(setupState, refs);
+	const canSetRef = (ref, key) => {
+		if (knownTemplateRefs.has(ref)) return false;
+		if (key && isTemplateRefKey(refs, key)) return false;
+		return true;
 	};
 	if (oldRef != null && oldRef !== ref) {
 		invalidatePendingSetRef(oldRawRef);
@@ -1391,8 +1408,8 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 			refs[oldRef] = null;
 			if (canSetSetupRef(oldRef)) setupState[oldRef] = null;
 		} else if ((0, _vue_reactivity.isRef)(oldRef)) {
-			if (canSetRef(oldRef)) oldRef.value = null;
 			const oldRawRefAtom = oldRawRef;
+			if (canSetRef(oldRef, oldRawRefAtom.k)) oldRef.value = null;
 			if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
 		}
 	}
@@ -1410,7 +1427,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
 					} else {
 						const newVal = [refValue];
-						if (canSetRef(ref)) ref.value = newVal;
+						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
 						if (rawRef.k) refs[rawRef.k] = newVal;
 					}
 					else if (!existing.includes(refValue)) existing.push(refValue);
@@ -1418,7 +1435,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
 				} else if (_isRef) {
-					if (canSetRef(ref)) ref.value = value;
+					if (canSetRef(ref, rawRef.k)) ref.value = value;
 					if (rawRef.k) refs[rawRef.k] = value;
 				} else warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
 			};
@@ -1436,11 +1453,12 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 		} else warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
 	}
 }
-function createCanSetSetupRefChecker(setupState) {
+function createCanSetSetupRefChecker(setupState, refs) {
 	const rawSetupState = (0, _vue_reactivity.toRaw)(setupState);
 	return setupState === void 0 || setupState === _vue_shared.EMPTY_OBJ ? _vue_shared.NO : (key) => {
 		if ((0, _vue_shared.hasOwn)(rawSetupState, key) && !(0, _vue_reactivity.isRef)(rawSetupState[key])) warn$1(`Template ref "${key}" used on a non-ref value. It will not work in the production build.`);
 		if (knownTemplateRefs.has(rawSetupState[key])) return false;
+		if (isTemplateRefKey(refs, key)) return false;
 		return (0, _vue_shared.hasOwn)(rawSetupState, key);
 	};
 }
@@ -2851,11 +2869,16 @@ function withAsyncContext(getAwaitable) {
 	if (!ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
+	const cleanup = () => setCurrentInstance(null, void 0);
 	if ((0, _vue_shared.isPromise)(awaitable)) awaitable = awaitable.catch((e) => {
 		setCurrentInstance(ctx);
+		Promise.resolve().then(() => Promise.resolve().then(cleanup));
 		throw e;
 	});
-	return [awaitable, () => setCurrentInstance(ctx)];
+	return [awaitable, () => {
+		setCurrentInstance(ctx);
+		Promise.resolve().then(cleanup);
+	}];
 }
 
 //#endregion
@@ -3551,7 +3574,7 @@ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
 			const dynamicProps = nextVNode.dynamicProps;
 			for (let i = 0; i < dynamicProps.length; i++) {
 				const key = dynamicProps[i];
-				if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) return true;
+				if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) return true;
 			}
 		}
 	} else {
@@ -3570,10 +3593,16 @@ function hasPropsChanged(prevProps, nextProps, emitsOptions) {
 	if (nextKeys.length !== Object.keys(prevProps).length) return true;
 	for (let i = 0; i < nextKeys.length; i++) {
 		const key = nextKeys[i];
-		if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) return true;
+		if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
 	}
 	return false;
 }
+function hasPropValueChanged(nextProps, prevProps, key) {
+	const nextProp = nextProps[key];
+	const prevProp = prevProps[key];
+	if (key === "style" && (0, _vue_shared.isObject)(nextProp) && (0, _vue_shared.isObject)(prevProp)) return !(0, _vue_shared.looseEqual)(nextProp, prevProp);
+	return nextProp !== prevProp;
+}
 function updateHOCHostEl({ vnode, parent }, el) {
 	while (parent && !parent.vapor) {
 		const root = parent.subTree;
@@ -4065,7 +4094,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -4080,13 +4109,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (n1 == null) hostInsert(n2.el = hostCreateText(n2.children), container, anchor);
 		else {
 			const el = n2.el = n1.el;
-			if (n2.children !== n1.children) if (isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
-				const childNodes = container.childNodes;
-				const newChild = hostCreateText(n2.children);
-				const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
-				hostInsert(newChild, container, oldChild);
-				hostRemove(oldChild);
-			} else hostSetText(el, n2.children);
+			if (n2.children !== n1.children) hostSetText(el, n2.children);
 		}
 	};
 	const processCommentNode = (n1, n2, container, anchor) => {
@@ -4422,7 +4445,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 							updateComponentPreRender(instance, next, optimized);
 						}
 						nonHydratedAsyncRoot.asyncDep.then(() => {
-							if (!instance.isUnmounted) this.fn();
+							queuePostRenderEffect(() => {
+								if (!instance.isUnmounted) instance.update();
+							}, void 0, parentSuspense);
 						});
 						return;
 					}
@@ -4831,8 +4856,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 			}
 			if (!shallow && c2.patchFlag !== -2) traverseStaticChildren(c1, c2);
 		}
-		if (c2.type === Text) if (c2.patchFlag !== -1) c2.el = c1.el;
-		else c2.__elIndex = i + (n1.type === Fragment ? 1 : 0);
+		if (c2.type === Text) {
+			if (c2.patchFlag === -1) c2 = ch2[i] = cloneIfMounted(c2);
+			c2.el = c1.el;
+		}
 		if (c2.type === Comment && !c2.el) c2.el = c1.el;
 		c2.el && (c2.el.__vnode = c2);
 	}
@@ -6082,7 +6109,7 @@ function isMemoSame(cached, memo) {
 
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.5";
+const version = "3.6.0-beta.7";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/runtime-core.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-beta.5
+  * @vue/runtime-core v3.6.0-beta.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -642,36 +642,44 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	if (isReorder) insert(anchor, container, parentAnchor);
 }
 function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector, insert, createText } }, hydrateChildren) {
-	function hydrateDisabledTeleport(node, vnode, targetStart, targetAnchor) {
+	function hydrateAnchor(target, targetNode) {
+		let targetAnchor = targetNode;
+		while (targetAnchor) {
+			if (targetAnchor && targetAnchor.nodeType === 8) {
+				if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
+				else if (targetAnchor.data === "teleport anchor") {
+					vnode.targetAnchor = targetAnchor;
+					target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+					break;
+				}
+			}
+			targetAnchor = nextSibling(targetAnchor);
+		}
+	}
+	function hydrateDisabledTeleport(node, vnode) {
 		vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-		vnode.targetStart = targetStart;
-		vnode.targetAnchor = targetAnchor;
 	}
 	const target = vnode.target = resolveTarget(vnode.props, querySelector);
 	const disabled = isTeleportDisabled(vnode.props);
 	if (target) {
 		const targetNode = target._lpa || target.firstChild;
-		if (vnode.shapeFlag & 16) if (disabled) hydrateDisabledTeleport(node, vnode, targetNode, targetNode && nextSibling(targetNode));
-		else {
+		if (vnode.shapeFlag & 16) if (disabled) {
+			hydrateDisabledTeleport(node, vnode);
+			hydrateAnchor(target, targetNode);
+			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+		} else {
 			vnode.anchor = nextSibling(node);
-			let targetAnchor = targetNode;
-			while (targetAnchor) {
-				if (targetAnchor && targetAnchor.nodeType === 8) {
-					if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
-					else if (targetAnchor.data === "teleport anchor") {
-						vnode.targetAnchor = targetAnchor;
-						target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-						break;
-					}
-				}
-				targetAnchor = nextSibling(targetAnchor);
-			}
+			hydrateAnchor(target, targetNode);
 			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
 			hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
 		}
 		updateCssVars(vnode, disabled);
 	} else if (disabled) {
-		if (vnode.shapeFlag & 16) hydrateDisabledTeleport(node, vnode, node, nextSibling(node));
+		if (vnode.shapeFlag & 16) {
+			hydrateDisabledTeleport(node, vnode);
+			vnode.targetStart = node;
+			vnode.targetAnchor = nextSibling(node);
+		}
 	}
 	return vnode.anchor && nextSibling(vnode.anchor);
 }
@@ -694,13 +702,13 @@ function updateCssVars(vnode, isDisabled) {
 		ctx.ut();
 	}
 }
-function prepareAnchor(target, vnode, createText, insert) {
+function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	const targetStart = vnode.targetStart = createText("");
 	const targetAnchor = vnode.targetAnchor = createText("");
 	targetStart[TeleportEndKey] = targetAnchor;
 	if (target) {
-		insert(targetStart, target);
-		insert(targetAnchor, target);
+		insert(targetStart, target, anchor);
+		insert(targetAnchor, target, anchor);
 	}
 	return targetAnchor;
 }
@@ -822,6 +830,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
 	return baseResolveTransitionHooks({
+		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
 		},
@@ -840,7 +849,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	}, props, state, instance);
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
-	const { setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
+	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
 	const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
 	const callHook = (hook, args) => {
 		hook && callWithAsyncErrorHandling(hook, instance, 9, args);
@@ -864,6 +873,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			callHook(hook, [el]);
 		},
 		enter(el) {
+			if (isLeaving()) return;
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
@@ -873,7 +883,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				cancelHook = onAppearCancelled || onEnterCancelled;
 			} else return;
 			let called = false;
-			const done = el[enterCbKey] = (cancelled) => {
+			el[enterCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				if (cancelled) callHook(cancelHook, [el]);
@@ -881,6 +891,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				if (hooks.delayedLeave) hooks.delayedLeave();
 				el[enterCbKey] = void 0;
 			};
+			const done = el[enterCbKey].bind(null, false);
 			if (hook) callAsyncHook(hook, [el, done]);
 			else done();
 		},
@@ -889,7 +900,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			if (state.isUnmounting) return remove();
 			callHook(onBeforeLeave, [el]);
 			let called = false;
-			const done = el[leaveCbKey] = (cancelled) => {
+			el[leaveCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				remove();
@@ -899,6 +910,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				unsetLeavingNodeCache(el);
 			};
 			setLeavingNodeCache(el);
+			const done = el[leaveCbKey].bind(null, false);
 			if (onLeave) callAsyncHook(onLeave, [el, done]);
 			else done();
 		},
@@ -1000,6 +1012,10 @@ function useTemplateRef(key) {
 	}
 	return r;
 }
+function isTemplateRefKey(refs, key) {
+	let desc;
+	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
+}
 
 //#endregion
 //#region packages/runtime-core/src/rendererTemplateRef.ts
@@ -1022,8 +1038,9 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 	const oldRef = oldRawRef && oldRawRef.r;
 	const refs = owner.refs === _vue_shared.EMPTY_OBJ ? owner.refs = {} : owner.refs;
 	const setupState = owner.setupState;
-	const canSetSetupRef = createCanSetSetupRefChecker(setupState);
-	const canSetRef = (ref) => {
+	const canSetSetupRef = createCanSetSetupRefChecker(setupState, refs);
+	const canSetRef = (ref, key) => {
+		if (key && isTemplateRefKey(refs, key)) return false;
 		return true;
 	};
 	if (oldRef != null && oldRef !== ref) {
@@ -1032,8 +1049,8 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 			refs[oldRef] = null;
 			if (canSetSetupRef(oldRef)) setupState[oldRef] = null;
 		} else if ((0, _vue_reactivity.isRef)(oldRef)) {
-			if (canSetRef(oldRef)) oldRef.value = null;
 			const oldRawRefAtom = oldRawRef;
+			if (canSetRef(oldRef, oldRawRefAtom.k)) oldRef.value = null;
 			if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
 		}
 	}
@@ -1051,7 +1068,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
 					} else {
 						const newVal = [refValue];
-						if (canSetRef(ref)) ref.value = newVal;
+						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
 						if (rawRef.k) refs[rawRef.k] = newVal;
 					}
 					else if (!existing.includes(refValue)) existing.push(refValue);
@@ -1059,7 +1076,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
 				} else if (_isRef) {
-					if (canSetRef(ref)) ref.value = value;
+					if (canSetRef(ref, rawRef.k)) ref.value = value;
 					if (rawRef.k) refs[rawRef.k] = value;
 				}
 			};
@@ -1077,9 +1094,10 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 		}
 	}
 }
-function createCanSetSetupRefChecker(setupState) {
+function createCanSetSetupRefChecker(setupState, refs) {
 	const rawSetupState = (0, _vue_reactivity.toRaw)(setupState);
 	return setupState === void 0 || setupState === _vue_shared.EMPTY_OBJ ? _vue_shared.NO : (key) => {
+		if (isTemplateRefKey(refs, key)) return false;
 		return (0, _vue_shared.hasOwn)(rawSetupState, key);
 	};
 }
@@ -2248,11 +2266,16 @@ function withAsyncContext(getAwaitable) {
 	const ctx = getCurrentGenericInstance();
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
+	const cleanup = () => setCurrentInstance(null, void 0);
 	if ((0, _vue_shared.isPromise)(awaitable)) awaitable = awaitable.catch((e) => {
 		setCurrentInstance(ctx);
+		Promise.resolve().then(() => Promise.resolve().then(cleanup));
 		throw e;
 	});
-	return [awaitable, () => setCurrentInstance(ctx)];
+	return [awaitable, () => {
+		setCurrentInstance(ctx);
+		Promise.resolve().then(cleanup);
+	}];
 }
 
 //#endregion
@@ -2792,7 +2815,7 @@ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
 			const dynamicProps = nextVNode.dynamicProps;
 			for (let i = 0; i < dynamicProps.length; i++) {
 				const key = dynamicProps[i];
-				if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) return true;
+				if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) return true;
 			}
 		}
 	} else {
@@ -2811,10 +2834,16 @@ function hasPropsChanged(prevProps, nextProps, emitsOptions) {
 	if (nextKeys.length !== Object.keys(prevProps).length) return true;
 	for (let i = 0; i < nextKeys.length; i++) {
 		const key = nextKeys[i];
-		if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) return true;
+		if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
 	}
 	return false;
 }
+function hasPropValueChanged(nextProps, prevProps, key) {
+	const nextProp = nextProps[key];
+	const prevProp = prevProps[key];
+	if (key === "style" && (0, _vue_shared.isObject)(nextProp) && (0, _vue_shared.isObject)(prevProp)) return !(0, _vue_shared.looseEqual)(nextProp, prevProp);
+	return nextProp !== prevProp;
+}
 function updateHOCHostEl({ vnode, parent }, el) {
 	while (parent && !parent.vapor) {
 		const root = parent.subTree;
@@ -3143,7 +3172,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -3442,7 +3471,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 							updateComponentPreRender(instance, next, optimized);
 						}
 						nonHydratedAsyncRoot.asyncDep.then(() => {
-							if (!instance.isUnmounted) this.fn();
+							queuePostRenderEffect(() => {
+								if (!instance.isUnmounted) instance.update();
+							}, void 0, parentSuspense);
 						});
 						return;
 					}
@@ -3830,8 +3861,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 			}
 			if (!shallow && c2.patchFlag !== -2) traverseStaticChildren(c1, c2);
 		}
-		if (c2.type === Text) if (c2.patchFlag !== -1) c2.el = c1.el;
-		else c2.__elIndex = i + (n1.type === Fragment ? 1 : 0);
+		if (c2.type === Text) {
+			if (c2.patchFlag === -1) c2 = ch2[i] = cloneIfMounted(c2);
+			c2.el = c1.el;
+		}
 		if (c2.type === Comment && !c2.el) c2.el = c1.el;
 	}
 }
@@ -4787,7 +4820,7 @@ function isMemoSame(cached, memo) {
 
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.5";
+const version = "3.6.0-beta.7";
 const warn = _vue_shared.NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/runtime-core.d.ts

@@ -593,6 +593,7 @@ export declare const BaseTransition: {
   };
 };
 export interface TransitionHooksContext {
+  isLeaving: () => boolean;
   setLeavingNodeCache: (node: any) => void;
   unsetLeavingNodeCache: (node: any) => void;
   earlyRemove: () => void;

package/dist/runtime-core.esm-bundler.js

@@ -1,10 +1,10 @@
 /**
-  * @vue/runtime-core v3.6.0-beta.5
+  * @vue/runtime-core v3.6.0-beta.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
 import { EffectScope, EffectScope as EffectScope$1, ReactiveEffect, ReactiveEffect as ReactiveEffect$1, TrackOpTypes, TriggerOpTypes, WatcherEffect, computed as computed$1, customRef, customRef as customRef$1, effect, effectScope, getCurrentScope, getCurrentWatcher, isProxy, isProxy as isProxy$1, isReactive, isReactive as isReactive$1, isReadonly, isReadonly as isReadonly$1, isRef, isRef as isRef$1, isShallow, isShallow as isShallow$1, markRaw, markRaw as markRaw$1, onScopeDispose, onWatcherCleanup, proxyRefs, proxyRefs as proxyRefs$1, reactive, reactive as reactive$1, readonly, readonly as readonly$1, ref, ref as ref$1, setActiveSub, setCurrentScope, shallowReactive, shallowReactive as shallowReactive$1, shallowReadArray, shallowReadonly, shallowReadonly as shallowReadonly$1, shallowRef, shallowRef as shallowRef$1, stop, toRaw, toRaw as toRaw$1, toReactive, toReadonly, toRef, toRefs, toValue, track, traverse, trigger, triggerRef, unref } from "@vue/reactivity";
-import { EMPTY_ARR, EMPTY_OBJ, NO, NOOP, camelize, camelize as camelize$1, capitalize, capitalize as capitalize$1, def, extend, getEscapedCssVarName, getGlobalThis, getModifierPropName, getSequence, hasChanged, hasOwn, hyphenate, includeBooleanAttr, invokeArrayFns, isArray, isBooleanAttr, isBuiltInDirective, isBuiltInTag, isFunction, isGloballyAllowed, isKnownHtmlAttr, isKnownSvgAttr, isModelListener, isObject, isOn, isPromise, isRegExp, isRenderableAttrValue, isReservedProp, isString, isSymbol, looseToNumber, makeMap, normalizeClass, normalizeClass as normalizeClass$1, normalizeCssVarValue, normalizeProps, normalizeStyle, normalizeStyle as normalizeStyle$1, remove, stringifyStyle, toDisplayString, toHandlerKey, toHandlerKey as toHandlerKey$1, toNumber, toRawType } from "@vue/shared";
+import { EMPTY_ARR, EMPTY_OBJ, NO, NOOP, camelize, camelize as camelize$1, capitalize, capitalize as capitalize$1, def, extend, getEscapedCssVarName, getGlobalThis, getModifierPropName, getSequence, hasChanged, hasOwn, hyphenate, includeBooleanAttr, invokeArrayFns, isArray, isBooleanAttr, isBuiltInDirective, isBuiltInTag, isFunction, isGloballyAllowed, isKnownHtmlAttr, isKnownSvgAttr, isModelListener, isObject, isOn, isPromise, isRegExp, isRenderableAttrValue, isReservedProp, isString, isSymbol, looseEqual, looseToNumber, makeMap, normalizeClass, normalizeClass as normalizeClass$1, normalizeCssVarValue, normalizeProps, normalizeStyle, normalizeStyle as normalizeStyle$1, remove, stringifyStyle, toDisplayString, toHandlerKey, toHandlerKey as toHandlerKey$1, toNumber, toRawType } from "@vue/shared";
 
 //#region packages/runtime-core/src/warning.ts
 const stack = [];
@@ -250,6 +250,14 @@ function logError(err, type, instance, throwInDev = true, throwInProd = false) {
 
 //#endregion
 //#region packages/runtime-core/src/scheduler.ts
+const SchedulerJobFlags = {
+	"QUEUED": 1,
+	"1": "QUEUED",
+	"ALLOW_RECURSE": 2,
+	"2": "ALLOW_RECURSE",
+	"DISPOSED": 4,
+	"4": "DISPOSED"
+};
 const jobs = [];
 let postJobs = [];
 let activePostJobs = null;
@@ -987,36 +995,44 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	if (isReorder) insert(anchor, container, parentAnchor);
 }
 function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, { o: { nextSibling, parentNode, querySelector, insert, createText } }, hydrateChildren) {
-	function hydrateDisabledTeleport(node, vnode, targetStart, targetAnchor) {
+	function hydrateAnchor(target, targetNode) {
+		let targetAnchor = targetNode;
+		while (targetAnchor) {
+			if (targetAnchor && targetAnchor.nodeType === 8) {
+				if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
+				else if (targetAnchor.data === "teleport anchor") {
+					vnode.targetAnchor = targetAnchor;
+					target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
+					break;
+				}
+			}
+			targetAnchor = nextSibling(targetAnchor);
+		}
+	}
+	function hydrateDisabledTeleport(node, vnode) {
 		vnode.anchor = hydrateChildren(nextSibling(node), vnode, parentNode(node), parentComponent, parentSuspense, slotScopeIds, optimized);
-		vnode.targetStart = targetStart;
-		vnode.targetAnchor = targetAnchor;
 	}
 	const target = vnode.target = resolveTarget(vnode.props, querySelector);
 	const disabled = isTeleportDisabled(vnode.props);
 	if (target) {
 		const targetNode = target._lpa || target.firstChild;
-		if (vnode.shapeFlag & 16) if (disabled) hydrateDisabledTeleport(node, vnode, targetNode, targetNode && nextSibling(targetNode));
-		else {
+		if (vnode.shapeFlag & 16) if (disabled) {
+			hydrateDisabledTeleport(node, vnode);
+			hydrateAnchor(target, targetNode);
+			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+		} else {
 			vnode.anchor = nextSibling(node);
-			let targetAnchor = targetNode;
-			while (targetAnchor) {
-				if (targetAnchor && targetAnchor.nodeType === 8) {
-					if (targetAnchor.data === "teleport start anchor") vnode.targetStart = targetAnchor;
-					else if (targetAnchor.data === "teleport anchor") {
-						vnode.targetAnchor = targetAnchor;
-						target._lpa = vnode.targetAnchor && nextSibling(vnode.targetAnchor);
-						break;
-					}
-				}
-				targetAnchor = nextSibling(targetAnchor);
-			}
+			hydrateAnchor(target, targetNode);
 			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
 			hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
 		}
 		updateCssVars(vnode, disabled);
 	} else if (disabled) {
-		if (vnode.shapeFlag & 16) hydrateDisabledTeleport(node, vnode, node, nextSibling(node));
+		if (vnode.shapeFlag & 16) {
+			hydrateDisabledTeleport(node, vnode);
+			vnode.targetStart = node;
+			vnode.targetAnchor = nextSibling(node);
+		}
 	}
 	return vnode.anchor && nextSibling(vnode.anchor);
 }
@@ -1039,13 +1055,13 @@ function updateCssVars(vnode, isDisabled) {
 		ctx.ut();
 	}
 }
-function prepareAnchor(target, vnode, createText, insert) {
+function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	const targetStart = vnode.targetStart = createText("");
 	const targetAnchor = vnode.targetAnchor = createText("");
 	targetStart[TeleportEndKey] = targetAnchor;
 	if (target) {
-		insert(targetStart, target);
-		insert(targetAnchor, target);
+		insert(targetStart, target, anchor);
+		insert(targetAnchor, target, anchor);
 	}
 	return targetAnchor;
 }
@@ -1173,6 +1189,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	const key = String(vnode.key);
 	const leavingVNodesCache = getLeavingNodesForType(state, vnode);
 	return baseResolveTransitionHooks({
+		isLeaving: () => leavingVNodesCache[key] === vnode,
 		setLeavingNodeCache: () => {
 			leavingVNodesCache[key] = vnode;
 		},
@@ -1191,7 +1208,7 @@ function resolveTransitionHooks(vnode, props, state, instance, postClone) {
 	}, props, state, instance);
 }
 function baseResolveTransitionHooks(context, props, state, instance) {
-	const { setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
+	const { isLeaving, setLeavingNodeCache, unsetLeavingNodeCache, earlyRemove, cloneHooks } = context;
 	const { appear, mode, persisted = false, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, onBeforeAppear, onAppear, onAfterAppear, onAppearCancelled } = props;
 	const callHook = (hook, args) => {
 		hook && callWithAsyncErrorHandling(hook, instance, 9, args);
@@ -1215,6 +1232,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			callHook(hook, [el]);
 		},
 		enter(el) {
+			if (isLeaving()) return;
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
@@ -1224,7 +1242,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				cancelHook = onAppearCancelled || onEnterCancelled;
 			} else return;
 			let called = false;
-			const done = el[enterCbKey] = (cancelled) => {
+			el[enterCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				if (cancelled) callHook(cancelHook, [el]);
@@ -1232,6 +1250,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				if (hooks.delayedLeave) hooks.delayedLeave();
 				el[enterCbKey] = void 0;
 			};
+			const done = el[enterCbKey].bind(null, false);
 			if (hook) callAsyncHook(hook, [el, done]);
 			else done();
 		},
@@ -1240,7 +1259,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			if (state.isUnmounting) return remove();
 			callHook(onBeforeLeave, [el]);
 			let called = false;
-			const done = el[leaveCbKey] = (cancelled) => {
+			el[leaveCbKey] = (cancelled) => {
 				if (called) return;
 				called = true;
 				remove();
@@ -1250,6 +1269,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 				unsetLeavingNodeCache(el);
 			};
 			setLeavingNodeCache(el);
+			const done = el[leaveCbKey].bind(null, false);
 			if (onLeave) callAsyncHook(onLeave, [el, done]);
 			else done();
 		},
@@ -1347,8 +1367,7 @@ function useTemplateRef(key) {
 	const r = shallowRef$1(null);
 	if (i) {
 		const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
-		let desc;
-		if (!!(process.env.NODE_ENV !== "production") && (desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) warn$1(`useTemplateRef('${key}') already exists.`);
+		if (!!(process.env.NODE_ENV !== "production") && isTemplateRefKey(refs, key)) warn$1(`useTemplateRef('${key}') already exists.`);
 		else Object.defineProperty(refs, key, {
 			enumerable: true,
 			get: () => r.value,
@@ -1359,6 +1378,10 @@ function useTemplateRef(key) {
 	if (!!(process.env.NODE_ENV !== "production")) knownTemplateRefs.add(ret);
 	return ret;
 }
+function isTemplateRefKey(refs, key) {
+	let desc;
+	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
+}
 
 //#endregion
 //#region packages/runtime-core/src/rendererTemplateRef.ts
@@ -1385,9 +1408,11 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 	const oldRef = oldRawRef && oldRawRef.r;
 	const refs = owner.refs === EMPTY_OBJ ? owner.refs = {} : owner.refs;
 	const setupState = owner.setupState;
-	const canSetSetupRef = createCanSetSetupRefChecker(setupState);
-	const canSetRef = (ref) => {
-		return !!!(process.env.NODE_ENV !== "production") || !knownTemplateRefs.has(ref);
+	const canSetSetupRef = createCanSetSetupRefChecker(setupState, refs);
+	const canSetRef = (ref, key) => {
+		if (!!(process.env.NODE_ENV !== "production") && knownTemplateRefs.has(ref)) return false;
+		if (key && isTemplateRefKey(refs, key)) return false;
+		return true;
 	};
 	if (oldRef != null && oldRef !== ref) {
 		invalidatePendingSetRef(oldRawRef);
@@ -1395,8 +1420,8 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 			refs[oldRef] = null;
 			if (canSetSetupRef(oldRef)) setupState[oldRef] = null;
 		} else if (isRef$1(oldRef)) {
-			if (canSetRef(oldRef)) oldRef.value = null;
 			const oldRawRefAtom = oldRawRef;
+			if (canSetRef(oldRef, oldRawRefAtom.k)) oldRef.value = null;
 			if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
 		}
 	}
@@ -1414,7 +1439,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
 					} else {
 						const newVal = [refValue];
-						if (canSetRef(ref)) ref.value = newVal;
+						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
 						if (rawRef.k) refs[rawRef.k] = newVal;
 					}
 					else if (!existing.includes(refValue)) existing.push(refValue);
@@ -1422,7 +1447,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
 				} else if (_isRef) {
-					if (canSetRef(ref)) ref.value = value;
+					if (canSetRef(ref, rawRef.k)) ref.value = value;
 					if (rawRef.k) refs[rawRef.k] = value;
 				} else if (!!(process.env.NODE_ENV !== "production")) warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
 			};
@@ -1440,13 +1465,14 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 		} else if (!!(process.env.NODE_ENV !== "production")) warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
 	}
 }
-function createCanSetSetupRefChecker(setupState) {
+function createCanSetSetupRefChecker(setupState, refs) {
 	const rawSetupState = toRaw$1(setupState);
 	return setupState === void 0 || setupState === EMPTY_OBJ ? NO : (key) => {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			if (hasOwn(rawSetupState, key) && !isRef$1(rawSetupState[key])) warn$1(`Template ref "${key}" used on a non-ref value. It will not work in the production build.`);
 			if (knownTemplateRefs.has(rawSetupState[key])) return false;
 		}
+		if (isTemplateRefKey(refs, key)) return false;
 		return hasOwn(rawSetupState, key);
 	};
 }
@@ -2331,7 +2357,6 @@ function deactivate(vnode, container, { m: move }, parentComponent, parentSuspen
 		instance.isDeactivated = true;
 	}, void 0, parentSuspense);
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentAdded(instance);
-	if (!!(process.env.NODE_ENV !== "production") && true) instance.__keepAliveStorageContainer = container;
 }
 
 //#endregion
@@ -2875,11 +2900,16 @@ function withAsyncContext(getAwaitable) {
 	if (!!(process.env.NODE_ENV !== "production") && !ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
+	const cleanup = () => setCurrentInstance(null, void 0);
 	if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
 		setCurrentInstance(ctx);
+		Promise.resolve().then(() => Promise.resolve().then(cleanup));
 		throw e;
 	});
-	return [awaitable, () => setCurrentInstance(ctx)];
+	return [awaitable, () => {
+		setCurrentInstance(ctx);
+		Promise.resolve().then(cleanup);
+	}];
 }
 
 //#endregion
@@ -3586,7 +3616,7 @@ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
 			const dynamicProps = nextVNode.dynamicProps;
 			for (let i = 0; i < dynamicProps.length; i++) {
 				const key = dynamicProps[i];
-				if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) return true;
+				if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) return true;
 			}
 		}
 	} else {
@@ -3605,10 +3635,16 @@ function hasPropsChanged(prevProps, nextProps, emitsOptions) {
 	if (nextKeys.length !== Object.keys(prevProps).length) return true;
 	for (let i = 0; i < nextKeys.length; i++) {
 		const key = nextKeys[i];
-		if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) return true;
+		if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
 	}
 	return false;
 }
+function hasPropValueChanged(nextProps, prevProps, key) {
+	const nextProp = nextProps[key];
+	const prevProp = prevProps[key];
+	if (key === "style" && isObject(nextProp) && isObject(prevProp)) return !looseEqual(nextProp, prevProp);
+	return nextProp !== prevProp;
+}
 function updateHOCHostEl({ vnode, parent }, el) {
 	while (parent && !parent.vapor) {
 		const root = parent.subTree;
@@ -4131,7 +4167,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -4146,13 +4182,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (n1 == null) hostInsert(n2.el = hostCreateText(n2.children), container, anchor);
 		else {
 			const el = n2.el = n1.el;
-			if (n2.children !== n1.children) if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
-				const childNodes = container.childNodes;
-				const newChild = hostCreateText(n2.children);
-				const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
-				hostInsert(newChild, container, oldChild);
-				hostRemove(oldChild);
-			} else hostSetText(el, n2.children);
+			if (n2.children !== n1.children) hostSetText(el, n2.children);
 		}
 	};
 	const processCommentNode = (n1, n2, container, anchor) => {
@@ -4497,7 +4527,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 							updateComponentPreRender(instance, next, optimized);
 						}
 						nonHydratedAsyncRoot.asyncDep.then(() => {
-							if (!instance.isUnmounted) this.fn();
+							queuePostRenderEffect(() => {
+								if (!instance.isUnmounted) instance.update();
+							}, void 0, parentSuspense);
 						});
 						return;
 					}
@@ -4906,8 +4938,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 			}
 			if (!shallow && c2.patchFlag !== -2) traverseStaticChildren(c1, c2);
 		}
-		if (c2.type === Text) if (c2.patchFlag !== -1) c2.el = c1.el;
-		else c2.__elIndex = i + (n1.type === Fragment ? 1 : 0);
+		if (c2.type === Text) {
+			if (c2.patchFlag === -1) c2 = ch2[i] = cloneIfMounted(c2);
+			c2.el = c1.el;
+		}
 		if (c2.type === Comment && !c2.el) c2.el = c1.el;
 		if (!!(process.env.NODE_ENV !== "production")) c2.el && (c2.el.__vnode = c2);
 	}
@@ -6178,7 +6212,7 @@ function isMemoSame(cached, memo) {
 
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.5";
+const version = "3.6.0-beta.7";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -6215,4 +6249,4 @@ const compatUtils = null;
 const DeprecationTypes = null;
 
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, setBlockTracking, setCurrentInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.6.0-beta.5",
+  "version": "3.6.0-beta.7",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.6.0-beta.5",
-    "@vue/reactivity": "3.6.0-beta.5"
+    "@vue/shared": "3.6.0-beta.7",
+    "@vue/reactivity": "3.6.0-beta.7"
   }
 }