[Improvement] Rate: rename component (#1002)

packages/index.js

@@ -45,10 +45,10 @@ import Progress from './progress';
 import PullRefresh from './pull-refresh';
 import Radio from './radio';
 import RadioGroup from './radio-group';
+import Rate from './rate';
 import Row from './row';
 import Search from './search';
 import Sku from './sku';
-import StarRate from './star-rate';
 import Slider from './slider';
 import Step from './step';
 import Stepper from './stepper';
@@ -115,10 +115,10 @@ const components = [
   PullRefresh,
   Radio,
   RadioGroup,
+  Rate,
   Row,
   Search,
   Sku,
-  StarRate,
   Slider,
   Step,
   Stepper,
@@ -197,10 +197,10 @@ export {
   PullRefresh,
   Radio,
   RadioGroup,
+  Rate,
   Row,
   Search,
   Sku,
-  StarRate,
   Slider,
   Step,
   Stepper,

packages/rate/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="van-star">
+  <div :class="b()">
     <div
-      class="van-star-item van-star--full"
+      :class="b('item')"
       v-for="(isFull, index) in starList"
       :key="index"
       :style="{
@@ -12,17 +12,17 @@
       <svg
         v-if="isFull"
         :fill="disabled ? defaultColor : color"
-        xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 32 32"
         width="100%"
-        height="100%">
+        height="100%"
+      >
         <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798z"/>
       </svg>
       <svg
         v-else
         :fill="defaultColor"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 32 32" >
+        viewBox="0 0 32 32"
+      >
         <path d="M32 12.408l-11.056-1.607-4.944-10.018-4.944 10.018-11.056 1.607 8 7.798-1.889 11.011 9.889-5.199 9.889 5.199-1.889-11.011 8-7.798zM16 23.547l-6.983 3.671 1.334-7.776-5.65-5.507 7.808-1.134 3.492-7.075 3.492 7.075 7.807 1.134-5.65 5.507 1.334 7.776-6.983-3.671z"/>
       </svg>
     </div>
@@ -34,7 +34,7 @@
 import create from '../utils/create';
 
 export default create({
-  name: 'star-rate',
+  name: 'rate',
 
   props: {
     size: {
@@ -75,8 +75,9 @@ export default create({
 
   methods: {
     selectRate(index) {
-      if (this.disabled) return;
-      this.$emit('input', index + 1);
+      if (!this.disabled) {
+        this.$emit('input', index + 1);
+      }
     }
   }
 });

packages/tab/index.vue

@@ -1,8 +1,6 @@
 <template>
   <div :class="b('pane')" v-show="isSelected">
-    <keep-alive>
-      <slot v-if="isSelected || slotInited" />
-    </keep-alive>
+    <slot v-if="slotInited" />
   </div>
 </template>
 

packages/vant-css/src/index.css

@@ -18,13 +18,13 @@
 @import './search.css';
 @import './pagination.css';
 @import './panel.css';
+@import './rate.css';
 @import './steps.css';
 @import './tag.css';
 @import './tab.css';
 @import './tabbar.css';
 @import './image-preview.css';
 @import './stepper.css';
-@import './star-rate.css';
 @import './progress.css';
 @import './swipe.css';
 @import './slider.css';

packages/vant-css/src/rate.css

@@ -0,0 +1,10 @@
+@import "./common/var.css";
+
+.van-rate {
+  user-select: none;
+
+  &__item {
+    margin: 0 2px;
+    display: inline-block;
+  }
+}

packages/vant-css/src/star-rate.css

@@ -1,8 +0,0 @@
-.van-star {
-  user-select: none;
-}
-
-.van-star-item {
-  margin: 0 2px;
-  display: inline-block;
-}