Browse Source

rating更名为rate

Frans 7 years ago
parent
commit
0acb113280

+ 1 - 1
src/config.json

@@ -241,7 +241,7 @@
     },
     {
       "version": "1.0.0",
-      "name": "Rating",
+      "name": "Rate",
       "sort": "1",
       "chnName": "评分",
       "desc": "用于快速的评级操作,或对评价进行展示。",

+ 30 - 0
src/packages/rate/__test__/rate.spec.js

@@ -0,0 +1,30 @@
+import { shallowMount, mount } from '@vue/test-utils'
+import Rate from '../rate.vue'
+import Vue from 'vue';
+
+
+describe('Rate.vue', () => {
+    const wrapper = shallowMount(Rate, {
+        propsData: {
+            value: '5'
+        }
+    });
+   
+    it('评分单元数量', () => {
+        wrapper.setProps({ total: 6 });
+        return Vue.nextTick().then(function () {
+            expect(wrapper.findAll('.nut-rate-item').length).toBe(6);
+        })
+    });
+
+    it('仿造prop带入value', () => {
+        //expect(wrapper.findAll('.nut-rate-item').length).toBe(6);
+        expect(wrapper.findAll('.nut-rate-item').at(4).is('.nut-rate-active')).toBe(true)
+    });
+    
+    it('点击评分', () => {
+        wrapper.findAll('.nut-rate-item').at(2).trigger('click');
+        expect(wrapper.findAll('.nut-rate-item').at(2).is('.nut-rate-active')).toBe(true)
+    });
+
+});

+ 6 - 6
src/packages/rating/demo.vue

@@ -3,7 +3,7 @@
         <h4>基本用法</h4>
         <div>
             <nut-cell>
-                <span slot="title"><nut-rating v-model="val"></nut-rating></span>
+                <span slot="title"><nut-rate v-model="val"></nut-rate></span>
             </nut-cell>
             <nut-cell>
                 <span slot="title">当前分数:{{val}}分</span>
@@ -13,7 +13,7 @@
         <h4>事件</h4>
         <div>
             <nut-cell>
-                <span slot="title"><nut-rating @click="onClick"></nut-rating></span>
+                <span slot="title"><nut-rate @click="onClick"></nut-rate></span>
             </nut-cell>
             <nut-cell>
                 <span slot="title">结果:{{result}}</span>
@@ -23,19 +23,19 @@
         <h4>自定义尺寸</h4>
         <div>
             <nut-cell>
-                <span slot="title"><nut-rating
+                <span slot="title"><nut-rate
                 :size="35"
-                ></nut-rating></span>
+                ></nut-rate></span>
             </nut-cell>
         </div>
 
         <h4>自定义ICON</h4>
         <div>
             <nut-cell>
-                <span slot="title"><nut-rating
+                <span slot="title"><nut-rate
                 :checkedIcon="icon1"
                 :uncheckedIcon="icon2"
-                ></nut-rating></span>
+                ></nut-rate></span>
             </nut-cell>
         </div>
     </div>

+ 9 - 9
src/packages/rating/doc.md

@@ -1,39 +1,39 @@
-# Rating 评分
+# Rate 评分
 
 用于快速的评级操作,或对评价进行展示。
 
 ## 基础用法
 
 ```html
-<nut-rating>
-</nut-rating>
+<nut-rate>
+</nut-rate>
 ```
 
 绑定事件
 
 ```html
-<nut-rating 
+<nut-rate 
     @click="onClick"
 >
-</nut-rating>
+</nut-rate>
 ```
 
 自定义尺寸
 
 ```html
-<nut-rating 
+<nut-rate 
     :size="35"
 >
-</nut-rating>
+</nut-rate>
 ```
 
 自定义ICON
 
 ```html
-<nut-rating
+<nut-rate
     :checkedIcon="icon1"
     :uncheckedIcon="icon2"
-></nut-rating>
+></nut-rate>
 ```
 
 ## Prop

+ 8 - 0
src/packages/rate/index.js

@@ -0,0 +1,8 @@
+import Rate from './rate.vue';
+import './rate.scss';
+
+Rate.install = function(Vue) {
+  Vue.component(Rate.name, Rate);
+};
+
+export default Rate;

File diff suppressed because it is too large
+ 7 - 7
src/packages/rating/rating.scss


+ 5 - 5
src/packages/rating/rating.vue

@@ -1,17 +1,17 @@
 <template>
-    <div class="nut-rating">
+    <div class="nut-rate">
         <span 
-            class="nut-rating-item" 
-            :class="['nut-rating-item',{'nut-rating-active':n<=current}]" 
+            class="nut-rate-item" 
+            :class="['nut-rate-item',{'nut-rate-active':n<=current}]" 
             v-for="n in total" :key="n" @click="onClick($event,n)" 
             :style="{'height':size+'px','width':size+'px','backgroundImage':n<=current?checkedIcon:uncheckedIcon}">
         </span>
     </div>
 </template>
 <script>
-import  './rating.scss';
+import  './rate.scss';
 export default {
-    name:'nut-rating',
+    name:'nut-rate',
     props: {
         total:{
             type:[String,Number],

+ 0 - 30
src/packages/rating/__test__/rating.spec.js

@@ -1,30 +0,0 @@
-import { shallowMount, mount } from '@vue/test-utils'
-import Rating from '../rating.vue'
-import Vue from 'vue';
-
-
-describe('Rating.vue', () => {
-    const wrapper = shallowMount(Rating, {
-        propsData: {
-            value: '5'
-        }
-    });
-   
-    it('评分单元数量', () => {
-        wrapper.setProps({ total: 6 });
-        return Vue.nextTick().then(function () {
-            expect(wrapper.findAll('.nut-rating-item').length).toBe(6);
-        })
-    });
-
-    it('仿造prop带入value', () => {
-        //expect(wrapper.findAll('.nut-rating-item').length).toBe(6);
-        expect(wrapper.findAll('.nut-rating-item').at(4).is('.nut-rating-active')).toBe(true)
-    });
-    
-    it('点击评分', () => {
-        wrapper.findAll('.nut-rating-item').at(2).trigger('click');
-        expect(wrapper.findAll('.nut-rating-item').at(2).is('.nut-rating-active')).toBe(true)
-    });
-
-});

+ 0 - 8
src/packages/rating/index.js

@@ -1,8 +0,0 @@
-import Rating from './rating.vue';
-import './rating.scss';
-
-Rating.install = function(Vue) {
-  Vue.component(Rating.name, Rating);
-};
-
-export default Rating;

+ 1 - 1
types/nutui.d.ts

@@ -30,7 +30,7 @@ export declare class Progress extends UIComponent {}
 export declare class Radio extends UIComponent {}
 export declare class RadioGroup extends UIComponent {}
 export declare class Range extends UIComponent {}
-export declare class Rating extends UIComponent {}
+export declare class Rate extends UIComponent {}
 export declare class Row extends UIComponent {}
 export declare class SearchBar extends UIComponent {}
 export declare class ShortPassword extends UIComponent {}