@vue/compiler-ssr 3.3.5 → 3.3.6

package/dist/compiler-ssr.cjs.js

@@ -579,7 +579,8 @@ function ssrTransformTransitionGroup(node, context) {
       }
       wipMap$1.set(node, {
         tag,
-        propsExp
+        propsExp,
+        scopeId: context.scopeId || null
       });
     }
   };
@@ -587,13 +588,16 @@ function ssrTransformTransitionGroup(node, context) {
 function ssrProcessTransitionGroup(node, context) {
   const entry = wipMap$1.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 +619,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}>`);
@@ -1003,6 +1010,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 +1124,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.6",
   "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.6",
+    "@vue/compiler-dom": "3.3.6"
   }
 }