@tagplus/components 1.0.6 → 1.0.7

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"

package/src/components/InputNumber/InputNumber.vue

@@ -10,15 +10,44 @@ export default {
     usarVirgula: {
       type: Boolean,
       default: true
+    },
+    // Se false permite campo vazio
+    stringDefaultsZero: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  data () {
+    return {
+      currentValue: ''
     }
   },
 
   computed: {
+    minDisabled () {
+      return this.value < this.min
+    },
+
+    maxDisabled () {
+      return this.value > this.max
+    },
+
     displayValue () {
       if (this.userInput !== null) {
+        // corrige o bug para deixar limpar o campo
+        if (!this.stringDefaultsZero && this.userInput === '') {
+          this.currentValue = ''
+        }
         return this.userInput
       }
-      let currentValue = this.currentValue
+
+      let currentValue
+      if (this.value === '' && !this.stringDefaultsZero) {
+        currentValue = ''
+      } else {
+        currentValue = this.currentValue
+      }
 
       if (typeof currentValue === 'number') {
         if (this.stepStrictly) {
@@ -43,16 +72,65 @@ export default {
     }
   },
 
+  watch: {
+    value: {
+      immediate: true,
+      handler (value) {
+        let newVal
+        if (value === undefined) {
+          newVal = value
+        } else if (!this.stringDefaultsZero && value === '') {
+          newVal = ''
+        } else {
+          newVal = Number(value)
+        }
+
+        if (newVal !== undefined) {
+          if (isNaN(newVal)) {
+            return
+          }
+
+          if (this.stepStrictly) {
+            const stepPrecision = this.getPrecision(this.step)
+            const precisionFactor = Math.pow(10, stepPrecision)
+            newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor
+          }
+
+          if (this.precision !== undefined) {
+            newVal = this.toPrecision(newVal, this.precision)
+          }
+        }
+        if (newVal >= this.max) newVal = this.max
+        if (newVal <= this.min) newVal = this.min
+        this.currentValue = newVal
+        this.userInput = null
+        this.$emit('input', newVal)
+      }
+    }
+  },
+
   methods: {
     handleInput (value) {
       this.userInput = value
-      this.$emit('change', Number(value.replace(',', '.')))
+      let newVal
+      if (value === '' && this.stringDefaultsZero) {
+        newVal = Number(value.replace(',', '.'))
+      } else {
+        newVal = value
+      }
+
+      this.$emit('change', newVal)
     },
 
     handleInputChange (value) {
       let newVal
       if (value === '') {
-        newVal = 0
+        // Por padrão converte '' para 0
+        if (this.stringDefaultsZero) {
+          newVal = 0
+        } else {
+          newVal = ''
+        }
       } else {
         newVal = Number(value.replace(',', '.'))
       }
@@ -61,6 +139,20 @@ export default {
         this.setCurrentValue(newVal)
       }
       this.userInput = null
+    },
+
+    setCurrentValue (newVal) {
+      const oldVal = this.currentValue
+      if (typeof newVal === 'number' && this.precision !== undefined) {
+        newVal = this.toPrecision(newVal, this.precision)
+      }
+      if (newVal >= this.max) newVal = this.max
+      if (newVal <= this.min) newVal = this.min
+      if (oldVal === newVal && newVal !== '') return
+      this.userInput = null
+      this.$emit('input', newVal)
+      this.$emit('change', newVal, oldVal)
+      this.currentValue = newVal
     }
   }
 }