@bildvitta/quasar-ui-asteroid 3.5.0-beta.1 → 3.5.0-beta.2

package/package.json

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

package/src/components/delete/QasDelete.vue

@@ -92,6 +92,13 @@ export default {
 
     id () {
       return this.customId || this.$route.params.id
+    },
+
+    defaultNotifyMessages () {
+      return {
+        error: 'Não conseguimos excluir as informações. Por favor, tente novamente em alguns minutos.',
+        success: 'Informações excluídas com sucesso.'
+      }
     }
   },
 
@@ -105,8 +112,6 @@ export default {
       this.$emit('update:deleting', true)
 
       try {
-        const { destroyRoutes, history } = useHistory()
-
         const payload = { id: this.id, url: this.url }
 
         this.$qas.logger.group(
@@ -119,9 +124,11 @@ export default {
           payload
         })
 
-        NotifySuccess('Item deletado com sucesso!')
+        NotifySuccess(this.defaultNotifyMessages.success)
 
         if (this.useAutoDeleteRoute) {
+          const { destroyRoutes, history } = useHistory()
+
           // remove todas rotas que possuem o id do item excluído.
           const routesToBeDeleted = this.getRoutesToBeDeletedById(history.list)
           destroyRoutes(routesToBeDeleted)
@@ -134,7 +141,7 @@ export default {
 
         this.$qas.logger.info('QasDelete - destroy -> item deletado com sucesso!')
       } catch (error) {
-        NotifyError('Ops! Não foi possível deletar o item.')
+        NotifyError(this.defaultNotifyMessages.error)
         this.$emit('error', error)
 
         this.$qas.logger.group(

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

@@ -58,7 +58,7 @@ export default {
 
   props: {
     cancelButtonLabel: {
-      default: 'Cancelar',
+      default: 'Voltar',
       type: String
     },
 
@@ -196,6 +196,14 @@ export default {
 
     isCancelButtonDisabled () {
       return this.disable || this.isSubmitting
+    },
+
+    defaultNotifyMessages () {
+      return {
+        validationError: 'Existem campos no formulário que ainda não foram preenchidos. Complete todas as informações para avançar.',
+        error: 'Não conseguimos salvar as informações. Por favor, tente novamente em alguns minutos.',
+        success: 'Informações salvas com sucesso.'
+      }
     }
   },
 
@@ -420,7 +428,7 @@ export default {
         }
 
         this.mx_setErrors()
-        NotifySuccess(response.data.status.text || 'Item salvo com sucesso!')
+        NotifySuccess(response.data.status.text || this.defaultNotifyMessages.success)
         this.$emit('submit-success', response, this.modelValue)
 
         this.$qas.logger.group(
@@ -429,16 +437,15 @@ export default {
       } catch (error) {
         const errors = error?.response?.data?.errors
         const message = error?.response?.data?.status?.text
-        const exceptionResponse = error?.response?.data?.exception
 
-        const exception = errors
-          ? 'Existem erros de validação no formulário.'
-          : exceptionResponse || error.message
+        const defaultMessage = error
+          ? this.defaultNotifyMessages.validationError
+          : this.defaultNotifyMessages.error
 
         this.mx_setErrors(errors)
         this.$emit('update:errors', this.mx_errors)
 
-        NotifyError(message || 'Ops! Erro ao salvar item.', exception)
+        NotifyError(message || defaultMessage)
 
         this.$emit('submit-error', error)
 

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

@@ -17,8 +17,8 @@ props:
     examples: ['beforeSubmit({ payload, resolve })']
 
   cancel-button-label:
-    desc: Rótulo do botão "cancelar".
-    default: Cancelar
+    desc: Rótulo do botão "voltar".
+    default: Voltar
     type: String
 
   cancel-route:

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

@@ -281,8 +281,8 @@ export default {
       }
     },
 
-    showDestroyBtn () {
-      return this.nested.filter(item => !item[this.destroyKey]).length > 1 || this.useDestroyAlways
+    showDestroyButton () {
+      return this.nested.filter(item => !item[this.destroyKey]).length > 1 || this.hasDestroyAlways
     },
 
     transformedErrors () {
@@ -329,7 +329,7 @@ export default {
         }
       }
 
-      if (this.showDestroyBtn) {
+      if (this.showDestroyButton) {
         list.destroy = {
           ...this.buttonDestroyProps,
           handler: () => this.destroy(index, row)

package/src/components/page-header/QasPageHeader.vue

@@ -2,7 +2,6 @@
   <q-toolbar class="justify-between q-mb-lg q-px-none">
     <div class="ellipsis">
       <q-toolbar-title v-if="title" class="text-bold text-h5">
-        <q-icon v-if="hasPreviousRoute" class="cursor-pointer vertical-baseline" name="o_arrow_back" size="18px" @click="back" />
         {{ title }}
       </q-toolbar-title>
 
@@ -19,7 +18,7 @@ import { castArray } from 'lodash-es'
 import { useHistory } from '../../composables'
 import { createMetaMixin } from 'quasar'
 
-const { hasPreviousRoute, history, getPreviousRoute } = useHistory()
+const { history } = useHistory()
 
 export default {
   name: 'QasPageHeader',
@@ -55,10 +54,6 @@ export default {
   },
 
   computed: {
-    hasPreviousRoute () {
-      return hasPreviousRoute.value
-    },
-
     transformedBreadcrumbs () {
       const list = [...castArray(this.breadcrumbs || this.title)]
       this.root && list.unshift(this.root)
@@ -85,10 +80,6 @@ export default {
   },
 
   methods: {
-    back () {
-      this.$router.push(getPreviousRoute(this.$route))
-    },
-
     getBreadcrumbsClass (index) {
       const lastIndex = this.transformedBreadcrumbs.length - 1
 

package/src/components/select/QasSelect.vue

@@ -1,9 +1,7 @@
 <template>
   <q-select v-model="model" v-bind="attributes">
-    <template #append>
-      <slot name="append">
-        <q-icon v-if="isSearchable" name="o_search" />
-      </slot>
+    <template v-if="isSearchable" #prepend>
+      <q-icon name="o_search" />
     </template>
 
     <template #no-option>

package/src/css/plugins/notify.scss

@@ -1,5 +1,6 @@
 .q-notification {
   margin-top: 80px;
+  max-width: 560px;
 
   &__content {
     .q-icon {

package/src/mixins/view.js

@@ -81,13 +81,16 @@ export default {
 
     mx_hasHeaderSlot () {
       return !!(this.$slots.header)
+    },
+
+    mx_fetchErrorMessage () {
+      return 'Ops… Não conseguimos acessar as informações. Por favor, tente novamente em alguns minutos.'
     }
   },
 
   methods: {
     mx_fetchError (error) {
       const { response } = error
-      const exception = response?.data?.exception || error.message
 
       const status = response?.status
 
@@ -102,7 +105,7 @@ export default {
         return
       }
 
-      this.$qas.error('Ops! Erro ao obter os dados.', exception)
+      this.$qas.error(this.mx_fetchErrorMessage)
     },
 
     mx_setErrors (errors = {}) {