fix(mp): 移除静态class多余的空白字符 (question/184192)

packages/uni-template-compiler/__tests__/compiler-extra.spec.js

@@ -478,6 +478,14 @@ describe('mp:compiler-extra', () => {
       '<p :class="classStr1 || classStr2" class="bg">9</p>',
       '<view class="{{[\'bg\',\'_p\',classStr1||classStr2]}}">9</view>'
     )
+    assertCodegen(
+      '<view class="\n\t staticClass \t\n">10</view>',
+      '<view class="staticClass">10</view>'
+    )
+    assertCodegen(
+      '<view class=" \n\t a \t\n b \n c  ">11</view>',
+      '<view class="a b c">11</view>'
+    )
   })
 
   it('generate style binding', () => {

packages/uni-template-compiler/lib/template/traverse.js

@@ -210,6 +210,10 @@ function traverseDataNode (dataNode, state, node) {
         break
       case 'class':
       case 'staticClass':
+        // vue@2.7.0 https://github.com/vuejs/vue/pull/12195 已经修复这个问题(question/184192)，后续升级vue版本后可以删除
+        if (property.key.name === 'staticClass' && property.value.value) {
+          property.value.value = property.value.value.replace(/\s+/g, ' ').trim()
+        }
         ret.class = genCode(property.value)
         break
       case 'style':