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

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.13",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/components/dialog/QasDialog.vue

@@ -14,7 +14,7 @@
       <section class="text-body1 text-grey-8">
         <component :is="componentTag" ref="form">
           <slot name="description">
-            <div v-if="card.description">{{ card.description }}</div>
+            <component :is="descriptionComponentTag">{{ card.description }}</component>
           </slot>
         </component>
       </section>
@@ -186,6 +186,14 @@ export default {
         useEqualWidth: this.hasAllActions,
         ...this.actionsProps
       }
+    },
+
+    hasRenderFunction () {
+      return typeof this.card.description?.render === 'function'
+    },
+
+    descriptionComponentTag () {
+      return this.hasRenderFunction ? this.card.description : 'div'
     }
   },
 

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/label/QasLabel.yml

@@ -19,6 +19,11 @@ props:
     type: String
     examples: [xs, sm, md, lg, xl]
 
+  color:
+    desc: Cor da label.
+    default: grey-9
+    type: String
+
 slots:
   default:
     desc: Slot para acessar elemento do texto.

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 {

package/src/plugins/delete/Delete.js

@@ -20,11 +20,20 @@ export default function (config = {}) {
   const { entity, id, url } = deleteActionParams
 
   const defaultDialogProps = {
-    card: { description: 'Tem certeza que deseja excluir este item?' },
+    ...dialogProps,
 
-    ok: { label: 'Excluir', onClick: () => destroy.call(this) },
+    card: {
+      description: 'Tem certeza que deseja excluir este item?',
 
-    ...dialogProps
+      ...dialogProps.card
+    },
+
+    ok: {
+      label: 'Excluir',
+      onClick: () => destroy.call(this),
+
+      ...dialogProps.ok
+    }
   }
 
   const defaultNotifyMessages = {