@bildvitta/quasar-ui-asteroid 3.0.0-beta.13 → 3.0.0-beta.14

package/dist/vetur/asteroid-attributes.json

@@ -355,6 +355,10 @@
     "description": "Altera ordem dos campos.",
     "type": "array"
   },
+  "qas-form-view/before-submit": {
+    "description": "Callback para controlar como funciona o comportamento do submit.",
+    "type": "function"
+  },
   "qas-form-view/cancel-button-label": {
     "description": "Rótulo do botão \"cancelar\".",
     "type": "string"

package/dist/vetur/asteroid-tags.json

@@ -189,6 +189,7 @@
   },
   "qas-form-view": {
     "attributes": [
+      "before-submit",
       "cancel-button-label",
       "cancel-route",
       "custom-id",

package/package.json

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

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

@@ -4,7 +4,7 @@
       <slot name="header" />
     </header>
 
-    <q-form ref="form" @submit="submit">
+    <q-form ref="form" @submit="submitHandler">
       <slot />
 
       <slot v-if="useActions" name="actions">
@@ -122,6 +122,11 @@ export default {
     useSubmitButton: {
       default: true,
       type: Boolean
+    },
+
+    beforeSubmit: {
+      default: null,
+      type: Function
     }
   },
 
@@ -369,17 +374,35 @@ export default {
       })
     },
 
-    async submit (event) {
-      if (this.disable) return null
-
+    /**
+     * Se existe a propriedade com callback "beforeSubmit", então o controle de quando e como chamar o método "submit"
+     * está sendo controlado fora do QasFormView, se não existir a propriedade "beforeSubmit", então o controle do método
+     * submit é feito pelo próprio QasFormView, chamado pelo evento @submit.
+    */
+    submitHandler (event) {
       if (event) {
         event.preventDefault()
       }
 
+      const hasBeforeSubmit = typeof this.beforeSubmit === 'function'
+
+      if (hasBeforeSubmit) {
+        return this.beforeSubmit({
+          payload: { id: this.id, payload: this.modelValue, url: this.url },
+          resolve: payload => this.submit(payload)
+        })
+      }
+
+      this.submit()
+    },
+
+    async submit (externalPayload = {}) {
+      if (this.disable) return null
+
       this.isSubmitting = true
 
       try {
-        const payload = { id: this.id, payload: this.modelValue, url: this.url }
+        const payload = { id: this.id, payload: this.modelValue, url: this.url, ...externalPayload }
 
         this.$qas.logger.group(
           `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]

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

@@ -4,6 +4,12 @@ meta:
   desc: Componente para C.R.U.D. responsável pela pela criação (Create) e edição (Update).
 
 props:
+  before-submit:
+    desc: Callback para controlar como funciona o comportamento do submit.
+    default: null
+    type: Function
+    examples: ['beforeSubmit({ payload, resolve })']
+
   cancel-button-label:
     desc: Rótulo do botão "cancelar".
     default: Cancelar

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

@@ -261,13 +261,8 @@ export default {
     modelValue: {
       handler (value) {
         this.nested = extend(true, [], value)
-      },
-      immediate: true
-    },
 
-    field: {
-      handler () {
-        !this.modelValue.length && this.setDefaultNestedValue()
+        if (!this.nested.length) return this.setDefaultNestedValue()
       },
       immediate: true
     }