@bildvitta/quasar-ui-asteroid 3.15.0-beta.3 → 3.15.0-beta.5

package/package.json

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

package/src/components/nested-fields/QasNestedFields.vue

@@ -17,7 +17,7 @@
 
             <div ref="formGenerator" class="col-12 justify-between q-col-gutter-x-md row">
               <slot :errors="transformedErrors" :fields="getFields(index, row)" :index="index" name="fields" :update-value="updateValuesFromInput">
-                <qas-form-generator v-model="nested[index]" :class="formClasses" :columns="formColumns" :disable="isDisabledRow(row)" :errors="transformedErrors[index]" :fields="getFields(index, row)" :fields-props="getFieldsProps(index, row)" @update:model-value="updateValuesFromInput($event, index)">
+                <qas-form-generator v-model="nested[index]" class="col" :columns="formColumns" :disable="isDisabledRow(row)" :errors="transformedErrors[index]" :fields="getFields(index, row)" :fields-props="getFieldsProps(index, row)" :gutter="formGutter" @update:model-value="updateValuesFromInput($event, index)">
                   <template v-for="(slot, key) in $slots" #[key]="scope">
                     <slot v-bind="scope" :disabled="isDisabledRow(row)" :errors="transformedErrors" :index="index" :name="key" />
                   </template>
@@ -67,6 +67,7 @@ import QasInput from '../input/QasInput.vue'
 import QasLabel from '../label/QasLabel.vue'
 
 import { constructObject } from '../../helpers'
+import { Spacing } from '../../enums/Spacing'
 
 import { TransitionGroup } from 'vue'
 import debug from 'debug'
@@ -164,17 +165,9 @@ export default {
     },
 
     formGutter: {
-      type: String,
-      default: 'md',
-      validator: value => {
-        return [
-          'xs',
-          'sm',
-          'md',
-          'lg',
-          'xl'
-        ].includes(value)
-      }
+      default: Spacing.Lg,
+      type: [String, Boolean],
+      validator: value => typeof value === 'boolean' || Object.values(Spacing).includes(value)
     },
 
     identifierItemKey: {
@@ -280,13 +273,6 @@ export default {
       return this.field?.name
     },
 
-    formClasses () {
-      return {
-        col: true,
-        [`q-col-gutter-x-${this.formGutter}`]: this.useInlineActions
-      }
-    },
-
     showDestroyButton () {
       return this.nested.filter(item => !item[this.destroyKey]).length > 1 || this.hasDestroyAlways
     },

package/src/components/nested-fields/QasNestedFields.yml

@@ -75,10 +75,10 @@ props:
     examples: ["[{ sm: 6, md: 12 }]", "{ name: { sm: 6, md: 12 } }", "12"]
 
   form-gutter:
-    desc: Espaçamento entre cada campo.
-    default: md
-    type: String
-    examples: [xs, sm, md, lg, xl]
+    desc: Espaçamento entre colunas do formulário.
+    default: lg
+    type: [String, Boolean]
+    examples: [xs, sm, md, lg, xl, false]
 
   identifier-item-key:
     desc: Define um identificador para o item. O identificador será utilizado para validar exclusão do item, por exemplo.

package/src/components/option-group/QasOptionGroup.vue

@@ -35,8 +35,8 @@ export default {
   computed: {
     attributes () {
       return {
-        ...this.$attrs,
-        inline: !this.$qas.screen.isSmall
+        inline: !this.$qas.screen.isSmall,
+        ...this.$attrs
       }
     },