@vue/compiler-ssr 3.3.5 → 3.3.7

package/dist/compiler-ssr.cjs.js

@@ -219,7 +219,7 @@ function ssrProcessTeleport(node, context) {
   );
 }
 
-const wipMap$2 = /* @__PURE__ */ new WeakMap();
+const wipMap$3 = /* @__PURE__ */ new WeakMap();
 function ssrTransformSuspense(node, context) {
   return () => {
     if (node.children.length) {
@@ -228,29 +228,33 @@ function ssrTransformSuspense(node, context) {
         // to be immediately set
         wipSlots: []
       };
-      wipMap$2.set(node, wipEntry);
-      wipEntry.slotsExp = compilerDom.buildSlots(node, context, (_props, children, loc) => {
-        const fn = compilerDom.createFunctionExpression(
-          [],
-          void 0,
-          // no return, assign body later
-          true,
-          // newline
-          false,
-          // suspense slots are not treated as normal slots
-          loc
-        );
-        wipEntry.wipSlots.push({
-          fn,
-          children
-        });
-        return fn;
-      }).slots;
+      wipMap$3.set(node, wipEntry);
+      wipEntry.slotsExp = compilerDom.buildSlots(
+        node,
+        context,
+        (_props, _vForExp, children, loc) => {
+          const fn = compilerDom.createFunctionExpression(
+            [],
+            void 0,
+            // no return, assign body later
+            true,
+            // newline
+            false,
+            // suspense slots are not treated as normal slots
+            loc
+          );
+          wipEntry.wipSlots.push({
+            fn,
+            children
+          });
+          return fn;
+        }
+      ).slots;
     }
   };
 }
 function ssrProcessSuspense(node, context) {
-  const wipEntry = wipMap$2.get(node);
+  const wipEntry = wipMap$3.get(node);
   if (!wipEntry) {
     return;
   }
@@ -556,7 +560,7 @@ function ssrProcessElement(node, context) {
   }
 }
 
-const wipMap$1 = /* @__PURE__ */ new WeakMap();
+const wipMap$2 = /* @__PURE__ */ new WeakMap();
 function ssrTransformTransitionGroup(node, context) {
   return () => {
     const tag = compilerDom.findProp(node, "tag");
@@ -577,23 +581,27 @@ function ssrTransformTransitionGroup(node, context) {
           buildSSRProps(props, directives, context)
         ]);
       }
