@tagplus/components 1.0.1 → 1.0.7

package/package.json

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

package/src/components/Autosuggest/Autosuggest.vue

@@ -11,6 +11,7 @@
       :manual="true"
       :value="tooltipVisible"
       :content="selectedLabel + ''"
+      :tabindex="-1"
     >
       <!-- Div é importante para funcionar o tooltip -->
       <div />

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
     }
   }
 }

package/src/components/OptionsListItem/OptionsListItem.vue

@@ -2,7 +2,9 @@
   <li
     :id="id"
     :class="['tp-options-list-item', itemType, active == optValue ? 'active' : '']"
+    tabindex="0"
     @click="updateOption"
+    @keyup.enter="updateOption"
   >
     <div :class="['icon', direction]">
       <i :class="[icon, 'options-icon']" />
@@ -171,6 +173,10 @@ export default {
 
 }
 
+  .tp-options-list-item:focus{
+    border: 1px solid #437cf9;
+  }
+
 .option-item-badge{
     background-color: #F56C6C;
     border: 1px solid #FFF;

package/src/utils/filters.js

@@ -19,7 +19,10 @@ import { t } from 'tp-ui/locale'
  * @param {Number} val
  */
 export const toCurrency = (val) => {
-  return (parseInt(val * 100) / 100).toLocaleString(t('locale.prefix'))
+  return (parseInt(val * 100) / 100).toLocaleString(t('locale.prefix'), {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  })
 }
 
 /**