@bildvitta/quasar-ui-asteroid 3.18.0-beta.2 → 3.18.0-beta.3

package/package.json

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

package/src/components/actions-menu/QasActionsMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="hasList" class="qas-actions-menu" data-cy="actions-menu">
     <qas-btn-dropdown v-bind="btnDropdownProps">
-      <q-list data-cy="actions-menu-list" separator>
+      <q-list data-cy="actions-menu-list">
         <slot v-for="(item, key) in formattedList.dropdownList" :item="item" :name="key">
           <q-item v-bind="getItemProps(item)" :key="key" active-class="primary" clickable data-cy="actions-menu-list-item" @click="setClickHandler(item)">
             <q-item-section avatar>

package/src/components/alert/QasAlert.vue

@@ -61,7 +61,7 @@ const props = defineProps({
 
   text: {
     type: String,
-    required: true
+    default: ''
   },
 
   useBox: {

package/src/components/app-menu/QasAppMenu.vue

@@ -83,17 +83,17 @@
         </q-list>
 
         <!-- usuário + chat ajuda -->
-        <div v-if="showAppUser" class="q-mt-auto" @mouseenter="onMouseEvent" @mouseleave="onMouseEvent">
+        <div v-if="showAppUser" class="column justify-end no-wrap qas-app-menu__user-chat" @mouseenter="onMouseEvent" @mouseleave="onMouseEvent">
           <!-- Chat Ajuda -->
           <q-list v-if="useChat" class="q-mt-md">
-            <q-item class="q-pb-none" clickable @click="toggleChat">
-              <q-item-section avatar>
-                <q-icon color="primary" name="sym_r_chat" />
+            <q-item class="q-pb-none qas-app-menu__chat-item" clickable @click="toggleChat">
+              <q-item-section avatar class="qas-app-menu__chat-item-section text-primary">
+                <q-icon name="sym_r_chat" />
               </q-item-section>
 
-              <q-item-section>
+              <q-item-section class="qas-app-menu__chat-item-section text-primary">
                 <q-item-label>
-                  <div class="ellipsis text-primary text-subtitle2">
+                  <div class="ellipsis text-subtitle2">
                     Solicitar ajuda
                   </div>
                 </q-item-label>
@@ -478,6 +478,19 @@ function useChatMenu () {
     padding-right: 0 !important;
   }
 
+  // Faz com que essa área ocupe todo o tamanho restante até o QList, adicionando o evento de mouseover.
+  &__user-chat {
+    flex: 1 1 auto;
+  }
+
+  &__chat-item:hover &__chat-item-section {
+    color: var(--qas-primary-contrast) !important;
+  }
+
+  &__chat-item-section {
+    transition: color var(--qas-generic-transition);
+  }
+
   .q-item:not(&__item--label-mini) {
     padding-left: var(--qas-spacing-xl) !important;
     padding-right: var(--qas-spacing-xl) !important;

package/src/components/btn-dropdown/QasBtnDropdown.vue

@@ -4,7 +4,7 @@
       <div v-for="(buttonProps, key, index) in props.buttonsPropsList" :key="key">
         <div class="flex no-wrap">
           <qas-btn :disable="props.disable" v-bind="buttonProps" no-wrap variant="tertiary" @click="onClick">
-            <q-menu v-if="hasMenuOnLeftSide" v-model="isMenuOpened" anchor="bottom right" auto-close self="top right" @update:model-value="onUpdateMenuValue">
+            <q-menu v-if="hasMenuOnLeftSide" v-model="isMenuOpened" anchor="bottom right" auto-close class="qas-menu" self="top right" @update:model-value="onUpdateMenuValue">
               <div :class="classes.menuContent">
                 <slot />
               </div>
@@ -20,7 +20,7 @@
 
     <div v-if="props.useSplit">
       <qas-btn v-bind="splittedButtonProps">
-        <q-menu v-if="hasDefaultSlot" anchor="bottom right" auto-close self="top right">
+        <q-menu v-if="hasDefaultSlot" anchor="bottom right" auto-close class="qas-menu" self="top right">
           <div :class="classes.menuContent">
             <slot />
           </div>

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

@@ -193,6 +193,8 @@ export default {
     },
 
     columnsByFields () {
+      const hasMultipleResults = this.rowsPerPage > 1
+
       if (!this.hasFields) {
         return this.normalizedColumns.filter(column => column instanceof Object)
       }
@@ -208,7 +210,7 @@ export default {
           label,
           name,
           headerClasses: 'text-grey-10',
-          sortable: sortable ?? true,
+          sortable: sortable ?? hasMultipleResults,
           sort,
           rawSort
         })

package/src/components/table-generator/_components/PvTableGeneratorTd.vue

@@ -71,7 +71,7 @@ const component = computed(() => {
         maxWidth: 260,
 
         // caso personalize o componente passando "list", não pode enviar "text" senão vai ter erro de tipo
-        text: props.componentData.props?.list?.length ? '' : defaultValue
+        text: 'list' in (props.componentData.props || {}) ? '' : defaultValue
       }
     },
 

package/src/components/tree-generator/QasTreeGenerator.vue

@@ -10,8 +10,8 @@
           <span v-if="hasMenuButton(node)" class="q-ml-sm">
             <!-- TODO: rever para o uso QasActionsMenu -->
             <qas-btn color="grey-10" icon="sym_r_more_vert" variant="tertiary" @click.stop.prevent>
-              <q-menu auto-close>
-                <q-list separator>
+              <q-menu auto-close class="qas-menu">
+                <q-list>
                   <q-item v-if="useAddButton" v-ripple class="qas-tree-generator__item" clickable @click="handleTreeFormDialog(node, true, tree)">
                     <q-item-section avatar>
                       <q-icon name="sym_r_add_circle_outline" />

package/src/components/uploader/QasUploader.vue

@@ -17,7 +17,6 @@
 
           <!-- ------------------------------------ tags hidden -------------------------------------- -->
           <input ref="hiddenInput" :accept="attributes.accept" class="qas-uploader__input" :multiple="isMultiple" type="file">
-          <qas-btn ref="buttonCleanFiles" class="hidden" @click="scope.removeUploadedFiles" />
         </slot>
       </template>
 
@@ -337,13 +336,13 @@ export default {
     },
 
     dispatchUpload () {
-      this.$refs.buttonCleanFiles.$el.click()
-      this.hiddenInputElement.click()
+      this.uploader?.removeUploadedFiles?.()
+      this.hiddenInputElement?.click?.()
     },
 
     async factory ([file]) {
       if (!this.isMultiple && !this.hasHeaderSlot) {
-        this.$refs.buttonCleanFiles.$el.click()
+        this.uploader.removeUploadedFiles()
       }
 
       const name = `${uid()}.${file.name.split('.').pop()}`

package/src/css/components/menu.scss

@@ -10,7 +10,7 @@
       min-height: 36px !important;
 
       .q-icon {
-        font-size: 18px !important;
+        font-size: 24px !important;
       }
     }