@vue/compiler-sfc 3.6.0-rc.6 → 3.6.0-rc.7

package/dist/compiler-sfc.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.6
+  * @vue/compiler-sfc v3.6.0-rc.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -16121,7 +16121,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 }
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
-const version = "3.6.0-rc.6";
+const version = "3.6.0-rc.7";
 const parseCache = parseCache$1;
 const errorMessages = {
 	..._vue_compiler_dom.errorMessages,

package/dist/compiler-sfc.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-sfc v3.6.0-rc.6
+  * @vue/compiler-sfc v3.6.0-rc.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -25050,6 +25050,10 @@ function isInTransition(context) {
 function isTransitionNode(node) {
 	return node.type === 1 && isTransitionTag(node.tag);
 }
+/** Transition or TransitionGroup: hosts whose children render specially. */
+function isTransitionHostNode(node) {
+	return node.type === 1 && (isTransitionTag(node.tag) || isTransitionGroupTag(node.tag));
+}
 function isTransitionTag(tag) {
 	tag = tag.toLowerCase();
 	return tag === "transition" || tag === "vaportransition";
@@ -25559,6 +25563,10 @@ function codeFragmentToString(code, context) {
 		});
 	}
 }
+/** Formats a numeric flags argument with its dev-only name annotation. */
+function genFlags(flags, names) {
+	return `${flags} /* ${names.join(", ")} */`;
+}
 //#endregion
 //#region packages/compiler-vapor/src/generators/dom.ts
 function genInsertNode({ parent, elements, anchor }, { helper }) {
@@ -26198,7 +26206,7 @@ function isConstantBinding(value, context) {
 //#region packages/compiler-vapor/src/generators/for.ts
 function genFor(oper, context) {
 	const { helper } = context;
-	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot } = oper;
+	const { source, value, key, index, render, keyProp, once, id, component, onlyChild, slotRoot, wrappedRows } = oper;
 	const rawValue = value && value.content;
 	const rawKey = key && key.content;
 	const rawIndex = index && index.content;
@@ -26251,7 +26259,7 @@ function genFor(oper, context) {
 		return frag;
 	}, idMap);
 	exitScope();
-	const flags = genForFlags(onlyChild, component, isFragmentBlock(render), !component && isSingleNodeBlock(render), once, slotRoot);
+	const flags = genForFlags(onlyChild, component, isFragmentBlock(render), !component && isSingleNodeBlock(render), once, slotRoot, wrappedRows);
 	const onResetCalls = [];
 	for (let i = 0; i < selectorPatterns.length; i++) onResetCalls.push(NEWLINE, `n${id}.onReset(${selectorName(i)}.reset)`);
 	return [
@@ -26283,7 +26291,7 @@ function genFor(oper, context) {
 		return idMap;
 	}
 }
-function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotRoot) {
+function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotRoot, wrappedRows) {
 	let flags = 0;
 	const names = [];
 	if (onlyChild) {
@@ -26310,8 +26318,12 @@ function genForFlags(onlyChild, component, isFragment, isSingleNode, once, slotR
 		flags |= 32;
 		names.push("SLOT_ROOT");
 	}
+	if (wrappedRows) {
+		flags |= 64;
+		names.push("WRAPPED_ROWS");
+	}
 	if (!flags) return;
-	return `${flags} /* ${names.join(", ")} */`;
+	return genFlags(flags, names);
 }
 function isSingleNodeBlock(block) {
 	const child = getSingleReturnedChild(block);
@@ -26532,7 +26544,7 @@ function genIfFlags(blockShape, once, slotRoot, index) {
 	if (once) flags |= 16;
 	else if (index !== void 0) flags |= index + 1 << 8;
 	if (flags === 1) return false;
-	return `${flags} /* ${genIfFlagNames(once, slotRoot, index, blockShape)} */`;
+	return genFlags(flags, genIfFlagNames(once, slotRoot, index, blockShape));
 }
 function genIfFlagNames(once, slotRoot, index, blockShape) {
 	const names = [`TRUE_${genBlockShapeName(blockShape)}`];
@@ -26544,7 +26556,7 @@ function genIfFlagNames(once, slotRoot, index, blockShape) {
 	if (once) names.push("ONCE");
 	if (slotRoot) names.push("SLOT_ROOT");
 	if (!once && index !== void 0) names.push(`KEYED_INDEX_${index}`);
-	return names.join(", ");
+	return names;
 }
 function genBlockShapeName(flags) {
 	switch (flags & 3) {
@@ -26973,7 +26985,7 @@ function genDynamicComponentFlags(root, once, slotRoot) {
 		names.push("SLOT_ROOT");
 	}
 	if (!flags) return false;
-	return `${flags} /* ${names.join(", ")} */`;
+	return genFlags(flags, names);
 }
 function getUniqueHandlerName(context, name) {
 	const { seenInlineHandlerNames } = context;
@@ -27329,19 +27341,11 @@ function genSlotBlockWithProps(oper, context, emitNonStableFlag = true) {
 	const hasStableRoot = hasStableSlotRoot(oper, context);
 	if (!hasStableRoot) markSlotRootOperations(oper, context);
 	let blockFn = context.withId(() => genBlock(oper, context, propsName ? [propsName] : []), idMap);
-	if (emitNonStableFlag && !hasStableRoot) blockFn = genCall(context.helper("extend"), blockFn, [`{ _: ${genSlotFlags$1(8)} }`]);
+	if (emitNonStableFlag && !hasStableRoot) blockFn = genCall(context.helper("extend"), blockFn, [`{ _: ${genFlags(1, ["NON_STABLE"])} }`]);
 	exitSlotBlock();
 	exitScope && exitScope();
 	return blockFn;
 }
-function genSlotFlags$1(flags) {
-	const names = [];
-	if (flags & 1) names.push("NO_SLOTTED");
-	if (flags & 2) names.push("ONCE");
-	if (flags & 4) names.push("SLOT_ROOT");
-	if (flags & 8) names.push("NON_STABLE");
-	return `${flags} /* ${names.join(", ")} */`;
-}
 //#endregion
 //#region packages/compiler-vapor/src/generators/slotOutlet.ts
 function genSlotOutlet(oper, context) {
@@ -27368,10 +27372,9 @@ function genSlotFlags(flags) {
 	const names = [];
 	if (flags & 1) names.push("NO_SLOTTED");
 	if (flags & 2) names.push("ONCE");
-	if (flags & 4) names.push("SLOT_ROOT");
-	if (flags & 16) names.push("SHARED_FALLBACK");
-	if (flags & 32) names.push("INHERIT_FALLBACK");
-	return `${flags} /* ${names.join(", ")} */`;
+	if (flags & 4) names.push("FORWARDED");
+	if (flags & 8) names.push("SHARED_FALLBACK");
+	return genFlags(flags, names);
 }
 //#endregion
 //#region packages/compiler-vapor/src/generators/key.ts
@@ -27732,9 +27735,8 @@ function markSlotRootOperations(block, context, sharedFallback = false) {
 			markSlotRootOperations(operation.block, context, sharedFallback);
 		} else if (operation.type === 11) markSlotRootComponent(operation);
 		else if (operation.type === 12) {
-			if (!(operation.flags & 2)) operation.flags |= 4;
-			if (sharedFallback) operation.flags |= 16;
-			else operation.flags |= 32;
+			operation.flags |= 4;
+			if (sharedFallback) operation.flags |= 8;
 		}
 	}
 }
@@ -28834,13 +28836,13 @@ function processInterpolation(context) {
 	const values = processTextLikeChildren(collectAdjacentText(context), context);
 	if (values.length === 0 && parentNode.type !== 0) return;
 	const literalValues = values.map((v) => getLiteralExpressionValue(v));
-	if (literalValues.every((v) => v != null) && parentNode.type !== 0) {
-		const text = literalValues.join("");
+	const text = literalValues.every((v) => v != null) ? literalValues.join("") : null;
+	const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
+	if (text !== null && parentNode.type !== 0 && (isElementChild || text !== "")) {
 		if (parentNode.type === 1 && shouldUseCreateElement(parentNode, context.parent) && text[0] === "<") {
 			materializeLiteralTextNode(createSimpleExpression(text, true, context.node.loc), context);
 			return;
 		}
-		const isElementChild = parentNode.type === 1 && parentNode.tagType === 0;
 		context.template += isElementChild ? escapeHtml(text) : text;
 		return;
 	}
@@ -29360,6 +29362,8 @@ function processFor(node, dir, context) {
 	const keyProp = findProp(node, "key");
 	const keyProperty = keyProp && propToExpression(keyProp);
 	const isComponent = node.tagType === 1 || isTemplateWithSingleComponent(node);
+	const parentNode = context.parent && context.parent.node;
+	const wrappedRows = node.tagType === 3 && !(parentNode && isTransitionHostNode(parentNode)) && (node.children.length !== 1 || node.children[0].type !== 1 || !!findDir(node.children[0], ROW_FRAGMENT_DIR_RE));
 	context.node = node = wrapTemplate(node, ["for", "key"]);
 	context.dynamic.flags |= 6;
 	const id = context.reference();
@@ -29382,10 +29386,12 @@ function processFor(node, dir, context) {
 			render,
 			once: context.inVOnce || isStaticExpression(source, context.options.bindingMetadata),
 			component: isComponent,
-			onlyChild: !!isOnlyChild
+			onlyChild: !!isOnlyChild,
+			wrappedRows
 		});
 	};
 }
+const ROW_FRAGMENT_DIR_RE = /^(?:if|for)$/;
 function isTemplateWithSingleComponent(node) {
 	if (node.tag !== "template") return false;
 	const nonCommentChildren = node.children.filter((c) => c.type !== 3);
@@ -29472,10 +29478,11 @@ function transformComponentSlot(node, dir, context) {
 	const { children } = node;
 	const arg = dir && dir.arg;
 	const hasTemplateSlots = children.some(isSlotTemplateChild);
+	const isTransitionHost = isTransitionHostNode(node);
 	const emptyTextNodes = [];
 	const nonSlotTemplateChildren = children.filter((n) => {
 		if (isSlotTemplateChild(n)) return false;
-		if (n.type === 3 && hasTemplateSlots) {
+		if (n.type === 3 && (hasTemplateSlots || isTransitionHost)) {
 			ignoreComment(n, context);
 			return false;
 		}
@@ -43418,7 +43425,7 @@ function mergeSourceMaps(scriptMap, templateMap, templateLineOffset) {
 //#endregion
 //#region packages/compiler-sfc/src/index.ts
 init_objectSpread2();
-const version = "3.6.0-rc.6";
+const version = "3.6.0-rc.7";
 const parseCache = parseCache$1;
 const errorMessages = _objectSpread2(_objectSpread2({}, errorMessages$1), DOMErrorMessages);
 const walk = walk$2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-sfc",
-  "version": "3.6.0-rc.6",
+  "version": "3.6.0-rc.7",
   "description": "@vue/compiler-sfc",
   "main": "dist/compiler-sfc.cjs.js",
   "module": "dist/compiler-sfc.esm-browser.js",
@@ -47,11 +47,11 @@
     "magic-string": "^0.30.21",
     "postcss": "^8.5.19",
     "source-map-js": "^1.2.1",
-    "@vue/compiler-core": "3.6.0-rc.6",
-    "@vue/compiler-dom": "3.6.0-rc.6",
-    "@vue/compiler-vapor": "3.6.0-rc.6",
-    "@vue/shared": "3.6.0-rc.6",
-    "@vue/compiler-ssr": "3.6.0-rc.6"
+    "@vue/compiler-dom": "3.6.0-rc.7",
+    "@vue/compiler-core": "3.6.0-rc.7",
+    "@vue/compiler-vapor": "3.6.0-rc.7",
+    "@vue/shared": "3.6.0-rc.7",
+    "@vue/compiler-ssr": "3.6.0-rc.7"
   },
   "devDependencies": {
     "@babel/types": "^7.29.8",