@bildvitta/quasar-ui-asteroid 3.17.0-beta.30 → 3.17.0-beta.32

package/package.json

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

package/src/components/select/QasSelect.vue

@@ -38,7 +38,7 @@
               {{ scope.opt.label }}
             </q-item-label>
 
-            <div v-for="(badge, index) in getFilteredBadgeList(scope.opt)" :key="index">
+            <div v-for="(badge, index) in getFilteredBadgeList(scope.opt)" :key="index" class="flex">
               <qas-badge v-if="hasBadge(badge)" v-bind="getBadgeProps(badge)" />
             </div>
           </div>
@@ -247,7 +247,16 @@ export default {
     },
 
     canSetDefaultOption () {
-      return (this.required || this.useAutoSelect) && this.options.length === 1 && !this.modelValue
+      // Como o default do model pode ser um array (caso de multiple), é necessário validar o length
+      const hasModelValue = Array.isArray(this.modelValue) ? !!this.modelValue.length : !!this.modelValue
+
+      /**
+       * Posso setar o default quando:
+       * - O campo for required ou tiver a prop useAutoSelect
+       * - Tiver apenas uma option
+       * - O modelValue estiver vazio
+       */
+      return (this.required || this.useAutoSelect) && this.options.length === 1 && !hasModelValue
     },
 
     // redesign

package/src/components/select/QasSelect.yml

@@ -7,7 +7,7 @@ meta:
   desc: Componente para select que implementa o "QSelect" repassando propriedades, slots e eventos.
 
 props:
-  badge-list:
+  badge-props:
     desc: Configuração das badges no qual cada key é um callback com o valor booleano retornado pelo back.
     default: {}
     examples: ["{ isTester: () => { return { color: 'grey-8', label: 'Tester', textColor: 'white' }} }"]

package/src/components/text-truncate/QasTextTruncate.vue

@@ -41,6 +41,7 @@ import { baseProps } from '../../shared/badge-config'
 
 import {
   computed,
+  nextTick,
   onMounted,
   onUnmounted,
   ref,
@@ -225,7 +226,9 @@ function useTruncate ({ parent, props, hasBadges }) {
   watch(() => props.maxWidth, truncateText)
 
   // functions
-  function truncateText () {
+  async function truncateText () {
+    await nextTick()
+
     // Se tiver badges, então não pode ser feito calculo de width.
     if (hasBadges.value) return
 

package/src/components/welcome/QasWelcome.vue

@@ -14,6 +14,10 @@
       </slot>
     </div>
 
+    <div v-if="hasAfterGreetingSlot" class="q-mt-lg">
+      <slot name="after-greeting" />
+    </div>
+
     <div v-if="hasShortcuts">
       <qas-label class="q-mt-lg" label="Atalhos" />
 
@@ -102,6 +106,10 @@ export default {
       if (time >= '12:00' && time < '18:59') return 'Boa tarde'
 
       return 'Boa noite'
+    },
+
+    hasAfterGreetingSlot () {
+      return !!this.$slots['after-greeting']
     }
   }
 }

package/src/components/welcome/QasWelcome.yml

@@ -21,3 +21,6 @@ props:
 slots:
   actions:
     desc: Slot para substituir o QasActionsMenu.
+
+  after-greeting:
+    desc: Slot para acessar o conteúdo depois da saudação.