@vue/compiler-ssr 3.6.0-rc.1 → 3.6.0-rc.11

package/dist/compiler-ssr.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compiler-ssr v3.6.0-rc.1
+  * @vue/compiler-ssr v3.6.0-rc.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -65,7 +65,7 @@ function ssrProcessIf(node, context, disableNestedFragments = false, disableComm
 		if (branch.condition) currentIf = currentIf.alternate = (0, _vue_compiler_dom.createIfStatement)(branch.condition, branchBlockStatement);
 		else currentIf.alternate = branchBlockStatement;
 	}
-	if (!currentIf.alternate && !disableComment) currentIf.alternate = (0, _vue_compiler_dom.createBlockStatement)([(0, _vue_compiler_dom.createCallExpression)(`_push`, ["`<!---->`"])]);
+	if (!currentIf.alternate && (!disableComment || context.options.vapor)) currentIf.alternate = (0, _vue_compiler_dom.createBlockStatement)([(0, _vue_compiler_dom.createCallExpression)(`_push`, ["`<!---->`"])]);
 }
 function processIfBranch(branch, context, disableNestedFragments = false) {
 	const { children } = branch;
@@ -83,48 +83,6 @@ function ssrProcessFor(node, context, disableNestedFragments = false) {
 	if (!disableNestedFragments) context.pushStringPart(`<!--]-->`);
 }
 //#endregion
-//#region packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts
-const ssrTransformSlotOutlet = (node, context) => {
-	if ((0, _vue_compiler_dom.isSlotOutlet)(node)) {
-		const { slotName, slotProps } = (0, _vue_compiler_dom.processSlotOutlet)(node, context);
-		const args = [
-			`_ctx.$slots`,
-			slotName,
-			slotProps || `{}`,
-			`null`,
-			`_push`,
-			`_parent`
-		];
-		if (context.scopeId && context.slotted !== false) args.push(`"${context.scopeId}-s"`);
-		let method = SSR_RENDER_SLOT;
-		let parent = context.parent;
-		if (parent) {
-			const children = parent.children;
-			if (parent.type === 10) parent = context.grandParent;
-			let componentType;
-			if (parent.type === 1 && parent.tagType === 1 && ((componentType = (0, _vue_compiler_dom.resolveComponentType)(parent, context, true)) === _vue_compiler_dom.TRANSITION || componentType === _vue_compiler_dom.TRANSITION_GROUP) && children.filter((c) => c.type === 1).length === 1) {
-				method = SSR_RENDER_SLOT_INNER;
-				if (!(context.scopeId && context.slotted !== false)) args.push("null");
-				args.push("true");
-			}
-		}
-		node.ssrCodegenNode = (0, _vue_compiler_dom.createCallExpression)(context.helper(method), args);
-	}
-};
-function ssrProcessSlotOutlet(node, context) {
-	const renderCall = node.ssrCodegenNode;
-	if (node.children.length) {
-		const fallbackRenderFn = (0, _vue_compiler_dom.createFunctionExpression)([]);
-		fallbackRenderFn.body = processChildrenAsStatement(node, context);
-		renderCall.arguments[3] = fallbackRenderFn;
-	}
-	if (context.withSlotScopeId) {
-		const slotScopeId = renderCall.arguments[6];
-		renderCall.arguments[6] = slotScopeId ? `${slotScopeId} + _scopeId` : `_scopeId`;
-	}
-	context.pushStatement(node.ssrCodegenNode);
-}
-//#endregion
 //#region packages/compiler-ssr/src/errors.ts
 function createSSRCompilerError(code, loc) {
 	return (0, _vue_compiler_dom.createCompilerError)(code, loc, SSRErrorMessages);
@@ -189,7 +147,7 @@ function ssrProcessSuspense(node, context) {
 	const { slotsExp, wipSlots } = wipEntry;
 	for (let i = 0; i < wipSlots.length; i++) {
 		const slot = wipSlots[i];
-		slot.fn.body = processChildrenAsStatement(slot, context);
+		slot.fn.body = processChildrenAsStatement(slot, context, !!context.options.vapor);
 	}
 	context.pushStatement((0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_SUSPENSE), [`_push`, slotsExp]));
 }
@@ -225,7 +183,8 @@ const ssrTransformElement = (node, context) => {
 				} else if (node.tag === "input") {
 					const vModel = findVModel(node);
 					if (vModel) {
-						const tempExp = (0, _vue_compiler_dom.createSimpleExpression)(`_temp${context.temps++}`, false);
+						const tempId = `_temp${context.temps++}`;
+						const tempExp = (0, _vue_compiler_dom.createSimpleExpression)(tempId, false);
 						propsExp.arguments = [(0, _vue_compiler_dom.createSequenceExpression)([(0, _vue_compiler_dom.createAssignmentExpression)(tempExp, mergedProps), (0, _vue_compiler_dom.createCallExpression)(context.helper(_vue_compiler_dom.MERGE_PROPS), [tempExp, (0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_GET_DYNAMIC_MODEL_PROPS), [tempExp, vModel.exp])])])];
 					}
 				} else if (directives.length && !node.children.length) {
@@ -266,11 +225,13 @@ const ssrTransformElement = (node, context) => {
 								let attrName = key.content;
 								if (attrName === "key" || attrName === "ref") continue;
 								if (attrName === "class") openTag.push(` class="`, dynamicClassBinding = (0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_CLASS), [value]), `"`);
-								else if (attrName === "style") if (dynamicStyleBinding) mergeCall(dynamicStyleBinding, value);
-								else openTag.push(` style="`, dynamicStyleBinding = (0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_STYLE), [value]), `"`);
-								else {
+								else if (attrName === "style") {
+									if (dynamicStyleBinding) mergeCall(dynamicStyleBinding, value);
+									else openTag.push(` style="`, dynamicStyleBinding = (0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_STYLE), [value]), `"`);
+								} else {
 									attrName = node.tag.indexOf("-") > 0 ? attrName : _vue_shared.propsToAttrMap[attrName] || attrName.toLowerCase();
 									if ((0, _vue_shared.isBooleanAttr)(attrName)) openTag.push((0, _vue_compiler_dom.createConditionalExpression)((0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_INCLUDE_BOOLEAN_ATTR), [value]), (0, _vue_compiler_dom.createSimpleExpression)(" " + attrName, true), (0, _vue_compiler_dom.createSimpleExpression)("", true), false));
