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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.11.0-beta.5",
+  "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
     }
   }
 }