[bugfix] Stepper: integer wrong spelling (#992)

docs/demos/views/stepper.vue

@@ -11,7 +11,7 @@
     <demo-block :title="$t('advancedUsage')">
       <van-stepper
         v-model="stepper2"
-        interger
+        integer
         :min="5"
         :max="40"
         :step="2"

docs/markdown/en-US/stepper.md

@@ -36,7 +36,7 @@ export default {
 ```html
 <van-stepper
   v-model="value"
-  interger
+  integer
   :min="5"
   :max="40"
   :step="2"
@@ -52,7 +52,7 @@ export default {
 | max | Max value | `String | Number` | - |
 | default-value | Default value | `String | Number` | `1` |
 | step | Value change step | `String | Number` | `1` |
-| interger | Whether to allow only integers | `Boolean` | `false` |
+| integer | Whether to allow only integers | `Boolean` | `false` |
 | disabled | Disable value change | `Boolean` | `false` |
 | disable-input | Disable input | `Boolean` | `false` |
 

docs/markdown/zh-CN/stepper.md

@@ -39,7 +39,7 @@ export default {
 ```html
 <van-stepper
   v-model="value"
-  interger
+  integer
   :min="5"
   :max="40"
   :step="2"
@@ -55,7 +55,7 @@ export default {
 | max | 最大值 | `String | Number` | - |
 | default-value | 默认值 | `String | Number` | `1` |
 | step | 步数 | `String | Number` | `1` |
-| interger | 是否只允许输入整数 | `Boolean` | `false` |
+| integer | 是否只允许输入整数 | `Boolean` | `false` |
 | disabled | 是否禁用 | `Boolean` | `false` |
 | disable-input | 是否禁用input框 | `Boolean` | `false` |
 

packages/stepper/index.vue

@@ -27,7 +27,7 @@ export default create({
 
   props: {
     value: {},
-    interger: Boolean,
+    integer: Boolean,
     disabled: Boolean,
     disableInput: Boolean,
     min: {
@@ -116,7 +116,7 @@ export default create({
     },
 
     onKeypress(event) {
-      if (this.interger && event.keyCode === 46) {
+      if (this.integer && event.keyCode === 46) {
         event.preventDefault();
       }
     },

packages/submit-bar/index.vue

@@ -8,7 +8,7 @@
       <div :class="b('price')">
         <template v-if="hasPrice">
           <span>{{ label || $t('label') }}</span>
-          <span :class="b('price-interger')">{{ currency }}{{ priceInterger }}.</span>
+          <span :class="b('price-integer')">{{ currency }}{{ priceInterger }}.</span>
           <span :class="b('price-decimal')">{{ priceDecimal }}</span>
         </template>
       </div>

packages/vant-css/src/submit-bar.css

@@ -35,7 +35,7 @@
     }
   }
 
-  &__price-interger {
+  &__price-integer {
     color: $red;
   }
 

test/specs/submit-bar.spec.js

@@ -22,7 +22,7 @@ describe('SubmitBar', () => {
     DOMChecker(wrapper, {
       text: {
         '.van-button__text': props.buttonText,
-        '.van-submit-bar__price-interger': '¥30.',
+        '.van-submit-bar__price-integer': '¥30.',
         '.van-submit-bar__price-decimal': '50',
         '.van-submit-bar__tip': props.tip
       }
@@ -41,7 +41,7 @@ describe('SubmitBar', () => {
     DOMChecker(wrapper, {
       text: {
         '.van-button__text': '提交订单',
-        '.van-submit-bar__price-interger': '¥30.',
+        '.van-submit-bar__price-integer': '¥30.',
         '.van-submit-bar__price-decimal': '05',
         '.van-submit-bar__tip': ''
       }