From 971ef269fe9d54b051bbbbe007aed0899488dd25 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 23 May 2023 14:42:17 +0300 Subject: [PATCH 1/2] =?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); +} From 40949999539cf1b4f3194a9ed0ab3644c5822215 Mon Sep 17 00:00:00 2001 From: DwCay Date: Tue, 23 May 2023 14:51:16 +0300 Subject: [PATCH 2/2] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?= =?UTF-8?q?=D0=BB=20=D0=BD=D0=B5=D0=B9=D0=BC=D0=B8=D0=BD=D0=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/base/BaseInputNumber.vue | 6 +++--- src/shared/utils/methodsObjects.js | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/base/BaseInputNumber.vue b/src/components/base/BaseInputNumber.vue index b2d9fee..8cb9df7 100644 --- a/src/components/base/BaseInputNumber.vue +++ b/src/components/base/BaseInputNumber.vue @@ -51,7 +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"; +import { roundNumber } from "@/shared/utils/methodsObjects"; export default { name: "BaseInputNumber", @@ -61,7 +61,7 @@ export default { intervalId: 0, timeoutId: 0, ruleNumberInput: [(val) => ruleNumberInput(val, this.max, this.min)], - roundedNumber: roundedNumber, + roundNumber: roundNumber, }; }, props: { @@ -182,7 +182,7 @@ export default { }, watch: { value(val) { - this.value = this.roundedNumber(val, this.rounding); + this.value = this.roundNumber(val, this.rounding); }, }, computed: { diff --git a/src/shared/utils/methodsObjects.js b/src/shared/utils/methodsObjects.js index e553067..26e5b7e 100644 --- a/src/shared/utils/methodsObjects.js +++ b/src/shared/utils/methodsObjects.js @@ -1,4 +1,4 @@ -export function roundedNumber(val, digits, rounded = "floor") { +export function roundNumber(val, digits, rounded = "floor") { let fraction = 10 * digits; return fraction ? Math[rounded](val * fraction) / fraction