use method in utils instead of classList

tyage · tyage · commit 036eae29542c · 2014-10-31T16:17:45.000+09:00
diff --git a/src/transition.js b/src/transition.js
@@ -1,5 +1,6 @@
 var endEvents  = sniffEndEvents(),
     config     = require('./config'),
+    utils      = require('./utils'),
     // batch enter animations so we only force the layout once
     Batcher    = require('./batcher'),
     batcher    = new Batcher(),
@@ -79,10 +80,7 @@ function applyTransitionClass (el, stage, changeState, hasAnimation) {
         return codes.CSS_SKIP
     }
 
-    // if the browser supports transition,
-    // it must have classList...
     var onEnd,
-        classList        = el.classList,
         existingCallback = el.vue_trans_cb,
         enterClass       = config.enterClass,
         leaveClass       = config.leaveClass,
@@ -91,30 +89,30 @@ function applyTransitionClass (el, stage, changeState, hasAnimation) {
     // cancel unfinished callbacks and jobs
     if (existingCallback) {
         el.removeEventListener(endEvent, existingCallback)
-        classList.remove(enterClass)
-        classList.remove(leaveClass)
+        utils.removeClass(el, enterClass)
+        utils.removeClass(el, leaveClass)
         el.vue_trans_cb = null
     }
 
     if (stage > 0) { // enter
 
         // set to enter state before appending
-        classList.add(enterClass)
+        utils.addClass(el, enterClass)
         // append
         changeState()
         // trigger transition
         if (!hasAnimation) {
             batcher.push({
                 execute: function () {
-                    classList.remove(enterClass)
+                    utils.removeClass(el, enterClass)
                 }
             })
         } else {
             onEnd = function (e) {
                 if (e.target === el) {
                     el.removeEventListener(endEvent, onEnd)
                     el.vue_trans_cb = null
-                    classList.remove(enterClass)
+                    utils.removeClass(el, enterClass)
                 }
             }
             el.addEventListener(endEvent, onEnd)
@@ -128,7 +126,7 @@ function applyTransitionClass (el, stage, changeState, hasAnimation) {
             // trigger hide transition
             batcher.push({
                 execute: function () {
-                    classList.add(leaveClass)
+                    utils.addClass(el, leaveClass)
                 }
             })
             onEnd = function (e) {
@@ -137,7 +135,7 @@ function applyTransitionClass (el, stage, changeState, hasAnimation) {
                     el.vue_trans_cb = null
                     // actually remove node here
                     changeState()
-                    classList.remove(leaveClass)
+                    utils.removeClass(el, leaveClass)
                 }
             }
             // attach transition end listener
@@ -148,7 +146,7 @@ function applyTransitionClass (el, stage, changeState, hasAnimation) {
             changeState()
         }
         return codes.CSS_L
-        
+
     }
 
 }
