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

package/dist/asteroid.umd.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-actions-menu__list{width:265px;z-index:1}.qas-alert{border-style:solid;border-width:0 10px}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-map__draw{height:300px;width:100%}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-actions-menu__list{width:265px;z-index:1}.qas-alert{border-style:solid;border-width:0 10px}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-map__draw{height:300px;width:100%}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}

package/dist/asteroid.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-beta.13
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.16
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -5327,6 +5327,11 @@
       useBoundary: {
         default: true,
         type: Boolean
+      },
+
+      beforeFetch: {
+        default: null,
+        type: Function
       }
     },
 
@@ -5342,7 +5347,7 @@
         mx_errors: {},
         mx_fields: {},
         mx_metadata: {},
-
+        mx_cancelBeforeFetch: false,
         mx_isFetching: false
       }
     },
@@ -5408,6 +5413,22 @@
 
           this.$emit(`update:${key}`, models[key]);
         }
+      },
+
+      mx_fetchHandler (payload, resolve) {
+        const hasBeforeFetch = typeof this.beforeFetch === 'function';
+
+        if (hasBeforeFetch && !this.mx_cancelBeforeFetch) {
+          return this.beforeFetch({
+            payload,
+            resolve: payload => resolve(payload),
+            done: () => {
+              this.mx_cancelBeforeFetch = true;
+            }
+          })
+        }
+
+        resolve();
       }
     }
   };
@@ -5489,6 +5510,11 @@
       useSubmitButton: {
         default: true,
         type: Boolean
+      },
+
+      beforeSubmit: {
+        default: null,
+        type: Function
       }
     },
 
@@ -5582,7 +5608,7 @@
 
       window.addEventListener('delete-success', this.setIgnoreRouterGuard);
 
-      this.fetch();
+      this.mx_fetchHandler({ form: true, id: this.id, url: this.fetchURL }, this.fetch);
     },
 
     onUnmounted () {
@@ -5717,6 +5743,7 @@
         const { addRoute } = useHistory();
 
         this.defaultDialogProps.ok.onClick = () => addRoute(this.$route);
+
         this.defaultDialogProps.cancel.onClick = next;
       },
 
@@ -5736,17 +5763,35 @@
         });
       },
 
-      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]
@@ -5820,7 +5865,7 @@
           : vue.createCommentVNode("v-if", true),
         vue.createVNode(_component_q_form, {
           ref: "form",
-          onSubmit: $options.submit
+          onSubmit: $options.submitHandler
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default"),
@@ -6558,6 +6603,10 @@
       useFilter: {
         default: true,
         type: Boolean
+      },
+
+      useResultsAreaOnly: {
+        type: Boolean
       }
     },
 
@@ -6593,13 +6642,17 @@
 
       totalPages () {
         return this.$store.getters[`${this.entity}/totalPages`]
+      },
+
+      showResults () {
+        return this.hasResults || this.useResultsAreaOnly
       }
     },
 
     watch: {
       $route (to, from) {
         if (to.name === from.name) {
-          this.fetchList();
+          this.mx_fetchHandler({ ...this.mx_context, url: this.url }, this.fetchList);
           this.setCurrentPage();
         }
       },
@@ -6614,7 +6667,8 @@
     },
 
     created () {
-      this.fetchList();
+      this.mx_fetchHandler({ ...this.mx_context, url: this.url }, this.fetchList);
+
       this.setCurrentPage();
     },
 
@@ -6624,16 +6678,14 @@
         this.$router.push({ query });
       },
 
-      async fetchList (filters = {}) {
+      async fetchList (externalPayload = {}) {
         this.mx_isFetching = true;
 
-        const hasFilters = !!Object.keys(filters).length;
-
         try {
           const payload = {
             ...this.mx_context,
             url: this.url,
-            ...(hasFilters && { filters })
+            ...externalPayload
           };
 
           this.$qas.logger.group(
@@ -6657,7 +6709,7 @@
           this.$emit('fetch-success', response);
 
           this.$qas.logger.group(
-            `QasListView - fetchSingle -> resposta da action ${this.entity}/fetchList`, [response]
+            `QasListView - fetchList -> resposta da action ${this.entity}/fetchList`, [response]
           );
         } catch (error) {
           this.mx_fetchError(error);
@@ -6731,7 +6783,7 @@
                 ])
               : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("main", _hoisted_2$7, [
-              ($options.hasResults)
+              ($options.showResults)
                 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [
                     vue.renderSlot(_ctx.$slots, "default")
                   ]))
@@ -6979,6 +7031,11 @@
         }
       },
 
+      identifierItemKey: {
+        type: String,
+        default: 'uuid'
+      },
+
       rowLabel: {
         type: String,
         default: ''
@@ -7081,13 +7138,8 @@
       modelValue: {
         handler (value) {
           this.nested = quasar.extend(true, [], value);
-        },
-        immediate: true
-      },
 
-      field: {
-        handler () {
-          !this.modelValue.length && this.setDefaultNestedValue();
+          if (!this.nested.length) return this.setDefaultNestedValue()
         },
         immediate: true
       }
@@ -7096,6 +7148,11 @@
     methods: {
       add (row = {}) {
         const payload = { ...this.rowObject, ...row };
+        const hasIdentifierKey = payload[this.identifierItemKey];
+
+        if (hasIdentifierKey) {
+          delete payload[this.identifierItemKey];
+        }
 
         this.nested.push(payload);
 
@@ -7121,7 +7178,7 @@
       },
 
       destroy (index, row) {
-        this.useRemoveOnDestroy
+        !row[this.identifierItemKey] || this.useRemoveOnDestroy
           ? this.nested.splice(index, 1)
           : this.nested.splice(index, 1, { [this.destroyKey]: true, ...row });
 
@@ -8376,7 +8433,9 @@
 
     watch: {
       $route (to, from) {
-        to.name === from.name && this.fetchSingle();
+        if (to.name === from.name) {
+          this.mx_fetchHandler({ id: this.id, url: this.url }, this.fetchSingle);
+        }
       },
 
       resultModel (value) {
@@ -8385,15 +8444,15 @@
     },
 
     created () {
-      this.fetchSingle();
+      this.mx_fetchHandler({ id: this.id, url: this.url }, this.fetchSingle);
     },
 
     methods: {
-      async fetchSingle (params = {}) {
+      async fetchSingle (externalPayload = {}) {
         this.mx_isFetching = true;
 
         try {
-          const payload = { id: this.id, url: this.url, params };
+          const payload = { id: this.id, url: this.url, ...externalPayload };
 
           this.$qas.logger.group(
             `QasSingleView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`,
@@ -9480,7 +9539,7 @@
 
   var name = "@bildvitta/quasar-ui-asteroid";
   var description = "Asteroid";
-  var version$1 = "3.0.0-beta.13";
+  var version$1 = "3.0.0-beta.16";
   var author = "Bild & Vitta <systemteam@bild.com.br>";
   var license = "MIT";
   var main = "dist/asteroid.cjs.min.js";