From 696c9d71d5f37f55ac1fedc5ee4ca87b3a311dbe Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 12 Oct 2019 11:19:52 +0800
Subject: [PATCH] feat(Slider): add slide animation (#4700)

---
 src/slider/index.js   | 10 ++++++++++
 src/slider/index.less |  1 +
 2 files changed, 11 insertions(+)

diff --git a/src/slider/index.js b/src/slider/index.js
index 008eb5841..f398c9530 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -34,6 +34,12 @@ export default createComponent({
     }
   },
 
+  data() {
+    return {
+      dragStatus: ''
+    };
+  },
+
   computed: {
     range() {
       return this.max - this.min;
@@ -139,6 +145,10 @@ export default createComponent({
       background: this.activeColor
     };
 
+    if (this.dragStatus) {
+      barStyle.transition = 'none';
+    }
+
     return (
       <div
         style={style}
diff --git a/src/slider/index.less b/src/slider/index.less
index abfc189c7..8828fbf01 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -9,6 +9,7 @@
     position: relative;
     background-color: @slider-active-background-color;
     border-radius: inherit;
+    transition: width @animation-duration-fast;
   }
 
   &__button {