fix single animation name

yyx990803 · yyx990803 · commit e07ac3324507 · 2017-05-27T18:40:33.000+08:00
diff --git a/lib/style-compiler/plugins/scope-id.js b/lib/style-compiler/plugins/scope-id.js
@@ -32,17 +32,15 @@ module.exports = postcss.plugin('add-id', function (opts) {
     })
 
     // If keyframes are found in this <style>, find and rewrite animation names
-    // in declarations
-    //
-    // TODO: the keyframes tracking needs to be across multiple <style> tags
-    // that belongs to the same component...
+    // in declarations.
+    // Caveat: this only works for keyframes and animation rules in the same
+    // <style> element.
     if (Object.keys(keyframes).length) {
       root.walkDecls(decl => {
         // individual animation-name declaration
         if (/-?animation-name$/.test(decl.prop)) {
           decl.value = decl.value.split(',')
-            .map(v => keyframes[v.trim()])
-            .filter(v => v)
+            .map(v => keyframes[v.trim()] || v.trim())
             .join(',')
         }
         // shorthand
