@tagplus/components 0.2.108 → 1.0.0

package/src/components/Tip/Tip.vue

@@ -5,20 +5,24 @@
     align="middle"
     :class="tptipclasses"
   >
-    <el-col :sm="24" :lg="3">
+    <el-col
+      :sm="24"
+      :lg="3"
+    >
       <div style="display: flex; min-width:25px; justify-content: center; margin:15px; padding: auto">
         <em class="far fa-lightbulb-on" />
       </div>
     </el-col>
 
-    <el-col :sm="24" :lg="21">
+    <el-col
+      :sm="24"
+      :lg="21"
+    >
       <div
         :id="`${_id}-text`"
         style="margin:15px; margin-left:0px"
         v-html="text"
-      >
-        {{ text }}
-      </div>
+      />
     </el-col>
   </el-row>
 </template>
@@ -36,7 +40,7 @@ export default {
     text: {
       type: String,
       required: true,
-      default: '',
+      default: ''
     },
 
     type: {
@@ -81,7 +85,7 @@ export default {
   padding: 1rem;
   font-size: 14px;
   line-height: 24px;
-  color: #586D93;
+  color: #586d93;
 }
 
 .info-text {
@@ -106,26 +110,26 @@ export default {
 }
 
 .tp-tip-warning {
-  background: #FFF9EA 0% 0% no-repeat padding-box;
-  border: 1px solid #FFC437;
+  background: #fff9ea 0% 0% no-repeat padding-box;
+  border: 1px solid #ffc437;
   ::v-deep strong,
   ::v-deep b {
-  color: #FFC437;
+    color: #ffc437;
   }
   ::v-deep em {
-  color: #FFC437;
+    color: #ffc437;
   }
 }
 
 .tp-tip-success {
-  background: #F3FCFC 0% 0% no-repeat padding-box;
-  border: 1px solid #08A19E;
+  background: #f3fcfc 0% 0% no-repeat padding-box;
+  border: 1px solid #08a19e;
   ::v-deep strong,
   ::v-deep b {
-  color: #08A19E;
+    color: #08a19e;
   }
   ::v-deep em {
-  color: #08A19E;
+    color: #08a19e;
   }
 }
 </style>

package/src/components/Tip/index.js

@@ -1,3 +1,3 @@
-import Tip  from './Tip'
+import Tip from './Tip'
 
-export default Tip
+export default Tip

package/src/components/index.js

@@ -8,6 +8,8 @@ import Loader from './Loader'
 import Skeleton from './Skeleton'
 import Tip from './Tip'
 import Multisuggest from './Multisuggest'
+import Step from './Step'
+import Steps from './Steps'
 import InputNumber from './InputNumber'
 
 export {
@@ -21,5 +23,7 @@ export {
   Skeleton,
   Tip,
   Multisuggest,
+  Step,
+  Steps,
   InputNumber
-}
+}

package/src/locale/index.js

@@ -4,15 +4,14 @@ import Format from 'element-ui/src/locale/format'
 
 const format = Format(Vue)
 
-let i18nHandler = function() {
-
-  //Existe this e contem função "$t"
-  if(this && this.$i18n){
+const i18nHandler = function () {
+  // Existe this e contem função "$t"
+  if (this && this.$i18n) {
     return this.$i18n
   }
 
-  //Tenta usar o vueI18n da instancia do TP, caso tenha sido carregada
-  if(Vue.prototype.$tpI18n) {
+  // Tenta usar o vueI18n da instancia do TP, caso tenha sido carregada
+  if (Vue.prototype.$tpI18n) {
     return Vue.prototype.$tpI18n
   }
 
@@ -29,8 +28,8 @@ export const getCurrentLocale = () => {
 /**
  * Retorna as messages definidas na lang
  */
-export const messages = function(){
-  let i18n = i18nHandler.apply(this, arguments)
+export const messages = function () {
+  const i18n = i18nHandler.apply(this, arguments)
   if (i18n !== null && i18n !== undefined && i18n.messages) {
     return i18n.messages
   }
@@ -40,11 +39,11 @@ export const messages = function(){
 /**
  * Recupera um item de linguagem nas messages registradas.
  * Caso não haja i18n registrado, utiliza da lingua padrão
- * @param {String} path 
- * @param {Object} options 
+ * @param {String} path
+ * @param {Object} options
  */
-export const t = function(path, options) {
-  let i18n = i18nHandler.apply(this, arguments)
+export const t = function (path, options) {
+  const i18n = i18nHandler.apply(this, arguments)
   if (i18n !== null && i18n !== undefined && i18n.t) {
     return i18n.t(path)
   }
@@ -56,7 +55,7 @@ export const t = function(path, options) {
   for (let i = 0, j = array.length; i < j; i++) {
     const property = array[i]
     value = current[property]
-    if (!value){ 
+    if (!value) {
       // eslint-disable-next-line
       console.warn(`[Tp-i18n] Fall back to translate '${path}'. Key does not exist on language messages. Assuming key as value`)
       return path
@@ -67,5 +66,4 @@ export const t = function(path, options) {
   return ''
 }
 
-
-export default { t, messages }
+export default { t, messages }

package/src/locale/lang/en.js

@@ -5,7 +5,7 @@ export default {
 
   tp: {
     money: {
-      currency: '$',
+      currency: '$'
     }
   },
 
@@ -21,7 +21,7 @@ export default {
       thousands: '',
       prefix: '',
       suffix: '',
-      precision: 2,
+      precision: 2
     },
 
     date: {
@@ -31,4 +31,4 @@ export default {
   common: {
     placeholder: 'placeholder'
   }
-}
+}

package/src/locale/lang/pt-br.js

@@ -5,7 +5,7 @@ export default {
 
   tp: {
     money: {
-      currency: 'R$',
+      currency: 'R$'
     }
   },
 
@@ -21,7 +21,7 @@ export default {
       thousands: '.',
       prefix: '',
       suffix: '',
-      precision: 2,
+      precision: 2
     },
 
     date: {
@@ -31,4 +31,4 @@ export default {
   common: {
     placeholder: 'placeholder'
   }
-}
+}

package/src/main.js

@@ -3,12 +3,11 @@ import './assets/scss/index.scss'
 import * as components from './components'
 
 const install = function (Vue, opts = {}) {
-
   Vue.prototype.$defaultLang = 'en'
   Vue.prototype.$tpI18n = opts.locale || {}
   opts.locale = null
 
-  //Element
+  // Element
   ElementUI.install(Vue, opts)
 
   // components
@@ -16,15 +15,13 @@ const install = function (Vue, opts = {}) {
     const component = components[componentName]
     Vue.component(component.name, component)
   }
-
-
 }
 
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
 }
 
-//TODO: Validar encapsulamento do ElementUI
+// TODO: Validar encapsulamento do ElementUI
 export default Object.assign({}, ElementUI, components, {
   install
-})
+})

package/src/mixins/locale.js

@@ -2,8 +2,8 @@ import { t } from 'tp-ui/locale'
 
 export default {
   methods: {
-    t(...args) {
+    t (...args) {
       return t.apply(this, args)
     }
   }
-}
+}

package/src/utils/currency.js

@@ -5,21 +5,21 @@ function format (input, opt = defaults) {
   if (typeof input === 'number') {
     input = input.toFixed(fixed(opt.precision))
   }
-  var negative = input.indexOf('-') >= 0 ? '-' : ''
+  const negative = input.indexOf('-') >= 0 ? '-' : ''
 
-  var numbers = onlyNumbers(input)
-  var currency = numbersToCurrency(numbers, opt.precision)
-  var parts = toStr(currency).split('.')
-  var integer = parts[0]
-  var decimal = parts[1]
+  const numbers = onlyNumbers(input)
+  const currency = numbersToCurrency(numbers, opt.precision)
+  const parts = toStr(currency).split('.')
+  let integer = parts[0]
+  const decimal = parts[1]
   integer = addThousandSeparator(integer, opt.thousands)
   return opt.prefix + negative + joinIntegerAndDecimal(integer, decimal, opt.decimal) + opt.suffix
 }
 
 function unformat (input, precision = defaults.precision) {
-  var negative = input.indexOf('-') >= 0 ? -1 : 1
-  var numbers = onlyNumbers(input)
-  var currency = numbersToCurrency(numbers, precision)
+  const negative = input.indexOf('-') >= 0 ? -1 : 1
+  const numbers = onlyNumbers(input)
+  const currency = numbersToCurrency(numbers, precision)
   return parseFloat(currency) * negative
 }
 
@@ -37,8 +37,8 @@ function between (min, n, max) {
 }
 
 function numbersToCurrency (numbers, precision) {
-  var exp = Math.pow(10, precision)
-  var float = parseFloat(numbers) / exp
+  const exp = Math.pow(10, precision)
+  const float = parseFloat(numbers) / exp
   return float.toFixed(fixed(precision))
 }
 
@@ -46,7 +46,7 @@ function addThousandSeparator (integer, separator) {
   return integer.replace(/(\d)(?=(?:\d{3})+\b)/gm, `$1${separator}`)
 }
 
-//eslint-disable-next-line
+// eslint-disable-next-line
 function currencyToIntegerAndDecimal (float) {
   return toStr(float).split('.')
 }
@@ -60,7 +60,7 @@ function toStr (value) {
 }
 
 function setCursor (el, position) {
-  var setSelectionRange = function () { el.setSelectionRange(position, position) }
+  const setSelectionRange = function () { el.setSelectionRange(position, position) }
   if (el === document.activeElement) {
     setSelectionRange()
     setTimeout(setSelectionRange, 1) // Android Fix
@@ -69,7 +69,7 @@ function setCursor (el, position) {
 
 // https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events#The_old-fashioned_way
 function event (name) {
-  var evt = document.createEvent('Event')
+  const evt = document.createEvent('Event')
   evt.initEvent(name, true, true)
   return evt
 }
@@ -79,4 +79,4 @@ export {
   unformat,
   setCursor,
   event
-}
+}

package/src/utils/filters.js

@@ -1,35 +1,30 @@
 // import moment from 'moment'
 import { t } from 'tp-ui/locale'
 
-
 /**
- * 
+ *
  * Filtros
  * Importe um a um ou faça import * para utilizar
- * 
- * Ex: 
+ *
+ * Ex:
  *  ```import { toCurrency } from  'tp-ui/utils/filters'```
  * e dentro do Componente:
  *  ```filters: { toCurrency }```
- * 
+ *
  * @author bbarbosa
  */
 
-
 /**
  * Transforma valor em String para exibição conforme localidade
- * @param {Number} val 
+ * @param {Number} val
  */
 export const toCurrency = (val) => {
-  return val.toLocaleString(t('locale.prefix'), {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2,
-  })
+  return (parseInt(val * 100) / 100).toLocaleString(t('locale.prefix'))
 }
 
 /**
  * Converte uma string de data em um objeto Date
- * @param {String} val 
+ * @param {String} val
  */
 export const toDate = function (val) {
   if (val === undefined || val === '' || val === null) return ''
@@ -50,7 +45,7 @@ export const toDate = function (val) {
 
 /**
  * Transforma em lowercase
- * @param {String} val 
+ * @param {String} val
  */
 export const toLowerCase = function (val) {
   return val.toLowerCase()
@@ -58,7 +53,7 @@ export const toLowerCase = function (val) {
 
 /**
  * Transforma valor em uppercase
- * @param {String} val 
+ * @param {String} val
  */
 export const toUpperCase = function (val) {
   return val.toUpperCase()