From ed5892b9336927f02a1a5ca31a909e25a5221c41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Tue, 6 Mar 2018 11:04:57 +0800
Subject: [PATCH] Rate: make icon classes responsive (#10003)

---
 packages/rate/src/main.vue | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/rate/src/main.vue b/packages/rate/src/main.vue
index 822061f66..d486dfa7e 100644
--- a/packages/rate/src/main.vue
+++ b/packages/rate/src/main.vue
@@ -48,7 +48,6 @@
 
     data() {
       return {
-        classMap: {},
         pointerAtLeftHalf: true,
         currentValue: this.value,
         hoverIndex: -1
@@ -205,6 +204,16 @@
         return result;
       },
 
+      classMap() {
+        return {
+          lowClass: this.iconClasses[0],
+          mediumClass: this.iconClasses[1],
+          highClass: this.iconClasses[2],
+          voidClass: this.voidIconClass,
+          disabledVoidClass: this.disabledVoidIconClass
+        };
+      },
+
       rateDisabled() {
         return this.disabled || (this.elForm || {}).disabled;
       }
@@ -332,13 +341,6 @@
       if (!this.value) {
         this.$emit('input', 0);
       }
-      this.classMap = {
-        lowClass: this.iconClasses[0],
-        mediumClass: this.iconClasses[1],
-        highClass: this.iconClasses[2],
-        voidClass: this.voidIconClass,
-        disabledVoidClass: this.disabledVoidIconClass
-      };
     }
   };
 </script>