@bildvitta/quasar-ui-asteroid 3.11.0-beta.11 → 3.11.0-beta.12

package/package.json

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

package/src/components/field/QasField.vue

@@ -74,6 +74,7 @@ export default {
         filled = readonly,
         suffix,
         prefix,
+        places,
         type,
         mask,
         maxFiles,
@@ -104,7 +105,7 @@ export default {
         useIso
       }
 
-      const numericInput = { is: 'qas-numeric-input', ...input }
+      const numericInput = { is: 'qas-numeric-input', places, ...input }
       const datetimeInput = { is: 'qas-date-time-input', useIso, ...input }
 
       // It'll generate a list of acceptable files extensions.

package/src/components/form-view/QasFormView.vue

@@ -4,7 +4,7 @@
       <slot name="header" />
     </header>
 
-    <q-form ref="form" @submit="submitHandler">
+    <q-form ref="form" v-bind="defaultFormProps">
       <slot />
 
       <slot v-if="useActions" name="actions">
@@ -76,6 +76,11 @@ export default {
       type: Boolean
     },
 
+    formProps: {
+      type: Object,
+      default: () => ({})
+    },
+
     mode: {
       default: 'create',
       type: String
@@ -191,6 +196,17 @@ export default {
         error: 'Não conseguimos salvar as informações. Por favor, tente novamente em alguns minutos.',
         success: 'Informações salvas com sucesso.'
       }
+    },
+
+    defaultFormProps () {
+      return {
+        ...this.formProps,
+
+        onSubmit: event => {
+          this.submitHandler(event)
+          this.formProps?.onSubmit?.(event)
+        }
+      }
     }
   },
 

package/src/components/form-view/QasFormView.yml

@@ -66,6 +66,12 @@ props:
     examples: [v-model:fields="fields"]
     model: true
 
+  form-props:
+    desc: Repassa todas as props/eventos para o `QForm`.
+    default: {}
+    type: Object
+    examples: ['{ onValidationError: ref => validationErrorHandler(ref) }']
+
   ignore-keys-in-unsaved-changes:
     desc: Vamos imaginar um cenário onde você precisa alterar valores do v-model por qualquer motivo que seja, mas quando o usuário sair da tela, não pode aparecer o modal perguntando se ele quer sair ou continuar editando, por que o usuário de fato não fez nenhuma alteração nos dados, esta prop serve para você dizer quais keys dentro do v-model você quer ignorar.
     default: []

package/src/components/numeric-input/QasNumericInput.vue

@@ -25,7 +25,7 @@ export default {
       type: Object
     },
 
-    decimalPlaces: {
+    places: {
       default: 2,
       type: Number
     },
@@ -113,7 +113,7 @@ export default {
     }
 
     if (this.mode !== 'integer') {
-      options.decimalPlaces = this.decimalPlaces
+      options.decimalPlaces = this.places
     }
 
     if (this.mode === 'money') {

package/src/components/numeric-input/QasNumericInput.yml

@@ -12,7 +12,7 @@ props:
     default: {}
     type: Object
 
-  decimal-places:
+  places:
     desc: Quantidade de casas decimais.
     default: 2
     type: Number

package/src/css/components/button.scss

@@ -39,7 +39,7 @@
     position: relative;
 
     &:disabled {
-      color: $grey-8 !important;
+      color: $grey-6 !important;
     }
   }
 
@@ -58,7 +58,7 @@
     padding: 0 !important;
 
     &:disabled {
-      color: $grey-8 !important;
+      color: $grey-6 !important;
     }
 
     &-grey-9 {