@bildvitta/quasar-ui-asteroid 3.11.0-beta.16 → 3.11.0-beta.17

package/package.json

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

package/src/components/page-header/QasPageHeader.vue

@@ -9,7 +9,7 @@
         <q-breadcrumbs v-if="useBreadcrumbs" class="text-caption" gutter="xs" separator-color="grey-8">
           <q-breadcrumbs-el v-if="useHomeIcon" class="qas-page-header__breadcrumbs-el text-grey-8" icon="sym_r_home" :to="homeRoute" />
 
-          <q-breadcrumbs-el v-for="(item, index) in normalizedBreadcrumbs" :key="index" class="qas-page-header__breadcrumbs-el" :label="item.label" :to="item.route" />
+          <q-breadcrumbs-el v-for="(item, index) in normalizedBreadcrumbs" :key="index" class="ellipsis inline-block qas-page-header__breadcrumbs-el" :label="item.label" :to="item.route" />
         </q-breadcrumbs>
       </div>
 
@@ -142,6 +142,7 @@ export default {
 <style lang="scss">
 .qas-page-header {
   &__breadcrumbs-el {
+    max-width: 180px;
     transition: color var(--qas-generic-transition);
 
     &.q-breadcrumbs__el:not(.q-router-link--exact-active):hover {

package/src/components/welcome/QasWelcome.vue

@@ -1,13 +1,21 @@
 <template>
   <div class="q-mb-xl qas-welcome text-left">
-    <h3 class="text-grey-9 text-h3">
-      {{ welcomeMessage }}<span v-if="firstName">, {{ firstName }}</span>
-    </h3>
+    <div class="items-center justify-between row">
+      <div>
+        <h3 class="text-grey-9 text-h3">
+          {{ welcomeMessage }}<span v-if="firstName">, {{ firstName }}</span>
+        </h3>
 
-    <div class="text-caption text-grey-8">{{ currentDay }}</div>
+        <div class="text-caption text-grey-8">{{ currentDay }}</div>
+      </div>
+
+      <slot name="actions">
+        <qas-actions-menu v-if="hasActionsMenuProps" v-bind="actionsMenuProps" />
+      </slot>
+    </div>
 
     <div v-if="hasShortcuts">
-      <div class="q-mb-md q-mt-md text-grey-9 text-subtitle2">Atalhos</div>
+      <qas-label class="q-mt-lg" label="Atalhos" />
 
       <div class="qas-welcome__container">
         <div ref="scrollArea" class="row" :class="contentClasses">
@@ -34,6 +42,11 @@ export default {
   },
 
   props: {
+    actionsMenuProps: {
+      default: () => ({}),
+      type: Object
+    },
+
     name: {
       default: '',
       type: String
@@ -68,6 +81,10 @@ export default {
       return this.name.split(' ')?.[0]
     },
 
+    hasActionsMenuProps () {
+      return !!Object.keys(this.actionsMenuProps).length
+    },
+
     hasShortcuts () {
       return !!this.shortcuts.length
     },

package/src/components/welcome/QasWelcome.yml

@@ -4,6 +4,11 @@ meta:
   desc: Componente de boas-vindas para ser usado na Home dos sistemas.
 
 props:
+  actions-menu-props:
+    desc: Propriedades repassadas para o QasActionsMenu.
+    default: {}
+    type: Object
+
   name:
     desc: Nome do usuário a ser mostrado na tela.
     type: String
@@ -12,3 +17,7 @@ props:
     desc: Lista de cards de atalhos.
     default: []
     type: Array
+
+slots:
+  actions:
+    desc: Slot para substituir o QasActionsMenu.