From e99941a3eac513df1df7dbeceb640472ef2115bd Mon Sep 17 00:00:00 2001
From: Ignacio Durand <nachodurand@gmail.com>
Date: Tue, 18 May 2021 18:55:00 -0300
Subject: [PATCH] Adds onPaste validation, fix addition with decimal problem
 and toPresicion bug

- Adds onPaste handler that check if the actual value pasted is a valid Numeric value.
- Corrects a bug when adding or subtracting numbers with decimals.
- Fix toPresicion fn bug: If the initial value is an integer, it fails to apply toFixed
---
 src/vue-numeric-input.vue | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/vue-numeric-input.vue b/src/vue-numeric-input.vue
index a1643fa..64c332c 100644
--- a/src/vue-numeric-input.vue
+++ b/src/vue-numeric-input.vue
@@ -15,6 +15,8 @@
       @change="onChange"
       @blur="onBlur"
       @focus="onFocus"
+      @paste="onPaste"
+      @drop.prevent
       :autofocus="autofocus"
       :disabled="disabled"
       :readonly="readonly"
@@ -46,6 +48,16 @@
 <script>
 const timeInterval = 100
 
+const isNaN = Number.isNaN || window.isNaN
+const REGEXP_NUMBER = /^-?(?:\d+|\d+\.\d+|\.\d+)(?:[eE][-+]?\d+)?$/
+const REGEXP_DECIMALS = /\.\d*(?:0|9){10}\d*$/
+const normalizeDecimalNumber = (value, times = 100000000000) =>
+  REGEXP_DECIMALS.test(String(value)) ? Math.round(value * times) / times : value
+
+const round = (number, decimals = 2) => {
+  return Math.round(number * Math.pow(10, decimals)) / Math.pow(10, decimals)
+}
+
 export default {
   name: 'vue-numeric-input',
   props: {
@@ -151,19 +163,23 @@ export default {
      * @returns {number | Number}
      */
     toPrecision (val, precision) {
-      return precision !== undefined ? parseFloat(val.toFixed(precision)) : val
+      return precision !== undefined ? round(val, precision) : val
     },
     /**
      * Increment the current numeric value
      */
     increment () {
-      if (!this.readonly) this.updateValue(this.toNumber(this.numericValue) + this.step)
+      if (this.readonly || this.disabled) return
+      const newValue = this.toNumber(this.internalValue) + this.step
+      this.updateValue(normalizeDecimalNumber(newValue))
     },
     /**
      * Decrement the current numeric value
      */
     decrement () {
-      if (!this.readonly) this.updateValue(this.toNumber(this.numericValue) - this.step)
+      if (this.readonly || this.disabled) return
+      const newValue = this.toNumber(this.internalValue) - this.step
+      this.updateValue(normalizeDecimalNumber(newValue))
     },
     /**
      * Handle value on Input
@@ -188,6 +204,9 @@ export default {
         this.$refs.input.value = strVal && val === this.toNumber(strVal) ? strVal : val
         return
       }
+      if (isNaN(val)) {
+        return
+      }
       this.numericValue = val
       this.$emit('input', val)
     },
@@ -217,6 +236,13 @@ export default {
       this.startTime = null
       if (this.value !== this.numericValue) this.$emit('change', this.numericValue)
     },
+    
+    onPaste(event) {
+      const clipboardData = event.clipboardData || window.clipboardData
+      if (clipboardData && !REGEXP_NUMBER.test(clipboardData.getData("text"))) {
+        event.preventDefault()
+      }
+    },
     /**
      * On blur event trigger
      * @param event - blur event on input