blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-22 22:49:15 +08:00
Code Issues Projects Releases Wiki Activity

[Improvement] Stepper: better input experience(#1484)

Browse Source
This commit is contained in:
SnowZhangXl 2018-07-17 21:33:28 +08:00 committed by neverland
parent 1f5a409112
commit a99e73e07e
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/stepper/index.vue
View File

@ -80,7 +80,6 @@ export default create({
watch: {
value(val) {
if (val !== '') {
val = this.correctValue(+val);
if (val !== this.currentValue) {
this.currentValue = val;
}
@ -101,7 +100,7 @@ export default create({
onInput(event) {
const { value } = event.target;
this.currentValue = value ? this.correctValue(+value) : value;
this.currentValue = Math.min(this.max, value);
event.target.value = this.currentValue;
this.emitInput();
},
@ -122,8 +121,10 @@ export default create({
onBlur(event) {
if (!this.value) {
this.currentValue = +this.min;
this.emitInput();
} else {
this.currentValue = this.correctValue(+this.currentValue);
}
this.emitInput();
this.$emit('blur', event);
},

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

@ -64,10 +64,10 @@ test('correct value when value is not correct', () => {
expect(wrapper.emitted('input')).toEqual([
[30],
[10],
[''],
[10],
[10],
[1],
[0],
[0],
[0],
[30],
[30]
]);
@ -83,8 +83,9 @@ test('only allow interger', () => {
const input = wrapper.find('input');
input.element.value = '1.2';
input.trigger('input');
input.trigger('blur');
expect(wrapper.emitted('input')).toEqual([[1]]);
expect(wrapper.emitted('input')).toEqual([[1.2], [1]]);
});
test('stepper blur', () => {
@ -105,6 +106,6 @@ test('stepper blur', () => {
input.trigger('input');
input.trigger('blur');
expect(wrapper.emitted('input')).toEqual([[''], [3]]);
expect(wrapper.emitted('input')).toEqual([[5], [0], [3]]);
expect(wrapper.emitted('blur')).toBeTruthy();
});