-      wipMap$1.set(node, {
+      wipMap$2.set(node, {
         tag,
-        propsExp
+        propsExp,
+        scopeId: context.scopeId || null
       });
     }
   };
 }
 function ssrProcessTransitionGroup(node, context) {
-  const entry = wipMap$1.get(node);
+  const entry = wipMap$2.get(node);
   if (entry) {
-    const { tag, propsExp } = entry;
+    const { tag, propsExp, scopeId } = entry;
     if (tag.type === 7) {
       context.pushStringPart(`<`);
       context.pushStringPart(tag.exp);
       if (propsExp) {
         context.pushStringPart(propsExp);
       }
+      if (scopeId) {
+        context.pushStringPart(` ${scopeId}`);
+      }
       context.pushStringPart(`>`);
       processChildren(
         node,
@@ -615,6 +623,9 @@ function ssrProcessTransitionGroup(node, context) {
       if (propsExp) {
         context.pushStringPart(propsExp);
       }
+      if (scopeId) {
+        context.pushStringPart(` ${scopeId}`);
+      }
       context.pushStringPart(`>`);
       processChildren(node, context, false, true);
       context.pushStringPart(`</${tag.value.content}>`);
@@ -624,6 +635,25 @@ function ssrProcessTransitionGroup(node, context) {
   }
 }
 
+const wipMap$1 = /* @__PURE__ */ new WeakMap();
+function ssrTransformTransition(node, context) {
+  return () => {
+    const appear = compilerDom.findProp(node, "appear", false, true);
+    wipMap$1.set(node, !!appear);
+  };
+}
+function ssrProcessTransition(node, context) {
+  node.children = node.children.filter((c) => c.type !== 3);
+  const appear = wipMap$1.get(node);
+  if (appear) {
+    context.pushStringPart(`<template>`);
+    processChildren(node, context, false, true);
+    context.pushStringPart(`</template>`);
+  } else {
+    processChildren(node, context, false, true);
+  }
+}
+
 const wipMap = /* @__PURE__ */ new WeakMap();
 const WIP_SLOT = Symbol();
 const componentTypeMap = /* @__PURE__ */ new WeakMap();
@@ -642,9 +672,10 @@ const ssrTransformComponent = (node, context) => {
   if (shared.isSymbol(component)) {
     if (component === compilerDom.SUSPENSE) {
       return ssrTransformSuspense(node, context);
-    }
-    if (component === compilerDom.TRANSITION_GROUP) {
+    } else if (component === compilerDom.TRANSITION_GROUP) {
       return ssrTransformTransitionGroup(node, context);
+    } else if (component === compilerDom.TRANSITION) {
+      return ssrTransformTransition(node);
     }
     return;
   }
@@ -652,8 +683,10 @@ const ssrTransformComponent = (node, context) => {
   const clonedNode = clone(node);
   return function ssrPostTransformComponent() {
     if (clonedNode.children.length) {
-      compilerDom.buildSlots(clonedNode, context, (props, children) => {
-        vnodeBranches.push(createVNodeSlotBranch(props, children, context));
+      compilerDom.buildSlots(clonedNode, context, (props, vFor, children) => {
+        vnodeBranches.push(
+          createVNodeSlotBranch(props, vFor, children, context)
+        );
         return compilerDom.createFunctionExpression(void 0);
       });
     }
@@ -672,7 +705,7 @@ const ssrTransformComponent = (node, context) => {
     }
     const wipEntries = [];
     wipMap.set(node, wipEntries);
-    const buildSSRSlotFn = (props, children, loc) => {
+    const buildSSRSlotFn = (props, _vForExp, children, loc) => {
       const param0 = props && compilerDom.stringifyExpression(props) || `_`;
       const fn = compilerDom.createFunctionExpression(
         [param0, `_push`, `_parent`, `_scopeId`],
@@ -729,7 +762,7 @@ function ssrProcessComponent(node, context, parent) {
         context.pushStringPart(``);
       }
       if (component === compilerDom.TRANSITION) {
-        node.children = node.children.filter((c) => c.type !== 3);
+        return ssrProcessTransition(node, context);
       }
       processChildren(node, context);
     }
@@ -768,7 +801,7 @@ const vnodeDirectiveTransforms = {
   ...baseDirectiveTransforms,
   ...compilerDom.DOMDirectiveTransforms
 };
-function createVNodeSlotBranch(props, children, parentContext) {
+function createVNodeSlotBranch(props, vForExp, children, parentContext) {
   const rawOptions = rawOptionsMap.get(parentContext.root);
   const subOptions = {
     ...rawOptions,
@@ -788,8 +821,8 @@ function createVNodeSlotBranch(props, children, parentContext) {
     tag: "template",
     tagType: 3,
     isSelfClosing: false,
-    // important: provide v-slot="props" on the wrapper for proper
-    // scope analysis
+    // important: provide v-slot="props" and v-for="exp" on the wrapper for
+    // proper scope analysis
     props: [
       {
         type: 7,
@@ -798,6 +831,14 @@ function createVNodeSlotBranch(props, children, parentContext) {
         arg: void 0,
         modifiers: [],
         loc: compilerDom.locStub
+      },
+      {
+        type: 7,
+        name: "for",
+        exp: vForExp,
+        arg: void 0,
+        modifiers: [],
+        loc: compilerDom.locStub
       }
     ],
     children,
@@ -1003,6 +1044,38 @@ const ssrTransformModel = (dir, node, context) => {
       );
     }
   }
+  function processOption(plainNode) {
+    if (plainNode.tag === "option") {
+      if (plainNode.props.findIndex((p) => p.name === "selected") === -1) {
+        const value = findValueBinding(plainNode);
+        plainNode.ssrCodegenNode.elements.push(
+          compilerDom.createConditionalExpression(
+            compilerDom.createCallExpression(context.helper(SSR_INCLUDE_BOOLEAN_ATTR), [
+              compilerDom.createConditionalExpression(
+                compilerDom.createCallExpression(`Array.isArray`, [model]),
+                compilerDom.createCallExpression(context.helper(SSR_LOOSE_CONTAIN), [
+                  model,
+                  value
+                ]),
+                compilerDom.createCallExpression(context.helper(SSR_LOOSE_EQUAL), [
+                  model,
+                  value
+                ])
+              )
+            ]),
+            compilerDom.createSimpleExpression(" selected", true),
+            compilerDom.createSimpleExpression("", true),
+            false
+            /* no newline */
+          )
+        );
+      }
+    } else if (plainNode.tag === "optgroup") {
+      plainNode.children.forEach(
+        (option) => processOption(option)
+      );
+    }
+  }
   if (node.tagType === 0) {
     const res = { props: [] };
     const defaultProps = [
@@ -1085,33 +1158,9 @@ const ssrTransformModel = (dir, node, context) => {
       checkDuplicatedValue();
       node.children = [compilerDom.createInterpolation(model, model.loc)];
     } else if (node.tag === "select") {
-      node.children.forEach((option) => {
-        if (option.type === 1) {
-          const plainNode = option;
-          if (plainNode.props.findIndex((p) => p.name === "selected") === -1) {
-            const value = findValueBinding(plainNode);
-            plainNode.ssrCodegenNode.elements.push(
-              compilerDom.createConditionalExpression(
-                compilerDom.createCallExpression(context.helper(SSR_INCLUDE_BOOLEAN_ATTR), [
-                  compilerDom.createConditionalExpression(
-                    compilerDom.createCallExpression(`Array.isArray`, [model]),
-                    compilerDom.createCallExpression(context.helper(SSR_LOOSE_CONTAIN), [
-                      model,
-                      value
-                    ]),
-                    compilerDom.createCallExpression(context.helper(SSR_LOOSE_EQUAL), [
-                      model,
-                      value
-                    ])
-                  )
-                ]),
-                compilerDom.createSimpleExpression(" selected", true),
-                compilerDom.createSimpleExpression("", true),
-                false
-                /* no newline */
-              )
-            );
-          }
+      node.children.forEach((child) => {
+        if (child.type === 1) {
+          processOption(child);
         }
       });
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-ssr",
-  "version": "3.3.5",
+  "version": "3.3.7",
   "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.3.5",
-    "@vue/compiler-dom": "3.3.5"
+    "@vue/shared": "3.3.7",
+    "@vue/compiler-dom": "3.3.7"
   }
 }