@bildvitta/quasar-ui-asteroid 3.11.0-beta.4 → 3.11.0-beta.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.11.0-beta.4",
+  "version": "3.11.0-beta.6",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/components/grid-generator/QasGridGenerator.vue

@@ -20,7 +20,7 @@
 
 <script setup>
 import useGenerator, { baseProps } from '../../composables/private/use-generator'
-import { humanize } from '../../helpers/filters'
+import { isEmpty, humanize } from '../../helpers'
 import { isObject } from 'lodash-es'
 import { ref, computed, watch } from 'vue'
 
@@ -102,14 +102,17 @@ function getFieldsByResult () {
   const result = { ...props.result }
   const fieldsByResult = {}
 
-  for (const key in result) {
+  for (const key in formattedFields.value) {
     const field = formattedFields.value[key] || {}
 
     if (!field.type) continue
 
+    const humanizedResult = humanize(field, result[key])
+    const formattedResult = isEmpty({ value: humanizedResult }) ? props.emptyResultText : humanizedResult
+
     fieldsByResult[key] = {
       ...field,
-      formattedResult: humanize(field, result[key]) || props.emptyResultText
+      formattedResult
     }
   }
 

package/src/components/grid-generator/QasGridGenerator.yml

@@ -16,7 +16,7 @@ props:
     type: [Array, Object, String]
 
   empty-result-text:
-    desc: Se o resultado de algum campo for vazio, esta prop define qual será o valor padrão.
+    desc: Se o resultado de algum campo for vazio (null, undefined, ''), esta prop define qual será o valor padrão.
     default: '-'
     type: String
 

package/src/components/select-list/QasSelectList.yml

@@ -33,6 +33,13 @@ props:
     examples: [v-model="value"]
     model: true
 
+  options-to-exclude:
+    desc: Lista de valores que não serão exibidos na lista de resultados (options/list) que pode ser uuid/id/slug.
+    default: []
+    type: Array
+    examples:
+      - options-to-exclude="['uuid1', 'uuid2', 'uuid3']"
+
   readonly:
     desc: Habilita modo visualização.
     default: false

package/src/components/table-generator/QasTableGenerator.vue

@@ -20,8 +20,7 @@
 
 <script>
 import { extend } from 'quasar'
-import { humanize } from '../../helpers/filters'
-import { setScrollOnGrab } from '../../helpers'
+import { isEmpty, humanize, setScrollOnGrab } from '../../helpers'
 
 export default {
   name: 'QasTableGenerator',
@@ -190,8 +189,11 @@ export default {
 
       const mappedResults = results.map((result, index) => {
         for (const key in result) {
+          const humanizedResult = humanize(this.fields[key], result[key])
+          const formattedResult = isEmpty({ value: humanizedResult }) ? this.emptyResultText : humanizedResult
+
           result.default = this.results[index]
-          result[key] = humanize(this.fields[key], result[key]) || this.emptyResultText
+          result[key] = formattedResult
         }
 
         return result

package/src/components/table-generator/QasTableGenerator.yml

@@ -10,7 +10,7 @@ props:
     type: Array
 
   empty-result-text:
-    desc: Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.
+    desc: Quando uma célula da tabela está vazia (null, undefined, ''), esta prop define qual será o valor padrão.
     default: '-'
     type: String
 

package/src/helpers/index.js

@@ -13,6 +13,7 @@ export { default as getGreatestCommonDivisor } from './get-greatest-common-divis
 export { default as getNormalizedOptions } from './get-normalized-options.js'
 export { default as getSlotChildrenText } from './get-slot-children-text.js'
 export { default as handleProcess } from './handle-process.js'
+export { default as isEmpty } from './is-empty.js'
 export { default as isLocalDevelopment } from './is-local-development.js'
 export { default as promiseHandler } from './promise-handler.js'
 export { default as setScrollOnGrab } from './set-scroll-on-grab.js'

package/src/helpers/is-empty.js

@@ -0,0 +1,3 @@
+export default function ({ value }) {
+  return [null, undefined, ''].includes(value)
+}

package/src/helpers/rules.js

@@ -1,5 +1,5 @@
 function required (value = '', message = 'Campo obrigatório.') {
-  return String(value ?? '') || message
+  return String(value ?? '').length || message
 }
 
 export {

package/src/mixins/search-filter.js

@@ -25,6 +25,11 @@ export default {
 
     useLazyLoading: {
       type: Boolean
+    },
+
+    optionsToExclude: {
+      default: () => [],
+      type: Array
     }
   },
 
@@ -77,6 +82,10 @@ export default {
 
     mx_hasFilteredOptions () {
       return !!this.mx_filteredOptions.length
+    },
+
+    mx_hasOptionsToExclude () {
+      return !!this.optionsToExclude.length
     }
   },
 
@@ -192,7 +201,9 @@ export default {
 
         this.$emit('fetch-options-success', data)
 
-        return this.mx_getNonDuplicatedOptions(results)
+        const options = this.mx_getOptions(results)
+
+        return this.mx_getNonDuplicatedOptions(options)
       } catch (error) {
         this.mx_hasFetchError = true
         this.$emit('fetch-options-error', error)
@@ -273,6 +284,8 @@ export default {
       this.$watch(model, options => {
         if (!options?.length) return
 
+        options = this.mx_getOptions(options)
+
         /*
           * pode ser que as opções sejam inicializadas após o primeiro fetch de opções
           * fazendo com que as opções sobrescreva as que vieram através do fetch, então é
@@ -297,6 +310,18 @@ export default {
 
         this.mx_cachedOptions = [...options]
       }, { immediate: true })
+    },
+
+    mx_getOptions (options = []) {
+      if (this.mx_hasOptionsToExclude) {
+        this.optionsToExclude.forEach(option => {
+          const index = options.findIndex(({ value }) => value === option)
+
+          if (~index) options.splice(index, 1)
+        })
+      }
+
+      return options
     }
   }
 }

package/src/vue-plugin.js

@@ -72,19 +72,12 @@ import {
 } from './plugins'
 
 import packageInfo from '../package.json'
-import thirdPartyComponentsInitializer from './vue-plugin/third-party-components-initializer'
 
 // Directives
 import Test from './directives/Test.js'
 
 const version = packageInfo.version
 
-const thirdPartyComponentsInitializerFn = thirdPartyComponentsInitializer()
-
-const {
-  QasMap
-} = thirdPartyComponentsInitializerFn.getComponents()
-
 async function install (app) {
   app.component('QasActions', QasActions)
   app.component('QasActionsMenu', QasActionsMenu)
@@ -147,8 +140,6 @@ async function install (app) {
   app.component('QasUploader', QasUploader)
   app.component('QasWelcome', QasWelcome)
 
-  thirdPartyComponentsInitializerFn.initializeComponents(app)
-
   app.use(Quasar, { plugins: { Notify, Loading, QuasarDialog, Dialog } })
 
   app.config.globalProperties.$qas = {
@@ -203,7 +194,6 @@ export {
   QasLayout,
   QasListItems,
   QasListView,
-  QasMap,
   QasNestedFields,
   QasNumericInput,
   QasOptionGroup,

package/src/vue-plugin/components/chart-view-component.js

@@ -1,16 +0,0 @@
-import thirdPartyComponentHandler from '../third-party-component-handler'
-
-export default function () {
-  const { QasComponent, initializeComponent } = thirdPartyComponentHandler({
-    name: 'QasChartView',
-    importFn: () => import('../../components/chart-view/QasChartView.vue')
-  })
-
-  return {
-    QasComponent,
-
-    initializeComponent (app) {
-      return initializeComponent({ app })
-    }
-  }
-}

package/src/vue-plugin/components/map-component.js

@@ -1,16 +0,0 @@
-import thirdPartyComponentHandler from '../third-party-component-handler'
-
-export default function () {
-  const { QasComponent, initializeComponent } = thirdPartyComponentHandler({
-    name: 'QasMap',
-    importFn: () => import('../../components/map/QasMap.vue')
-  })
-
-  return {
-    QasComponent,
-
-    initializeComponent (app) {
-      return initializeComponent({ app })
-    }
-  }
-}

package/src/vue-plugin/third-party-components-initializer.js

@@ -1,31 +0,0 @@
-import chartViewComponent from './components/chart-view-component'
-import mapComponent from './components/map-component'
-
-export default function () {
-  const components = {
-    QasChartView: chartViewComponent(),
-    QasMap: mapComponent()
-  }
-
-  function getComponents () {
-    const normalizedComponents = {}
-
-    for (const key in components) {
-      normalizedComponents[key] = components[key].QasComponent
-    }
-
-    return normalizedComponents
-  }
-
-  async function initializeComponents (app) {
-    for (const key in components) {
-      components[key].initializeComponent(app)
-    }
-  }
-
-  return {
-    initializeComponents,
-
-    getComponents
-  }
-}