From 89ccdfe63b7097cb9c8a31b697e307528cf12764 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 1 Apr 2019 19:22:10 +0800
Subject: [PATCH] [new feature] Stepper: add input-width prop (#3076)

---
 packages/stepper/en-US.md                              | 1 +
 packages/stepper/index.js                              | 2 ++
 packages/stepper/test/__snapshots__/index.spec.js.snap | 2 ++
 packages/stepper/test/index.spec.js                    | 9 +++++++++
 packages/stepper/zh-CN.md                              | 1 +
 5 files changed, 15 insertions(+)

diff --git a/packages/stepper/en-US.md b/packages/stepper/en-US.md
index cee2f65e7..3add0f3c9 100644
--- a/packages/stepper/en-US.md
+++ b/packages/stepper/en-US.md
@@ -84,6 +84,7 @@ export default {
 | disabled | Disable value change | `Boolean` | `false` |
 | disable-input | Disable input | `Boolean` | `false` |
 | async-change | Whether to enable async change | `Boolean` | `false` | - |
+| input-width | Input width | `String` | `30px` |
 
 ### Event
 
diff --git a/packages/stepper/index.js b/packages/stepper/index.js
index d4a3cc58f..f364c9a55 100644
--- a/packages/stepper/index.js
+++ b/packages/stepper/index.js
@@ -7,6 +7,7 @@ export default sfc({
     value: null,
     integer: Boolean,
     disabled: Boolean,
+    inputWidth: String,
     asyncChange: Boolean,
     disableInput: Boolean,
     min: {
@@ -138,6 +139,7 @@ export default sfc({
           class={bem('input')}
           value={this.currentValue}
           disabled={this.disabled || this.disableInput}
+          style={{ width: this.inputWidth }}
           onInput={this.onInput}
           onFocus={this.onFocus}
           onBlur={this.onBlur}
diff --git a/packages/stepper/test/__snapshots__/index.spec.js.snap b/packages/stepper/test/__snapshots__/index.spec.js.snap
index faab522de..64f0ef9f1 100644
--- a/packages/stepper/test/__snapshots__/index.spec.js.snap
+++ b/packages/stepper/test/__snapshots__/index.spec.js.snap
@@ -3,3 +3,5 @@
 exports[`disable stepper input 1`] = `<div class="van-stepper"><button class="van-stepper__minus van-stepper__minus--disabled"></button><input type="number" disabled="disabled" class="van-stepper__input"><button class="van-stepper__plus"></button></div>`;
 
 exports[`disabled stepper 1`] = `<div class="van-stepper"><button class="van-stepper__minus van-stepper__minus--disabled"></button><input type="number" disabled="disabled" class="van-stepper__input"><button class="van-stepper__plus van-stepper__plus--disabled"></button></div>`;
+
+exports[`input width 1`] = `<div class="van-stepper"><button class="van-stepper__minus van-stepper__minus--disabled"></button><input type="number" class="van-stepper__input" style="width: 10rem;"><button class="van-stepper__plus"></button></div>`;
diff --git a/packages/stepper/test/index.spec.js b/packages/stepper/test/index.spec.js
index 9076c3349..3bbbff824 100644
--- a/packages/stepper/test/index.spec.js
+++ b/packages/stepper/test/index.spec.js
@@ -108,3 +108,12 @@ test('stepper blur', () => {
   expect(wrapper.emitted('input')).toEqual([[0], [3]]);
   expect(wrapper.emitted('blur')).toBeTruthy();
 });
+
+test('input width', () => {
+  const wrapper = mount(Stepper, {
+    propsData: {
+      inputWidth: '10rem'
+    }
+  });
+  expect(wrapper).toMatchSnapshot();
+});
diff --git a/packages/stepper/zh-CN.md b/packages/stepper/zh-CN.md
index 630138e6a..a3ffcba7b 100644
--- a/packages/stepper/zh-CN.md
+++ b/packages/stepper/zh-CN.md
@@ -87,6 +87,7 @@ export default {
 | disabled | 是否禁用步进器 | `Boolean` | `false` | - |
 | disable-input | 是否禁用输入框 | `Boolean` | `false` | - |
 | async-change | 是否开启异步变更，开启后需要手动控制输入值 | `Boolean` | `false` | - |
+| input-width | 输入框宽度，须指定单位 | `String` | `30px` | 1.6.13 |
 
 ### Event