vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #1621 - [Feature Request] Disable +- Button on InputNumber when value reach min, max

pull/1726/head
Tuğçe Küçükoğlu 2021-11-04 10:33:11 +03:00
parent 4547fe5e5c
commit 0d049b4ca0
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/inputnumber/InputNumber.vue
View File

@ -129,10 +129,14 @@ export default {
timer: null,
data() {
return {
d_modelValue: this.modelValue,
focused: false
}
},
watch: {
modelValue(newValue) {
this.d_modelValue = newValue;
},
locale(newValue, oldValue) {
this.updateConstructParser(newValue, oldValue);
},
@ -891,6 +895,7 @@ export default {
return 0;
},
updateModel(event, value) {
this.d_modelValue = value;
this.$emit('update:modelValue', value);
},
onInputFocus() {
@ -909,7 +914,13 @@ export default {
if (this.timer) {
clearInterval(this.timer);
}
}
},
maxBoundry() {
return this.d_modelValue >= this.max;
},
minBoundry() {
return this.d_modelValue <= this.min;
},
},
computed: {
containerClass() {
@ -921,11 +932,16 @@ export default {
'p-inputnumber-buttons-vertical': this.showButtons && this.buttonLayout === 'vertical'
}];
},
upButtonClass() {
return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass];
return ['p-inputnumber-button p-inputnumber-button-up', this.incrementButtonClass, {
'p-disabled': this.showButtons && this.max !== null && this.maxBoundry()
}];
},
downButtonClass() {
return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass];
return ['p-inputnumber-button p-inputnumber-button-down', this.decrementButtonClass, {
'p-disabled': this.showButtons && this.min !== null && this.minBoundry()
}];
},
filled() {
return (this.modelValue != null && this.modelValue.toString().length > 0)