Support rate

test/app.vue

@@ -32,6 +32,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
                 <li><router-link to="/carousel">Carousel</router-link></li>
                 <li><router-link to="/card">Card</router-link></li>
                 <li><router-link to="/tree">Tree</router-link></li>
+                <li><router-link to="/rate">Rate</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>

test/main.js

@@ -92,6 +92,10 @@ const router = new VueRouter({
         {
             path: '/tree',
             component: require('./routers/tree.vue')
+        },
+        {
+            path: '/rate',
+            component: require('./routers/rate.vue')
         }
     ]
 });

test/routers/rate.vue

@@ -1,13 +1,19 @@
 <template>
     <Row>
         <i-col span="12">
-            <Rate show-text :value.sync="valueText"></Rate>
+            <Rate show-text :value="valueText"></Rate>
         </i-col>
         <i-col span="12">
-            <Rate show-text :value.sync="valueCustomText">
+            <Rate show-text v-model="valueCustomText" >
                 <span style="color: #f5a623">{{ valueCustomText }}</span>
             </Rate>
         </i-col>
+        <i-col span="12">
+            <Rate disabled :value="valueDisabled"></Rate>
+        </i-col>
+        <i-col span="12">
+            <Rate allow-half :value="valueHalf" v-on:on-change="changeValue"></Rate>
+        </i-col>
     </Row>
 </template>
 <script>
@@ -16,10 +22,16 @@
         data () {
             return {
                 valueText: 3,
-                valueCustomText: 3.8
+                valueCustomText: 3.8,
+                valueDisabled: 2,
+                valueHalf: 2.5
             };
         },
         computed: {},
-        methods: {}
+        methods: {
+            changeValue (val) {
+                console.log(val);
+            }
+        }
     };
 </script>