[new feature] Stepper: add input-width prop (#1480)

packages/stepper/README.md

@@ -51,8 +51,9 @@
 | step | 步数 | `String | Number` | `1` |
 | integer | 是否只允许输入整数 | `Boolean` | `false` |
 | disabled | 是否禁用 | `Boolean` | `false` |
-| disable-input | 是否禁用input框 | `Boolean` | `false` |
+| disable-input | 是否禁用输入框 | `Boolean` | `false` |
 | async-change | 异步变更，为 `true` 时input值不变化，仅触发事件 | `Boolean` | `false` |
+| input-width | 输入框宽度，须指定单位 | `String` | `30px` |
 
 ### Event
 

packages/stepper/index.ts

@@ -13,6 +13,7 @@ VantComponent({
     value: null,
     integer: Boolean,
     disabled: Boolean,
+    inputWidth: String,
     asyncChange: Boolean,
     disableInput: Boolean,
     min: {

packages/stepper/index.wxml

@@ -10,6 +10,7 @@
   <input
     type="{{ integer ? 'number' : 'digit' }}"
     class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}"
+    style="{{ inputWidth ? 'width: ' + inputWidth : '' }}"
     value="{{ value }}"
     focus="{{ focus }}"
     disabled="{{ disabled || disableInput }}"