blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-08-21 11:29:45 +08:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
neverland 2019-04-01 19:22:10 +08:00 committed by GitHub
parent 93e2dd8ffe
commit 89ccdfe63b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/stepper/en-US.md
View File

@ -84,6 +84,7 @@ export default {
| disabled | Disable value change | `Boolean` | `false` | | disabled | Disable value change | `Boolean` | `false` |
| disable-input | Disable input | `Boolean` | `false` | | disable-input | Disable input | `Boolean` | `false` |
| async-change | Whether to enable async change | `Boolean` | `false` | - | | async-change | Whether to enable async change | `Boolean` | `false` | - |
| input-width | Input width | `String` | `30px` |
### Event ### Event

2
packages/stepper/index.js
View File

@ -7,6 +7,7 @@ export default sfc({
value: null, value: null,
integer: Boolean, integer: Boolean,
disabled: Boolean, disabled: Boolean,
inputWidth: String,
asyncChange: Boolean, asyncChange: Boolean,
disableInput: Boolean, disableInput: Boolean,
min: { min: {
@ -138,6 +139,7 @@ export default sfc({
class={bem('input')} class={bem('input')}
value={this.currentValue} value={this.currentValue}
disabled={this.disabled || this.disableInput} disabled={this.disabled || this.disableInput}
style={{ width: this.inputWidth }}
onInput={this.onInput} onInput={this.onInput}
onFocus={this.onFocus} onFocus={this.onFocus}
onBlur={this.onBlur} onBlur={this.onBlur}

2
packages/stepper/test/__snapshots__/index.spec.js.snap
View File

@ -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[`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[`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>`;

9
packages/stepper/test/index.spec.js
View File

@ -108,3 +108,12 @@ test('stepper blur', () => {
expect(wrapper.emitted('input')).toEqual([[0], [3]]); expect(wrapper.emitted('input')).toEqual([[0], [3]]);
expect(wrapper.emitted('blur')).toBeTruthy(); expect(wrapper.emitted('blur')).toBeTruthy();
}); });
test('input width', () => {
const wrapper = mount(Stepper, {
propsData: {
inputWidth: '10rem'
}
});
expect(wrapper).toMatchSnapshot();
});

1
packages/stepper/zh-CN.md
View File

@ -87,6 +87,7 @@ export default {
| disabled | 是否禁用步进器 | `Boolean` | `false` | - | | disabled | 是否禁用步进器 | `Boolean` | `false` | - |
| disable-input | 是否禁用输入框 | `Boolean` | `false` | - | | disable-input | 是否禁用输入框 | `Boolean` | `false` | - |
| async-change | 是否开启异步变更，开启后需要手动控制输入值 | `Boolean` | `false` | - | | async-change | 是否开启异步变更，开启后需要手动控制输入值 | `Boolean` | `false` | - |
| input-width | 输入框宽度，须指定单位 | `String` | `30px` | 1.6.13 |
### Event ### Event