From 3bec1de55d9a20808248ced5aa51b7e0d9a6fc2f Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Thu, 30 Aug 2018 21:27:10 +0800
Subject: [PATCH] [improvement] Rate: add readonly prop (#1731)

---
 packages/rate/en-US.md  | 3 ++-
 packages/rate/index.vue | 8 +++-----
 packages/rate/zh-CN.md  | 3 ++-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/rate/en-US.md b/packages/rate/en-US.md
index c66af3285..3abf71ef5 100644
--- a/packages/rate/en-US.md
+++ b/packages/rate/en-US.md
@@ -52,8 +52,9 @@ export default {
 | size | Icon size (px) | `Number` | `20` |
 | color | Selected color | `String` | `#ffd21e`  |
 | void-color | Void color | `String` | `#c7c7c7` |
-| disabled-color | Disabled color | `String` | `#bdbdbd` | 
+| readonly | Whether to be readonly | `Boolean` | `false` |
 | disabled | Whether to disable rate | `Boolean` | `false` |
+| disabled-color | Disabled color | `String` | `#bdbdbd` | 
 
 ### Event
 
diff --git a/packages/rate/index.vue b/packages/rate/index.vue
index 52a84f6d6..b7e2e58f5 100644
--- a/packages/rate/index.vue
+++ b/packages/rate/index.vue
@@ -20,14 +20,12 @@ export default create({
   name: 'rate',
 
   props: {
+    readonly: Boolean,
+    disabled: Boolean,
     size: {
       type: Number,
       default: 20
     },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
     color: {
       type: String,
       default: '#ffd21e'
@@ -64,7 +62,7 @@ export default create({
 
   methods: {
     onSelect(index) {
-      if (!this.disabled) {
+      if (!this.disabled && !this.readonly) {
         this.$emit('input', index + 1);
         this.$emit('change', index + 1);
       }
diff --git a/packages/rate/zh-CN.md b/packages/rate/zh-CN.md
index 1eb30d2bc..1fcf6c608 100644
--- a/packages/rate/zh-CN.md
+++ b/packages/rate/zh-CN.md
@@ -52,8 +52,9 @@ export default {
 | size | 图标大小 (px) | `Number` | `20` |
 | color | 选中时的颜色 | `String` | `#ffd21e`  |
 | void-color | 未选中时的颜色 | `String` | `#c7c7c7` |
-| disabled-color | 不可选时的颜色 | `String` | `#bdbdbd` | 
+| readonly | 是否为只读状态 | `Boolean` | `false` |
 | disabled | 是否禁用评分 | `Boolean` | `false` |
+| disabled-color | 禁用时的颜色 | `String` | `#bdbdbd` | 
 
 ### Event