@vue/compiler-ssr 3.3.4 → 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 = [
@@ -1084,7 +1123,13 @@ const ssrTransformModel = (dir, node, context) => {
     } else if (node.tag === "textarea") {
       checkDuplicatedValue();
       node.children = [compilerDom.createInterpolation(model, model.loc)];
-    } else if (node.tag === "select") ; else {
+    } else if (node.tag === "select") {
+      node.children.forEach((child) => {
+        if (child.type === 1) {
+          processOption(child);
+        }
+      });
+    } else {
       context.onError(
         compilerDom.createDOMCompilerError(
           57,

package/package.json

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