@tagplus/components 5.2.8 → 5.2.9

package/src/components/autosuggestMixin.js

@@ -1,301 +0,0 @@
-/**
- * Mixin contendo metodos para autosuggests
- */
-export default {
-  props: {
-    /**
-     * @vuese
-     * id do css para teste unitário
-     */
-    id: {
-      type: String
-    },
-
-    modelValue: {
-      type: [Number, String, Object, Boolean, Array],
-      default: ''
-    },
-
-    // Desativa o loader global ao carregar lista
-    disableLoader: {
-      type: Boolean,
-      default: false
-    },
-
-    // Indica se primeiro item da lista deve ser retornado por padrão
-    noDefault: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * Se a lista vai ser carregada no create ou o labelKey não venha por padrão na requisição loadOnCreate = true,
-     * caso deva ser carregada quando o usuário clica deixar vazio ou false.
-     */
-    loadOnCreate: {
-      type: Boolean,
-      default: null
-    },
-
-    // Indicia se o campo deve ser desabilitado
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-
-    // Se o valor desse autosuggest for obrigatório se o value for vazio o after get vai selecionar a primeira opção
-    isRequired: {
-      type: Boolean,
-      default: false
-    },
-
-    allowCreate: {
-      type: Boolean,
-      default: true
-    },
-    valueKey: {
-      type: String,
-      default: 'id'
-    },
-
-    disableForm: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  data () {
-    return {
-      config: {
-        params: {}
-      },
-      doEmptyRequest: false,
-      list: [],
-      loading: true,
-      isLoadOnCreate: true,
-      modal: false,
-      autosuggest: false, // endpoint /autosuggest/*
-      customEndpoint: false // buscar em qualquer endpoint
-    }
-  },
-
-  computed: {
-    _id () {
-      return this.id || this.$options.name
-    },
-
-    /** desabilita o componente quando recebe disable true ou não tem permissão no form de incluir ou alterar */
-    _disabled () {
-      if (this.disabled) {
-        return true
-      }
-
-      if (this.disableForm) {
-        return true
-      }
-
-      return false
-    },
-
-    /** @vuese
-     * Action para buscar em stores customizadas/dinâmicas, por padrão pega do $options.listAction
-     */
-    listAction () {
-      return this.customAction ? this.customAction : this.$options.listAction
-    },
-
-    /** @vuese
-     * Retorna a URL a ser usada para buscar a lista caso não esteja definida no $options
-     * Passam aqui as urls customizadas, do /autosuggests, /entidade/categorias etc
-     */
-    customUrl () {
-      if (this.customEndpoint) {
-        return this.customEndpoint
-      }
-
-      if (this.autosuggest) {
-        return `/autosuggests/${this.$options.autosuggest}`
-      }
-
-      return false
-    },
-
-    _valueKey () {
-      return this.$options.valueKey || 'id'
-    },
-
-    _labelKey () {
-      return this.$options.labelKey || 'descricao'
-    }
-  },
-
-  /**
-   * Ao montar componente, inicia o loading
-   */
-  mounted () {
-    if (!this.disableLoader && this.isLoadOnCreate) {
-      this.startLoading(this.$options.name)
-    }
-  },
-
-  created () {
-    if (this.$parent.$options.name.substring(0, 6) === 'Filtro') {
-      this.isLoadOnCreate = false
-    } else if (this.loadOnCreate !== null) { // Se recebeu loadOnCreate via prop leva precedência
-      // Se for campo obrigatório e não vier o value inicial força a busca na api
-      if (this.isRequired && typeof this.value === 'undefined') {
-        this.isLoadOnCreate = true
-      } else {
-        this.isLoadOnCreate = this.loadOnCreate
-      }
-    } else if (this.$route && !isNaN(this.$route.params.id)) {
-      // Se está num form com ID só carrega lista quando clica
-      this.isLoadOnCreate = false
-    }
-
-    // Caso tenha value no created a primeira busca quando clica é vazia
-    this.doEmptyRequest = (typeof this.value !== 'undefined')
-  },
-
-  methods: {
-    /**
-     * HOOK executado quando getList é chamado
-     */
-    autosuggestMixin_beforeGet () { },
-
-    /**
-     * HOOK executado quando getList é chamado
-     */
-    autosuggestMixin_afterGet () { },
-
-    /**
-     * HOOK executado quando handleClose é chamado
-     */
-    autosuggestMixin_beforeHandleClose () { },
-
-    /**
-     * Realiza chamada da action no endpoint
-     * @param {*} busca valor recebido no autosuggest
-     */
-    async autosuggestMixin_getList (busca) {
-      busca ||= ''
-
-      if (!Array.isArray(busca) && (busca !== '' || this.config.params.q !== busca)) {
-        this.config.params.q = busca
-      }
-
-      // Tratamento caso clique no primeiro autosuggest daquele tipo com loadOnCreate false e tenha um valor padrão
-      if (this.doEmptyRequest) {
-        this.config.params.q = ''
-        this.doEmptyRequest = false
-      }
-
-      // Hook executado antes de recuperar a lista
-      this.autosuggestMixin_beforeGet()
-
-      this.loading = true
-
-      // Se buscar em /autosuggest ou url dinâmica/customizada pega a url aqui
-      this.config.customUrl = this.customUrl
-
-      /*   try {
-          await this.axios
-            .get(`${this.params.uri}?q=${busca}`)
-            .then(res => {
-              this.list = res.data
-            })
-            // eslint-disable-next-line no-unused-vars
-            .catch(_err => {
-              this.list = []
-            }).finally(() => {
-              this.loading = false
-            })
-        } catch (err) {
-          // this.$TpError(err)
-        } finally {
-          // this.finishLoading(this.$options.name)
-        } */
-    },
-
-    /**
-       * Metodo para lidar com a criação de um novo registro
-       * Exibe o modal por padrão
-       * @param {*} evt Evento de criação
-       */
-    autosuggestMixin_handleCreate (evt) {
-      if (evt.created) {
-        this.modal = true
-      }
-    },
-
-    /**
-       * Método para lidar com o fechamento do modal
-       * Por padrão recarrega a lista e recupera o valor criado no modal, caso haja
-       * @param {*} val Valor recebido do modal
-       */
-    async autosuggestMixin_handleClose (val) {
-      // Fecha o modal primeiro para diminuir tempo de transição
-      this.modal = false
-
-      if (val.id !== 0) {
-        const id = val.id?.id !== undefined ? val.id.id : val.id
-
-        await this.autosuggestMixin_getList('')
-
-        this.$emit('update:model-value', val.id)
-
-        const item = this.list.filter((value) => {
-          return id === value.id
-        })
-
-        this.$emit('change', item[0])
-      }
-    },
-
-    /**
-       * Evento para tratamento do valor
-       * Devolve o valor recebido para o v-model no componente pai
-       * @param {*} evt
-       */
-    autosuggestMixin_input (evt) {
-      this.$emit('update:model-value', evt)
-      this.autosuggestMixin_inputFullItem(evt)
-    },
-
-    /**
-     * Evento Input com os dados completos do item selecionado
-     * @param {*} evt
-     */
-    autosuggestMixin_inputFullItem (evt) {
-      let res = []
-
-      if (Array.isArray(evt)) {
-        evt.map((idValue) => {
-          this.list.map((item2) => {
-            if (idValue === item2[this._valueKey]) {
-              res.push(item2)
-            }
-
-            return item2
-          })
-        })
-      } else {
-        res = evt
-      }
-
-      this.$emit('inputFullItem', res)
-    },
-
-    autosuggestMixin_handleChange (val) {
-      if (val !== null && val !== undefined) {
-        const item = this.list.filter((value) => {
-          return val === value.id
-        })
-
-        this.$emit('change', item[0])
-      } else {
-        this.$emit('change', val)
-      }
-    }
-  }
-}

package/src/components/index.js

@@ -1,34 +0,0 @@
-import Autosuggest from './Autosuggest'
-import Inline from './Inline'
-import Money from './Money'
-import Percent from './Percent'
-import OptionsList from './OptionsList'
-import OptionsListItem from './OptionsListItem'
-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'
-import { ElDialog } from 'element-plus'
-// hack para não ter que substituir todos tp-dialog de uma vez no nuxt
-ElDialog.name = 'TpDialog'
-const Dialog = ElDialog
-
-export {
-  Autosuggest,
-  Inline,
-  Money,
-  Percent,
-  OptionsList,
-  OptionsListItem,
-  Loader,
-  Skeleton,
-  Tip,
-  Multisuggest,
-  Step,
-  Steps,
-  InputNumber,
-  Dialog
-}

package/src/locale/i18nCreator.js

@@ -1,166 +0,0 @@
-import { createI18n } from 'vue-i18n'
-import { reactive } from 'vue'
-
-let i18n
-
-const loadedLanguages = []
-
-const i18nHelper = {
-  importLangFile: false,
-  /**
-   * Eventos que podem ser observados com watch
-   */
-  hooks: reactive({
-    onLanguageChanged: ''
-  })
-}
-
-/**
- * Assincronamente importa e mescla arquivos de lang do vue components e do projeto em que essa lib é importada
- * na lingaguem escolhida
- * caminho padrão src/locale/lang/*.js
- * @param {String} filename - The name of the language file to import.
- * @returns {Promise} - A promise that resolves to an object containing merged custom and local language messages.
- */
-const importLangFiles = async function (filename) {
-  let langsCustom = {}
-  const langsLocais = await import(/* webpackChunkName: "lang-tp-[request]" */ `@src/locale/lang/${filename}.js`)
-  if (i18nHelper.importLangFile && typeof i18nHelper.importLangFile === 'function') {
-    langsCustom = await i18nHelper.importLangFile(filename)
-  }
-  return { ...langsCustom, ...langsLocais }
-}
-
-/**
- * Essa função deve ser impementada no i18nHelper para executar ações após trocar a linguagem,
- * como salvar nos cookies ou session a linguagem atual
- *
- * @param {String} locale - The locale string representing the language to be set.
- * @throws {Error} Throws an error if the onLanguageSet function is not implemented.
- * @returns {void}
- */
-i18nHelper.onLanguageSet = function (locale) {
-  throw new Error('Implemente a função onLanguageSet na definição do plugin i18n')
-}
-
-/**
- * Sets the current language and updates the i18n instance accordingly.
- * Triggers the onLanguageChanged hook and calls the onLanguageSet function.
- * @param {String} locale - The locale string representing the language to be set. EX: 'pt-br', 'en'
- * @returns {String} - The updated locale string.
- */
-i18nHelper.setI18nLanguage = function (locale) {
-  if (i18n.mode === 'legacy') {
-    i18n.global.locale = locale
-  } else {
-    i18n.global.locale.value = locale
-  }
-
-  i18nHelper.hooks.onLanguageChanged = locale
-  document.querySelector('html').setAttribute('lang', locale)
-  i18nHelper.onLanguageSet(locale)
-  return locale
-}
-
-/**
- * Asynchronously loads and sets the current language for the i18n instance.
- * If the language is already loaded, it returns immediately.
- * @param {String} locale - The locale string representing the language to be set. EX: 'pt-br', 'en'
- * @returns {Promise}
- */
-i18nHelper.loadLanguageAsync = async function (locale) {
-  if (i18n.global.locale === locale) {
-    return locale
-  }
-
-  // If the language was already loaded
-  if (loadedLanguages.includes(locale)) {
-    return locale
-  }
-
-  // load locale messages with dynamic import
-  const messages = await importLangFiles(locale)
-  // set locale and locale message
-  i18n.global.setLocaleMessage(locale, messages.default)
-  loadedLanguages.push(locale)
-  return locale
-}
-
-/**
- * Asynchronously sets up and initializes the i18n instance with the provided options.
- * If the i18n instance is already created, it returns the existing instance.
- *
- * @param {Object} [options={}] - An optional object containing configuration options for the i18n instance.
- * @param {String} [options.locale='pt-br'] - The default locale for the i18n instance.
- * @param {Object} [options.i18nOptions] - Additional options to be passed to the createI18n function.
- *
- * @returns {Promise<I18n>} - A promise that resolves to the initialized i18n instance.
- */
-async function setupI18n (options = {}) {
-  if (!i18n) {
-    const locale = options.locale || 'pt-br'
-
-    i18n = createI18n({
-      legacy: false,
-      locale,
-      missing: (locale, key) => {
-        console.warn(`translation missing: locale=${locale}, key=${key}`)
-      },
-      ...options
-    })
-
-    await i18nHelper.loadLanguageAsync(locale)
-    i18nHelper.setI18nLanguage(locale)
-  }
-  return i18n
-}
-
-/**
- * A plugin for Vue.js that initializes and configures the i18n instance with customizable options.
- * It also provides a helper object for managing language settings and loading language files asynchronously.
- *
- * @param {Object} options - An object containing configuration options for the plugin.
- * @param {Object} options.i18nHelper - An object containing custom functions for managing language settings.
- * @param {Function} [options.i18nHelper.importLangFile] - A function for asynchronously importing custom language files.
- * @param {Function} [options.i18nHelper.onLanguageSet] - A function to be called after setting the language.
- * @param {Object} [options.i18nOptions] - Additional options to be passed to the createI18n function.
- * @param {Function} [postInstall] - A function to be called after the plugin is installed.
- *
- * @returns {Object} - An object with an install function for Vue.js plugins.
- */
-export default async (options = {}, postInstall = (app, options, i18nHelper) => {}) => {
-  // Validating the options
-  const keys = Object.keys(options).filter(key => !['i18nHelper', 'i18nOptions'].includes(key))
-  if (keys.length) {
-    throw new Error(`Invalid options: ${keys.join(', ')}, expected { i18nOptions, i18nHelper }`)
-  }
-
-  // Overriding the importLangFile function if provided in options
-  if (options.i18nHelper && typeof options.i18nHelper.importLangFile === 'function') {
-    i18nHelper.importLangFile = options.i18nHelper.importLangFile
-  }
-
-  // Overriding the onLanguageSet function if provided in options
-  if (options.i18nHelper && typeof options.i18nHelper.onLanguageSet === 'function') {
-    i18nHelper.onLanguageSet = options.i18nHelper.onLanguageSet
-  }
-
-  let i18nOptions = {}
-  // Using provided i18nOptions if available
-  if (options.i18nOptions && typeof options.i18nOptions === 'object') {
-    i18nOptions = options.i18nOptions
-  }
-
-  // Initializing the i18n instance with the provided options
-  i18n = await setupI18n(i18nOptions)
-
-  return {
-    install: (app, opts) => {
-      // Installing the original i18n instance
-      i18n.install(app, i18nOptions)
-      if (typeof postInstall === 'function') {
-        postInstall(app, options, i18nHelper)
-      }
-    }
-  }
-}

package/src/locale/lang/en.js

@@ -1,35 +0,0 @@
-import enLocale from 'element-plus/es/locale/lang/en'
-
-export default {
-  ...enLocale,
-  lingua: 'English',
-
-  tp: {
-    money: {
-      currency: '$'
-    }
-  },
-
-  locale: {
-    // locale name equals filename reference
-    name: 'en',
-
-    // IANA.ORG convetions according to W3C
-    prefix: 'en-US',
-
-    number: {
-      decimal: '.',
-      thousands: '',
-      prefix: '',
-      suffix: '',
-      precision: 2
-    },
-
-    date: {
-      format: 'YYYY-MM-DD'
-    }
-  },
-  common: {
-    placeholder: 'placeholder'
-  }
-}

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

@@ -1,35 +0,0 @@
-import ptbrLocale from 'element-plus/es/locale/lang/pt-br'
-
-export default {
-  ...ptbrLocale,
-  lingua: 'Português',
-
-  tp: {
-    money: {
-      currency: 'R$'
-    }
-  },
-
-  locale: {
-    // locale name equals filename reference
-    name: 'pt-br',
-
-    // IANA.ORG convetions according to W3C
-    prefix: 'pt-BR',
-
-    number: {
-      decimal: ',',
-      thousands: '.',
-      prefix: '',
-      suffix: '',
-      precision: 2
-    },
-
-    date: {
-      format: 'DD/MM/YYYY'
-    }
-  },
-  common: {
-    placeholder: 'placeholder'
-  }
-}

package/src/main.js

@@ -1,21 +0,0 @@
-// import 'element-plus/dist/index.css'
-import * as components from '@src/components'
-import Currency from '@src/plugins/currency.js'
-import i18nCreator from '@src/locale/i18nCreator.js'
-
-const install = function (app) {
-  app.use(Currency)
-
-  // components
-  for (const componentName in components) {
-    const component = components[componentName]
-    app.component(component.name, component)
-  }
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
-}
-
-export default { ...components, install }
-export { i18nCreator }

package/src/mixins/floatFormatter.js

@@ -1,49 +0,0 @@
-/**
- * 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 {
-  inject: ['formatMoney'],
-
-  data () {
-    return {
-      formattedValue: this.modelValue
-    }
-  },
-
-  props: {
-    allowEmpty: {
-      type: Boolean,
-      default: false
-    },
-
-    customPrecision: {
-      default: false
-    }
-  },
-
-  watch: {
-    modelValue: {
-      immediate: true,
-      handler (newValue, oldValue) {
-        if (newValue === '' && this.allowEmpty) {
-          this.formattedValue = ''
-          return
-        }
-        this.formattedValue = this.formatMoney(newValue, true, this.locale, this.customPrecision)
-      }
-    }
-  },
-
-  methods: {
-    input (evt) {
-      this.formattedValue = this.formatMoney(evt, true, this.locale, this.customPrecision)
-      const moneyFormatado = this.formatMoney(evt, false, this.locale, this.customPrecision)
-
-      this.$emit('input', moneyFormatado)
-    },
-
-    handleChange (evt) {
-      this.$emit('change', this.formatMoney(evt, false, this.locale, this.customPrecision))
-    }
-  }
-}