@vue/compiler-ssr 3.3.6 → 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,7 +581,7 @@ function ssrTransformTransitionGroup(node, context) {
           buildSSRProps(props, directives, context)
         ]);
       }
-      wipMap$1.set(node, {
+      wipMap$2.set(node, {
         tag,
         propsExp,
         scopeId: context.scopeId || null
@@ -586,7 +590,7 @@ function ssrTransformTransitionGroup(node, context) {
   };
 }
 function ssrProcessTransitionGroup(node, context) {
-  const entry = wipMap$1.get(node);
+  const entry = wipMap$2.get(node);
   if (entry) {
     const { tag, propsExp, scopeId } = entry;
     if (tag.type === 7) {
@@ -631,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();
@@ -649,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;
   }
@@ -659,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);
       });
     }
@@ -679,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`],
@@ -736,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);
     }
@@ -775,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,
@@ -795,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,
@@ -805,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,

package/package.json

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