@tagplus/components 1.2.7 → 1.2.8

package/package.json

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

package/src/components/Money/Money.vue

@@ -30,12 +30,12 @@
 
 <script>
 import Locale from 'tp-ui/mixins/locale'
-import { formatMoney } from 'tp-ui/utils/currency'
+import floatFormatterMixin from 'tp-ui/mixins/floatFormatter'
 
 export default {
   name: 'TpMoney',
 
-  mixins: [Locale],
+  mixins: [Locale, floatFormatterMixin],
   props: {
     id: {
       type: String,
@@ -69,26 +69,6 @@ export default {
     prepend () {
       return this.t('tp.money.currency')
     }
-  },
-
-  watch: {
-    value: {
-      immediate: true,
-      handler (newValue, oldValue) {
-        this.formattedValue = newValue
-      }
-    }
-  },
-
-  methods: {
-    input (evt) {
-      this.formattedValue = formatMoney(evt, true)
-      this.$emit('input', formatMoney(evt, false))
-    },
-
-    handleChange (evt) {
-      this.$emit('change', formatMoney(evt, false))
-    }
   }
 }
 </script>

package/src/components/Percent/Percent.vue

@@ -26,11 +26,12 @@
 
 <script>
 import Locale from 'tp-ui/mixins/locale'
-import { formatMoney } from 'tp-ui/utils/currency'
+import floatFormatterMixin from 'tp-ui/mixins/floatFormatter'
 
 export default {
   name: 'TpPercent',
-  mixins: [Locale],
+
+  mixins: [Locale, floatFormatterMixin],
   props: {
     id: {
       type: String,
@@ -67,26 +68,6 @@ export default {
     _id () {
       return this.id || this.$options.name
     }
-  },
-
-  watch: {
-    value: {
-      immediate: true,
-      handler (newValue, oldValue) {
-        this.formattedValue = newValue
-      }
-    }
-  },
-
-  methods: {
-    input (evt) {
-      this.formattedValue = formatMoney(evt, true)
-      this.$emit('input', formatMoney(evt, false))
-    },
-
-    handleChange (evt) {
-      this.$emit('change', formatMoney(evt, false))
-    }
   }
 }
 </script>

package/src/mixins/floatFormatter.js

@@ -0,0 +1,34 @@
+import { formatMoney } from 'tp-ui/utils/currency'
+
+/**
+ * Eventos para componentes tp-money e tp-percent mostratem o número formatado com a precisão correta e devolver float sem arredondar
+ */
+export default {
+  data () {
+    return {
+      formattedValue: this.value
+    }
+  },
+
+  watch: {
+    value: {
+      immediate: true,
+      handler (newValue, oldValue) {
+        this.formattedValue = formatMoney(newValue, true)
+      }
+    }
+  },
+
+  methods: {
+    input (evt) {
+      this.formattedValue = formatMoney(evt, true)
+      const moneyFormatado = formatMoney(evt, false)
+      this.$emit('input', moneyFormatado)
+    },
+
+    handleChange (evt) {
+      this.$emit('change', formatMoney(evt, false))
+    }
+  }
+
+}

package/src/utils/currency.js

@@ -25,7 +25,10 @@ function unformat (input, precision = defaults.precision) {
 
 function formatMoney (input, toString = false, precision = defaults.precision) {
   const negative = ('' + input).indexOf('-') >= 0 ? -1 : 1
-  const numbers = onlyNumbers(input)
+  if (toString) {
+    input = completeZeros(('' + input), precision)
+  }
+  const numbers = onlyNumbers(input, precision)
   const currency = numbersToCurrency(numbers, precision)
   if (toString) {
     return negative === -1 ? '-' + currency : '' + currency
@@ -34,6 +37,19 @@ function formatMoney (input, toString = false, precision = defaults.precision) {
   }
 }
 
+function completeZeros (input, precision = defaults.precision) {
+  const i = input.indexOf('.')
+  const qntDecimais = i ? input.length - i - 1 : 0
+
+  // correção para decimal quebrado
+  if (i === -1) {
+    input = input + '.' + '0'.repeat(precision)
+  } else if (i && qntDecimais < precision) {
+    input = input + '0'.repeat(precision - qntDecimais)
+  }
+  return input
+}
+
 function onlyNumbers (input) {
   return toStr(input).replace(/\D+/g, '') || '0'
 }
@@ -90,5 +106,6 @@ export {
   format,
   unformat,
   setCursor,
+  completeZeros,
   event
 }