@vue/runtime-dom 3.6.0-beta.10 → 3.6.0-beta.12

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.10
+  * @vue/runtime-dom v3.6.0-beta.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -451,7 +451,10 @@ function patchStyle(el, prev, next) {
 		}
 		for (const key in next) {
 			if (key === "display") hasControlledDisplay = true;
-			setStyle(style, key, next[key]);
+			const value = next[key];
+			if (value != null) {
+				if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+			} else setStyle(style, key, "");
 		}
 	} else if (isCssString) {
 		if (prev !== next) {
@@ -501,6 +504,14 @@ function autoPrefix(style, rawName) {
 	}
 	return rawName;
 }
+/**
+* Browsers update textarea width/height directly during native resize.
+* Only special-case this common textarea path for now; other resize scenarios
+* still follow normal vnode style patching.
+*/
+function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+	return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+}
 //#endregion
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -935,7 +946,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				replacementNodes.push(child);
 			}
 			parent.removeChild(o);
-			slotReplacements.set(o, replacementNodes);
+			slotReplacements.set(o, {
+				nodes: replacementNodes,
+				usedFallback: !content
+			});
 		}
 		this._updateSlotNodes(slotReplacements);
 	}

package/dist/runtime-dom.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-beta.10
+  * @vue/runtime-dom v3.6.0-beta.12
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -433,6 +433,13 @@ var VueRuntimeDOM = (function(exports) {
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
+	let runDepth = 0;
+	function incRunDepth() {
+		++runDepth;
+	}
+	function decRunDepth() {
+		--runDepth;
+	}
 	let globalVersion = 0;
 	let notifyIndex = 0;
 	let notifyBufferLength = 0;
@@ -506,8 +513,10 @@ var VueRuntimeDOM = (function(exports) {
 			const sub = link.sub;
 			let flags = sub.flags;
 			if (flags & 3) {
-				if (!(flags & 60)) sub.flags = flags | 32;
-				else if (!(flags & 12)) flags = 0;
+				if (!(flags & 60)) {
+					sub.flags = flags | 32;
+					if (runDepth) sub.flags |= 8;
+				} else if (!(flags & 12)) flags = 0;
 				else if (!(flags & 4)) sub.flags = flags & -9 | 32;
 				else if (!(flags & 48) && isValidLink(link, sub)) {
 					sub.flags = flags | 40;
@@ -576,13 +585,13 @@ var VueRuntimeDOM = (function(exports) {
 			let dirty = false;
 			if (sub.flags & 16) dirty = true;
 			else if ((depFlags & 17) === 17) {
+				const subs = dep.subs;
 				if (dep.update()) {
-					const subs = dep.subs;
 					if (subs.nextSub !== void 0) shallowPropagate(subs);
 					dirty = true;
 				}
 			} else if ((depFlags & 33) === 33) {
-				if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+				stack = {
 					value: link,
 					prev: stack
 				};
@@ -597,15 +606,12 @@ var VueRuntimeDOM = (function(exports) {
 			}
 			while (checkDepth) {
 				--checkDepth;
-				const firstSub = sub.subs;
-				const hasMultipleSubs = firstSub.nextSub !== void 0;
-				if (hasMultipleSubs) {
-					link = stack.value;
-					stack = stack.prev;
-				} else link = firstSub;
+				link = stack.value;
+				stack = stack.prev;
 				if (dirty) {
+					const subs = sub.subs;
 					if (sub.update()) {
-						if (hasMultipleSubs) shallowPropagate(firstSub);
+						if (subs.nextSub !== void 0) shallowPropagate(subs);
 						sub = link.sub;
 						continue;
 					}
@@ -617,7 +623,7 @@ var VueRuntimeDOM = (function(exports) {
 				}
 				dirty = false;
 			}
-			return dirty;
+			return dirty && !!sub.flags;
 		} while (true);
 	}
 	function shallowPropagate(link) {
@@ -1769,9 +1775,11 @@ var VueRuntimeDOM = (function(exports) {
 			if (!this.active) return this.fn();
 			cleanup(this);
 			const prevSub = startTracking(this);
+			incRunDepth();
 			try {
 				return this.fn();
 			} finally {
+				decRunDepth();
 				endTracking(this, prevSub);
 				const flags = this.flags;
 				if ((flags & 136) === 136) {
@@ -3063,7 +3071,7 @@ var VueRuntimeDOM = (function(exports) {
 		name: "Teleport",
 		__isTeleport: true,
 		process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-			const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+			const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
 			const disabled = isTeleportDisabled(n2.props);
 			let { dynamicChildren } = n2;
 			if (isHmrUpdating) {
@@ -3092,7 +3100,7 @@ var VueRuntimeDOM = (function(exports) {
 					if (pendingMounts.get(vnode) !== mountJob) return;
 					pendingMounts.delete(vnode);
 					if (isTeleportDisabled(vnode.props)) {
-						mount(vnode, container, vnode.anchor);
+						mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
 						updateCssVars(vnode, true);
 					}
 					mountToTarget(vnode);
@@ -3172,7 +3180,7 @@ var VueRuntimeDOM = (function(exports) {
 		const { el, anchor, shapeFlag, children, props } = vnode;
 		const isReorder = moveType === 2;
 		if (isReorder) insert(el, container, parentAnchor);
-		if (!isReorder || isTeleportDisabled(props)) {
+		if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
 			if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2, parentComponent);
 		}
 		if (isReorder) insert(anchor, container, parentAnchor);
@@ -3297,8 +3305,8 @@ var VueRuntimeDOM = (function(exports) {
 			const state = useTransitionState();
 			return () => {
 				const children = slots.default && getTransitionRawChildren(slots.default(), true);
-				if (!children || !children.length) return;
-				const child = findNonCommentChild(children);
+				const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+				if (!child) return;
 				const rawProps = /* @__PURE__ */ toRaw(props);
 				const { mode } = rawProps;
 				checkTransitionMode(mode);
@@ -4652,6 +4660,7 @@ var VueRuntimeDOM = (function(exports) {
 	*/
 	function renderSlot(slots, name, props = {}, fallback, noSlotted) {
 		let slot = slots[name];
+		if (fallback) fallback.__vdom = true;
 		const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
 		if (vaporSlot) {
 			const ret = (openBlock(), createBlock(VaporSlot, props));
@@ -4690,9 +4699,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	function ensureVaporSlotFallback(vnodes, fallback) {
 		let vaporSlot;
-		if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) {
-			if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
-		}
+		if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) vaporSlot.outletFallback = fallback;
 	}
 	//#endregion
 	//#region packages/runtime-core/src/helpers/toHandlers.ts
@@ -5064,9 +5071,14 @@ var VueRuntimeDOM = (function(exports) {
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 		const restore = () => {
+			const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 			setCurrentInstance(ctx);
 			if (inSSRSetup) setInSSRSetupState(true);
-			return restoreAsyncContext && restoreAsyncContext();
+			const reset = restoreAsyncContext && restoreAsyncContext();
+			return () => {
+				if (reset) reset();
+				if (resetStoppedScope) resetStoppedScope.reset();
+			};
 		};
 		const cleanup = () => {
 			setCurrentInstance(null, void 0);
@@ -6096,7 +6108,7 @@ var VueRuntimeDOM = (function(exports) {
 		const receivedType = toRawType(value);
 		const expectedValue = styleValue(value, expectedType);
 		const receivedValue = styleValue(value, receivedType);
-		if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) message += ` with value ${expectedValue}`;
+		if (expectedTypes.length === 1 && isExplicable(expectedType) && isCoercible(expectedType, receivedType)) message += ` with value ${expectedValue}`;
 		message += `, got ${receivedType} `;
 		if (isExplicable(receivedType)) message += `with value ${receivedValue}.`;
 		return message;
@@ -6105,7 +6117,8 @@ var VueRuntimeDOM = (function(exports) {
 	* dev only
 	*/
 	function styleValue(value, type) {
-		if (type === "String") return `"${value}"`;
+		if (isSymbol(value)) return value.toString();
+		else if (type === "String") return `"${value}"`;
 		else if (type === "Number") return `${Number(value)}`;
 		else return `${value}`;
 	}
@@ -6122,8 +6135,11 @@ var VueRuntimeDOM = (function(exports) {
 	/**
 	* dev only
 	*/
-	function isBoolean(...args) {
-		return args.some((elem) => elem.toLowerCase() === "boolean");
+	function isCoercible(...args) {
+		return args.every((elem) => {
+			const value = elem.toLowerCase();
+			return value !== "boolean" && value !== "symbol";
+		});
 	}
 	//#endregion
 	//#region packages/runtime-core/src/componentSlots.ts
@@ -7306,15 +7322,19 @@ var VueRuntimeDOM = (function(exports) {
 				if (suspense.isHydrating) suspense.isHydrating = false;
 				else if (!resume) {
 					delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+					let hasUpdatedAnchor = false;
 					if (delayEnter) activeBranch.transition.afterLeave = () => {
 						if (pendingId === suspense.pendingId) {
-							move(pendingBranch, container, anchor === initialAnchor ? next(activeBranch) : anchor, 0, parentComponent);
+							move(pendingBranch, container, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0, parentComponent);
 							queuePostFlushCb(effects);
 							if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 						}
 					};
 					if (activeBranch && !suspense.isFallbackMountPending) {
-						if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
+						if (parentNode(activeBranch.el) === container) {
+							anchor = next(activeBranch);
+							hasUpdatedAnchor = true;
+						}
 						unmount(activeBranch, parentComponent, suspense, true);
 						if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 					}
@@ -7668,11 +7688,29 @@ var VueRuntimeDOM = (function(exports) {
 			el: vnode.el,
 			anchor: vnode.anchor,
 			ctx: vnode.ctx,
-			ce: vnode.ce
+			ce: vnode.ce,
+			vi: vnode.vi,
+			vs: cloneVaporSlotMeta(vnode),
+			vb: vnode.vb
 		};
 		if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 		return cloned;
 	}
+	function cloneVaporSlotMeta(vnode) {
+		const vaporSlot = vnode.vs;
+		if (!vaporSlot) return vaporSlot;
+		const cloned = {
+			slot: vaporSlot.slot,
+			fallback: vaporSlot.fallback,
+			outletFallback: vaporSlot.outletFallback
+		};
+		if (vnode.el) {
+			cloned.state = vaporSlot.state;
+			cloned.ref = vaporSlot.ref;
+			cloned.scope = vaporSlot.scope;
+		}
+		return cloned;
+	}
 	/**
 	* Dev only, for HMR of hoisted vnodes reused in v-for
 	* https://github.com/vitejs/vite/issues/2022
@@ -8328,7 +8366,7 @@ var VueRuntimeDOM = (function(exports) {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.10";
+	const version = "3.6.0-beta.12";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -8791,7 +8829,10 @@ var VueRuntimeDOM = (function(exports) {
 			}
 			for (const key in next) {
 				if (key === "display") hasControlledDisplay = true;
-				setStyle(style, key, next[key]);
+				const value = next[key];
+				if (value != null) {
+					if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+				} else setStyle(style, key, "");
 			}
 		} else if (isCssString) {
 			if (prev !== next) {
@@ -8839,6 +8880,14 @@ var VueRuntimeDOM = (function(exports) {
 		}
 		return rawName;
 	}
+	/**
+	* Browsers update textarea width/height directly during native resize.
+	* Only special-case this common textarea path for now; other resize scenarios
+	* still follow normal vnode style patching.
+	*/
+	function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+		return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+	}
 	//#endregion
 	//#region packages/runtime-dom/src/modules/attrs.ts
 	const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -9273,7 +9322,10 @@ var VueRuntimeDOM = (function(exports) {
 					replacementNodes.push(child);
 				}
 				parent.removeChild(o);
-				slotReplacements.set(o, replacementNodes);
+				slotReplacements.set(o, {
+					nodes: replacementNodes,
+					usedFallback: !content
+				});
 			}
 			this._updateSlotNodes(slotReplacements);
 		}