diff --git a/src/components/base/BaseInputNumber.vue b/src/components/base/BaseInputNumber.vue index 4ababd4..b2d9fee 100644 --- a/src/components/base/BaseInputNumber.vue +++ b/src/components/base/BaseInputNumber.vue @@ -51,6 +51,7 @@ import BaseInput from "@/components/base/BaseInput"; import BaseInputContainer from "@/components/base/BaseInputContainer.vue"; import { ruleNumberInput } from "@/shared/utils/rulesInputs"; +import { roundedNumber } from "@/shared/utils/methodsObjects"; export default { name: "BaseInputNumber", @@ -58,7 +59,9 @@ export default { data() { return { intervalId: 0, + timeoutId: 0, ruleNumberInput: [(val) => ruleNumberInput(val, this.max, this.min)], + roundedNumber: roundedNumber, }; }, props: { @@ -163,18 +166,23 @@ export default { } }, fastIncrement() { - this.intervalId = setInterval(() => this.increment(), 100); + this.timeoutId = setTimeout(() => { + this.intervalId = setInterval(() => this.increment(), 100); + }, 500); }, fastDecrement() { - this.intervalId = setInterval(() => this.decrement(), 100); + this.timeoutId = setTimeout(() => { + this.intervalId = setInterval(() => this.decrement(), 100); + }, 500); }, deleteInterval() { + clearTimeout(this.timeoutId); clearInterval(this.intervalId); }, }, watch: { value(val) { - this.value = Number(val).toFixed(this.rounding); + this.value = this.roundedNumber(val, this.rounding); }, }, computed: { diff --git a/src/shared/utils/methodsObjects.js b/src/shared/utils/methodsObjects.js new file mode 100644 index 0000000..e553067 --- /dev/null +++ b/src/shared/utils/methodsObjects.js @@ -0,0 +1,6 @@ +export function roundedNumber(val, digits, rounded = "floor") { + let fraction = 10 * digits; + return fraction + ? Math[rounded](val * fraction) / fraction + : Math[rounded](val); +}