fix: component attr string interpolation

baidu · Nov 7, 2022 · 3f0ffac · 3f0ffac
1 parent 615d991
commit 3f0ffac
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 3 deletions.
diff --git a/bin/render-by-source.js b/bin/render-by-source.js
@@ -16,7 +16,7 @@ function renderBySource (caseName) {
     }
 
     const render = require(join(caseRoot, `${caseName}/output/ssr.js`))
-    const html = render(...getRenderArguments(caseName, caseRoot, ssrSpec.info || {}))
+    const html = render(...getRenderArguments(caseName, caseRoot, ssrSpec?.info || {}))
 
     return html
 }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -71,7 +71,7 @@
     "mkdirp": "^1.0.4",
     "mustache": "^4.0.1",
     "san": "^3.12.0",
-    "san-html-cases": "^3.12.3",
+    "san-html-cases": "^3.12.4",
     "san-ssr-target-fake-cmd": "^1.0.0",
     "san-ssr-target-fake-esm": "^1.0.0",
     "source-map-support": "^0.5.19",

diff --git a/src/target-js/js-emitter.ts b/src/target-js/js-emitter.ts
@@ -55,6 +55,15 @@ export class JSEmitter extends Emitter {
                 this.write('[')
                 this.writeSyntaxNode(node.rhs)
                 this.write(']')
+            } else if (node.op === '+') {
+                // + 可能是字符串拼接，也可能是数值加法。涉及到类型转换，因此需要特殊处理,
+                // 例如 "index is: {{index + 1}}",
+                // 不能输出为 "index is: " + index + 1，而应该是 "index is: " + (index + 1)
+                this.writeSyntaxNode(node.lhs)
+                this.write(` ${node.op} `)
+                this.write('(')
+                this.writeSyntaxNode(node.rhs)
+                this.write(')')
             } else {
                 this.writeSyntaxNode(node.lhs)
                 this.write(` ${node.op} `)