@bildvitta/quasar-ui-asteroid 3.16.0-beta.5 → 3.16.0-beta.7

package/package.json

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

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

@@ -2,8 +2,8 @@
   <div class="qas-btn-dropdown" :class="classes.parent">
     <div v-if="hasButtons" :class="classes.list">
       <div v-for="(buttonProps, key, index) in props.buttonsPropsList" :key="key">
-        <div class="flex">
-          <qas-btn :disable="props.disable" v-bind="buttonProps" variant="tertiary" @click="onClick">
+        <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">
               <div :class="classes.menuContent">
                 <slot />
@@ -91,7 +91,7 @@ const classes = computed(() => {
     },
 
     list: {
-      flex: !isSingleButton.value
+      'flex no-wrap': !isSingleButton.value
     }
   }
 })

package/src/components/expansion-item/QasExpansionItem.vue

@@ -1,7 +1,7 @@
 <template>
-  <div ref="expansionItem" class="qas-expansion-item" :class="errorClasses">
+  <div ref="expansionItem" class="full-width qas-expansion-item" :class="errorClasses" v-bind="expansionProps.parent">
     <component :is="component.is" class="qas-expansion-item__box">
-      <q-expansion-item header-class="text-bold q-mt-sm q-pa-none" :label="props.label">
+      <q-expansion-item header-class="text-bold q-mt-sm q-pa-none" :label="props.label" v-bind="expansionProps.item">
         <template #header>
           <slot name="header">
             <div class="full-width">
@@ -45,9 +45,12 @@
 <script setup>
 import QasBox from '../box/QasBox.vue'
 
-import { computed, provide, inject, onMounted, ref } from 'vue'
+import { computed, provide, inject, onMounted, ref, useAttrs } from 'vue'
 
-defineOptions({ name: 'QasExpansionItem' })
+defineOptions({
+  name: 'QasExpansionItem',
+  inheritAttrs: false
+})
 
 const props = defineProps({
   badges: {
@@ -75,6 +78,8 @@ const props = defineProps({
   }
 })
 
+const attrs = useAttrs()
+
 provide('isExpansionItem', true)
 
 // slots
@@ -100,6 +105,33 @@ const hasGridGenerator = computed(() => !!Object.keys(props.gridGeneratorProps).
 const hasBottomSeparator = computed(() => isNestedExpansionItem && hasNextSibling.value)
 const hasHeaderBottom = computed(() => !!slots['header-bottom'])
 
+const expansionProps = computed(() => {
+  const {
+    'onUpdate:modelValue': onUpdateModelValue,
+    onShow,
+    onBeforeShow,
+    onBeforeHide,
+    onAfterShow,
+    onAfterHide,
+    ...propsPayload
+  } = attrs
+
+  return {
+    parent: {
+      ...propsPayload
+    },
+
+    item: {
+      onUpdateModelValue,
+      onShow,
+      onBeforeShow,
+      onBeforeHide,
+      onAfterShow,
+      onAfterHide
+    }
+  }
+})
+
 // functions
 
 /**
@@ -120,10 +152,6 @@ function setHasNextSibling (value) {
 .qas-expansion-item {
   $root: &;
 
-  & + & {
-    margin-top: var(--qas-spacing-lg);
-  }
-
   &--error {
     #{$root}__box {
       border: 2px solid $negative;

package/src/components/header-actions/QasHeaderActions.vue

@@ -6,7 +6,7 @@
       </slot>
     </div>
 
-    <div v-if="hasRightSide" class="col-3 col-md-3 col-sm-4 justify-end row">
+    <div v-if="hasRightSide" class="justify-end row">
       <slot name="right">
         <qas-actions-menu v-if="hasDefaultActionsMenu" v-bind="props.actionsMenuProps" />
 
@@ -59,7 +59,11 @@ const slots = useSlots()
 // computed
 const containerClass = computed(() => `items-${props.alignColumns} q-mb-${props.spacing}`)
 
-const leftClass = computed(() => hasRightSide.value ? 'col-9 col-md-9 col-sm-8' : 'col-12')
+const leftClass = computed(() => {
+  return {
+    'col-12': !hasRightSide.value
+  }
+})
 
 const hasDefaultButton = computed(() => !!Object.keys(props.buttonProps).length)
 const hasDefaultActionsMenu = computed(() => !!Object.keys(props.actionsMenuProps).length)

package/src/components/single-view/QasSingleView.vue

@@ -82,6 +82,9 @@ const {
   updateModels
 } = useView({ emit, props, slots, mode: 'single' })
 
+// Expose
+defineExpose({ fetchSingle, fetchHandler })
+
 // computed
 const id = computed(() => props.customId || route.params.id)
 

package/src/components/toggle-visibility/QasToggleVisibility.vue

@@ -21,7 +21,7 @@
       <qas-btn
         class="q-ml-sm qas-toggle-visibility__button"
         :icon
-        @click="toggleVisibility"
+        @click.prevent.stop="toggleVisibility"
       />
     </div>
   </div>