@tagplus/components 1.2.18 → 2.0.0

package/src/components/Multisuggest/Multisuggest.vue

@@ -361,6 +361,7 @@ export default {
      */
     formatedValue () {
       let newVal = ''
+
       if (typeof this.value === 'boolean') {
         newVal = ''
       } else if (Array.isArray(this.value)) {
@@ -384,39 +385,47 @@ export default {
       const hasExistingOption = this.options
         .filter(option => !option.created)
         .some(option => option.currentLabel === this.query)
+
       return this.filterable && this.allowCreate && !hasExistingOption
     },
     // Monta a lista com ou sem "Cadastrar Novo Item"
     suggestionsList () {
       if (this.loading) return []
+
       // transformando em Array
       const list =
         typeof this.suggestions === 'object'
           ? Object.values(this.suggestions)
           : this.suggestions
+
       if (this.allowCreate) {
         const createdSuggestion = { created: true }
+
         createdSuggestion[this.valueKey] = this.query !== '' ? this.query : null
         createdSuggestion[this.labelKey] = ''
         list.push(createdSuggestion)
       }
+
       return list
     },
 
     emptyText () {
       if (this.loading) {
         return this.loadingText || this.t('el.select.loading')
-      } else {
-        if (this.remote && this.query === '' && this.options.length === 0) {
-          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
-        }
-        if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
-          return this.noMatchText || this.t('el.select.noMatch')
-        }
-        if (this.options.length === 0) {
-          return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
-        }
       }
+
+      if (this.remote && this.query === '' && this.options.length === 0) {
+        return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
+      }
+
+      if (this.filterable && this.query && this.options.length > 0 && this.filteredOptionsCount === 0) {
+        return this.noMatchText || this.t('el.select.noMatch')
+      }
+
+      if (this.options.length === 0) {
+        return this.noDataText || this.$tpI18n.t('autosuggests.sem_dados')
+      }
+
       return null
     }
   },
@@ -429,6 +438,7 @@ export default {
         this.selectedLabelsArray = []
       } else if (newValue.length > oldValue.length) {
         const novoItem = newValue.filter(x => !oldValue.includes(x))
+
         this.suggestionsList.forEach(item => {
           if (item[this.valueKey] === novoItem[0]) {
             this.selectedLabelsArray.push(item)
@@ -436,6 +446,7 @@ export default {
         })
       } else {
         const itemApagado = oldValue.filter(x => !newValue.includes(x))
+
         this.selectedLabelsArray.forEach((item, index) => {
           if (item.id === itemApagado[0]) {
             this.selectedLabelsArray.splice(index, 1)
@@ -465,13 +476,16 @@ export default {
           // Pega valor ignorando composition mode
           this.query = e.target.value
         }
+
         this.handleQueryChange(this.query)
       } else {
         let forceBusca = false
+
         // Quando clica fora enquanto está editando refaz a busca
         if (!this.query && !e.target.value) {
           forceBusca = true
         }
+
         this.query = e.target.value
         this.handleQueryChange(e.target.value, forceBusca)
       }
@@ -573,26 +587,32 @@ export default {
       const isUndefined =
         Object.prototype.toString.call(value).toLowerCase() ===
         '[object undefined]'
+
       for (let i = 0; i <= this.cachedOptions.length - 1; i++) {
         const cachedOption = this.cachedOptions[i]
         const isEqual = isObject
           ? getValueByPath(cachedOption.value, this.valueKey) ===
             getValueByPath(value, this.valueKey)
           : cachedOption.value === value
+
         if (isEqual) {
           option = cachedOption
           break
         }
       }
+
       if (option) return option
+
       const label = !isObject && !isNull && !isUndefined ? value : ''
       const newOption = {
         value,
         currentLabel: initialLabel || label
       }
+
       if (this.multiple) {
         newOption.hitState = false
       }
+
       return newOption
     },
     checkDefaultFirstOption () {
@@ -601,6 +621,7 @@ export default {
 
         for (let i = 0; i !== this.options.length; ++i) {
           const option = this.options[i]
+
           if (this.query) {
             // highlight first options that passes the filter
             if (!option.disabled && !option.groupDisabled && option.visible) {
@@ -628,10 +649,12 @@ export default {
         } else {
           this.visible = !this.visible
         }
+
         if (this.doRequest) {
           this.handleQueryChange(this.query, true)
           this.doRequest = false
         }
+
         (this.$refs.input || this.$refs.reference).focus()
       }
     },
@@ -648,9 +671,11 @@ export default {
      */
     handleQueryChange (val, forceBusca = false) {
       const _this6 = this
+
       // Correção aqui para forçar primeira request com createOnLoad = false
       // Não considera isOnComposition mais
       if (!this.doRequest && this.previousQuery === val) return
+
       if (!forceBusca) {
         if (
           this.previousQuery === null &&
@@ -658,17 +683,21 @@ export default {
             typeof this.remoteMethod === 'function')
         ) {
           this.previousQuery = val
+
           return
         }
       }
+
       this.previousQuery = val
-      this.$nextTick(function () {
+      this.$nextTick(() => {
         if (_this6.visible) _this6.broadcast('ElSelectDropdown', 'updatePopper')
       })
       this.hoverIndex = -1
+
       if (this.multiple && this.filterable) {
-        this.$nextTick(function () {
+        this.$nextTick(() => {
           const length = _this6.$refs.input.value.length * 15 + 20
+
           _this6.inputLength = _this6.collapseTags
             ? Math.min(50, length)
             : length
@@ -676,6 +705,7 @@ export default {
           _this6.resetInputHeight()
         })
       }
+
       if (this.remote && typeof this.remoteMethod === 'function') {
         this.hoverIndex = -1
         this.remoteMethod(val)
@@ -687,6 +717,7 @@ export default {
         this.broadcast('ElOption', 'queryChange', val)
         this.broadcast('ElOptionGroup', 'queryChange')
       }
+
       if (
         this.defaultFirstOption &&
         (this.filterable || this.remote) &&
@@ -796,7 +827,7 @@ input.el-input__inner {
       &::before {
         position: absolute;
         left: 7px;
-        font-family: "element-icons";
+        font-family: element-icons;
         content: "\e6da";
         font-size: 15px;
       }

package/src/components/Skeleton/Skeleton.vue

@@ -72,6 +72,7 @@ export default {
       if (this.circle && this.width) {
         return `${this.width}px`
       }
+
       return `${this.width}%`
     },
 
@@ -79,6 +80,7 @@ export default {
       if (this.circle && this.width) {
         return `${this.width}px`
       }
+
       return `${this.height}em`
     }
   }

package/src/components/Step/Step.vue

@@ -98,6 +98,7 @@ export default {
     },
     prevStatus () {
       const prevStep = this.$parent.steps[this.index - 1]
+
       return prevStep ? prevStep.currentStatus : 'wait'
     },
     isCenter () {
@@ -111,6 +112,7 @@ export default {
     },
     isLast () {
       const parent = this.$parent
+
       return parent.steps[parent.steps.length - 1] === this
     },
     stepsCount () {
@@ -118,6 +120,7 @@ export default {
     },
     space () {
       const { isSimple, $parent: { space } } = this
+
       return isSimple ? '' : space
     },
     style: function () {
@@ -126,16 +129,19 @@ export default {
       const len = parent.steps.length
 
       const space = (typeof this.space === 'number'
-        ? this.space + 'px'
+        ? `${this.space }px`
         : this.space
           ? this.space
-          : 100 / (len - (this.isCenter ? 0 : 1)) + '%')
+          : `${100 / (len - (this.isCenter ? 0 : 1)) }%`)
+
       style.flexBasis = space
+
       if (this.isVertical) return style
+
       if (this.isLast) {
-        style.maxWidth = 100 / this.stepsCount + '%'
+        style.maxWidth = `${100 / this.stepsCount }%`
       } else {
-        style.marginRight = -this.$parent.stepOffset + 'px'
+        style.marginRight = `${-this.$parent.stepOffset }px`
       }
 
       return style
@@ -157,6 +163,7 @@ export default {
   beforeDestroy () {
     const steps = this.$parent.steps
     const index = steps.indexOf(this)
+
     if (index >= 0) {
       steps.splice(index, 1)
     }
@@ -167,6 +174,7 @@ export default {
       this.$watch('$parent.active', this.updateStatus, { immediate: true })
       this.$watch('$parent.processStatus', () => {
         const activeIndex = this.$parent.active
+
         this.updateStatus(activeIndex)
       }, { immediate: true })
       unwatch()
@@ -194,19 +202,20 @@ export default {
       let step = 100
       const style = {}
 
-      style.transitionDelay = 150 * this.index + 'ms'
+      style.transitionDelay = `${150 * this.index }ms`
+
       // if (status === this.$parent.processStatus) {
       //   step = this.currentStatus !== 'error' ? 0 : 0
       // } else
       if (status === 'wait') {
         step = 0
-        style.transitionDelay = (-50 * this.index) + 'ms'
+        style.transitionDelay = `${-50 * this.index }ms`
       }
 
       style.borderWidth = step && !this.isSimple ? '1px' : 0
       this.$parent.direction === 'vertical'
-        ? style.height = step + '%'
-        : style.width = step + '%'
+        ? style.height = `${step }%`
+        : style.width = `${step }%`
 
       this.lineStyle = style
     }

package/src/components/Tip/Tip.vue

@@ -56,15 +56,19 @@ export default {
 
     tptipclasses () {
       const classes = ['grid-content', 'pa-3']
+
       if (this.type === 'error') {
         classes.push('tp-tip-error')
       }
+
       if (this.type === 'warning') {
         classes.push('tp-tip-warning')
       }
+
       if (this.type === 'success') {
         classes.push('tp-tip-success')
       }
+
       return classes
     }
   }

package/src/locale/index.js

@@ -30,9 +30,11 @@ export const getCurrentLocale = () => {
  */
 export const messages = function () {
   const i18n = i18nHandler.apply(this, arguments)
+
   if (i18n !== null && i18n !== undefined && i18n.messages) {
     return i18n.messages
   }
+
   return defaultLang
 }
 
@@ -44,6 +46,7 @@ export const messages = function () {
  */
 export const t = function (path, options) {
   const i18n = i18nHandler.apply(this, arguments)
+
   if (i18n !== null && i18n !== undefined && i18n.t) {
     return i18n.t(path)
   }
@@ -54,15 +57,21 @@ 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) {
       // 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
     }
+
     if (i === j - 1) return format(value, options)
+
     current = value
   }
+
   return ''
 }
 

package/src/main.js

@@ -1,5 +1,5 @@
 import ElementUI from 'element-ui'
-import './assets/scss/index.scss'
+// import './assets/scss/index.scss'
 import * as components from './components'
 
 const install = function (Vue, opts = {}) {
@@ -13,6 +13,7 @@ const install = function (Vue, opts = {}) {
   // components
   for (const componentName in components) {
     const component = components[componentName]
+
     Vue.component(component.name, component)
   }
 }
@@ -22,6 +23,4 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 // TODO: Validar encapsulamento do ElementUI
-export default Object.assign({}, ElementUI, components, {
-  install
-})
+export default ({ ...ElementUI, ...components, install })

package/src/mixins/floatFormatter.js

@@ -29,6 +29,7 @@ export default {
     input (evt) {
       this.formattedValue = formatMoney(evt, true, this.locale)
       const moneyFormatado = formatMoney(evt, false, this.locale)
+
       this.$emit('input', moneyFormatado)
     },
 

package/src/utils/currency.js

@@ -6,6 +6,7 @@ function format (input, opt = defaults) {
   if (typeof input === 'number') {
     input = input.toFixed(fixed(opt.precision))
   }
+
   const negative = input.indexOf('-') >= 0 ? '-' : ''
 
   const numbers = onlyNumbers(input)
@@ -13,14 +14,17 @@ function format (input, opt = defaults) {
   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) {
-  const negative = ('' + input).indexOf('-') >= 0 ? -1 : 1
+  const negative = (`${ input}`).indexOf('-') >= 0 ? -1 : 1
   const numbers = onlyNumbers(input)
   const currency = numbersToCurrency(numbers, precision)
+
   return currency * negative
 }
 
@@ -33,7 +37,8 @@ function unformat (input, precision = defaults.precision) {
  * @returns
  */
 function formatMoney (input, toString = false, locale = defaults) {
-  let inputString = ('' + input)
+  let inputString = (`${ input}`)
+
   // Impede de digitar . ou , porque o formatador já adiciona
   if ((inputString.slice(-1).match(/[.,]/))) {
     inputString = inputString.substring(0, inputString.length - 1)
@@ -48,17 +53,20 @@ function formatMoney (input, toString = false, locale = defaults) {
   const precision = 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
+
       num = num.replaceAll(',', decimalChar).replaceAll('.', decimalChar)
     }
 
     return num
-  } else {
-    return currency * negative
   }
+
+  return currency * negative
 }
 
 function completeZeros (input, locale) {
@@ -66,6 +74,7 @@ function completeZeros (input, locale) {
   const decimal = locale?.number?.decimal || defaults.decimal
   let i = input.lastIndexOf('.')
   const j = input.lastIndexOf(',')
+
   i = i > j ? i : j
   const qntDecimais = i ? input.length - i - 1 : 0
 
@@ -73,8 +82,9 @@ function completeZeros (input, locale) {
   if (i === -1) {
     input = input + decimal + '0'.repeat(precision)
   } else if (i && qntDecimais < precision) {
-    input = input + '0'.repeat(precision - qntDecimais)
+    input += '0'.repeat(precision - qntDecimais)
   }
+
   return input
 }
 
@@ -94,11 +104,12 @@ function between (min, n, max) {
 function numbersToCurrency (numbers, precision) {
   const exp = Math.pow(10, precision)
   const float = parseFloat(numbers) / exp
+
   return float.toFixed(fixed(precision))
 }
 
 function addThousandSeparator (integer, separator) {
-  return integer.replace(/(\d)(?=(?:\d{3})+\b)/gm, `$1${separator}`)
+  return integer.replace(/(\d)(?=(?:\d{3})+\b)/g, `$1${separator}`)
 }
 
 // eslint-disable-next-line
@@ -116,6 +127,7 @@ function toStr (value) {
 
 function setCursor (el, position) {
   const setSelectionRange = function () { el.setSelectionRange(position, position) }
+
   if (el === document.activeElement) {
     setSelectionRange()
     setTimeout(setSelectionRange, 1) // Android Fix
@@ -125,7 +137,9 @@ 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) {
   const evt = document.createEvent('Event')
+
   evt.initEvent(name, true, true)
+
   return evt
 }
 

package/src/utils/filters.js

@@ -30,10 +30,12 @@ export const toCurrency = (val, locale = false) => {
     }
 
     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, {
@@ -49,6 +51,7 @@ export const toCurrency = (val, locale = false) => {
  */
 export const toDate = function (val) {
   if (val === undefined || val === '' || val === null) return ''
+
   if (val === '0000-00-00') return 'N/A'
 
   // let defaultFormat = 'DD/MM/YYYY'