From 97509a90b1f6888ca28a05b6974344de8f66abc1 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Thu, 24 Dec 2020 20:23:32 +0800
Subject: [PATCH] feat(Stepper): add show-input prop (#7812)

---
 src/stepper/README.md          |  1 +
 src/stepper/README.zh-CN.md    |  1 +
 src/stepper/index.js           |  5 +++++
 src/stepper/test/index.spec.js | 10 ++++++++++
 4 files changed, 17 insertions(+)

diff --git a/src/stepper/README.md b/src/stepper/README.md
index ca8f308f0..7ee225d1d 100644
--- a/src/stepper/README.md
+++ b/src/stepper/README.md
@@ -129,6 +129,7 @@ export default {
 | async-change | Whether to enable async change | _boolean_ | `false` | - |
 | show-plus | Whether to show plus button | _boolean_ | `true` |
 | show-minus | Whether to show minus button | _boolean_ | `true` |
+| show-input `v2.12.1` | Whether to show input | _boolean_ | `true` |
 | long-press `v2.4.3` | Whether to allow long press | _boolean_ | `true` |
 | allow-empty `v2.9.1` | Whether to allow the input to be empty | _boolean_ | `false` |
 
diff --git a/src/stepper/README.zh-CN.md b/src/stepper/README.zh-CN.md
index 6ddcbb535..5f083b2a7 100644
--- a/src/stepper/README.zh-CN.md
+++ b/src/stepper/README.zh-CN.md
@@ -154,6 +154,7 @@ export default {
 | async-change | 是否开启异步变更，开启后需要手动控制输入值 | _boolean_ | `false` |
 | show-plus | 是否显示增加按钮 | _boolean_ | `true` |
 | show-minus | 是否显示减少按钮 | _boolean_ | `true` |
+| show-input `v2.12.1` | 是否显示输入框 | _boolean_ | `true` |
 | long-press `v2.4.3` | 是否开启长按手势 | _boolean_ | `true` |
 | allow-empty `v2.9.1` | 是否允许输入的值为空 | _boolean_ | `false` |
 
diff --git a/src/stepper/index.js b/src/stepper/index.js
index 606dc7972..29183bdbd 100644
--- a/src/stepper/index.js
+++ b/src/stepper/index.js
@@ -65,6 +65,10 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
+    showInput: {
+      type: Boolean,
+      default: true,
+    },
     longPress: {
       type: Boolean,
       default: true,
@@ -306,6 +310,7 @@ export default createComponent({
           {...createListeners('minus')}
         />
         <input
+          vShow={this.showInput}
           ref="input"
           type={this.integer ? 'tel' : 'text'}
           role="spinbutton"
diff --git a/src/stepper/test/index.spec.js b/src/stepper/test/index.spec.js
index bb1072689..389c73af6 100644
--- a/src/stepper/test/index.spec.js
+++ b/src/stepper/test/index.spec.js
@@ -277,6 +277,16 @@ test('show-plus & show-minus props', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
+test('should hide input when show-input prop is false', () => {
+  const wrapper = mount(Stepper, {
+    propsData: {
+      showInput: false,
+    },
+  });
+
+  expect(wrapper.find('input').element.style.display).toEqual('none');
+});
+
 test('decimal-length prop', () => {
   const wrapper = mount(Stepper, {
     propsData: {