From d8803abf9fba1bebeb100a7c4d991e8ae78d3231 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= Date: Fri, 31 May 2019 17:37:13 +0800 Subject: [PATCH] [new feature] Stepper: support number type of input-width prop --- docs/markdown/changelog.zh-CN.md | 7 +++++++ packages/stepper/en-US.md | 2 +- packages/stepper/index.js | 6 +++--- packages/stepper/zh-CN.md | 2 +- 4 files changed, 12 insertions(+), 5 deletions(-) diff --git a/docs/markdown/changelog.zh-CN.md b/docs/markdown/changelog.zh-CN.md index 8edfaa27c..48afba87d 100644 --- a/docs/markdown/changelog.zh-CN.md +++ b/docs/markdown/changelog.zh-CN.md @@ -1,5 +1,12 @@ # 更新日志 +### [v2.0.0-beta.4](https://github.com/youzan/vant/tree/v2.0.0-beta.4) + +##### Stepper + +- 支持`Number`类型的`input-width`属性 + + ### [v2.0.0-beta.3](https://github.com/youzan/vant/tree/v2.0.0-beta.3) `2019-05-31` diff --git a/packages/stepper/en-US.md b/packages/stepper/en-US.md index 0ed86f08f..0afc3abe9 100644 --- a/packages/stepper/en-US.md +++ b/packages/stepper/en-US.md @@ -98,7 +98,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` | +| input-width | Input width | `String | Number` | `30px` | ### Events diff --git a/packages/stepper/index.js b/packages/stepper/index.js index 37b213526..4375138d7 100644 --- a/packages/stepper/index.js +++ b/packages/stepper/index.js @@ -1,4 +1,4 @@ -import { use, isDef } from '../utils'; +import { use, isDef, suffixPx } from '../utils'; const [sfc, bem] = use('stepper'); @@ -7,7 +7,7 @@ export default sfc({ value: null, integer: Boolean, disabled: Boolean, - inputWidth: String, + inputWidth: [String, Number], asyncChange: Boolean, disableInput: Boolean, min: { @@ -143,7 +143,7 @@ export default sfc({ aria-valuemin={this.min} aria-valuenow={this.currentValue} disabled={this.disabled || this.disableInput} - style={{ width: this.inputWidth }} + style={{ width: suffixPx(this.inputWidth) }} onInput={this.onInput} onFocus={this.onFocus} onBlur={this.onBlur} diff --git a/packages/stepper/zh-CN.md b/packages/stepper/zh-CN.md index d4e5b2363..17a62a929 100644 --- a/packages/stepper/zh-CN.md +++ b/packages/stepper/zh-CN.md @@ -100,7 +100,7 @@ export default { | disabled | 是否禁用步进器 | `Boolean` | `false` | - | | disable-input | 是否禁用输入框 | `Boolean` | `false` | - | | async-change | 是否开启异步变更,开启后需要手动控制输入值 | `Boolean` | `false` | - | -| input-width | 输入框宽度,须指定单位 | `String` | `30px` | 1.6.13 | +| input-width | 输入框宽度,默认单位为`px` | `String | Number` | `30px` | 1.6.13 | ### Events