@tagplus/components 1.2.1 → 1.2.4

package/package.json

@@ -8,7 +8,7 @@
       "email": "bruno@tagplus.com.br"
     }
   ],
-  "version": "1.2.1",
+  "version": "1.2.4",
   "main": "./dist/tp.common.js",
   "directories": {
     "lib": "src/lib"
@@ -45,7 +45,7 @@
     "axios": "^0.27.0",
     "core-js": "^3.21.1",
     "element-theme-chalk": "^2.13",
-    "element-ui": "^2.15.9",
+    "element-ui": "2.15.8",
     "js-cookie": "^3.0.1",
     "vue": "^2.6.14",
     "vue-axios": "^2.1.5",

package/src/components/Dialog/Dialog.vue

@@ -152,29 +152,28 @@ export default {
       immediate: true,
       handler (val, oldValue) {
         // Fixing undefined reference of $el with next tick.
-       this.$nextTick(() => {
+        this.$nextTick(() => {
           if (val) {
-          this.closed = false
-          this.$emit('open')
-          this.$el.addEventListener('scroll', this.updatePopper)
-          this.$nextTick(() => {
-            this.$refs.dialog.scrollTop = 0
-          })
-          if (this.appendToBody) {
-            document.body.appendChild(this.$el)
-          }
-        } else {
-          this.$el.removeEventListener('scroll', this.updatePopper)
-          if (!this.closed) this.$emit('close')
-          if (this.destroyOnClose) {
+            this.closed = false
+            this.$emit('open')
+            this.$el.addEventListener('scroll', this.updatePopper)
             this.$nextTick(() => {
-              this.key++
+              this.$refs.dialog.scrollTop = 0
             })
+            if (this.appendToBody) {
+              document.body.appendChild(this.$el)
+            }
+          } else {
+            this.$el.removeEventListener('scroll', this.updatePopper)
+            if (!this.closed) this.$emit('close')
+            if (this.destroyOnClose) {
+              this.$nextTick(() => {
+                this.key++
+              })
+            }
           }
-        }
-       })
+        })
       }
-      
     }
   },
 

package/src/components/Money/Money.vue

@@ -2,7 +2,7 @@
   <el-input
     :id="`${_id}`"
     class="tp-money"
-    :value="value | toCurrency"
+    :value="value | formatM"
     v-bind="$attrs"
     :maxlength="maxlength"
     @input="input"
@@ -30,12 +30,16 @@
 
 <script>
 import Locale from 'tp-ui/mixins/locale'
-import { toCurrency } from 'tp-ui/utils/filters'
-import { unformat } from 'tp-ui/utils/currency'
+import { formatMoney } from 'tp-ui/utils/currency'
 
 export default {
   name: 'TpMoney',
-  filters: { toCurrency },
+  filters: {
+    formatM: (val) => {
+      return formatMoney(val, true)
+    }
+  },
+
   mixins: [Locale],
   props: {
     id: {
@@ -74,11 +78,11 @@ export default {
 
   methods: {
     input (evt) {
-      this.$emit('input', unformat(evt))
+      this.$emit('input', formatMoney(evt, true))
     },
 
     handleChange (evt) {
-      this.$emit('change', unformat(evt))
+      this.$emit('change', formatMoney(evt, true))
     }
   }
 }

package/src/components/Percent/Percent.vue

@@ -2,7 +2,7 @@
   <el-input
     :id="`${_id}`"
     class="tp-percent"
-    :value="value | toCurrency"
+    :value="value | formatM"
     v-bind="$attrs"
     :maxlength="maxlength"
     @input="input"
@@ -26,12 +26,16 @@
 
 <script>
 import Locale from 'tp-ui/mixins/locale'
-import { toCurrency } from 'tp-ui/utils/filters'
+import { formatMoney } from 'tp-ui/utils/filters'
 import { unformat } from 'tp-ui/utils/currency'
 
 export default {
   name: 'TpPercent',
-  filters: { toCurrency },
+  filters: {
+    formatM: (val) => {
+      return formatMoney(val, true)
+    }
+  },
   mixins: [Locale],
   props: {
     id: {
@@ -73,11 +77,11 @@ export default {
 
   methods: {
     input (evt) {
-      this.$emit('input', unformat(evt))
+      this.$emit('input', formatMoney(evt))
     },
 
     handleChange (evt) {
-      this.$emit('change', unformat(evt))
+      this.$emit('change', formatMoney(evt))
     }
   }
 }

package/src/utils/currency.js

@@ -17,10 +17,21 @@ function format (input, opt = defaults) {
 }
 
 function unformat (input, precision = defaults.precision) {
-  const negative = input.indexOf('-') >= 0 ? -1 : 1
+  const negative = ('' + input).indexOf('-') >= 0 ? -1 : 1
   const numbers = onlyNumbers(input)
   const currency = numbersToCurrency(numbers, precision)
-  return parseFloat(currency) * negative
+  return currency * negative
+}
+
+function formatMoney (input, toString = false, precision = defaults.precision) {
+  const negative = ('' + input).indexOf('-') >= 0 ? -1 : 1
+  const numbers = onlyNumbers(input)
+  const currency = numbersToCurrency(numbers, precision)
+  if (toString) {
+    return negative === -1 ? '-' + currency : '' + currency
+  } else {
+    return currency * negative
+  }
 }
 
 function onlyNumbers (input) {
@@ -75,6 +86,7 @@ function event (name) {
 }
 
 export {
+  formatMoney,
   format,
   unformat,
   setCursor,

package/src/utils/filters.js

@@ -17,15 +17,30 @@ import { t } from 'tp-ui/locale'
 /**
  * Transforma valor em String para exibição conforme localidade
  * @param {Number} val
+ * @param {String} locale
  */
-export const toCurrency = (val) => {
+export const toCurrency = (val, locale = false) => {
   if (val === '') {
     return val
   }
-  return (parseInt(val * 100) / 100).toLocaleString(t('locale.prefix'), {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })
+
+  try {
+    if (!locale) {
+      locale = t('locale.prefix')
+    }
+
+    let with2Decimals = val.toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
+    with2Decimals = Number(with2Decimals).toLocaleString(locale, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+    return with2Decimals
+  } catch (Exception) {
+    return val.toLocaleString(locale, {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+  }
 }
 
 /**