+									else if (attrName === "hidden") openTag.push((0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_DYNAMIC_ATTR), [key, value]));
 									else if ((0, _vue_shared.isSSRSafeAttrName)(attrName)) openTag.push((0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_ATTR), [key, value]));
 									else context.onError(createSSRCompilerError(65, key.loc));
 								}
@@ -302,8 +263,10 @@ const ssrTransformElement = (node, context) => {
 };
 function buildSSRProps(props, directives, context) {
 	let mergePropsArgs = [];
-	if (props) if (props.type === 14) mergePropsArgs = props.arguments;
-	else mergePropsArgs.push(props);
+	if (props) {
+		if (props.type === 14) mergePropsArgs = props.arguments;
+		else mergePropsArgs.push(props);
+	}
 	if (directives.length) for (const dir of directives) mergePropsArgs.push((0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_GET_DIRECTIVE_PROPS), [`_ctx`, ...(0, _vue_compiler_dom.buildDirectiveArgs)(dir, context).elements]));
 	return mergePropsArgs.length > 1 ? (0, _vue_compiler_dom.createCallExpression)(context.helper(_vue_compiler_dom.MERGE_PROPS), mergePropsArgs) : mergePropsArgs[0];
 }
@@ -348,7 +311,8 @@ function ssrTransformTransitionGroup(node, context) {
 	return () => {
 		const tag = (0, _vue_compiler_dom.findProp)(node, "tag");
 		if (tag) {
-			const { props, directives } = (0, _vue_compiler_dom.buildProps)(node, context, node.props.filter((p) => p !== tag), true, false, true);
+			const otherProps = node.props.filter((p) => p !== tag);
+			const { props, directives } = (0, _vue_compiler_dom.buildProps)(node, context, otherProps, true, false, true);
 			let propsExp = null;
 			if (props || directives.length) propsExp = (0, _vue_compiler_dom.createCallExpression)(context.helper(SSR_RENDER_ATTRS), [buildSSRProps(props, directives, context)]);
 			wipMap$2.set(node, {
@@ -361,6 +325,7 @@ function ssrTransformTransitionGroup(node, context) {
 }
 function ssrProcessTransitionGroup(node, context) {
 	const entry = wipMap$2.get(node);
+	const disableNestedFragments = !context.options.vapor;
 	if (entry) {
 		const { tag, propsExp, scopeId } = entry;
 		if (tag.type === 7) {
@@ -379,7 +344,7 @@ function ssrProcessTransitionGroup(node, context) {
 				* be patched using the same key map) so we need to account for that here
 				* by disabling nested fragment wrappers from being generated.
 				*/
-				true,
+				disableNestedFragments,
 				/**
 				* TransitionGroup filters out comment children at runtime and thus
 				* doesn't expect comments to be present during hydration. We need to
@@ -396,10 +361,10 @@ function ssrProcessTransitionGroup(node, context) {
 			if (propsExp) context.pushStringPart(propsExp);
 			if (scopeId) context.pushStringPart(` ${scopeId}`);
 			context.pushStringPart(`>`);
-			processChildren(node, context, false, true, true);
+			processChildren(node, context, false, disableNestedFragments, true);
 			context.pushStringPart(`</${tag.value.content}>`);
 		}
-	} else processChildren(node, context, true, true, true);
+	} else processChildren(node, context, true, disableNestedFragments, true);
 }
 //#endregion
 //#region packages/compiler-ssr/src/transforms/ssrTransformTransition.ts
@@ -449,8 +414,9 @@ const ssrTransformComponent = (node, context) => {
 		const wipEntries = [];
 		wipMap.set(node, wipEntries);
 		const buildSSRSlotFn = (props, _vForExp, children, loc) => {
+			const param0 = props && (0, _vue_compiler_dom.stringifyExpression)(props) || `_`;
 			const fn = (0, _vue_compiler_dom.createFunctionExpression)([
-				props && (0, _vue_compiler_dom.stringifyExpression)(props) || `_`,
+				param0,
 				`_push`,
 				`_parent`,
 				`_scopeId`
@@ -483,15 +449,16 @@ const ssrTransformComponent = (node, context) => {
 };
 function ssrProcessComponent(node, context, parent) {
 	const component = componentTypeMap.get(node);
-	if (!node.ssrCodegenNode) if (component === _vue_compiler_dom.TELEPORT) return ssrProcessTeleport(node, context);
-	else if (component === _vue_compiler_dom.SUSPENSE) return ssrProcessSuspense(node, context);
-	else if (component === _vue_compiler_dom.TRANSITION_GROUP) return ssrProcessTransitionGroup(node, context);
-	else {
-		if (parent.type === WIP_SLOT) context.pushStringPart(``);
-		if (component === _vue_compiler_dom.TRANSITION) return ssrProcessTransition(node, context);
-		processChildren(node, context);
-	}
-	else {
+	if (!node.ssrCodegenNode) {
+		if (component === _vue_compiler_dom.TELEPORT) return ssrProcessTeleport(node, context);
+		else if (component === _vue_compiler_dom.SUSPENSE) return ssrProcessSuspense(node, context);
+		else if (component === _vue_compiler_dom.TRANSITION_GROUP) return ssrProcessTransitionGroup(node, context);
+		else {
+			if (parent.type === WIP_SLOT) context.pushStringPart(``);
+			if (component === _vue_compiler_dom.TRANSITION) return ssrProcessTransition(node, context);
+			processChildren(node, context);
+		}
+	} else {
 		const wipEntries = wipMap.get(node) || [];
 		for (let i = 0; i < wipEntries.length; i++) {
 			const { fn, vnodeBranch } = wipEntries[i];
@@ -574,6 +541,48 @@ function clone(v) {
 	} else return v;
 }
 //#endregion
+//#region packages/compiler-ssr/src/transforms/ssrTransformSlotOutlet.ts
+const ssrTransformSlotOutlet = (node, context) => {
+	if ((0, _vue_compiler_dom.isSlotOutlet)(node)) {
+		const { slotName, slotProps } = (0, _vue_compiler_dom.processSlotOutlet)(node, context);
+		const args = [
+			`_ctx.$slots`,
+			slotName,
+			slotProps || `{}`,
+			`null`,
+			`_push`,
+			`_parent`
+		];
+		if (context.scopeId && context.slotted !== false) args.push(`"${context.scopeId}-s"`);
+		let method = SSR_RENDER_SLOT;
+		let parent = context.parent;
+		if (parent && !rawOptionsMap.get(context.root).vapor) {
+			const children = parent.children;
+			if (parent.type === 10) parent = context.grandParent;
+			let componentType;
+			if (parent.type === 1 && parent.tagType === 1 && ((componentType = (0, _vue_compiler_dom.resolveComponentType)(parent, context, true)) === _vue_compiler_dom.TRANSITION || componentType === _vue_compiler_dom.TRANSITION_GROUP) && children.filter((c) => c.type === 1).length === 1) {
+				method = SSR_RENDER_SLOT_INNER;
+				if (!(context.scopeId && context.slotted !== false)) args.push("null");
+				args.push("true");
+			}
+		}
+		node.ssrCodegenNode = (0, _vue_compiler_dom.createCallExpression)(context.helper(method), args);
+	}
+};
+function ssrProcessSlotOutlet(node, context) {
+	const renderCall = node.ssrCodegenNode;
+	if (node.children.length) {
+		const fallbackRenderFn = (0, _vue_compiler_dom.createFunctionExpression)([]);
+		fallbackRenderFn.body = processChildrenAsStatement(node, context);
+		renderCall.arguments[3] = fallbackRenderFn;
+	}
+	if (context.withSlotScopeId) {
+		const slotScopeId = renderCall.arguments[6];
+		renderCall.arguments[6] = slotScopeId ? `${slotScopeId} + _scopeId` : `_scopeId`;
+	}
+	context.pushStatement(node.ssrCodegenNode);
+}
+//#endregion
 //#region packages/compiler-ssr/src/ssrCodegenTransform.ts
 function ssrCodegenTransform(ast, options) {
 	const context = createSSRTransformContext(ast, options);
@@ -591,7 +600,7 @@ function ssrCodegenTransform(ast, options) {
 	}
 	processChildren(ast, context, ast.children.length > 1 && ast.children.some((c) => !(0, _vue_compiler_dom.isText)(c)));
 	ast.codegenNode = (0, _vue_compiler_dom.createBlockStatement)(context.body);
-	ast.ssrHelpers = Array.from(new Set([...Array.from(ast.helpers).filter((h) => h in ssrHelpers), ...context.helpers]));
+	ast.ssrHelpers = Array.from(/* @__PURE__ */ new Set([...Array.from(ast.helpers).filter((h) => h in ssrHelpers), ...context.helpers]));
 	ast.helpers = new Set(Array.from(ast.helpers).filter((h) => !(h in ssrHelpers)));
 }
 function createSSRTransformContext(root, options, helpers = /* @__PURE__ */ new Set(), withSlotScopeId = false) {
@@ -736,7 +745,6 @@ const ssrTransformModel = (dir, node, context) => {
 					default:
 						checkDuplicatedValue();
 						res.props = defaultProps;
-						break;
 				}
 			} else if ((0, _vue_compiler_dom.hasDynamicKeyVBind)(node)) {} else {
 				checkDuplicatedValue();
@@ -798,16 +806,18 @@ const ssrInjectCssVars = (node, context) => {
 	else injectCssVars(node);
 };
 function injectCssVars(node) {
-	if (node.type === 1 && (node.tagType === 0 || node.tagType === 1) && !(0, _vue_compiler_dom.findDir)(node, "for")) if (node.tag === "suspense" || node.tag === "Suspense") for (const child of node.children) if (child.type === 1 && child.tagType === 3) child.children.forEach(injectCssVars);
-	else injectCssVars(child);
-	else node.props.push({
-		type: 7,
-		name: "bind",
-		arg: void 0,
-		exp: (0, _vue_compiler_dom.createSimpleExpression)(`_cssVars`, false),
-		modifiers: [],
-		loc: _vue_compiler_dom.locStub
-	});
+	if (node.type === 1 && (node.tagType === 0 || node.tagType === 1) && !(0, _vue_compiler_dom.findDir)(node, "for")) {
+		if (node.tag === "suspense" || node.tag === "Suspense") for (const child of node.children) if (child.type === 1 && child.tagType === 3) child.children.forEach(injectCssVars);
+		else injectCssVars(child);
+		else node.props.push({
+			type: 7,
+			name: "bind",
+			arg: void 0,
+			exp: (0, _vue_compiler_dom.createSimpleExpression)(`_cssVars`, false),
+			modifiers: [],
+			loc: _vue_compiler_dom.locStub
+		});
+	}
 }
 //#endregion
 //#region packages/compiler-ssr/src/index.ts

package/dist/compiler-ssr.d.ts

@@ -1,5 +1,4 @@
 import { CodegenResult, CompilerOptions, RootNode } from "@vue/compiler-dom";
-
 //#region temp/packages/compiler-ssr/src/index.d.ts
 export declare function compile(source: string | RootNode, options?: CompilerOptions): CodegenResult;
-//#endregion
+//#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-ssr",
-  "version": "3.6.0-rc.1",
+  "version": "3.6.0-rc.11",
   "description": "@vue/compiler-ssr",
   "main": "dist/compiler-ssr.cjs.js",
   "types": "dist/compiler-ssr.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-ssr#readme",
   "dependencies": {
-    "@vue/shared": "3.6.0-rc.1",
-    "@vue/compiler-dom": "3.6.0-rc.1"
+    "@vue/shared": "3.6.0-rc.11",
+    "@vue/compiler-dom": "3.6.0-rc.11"
   }
 }