@tagplus/components 4.1.0 → 4.3.0

package/package.json

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

package/src/assets/scss/_helpers.scss

@@ -92,27 +92,15 @@
   display: block;
 }
 
-.flexContent {
-  display: flex;
-}
-
 .justify-between {
   justify-content: space-between;
 }
 
-.justify-content-end {
-  justify-content: end;
-}
-
 .text-helper-info {
   font-size: 13px;
   color: #565b66;
 }
 
-.c-pointer {
-  cursor: pointer;
-}
-
 .no-font-weight {
   font-weight: initial !important;
 }

package/src/components/Tip/Tip.vue

@@ -26,43 +26,33 @@
       />
     </el-col>
   </el-row>
-  <div
+  <el-row
     v-else
-    :class="closed ? 'c-pointer' : ''"
-    @click="closed = false"
-  >
-    <el-row
-      :id="`${_id}`"
-      type="flex"
-      align="middle"
-      justify="space-between"
-      :class="tptipclasses"
+    :id="`${_id}`"
+    type="flex"
+    align="middle"
+    justify="space-between"
+    :class="tptipclasses">
+    <el-col
+      :span="17"
     >
-      <!-- Titulo -->
-      <el-col
-        :span="17"
-      >
-        <el-row align="middle" type="flex" style="min-width:25px; margin:15px; padding: auto">
-          <em class="far fa-lightbulb-on" />
-          <b class="tp-title">{{ title }}</b>
-        </el-row>
-      </el-col>
-
-      <!-- Close/Open Btn -->
-      <el-col :span="3" class="flexContent justify-content-end">
-        <em :class="closed ? 'fa fa-plus' : 'fa fa-minus'" class="tp-close-button" @click.stop="closed = !closed" />
-      </el-col>
-
-      <!-- Texto -->
-      <el-col :class="'tp-text ' + (closed ? 'tp-vanish' : '' )" :span="24">
-        <div
-          :id="`${_id}-text`"
-          style="margin:15px; margin-left:0px"
-          v-html="text"
-        />
-      </el-col>
-    </el-row>
-  </div>
+      <el-row align="middle" type="flex" style="min-width:25px; margin:15px; padding: auto">
+        <em class="far fa-lightbulb-on" />
+        <b class="tp-title">{{ title }}</b>
+      </el-row>
+    </el-col>
+    <el-col :span="3" class="flexContent justify-content-end">
+      <em class="fa fa-ellipsis-h tp-close-button" @click="closed = !closed" />
+    </el-col>
+
+    <el-col :class="'tp-text ' + (closed ? 'tp-vanish' : '' )" :span="24">
+      <div
+        :id="`${_id}-text`"
+        style="margin:15px; margin-left:0px"
+        v-html="text"
+      />
+    </el-col>
+  </el-row>
 </template>
 
 <script>

package/src/mixins/floatFormatter.js

@@ -14,6 +14,10 @@ export default {
     allowEmpty: {
       type: Boolean,
       default: false
+    },
+
+    customPrecision: {
+      default: false
     }
   },
 
@@ -28,21 +32,21 @@ export default {
       immediate: true,
       handler (newValue, oldValue) {
         if (newValue === '' && this.allowEmpty) { this.formattedValue = ''; return }
-        this.formattedValue = formatMoney(newValue, true, this.locale)
+        this.formattedValue = formatMoney(newValue, true, this.locale, this.customPrecision)
       }
     }
   },
 
   methods: {
     input (evt) {
-      this.formattedValue = formatMoney(evt, true, this.locale)
-      const moneyFormatado = formatMoney(evt, false, this.locale)
+      this.formattedValue = formatMoney(evt, true, this.locale, this.customPrecision)
+      const moneyFormatado = formatMoney(evt, false, this.locale, this.customPrecision)
 
       this.$emit('input', moneyFormatado)
     },
 
     handleChange (evt) {
-      this.$emit('change', formatMoney(evt, false, this.locale))
+      this.$emit('change', formatMoney(evt, false, this.locale, this.customPrecision))
     }
   }
 

package/src/utils/currency.js

@@ -21,7 +21,7 @@ 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)
 
@@ -34,10 +34,16 @@ function unformat (input, precision = defaults.precision) {
  * @param {Float} input Valor
  * @param {Boolean} toString Se o retorno será float ou string
  * @param {Object} locale Configuração de localidade para saber número de casas decimais (precision) e caracter de decimal (decimal)
+ * @param {Number} customPrecision Caso o usuário queira sobrescrever o número de casas decimais (precision) da configuração de localidade.
  * @returns
  */
-function formatMoney (input, toString = false, locale = defaults) {
-  let inputString = (`${ input}`)
+function formatMoney (input, toString = false, locale = defaults, customPrecision = false) {
+  let inputString = (`${input}`)
+
+  // Caso componente receba props de precisão customizada (ex.: tp-money com precisão diferente da locale padrão).
+  if (customPrecision) {
+    locale.number.precision = customPrecision
+  }
 
   // Impede de digitar . ou , porque o formatador já adiciona
   if ((inputString.slice(-1).match(/[.,]/))) {
@@ -50,12 +56,12 @@ function formatMoney (input, toString = false, locale = defaults) {
     input = completeZeros(inputString, locale)
   }
 
-  const precision = locale.number.precision
+  const precision = customPrecision || locale.number.precision
   const numbers = onlyNumbers(input, precision)
   const currency = numbersToCurrency(numbers, precision)
 
   if (toString) {
-    let num = negative === -1 ? `-${ currency}` : `${ currency}`
+    let num = negative === -1 ? `-${currency}` : `${currency}`
 
     if (locale?.number?.decimal) {
       const decimalChar = locale?.number?.decimal