From 971ef269fe9d54b051bbbbe007aed0899488dd25 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 23 May 2023 14:42:17 +0300 Subject: [PATCH] =?UTF-8?q?WIP=20=D0=98=D1=81=D0=BF=D1=80=D0=B0=D0=B2?= =?UTF-8?q?=D0=B8=D0=BB=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D1=83=20=D1=81?= =?UTF-8?q?=D1=80=D0=B0=D0=B1=D0=B0=D1=82=D1=8B=D0=B2=D0=B0=D0=BD=D0=B8?= =?UTF-8?q?=D1=8F=20=D0=B8=D0=BD=D1=82=D0=B5=D1=80=D0=B2=D0=B0=D0=BB=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/base/BaseInputNumber.vue | 14 +++++++++++--- src/shared/utils/methodsObjects.js | 6 ++++++ 2 files changed, 17 insertions(+), 3 deletions(-) create mode 100644 src/shared/utils/methodsObjects.js 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); +}