@bildvitta/quasar-ui-asteroid 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/api/QasFormView.json

@@ -4,7 +4,7 @@
     "desc": "Componente para C.R.U.D. responsável pela pela criação (Create) e edição (Update)."
   },
   "props": {
-    "cancel-button": {
+    "cancel-button-label": {
       "desc": "Rótulo do botão \"cancelar\".",
       "default": "Cancelar",
       "type": "String"
@@ -107,10 +107,6 @@
       ],
       "model": true
     },
-    "read-only": {
-      "desc": "Controla o slot de actions.",
-      "type": "Boolean"
-    },
     "route": {
       "desc": "Você pode passar uma configuração de rota customizada.",
       "default": {},
@@ -121,7 +117,7 @@
       "default": true,
       "type": "Boolean"
     },
-    "submit-button": {
+    "submit-button-label": {
       "desc": "Rótulo do botão \"salvar\".",
       "default": "Salvar",
       "type": "String"
@@ -137,6 +133,21 @@
     "url": {
       "desc": "Envia como parâmetro para a action \"fetchSingle\" do modulo correspondente a \"entity\".",
       "type": "String"
+    },
+    "use-actions": {
+      "desc": "Controla se vai ter ou não o slot de actions.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-cancel-button": {
+      "desc": "Controla se vai ter ou não botão de \"cancelar\".",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-submit-button": {
+      "desc": "Controla se vai ter ou não botão de submit.",
+      "default": true,
+      "type": "Boolean"
     }
   },
   "slots": {

package/dist/asteroid.cjs.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-alert{border-style:solid;border-width:0 10px}.qas-actions-menu__list{width:265px;z-index:1}.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-nested-fields__actions{height:56px}.qas-map__draw{height:300px;width:100%}.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-uploader__input{display:none}.qas-transfer__icon{transform:rotate(-90deg)}

package/dist/asteroid.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-beta.8
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.9
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -5293,7 +5293,7 @@ var script$k = {
   mixins: [viewMixin],
 
   props: {
-    cancelButton: {
+    cancelButtonLabel: {
       default: 'Cancelar',
       type: String
     },
@@ -5317,10 +5317,6 @@ var script$k = {
       type: String
     },
 
-    readOnly: {
-      type: Boolean
-    },
-
     route: {
       default: () => ({}),
       type: Object
@@ -5336,7 +5332,7 @@ var script$k = {
       type: Array
     },
 
-    submitButton: {
+    submitButtonLabel: {
       default: 'Salvar',
       type: String
     },
@@ -5348,6 +5344,21 @@ var script$k = {
 
     submitting: {
       type: Boolean
+    },
+
+    useActions: {
+      default: true,
+      type: Boolean
+    },
+
+    useCancelButton: {
+      default: true,
+      type: Boolean
+    },
+
+    useSubmitButton: {
+      default: true,
+      type: Boolean
     }
   },
 
@@ -5392,7 +5403,7 @@ var script$k = {
     },
 
     hasCancelButton () {
-      return !(typeof this.cancelRoute === 'boolean' && !this.cancelRoute)
+      return !(typeof this.cancelRoute === 'boolean' && !this.cancelRoute) && this.useCancelButton
     },
 
     id () {
@@ -5411,16 +5422,12 @@ var script$k = {
       return this.$route
     },
 
-    saveButtonClass () {
+    submitButtonClass () {
       return this.$qas.screen.isSmall && 'order-first'
     },
 
     isCancelButtonDisabled () {
       return this.disable || this.isSubmitting
-    },
-
-    fieldsNameWithDefaultValue () {
-      return Object.keys(this.fields).filter(field => 'default' in this.fields[field])
     }
   },
 
@@ -5428,6 +5435,8 @@ var script$k = {
     mx_fields (fields) {
       const models = { ...this.getModelsByFields(fields), ...this.modelValue };
 
+      this.$emit('update:modelValue', models);
+
       if (!this.hasResult && this.showDialogOnUnsavedChanges) {
         this.cachedResult = quasar.extend(true, {}, models);
       }
@@ -5450,10 +5459,23 @@ var script$k = {
 
   methods: {
     beforeRouteLeave (to, from, next) {
+      const clonedModelValue = quasar.extend(true, {}, this.modelValue);
+      const clonedCachedResult = quasar.extend(true, {}, this.cachedResult);
+
+      /**
+       * Se a propriedade "showDialogOnUnsavedChanges" for false ou a variável
+       * "ignoreRouterGuard" for true, então **não** iremos checar se o usuário
+       * alterou algum campo antes de sair da pagina, senão iremos validar pela função isEqualWith
+       * e mostrar um dialog antes do usuário sair da página.
+      */
       if (
         !this.showDialogOnUnsavedChanges ||
         this.ignoreRouterGuard ||
-        lodashEs.isEqualWith(this.modelValue, this.cachedResult, this.handleIgnoreKeysInUnsavedChanges)
+        lodashEs.isEqualWith(
+          clonedModelValue,
+          clonedCachedResult,
+          this.handleIgnoreKeysInUnsavedChanges
+        )
       ) {
         return next()
       }
@@ -5492,7 +5514,11 @@ var script$k = {
 
         if (result) {
           this.hasResult = true;
-          this.$emit('update:modelValue', { ...this.modelValue, ...result });
+
+          this.$nextTick(() => {
+            this.$emit('update:modelValue', { ...this.modelValue, ...result });
+          });
+
           this.cachedResult = this.showDialogOnUnsavedChanges && quasar.extend(true, {}, result);
         }
 
@@ -5545,28 +5571,23 @@ var script$k = {
 
     // ignora chaves na hora de validar quando usuário está saindo da página
     handleIgnoreKeysInUnsavedChanges (firstValue, secondValue) {
-      const toIgnore = [
-        ...this.fieldsNameWithDefaultValue,
-        ...this.ignoreKeysInUnsavedChanges
-      ];
+      if (!this.ignoreKeysInUnsavedChanges.length) return
 
-      if (!toIgnore.length) return
+      this.ignoreKeysInUnsavedChanges.forEach(key => {
+        if (!firstValue) return
 
-      toIgnore.forEach(key => {
         delete firstValue[key];
         delete secondValue[key];
       });
     },
 
     async submit (event) {
+      if (this.disable) return null
+
       if (event) {
         event.preventDefault();
       }
 
-      if (this.disable || this.readyOnly) {
-        return null
-      }
-
       this.isSubmitting = true;
 
       try {
@@ -5632,7 +5653,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),
-          (!$props.readOnly)
+          ($props.useActions)
             ? vue.renderSlot(_ctx.$slots, "actions", { key: 0 }, () => [
                 vue.createElementVNode("div", _hoisted_2$9, [
                   ($options.hasCancelButton)
@@ -5644,7 +5665,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
                           class: "full-width",
                           "data-cy": `btnCancel-${_ctx.entity}`,
                           disable: $options.isCancelButtonDisabled,
-                          label: $props.cancelButton,
+                          label: $props.cancelButtonLabel,
                           outline: "",
                           type: "button",
                           onClick: $options.cancel
@@ -5653,18 +5674,21 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ], 2 /* CLASS */))
                     : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["col-12 col-sm-2", $options.saveButtonClass])
-                  }, [
-                    vue.createVNode(_component_qas_btn, {
-                      class: "full-width",
-                      "data-cy": `btnSave-${_ctx.entity}`,
-                      disable: $props.disable,
-                      label: $props.submitButton,
-                      loading: $data.isSubmitting,
-                      type: "submit"
-                    }, null, 8 /* PROPS */, ["data-cy", "disable", "label", "loading"])
-                  ], 2 /* CLASS */)
+                  ($props.useSubmitButton)
+                    ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass(["col-12 col-sm-2", $options.submitButtonClass])
+                      }, [
+                        vue.createVNode(_component_qas_btn, {
+                          class: "full-width",
+                          "data-cy": `btnSave-${_ctx.entity}`,
+                          disable: $props.disable,
+                          label: $props.submitButtonLabel,
+                          loading: $data.isSubmitting,
+                          type: "submit"
+                        }, null, 8 /* PROPS */, ["data-cy", "disable", "label", "loading"])
+                      ], 2 /* CLASS */))
+                    : vue.createCommentVNode("v-if", true)
                 ])
               ])
             : vue.createCommentVNode("v-if", true)
@@ -9254,7 +9278,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0-beta.8";
+var version$1 = "3.0.0-beta.9";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";