@tagplus/components 1.2.7 → 1.2.12

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "1.2.7",
+  "version": "1.2.12",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"
@@ -27,6 +27,7 @@
   "license": "MIT",
   "scripts": {
     "build": "NODE_ENV=production && vue-cli-service build --target lib --name tp ./src/main.js",
+    "build:dev": "NODE_ENV=development && vue-cli-service build --mode development --target lib --name tp ./src/main.js",
     "doc": "yarn docs",
     "docs": "nodemon --exec \"vuese gen && vuese serve\" --watch ./src -e js,vue,scss",
     "docs:gen": "vuese gen",

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/Multisuggest/Multisuggest.vue

@@ -448,6 +448,10 @@ export default {
           return item[this.labelKey]
         })
         .join(', ')
+    },
+
+    suggestionsList(_newValue, _oldValue){
+      this.setSelectedLabel()
     }
   },
 
@@ -473,25 +477,7 @@ export default {
       }
     })
 
-    if (Array.isArray(this.value)) {
-      this.value.forEach((item, key) => {
-        if (item[this.valueKey]) {
-          this.value[key] = item[this.valueKey]
-          if (item[this.labelKey]) {
-            this.selectedLabelsArray.push(item)
-          }
-        }
-      })
-    } else if (process.env.DEBUG === 'true') {
-      console.log(`'${this.$options.name}' recebeu valor em formato inválido.`)
-      console.log(this.value)
-    }
-
-    this.selectedLabels = this.selectedLabelsArray
-      .map(item => {
-        return item[this.labelKey]
-      })
-      .join(', ')
+    this.setSelectedLabel()
   },
 
   beforeMount () {
@@ -516,6 +502,26 @@ export default {
       }
     },
 
+    setSelectedLabel () {
+    if (Array.isArray(this.value)) {
+      this.value.forEach((item, key) => {
+        this.suggestionsList.forEach(suggestion => {
+          if (suggestion[this.valueKey] === item) {
+            this.selectedLabelsArray.push(suggestion)
+          }
+        })
+      })
+    } else if (process.env.DEBUG === 'true') {
+      console.log(`'${this.$options.name}' recebeu valor em formato inválido.`)
+    }
+
+    this.selectedLabels = this.selectedLabelsArray
+      .map(item => {
+        return item[this.labelKey]
+      })
+      .join(', ')
+    },
+
     // eslint-disable-next-line no-unused-vars
     clearTags (event) {
       // Faz uma requisição limpa

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
 }