Rate: Fix decimal display support in disabled mode (ElemeFE#15089)

jack-agency · Apr 17, 2019 · f19b9f1 · f19b9f1
1 parent f02a849
commit f19b9f1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/rate/src/main.vue b/packages/rate/src/main.vue
@@ -148,9 +148,8 @@
       decimalStyle() {
         let width = '';
         if (this.rateDisabled) {
-          width = `${ this.valueDecimal < 50 ? 0 : 50 }%`;
-        }
-        if (this.allowHalf) {
+          width = `${ this.valueDecimal }%`;
+        } else if (this.allowHalf) {
           width = '50%';
         }
         return {

diff --git a/test/unit/specs/rate.spec.js b/test/unit/specs/rate.spec.js
@@ -181,7 +181,7 @@ describe('Rate', () => {
 
     const fourthStar = vm2.$el.querySelectorAll('.el-rate__item')[3];
     const halfStar = fourthStar.querySelector('.el-rate__decimal');
-    expect(halfStar.style.width).to.equal('0%');
+    expect(halfStar.style.width).to.equal('40%');
   });
 
   it('allow half', () => {