@vue/compiler-ssr 3.5.44 → 3.5.45

package/dist/compiler-ssr.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-ssr v3.5.44
+* @vue/compiler-ssr v3.5.45
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -287,6 +287,11 @@ function ssrProcessSuspense(node, context) {
 }
 
 const rawChildrenMap = /* @__PURE__ */ new WeakMap();
+const ssrTransformStyle = (node, context) => {
+  if (node.type === 1 && node.tagType !== 0) {
+    compilerDom.transformStyle(node, context);
+  }
+};
 const ssrTransformElement = (node, context) => {
   if (node.type !== 1 || node.tagType !== 0) {
     return;
@@ -308,6 +313,7 @@ const ssrTransformElement = (node, context) => {
     }
     const needMergeProps = hasDynamicVBind || hasCustomDir;
     if (needMergeProps) {
+      compilerDom.transformStyle(node, context);
       const { props, directives } = compilerDom.buildProps(
         node,
         context,
@@ -401,6 +407,8 @@ const ssrTransformElement = (node, context) => {
     let dynamicClassBinding = void 0;
     let staticClassBinding = void 0;
     let dynamicStyleBinding = void 0;
+    let staticStyleBinding = void 0;
+    let staticStyleIndex = -1;
     for (let i = 0; i < node.props.length; i++) {
       const prop = node.props[i];
       if (node.tag === "input" && isTrueFalseValue(prop)) {
@@ -453,14 +461,18 @@ const ssrTransformElement = (node, context) => {
                   if (dynamicStyleBinding) {
                     mergeCall(dynamicStyleBinding, value);
                   } else {
-                    openTag.push(
-                      ` style="`,
-                      dynamicStyleBinding = compilerDom.createCallExpression(
-                        context.helper(SSR_RENDER_STYLE),
-                        [value]
-                      ),
-                      `"`
+                    dynamicStyleBinding = compilerDom.createCallExpression(
+                      context.helper(SSR_RENDER_STYLE),
+                      [
+                        staticStyleBinding ? compilerDom.createArrayExpression([staticStyleBinding, value]) : value
+                      ]
                     );
+                    const parts = [` style="`, dynamicStyleBinding, `"`];
+                    if (staticStyleBinding) {
+                      openTag.splice(staticStyleIndex, 1, ...parts);
+                    } else {
+                      openTag.push(...parts);
+                    }
                   }
                 } else {
                   attrName = node.tag.indexOf("-") > 0 ? attrName : shared.propsToAttrMap[attrName] || attrName.toLowerCase();
@@ -525,6 +537,17 @@ const ssrTransformElement = (node, context) => {
           if (name === "class" && prop.value) {
             staticClassBinding = JSON.stringify(prop.value.content);
           }
+          if (name === "style" && prop.value) {
+            const style = shared.parseStringStyle(prop.value.content);
+            if (dynamicStyleBinding) {
+              mergeCall(dynamicStyleBinding, JSON.stringify(style));
+            } else {
+              staticStyleBinding = JSON.stringify(style);
+              staticStyleIndex = openTag.length;
+              openTag.push(` style="${shared.escapeHtml(shared.stringifyStyle(style))}"`);
+            }
+            continue;
+          }
           openTag.push(
             ` ${prop.name}` + (prop.value ? `="${shared.escapeHtml(prop.value.content)}"` : ``)
           );
@@ -1393,7 +1416,7 @@ function compile(source, options = {}) {
       ssrTransformElement,
       ssrTransformComponent,
       compilerDom.trackSlotScopes,
-      compilerDom.transformStyle,
+      ssrTransformStyle,
       ...options.nodeTransforms || []
       // user transforms
     ],

package/package.json

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