@bildvitta/quasar-ui-asteroid 3.11.0-beta.7 → 3.11.0-beta.9

package/package.json

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

package/src/components/delete/QasDelete.vue

@@ -51,6 +51,11 @@ export default {
     useAutoDeleteRoute: {
       default: true,
       type: Boolean
+    },
+
+    redirectRoute: {
+      type: [Object, String],
+      default: ''
     }
   },
 
@@ -90,6 +95,8 @@ export default {
 
         useAutoDeleteRoute: this.useAutoDeleteRoute,
 
+        redirectRoute: this.redirectRoute,
+
         // callbacks
         onDelete: isDeleting => this.$emit('update:deleting', isDeleting),
 

package/src/components/delete/QasDelete.yml

@@ -40,6 +40,10 @@ props:
     default: true
     type: Boolean
 
+  redirect-route:
+    desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
+    type: [String, Object]
+
 slots:
   default:
     desc: 'Slot para acessar dentro do componente.'

package/src/components/filters/QasFilters.vue

@@ -137,9 +137,11 @@ export default {
         const hasField = fields.includes(key)
 
         if (hasField) {
-          const field = { ...this.fields[key], ...this.formattedFieldsProps?.[key] }
-
+          const field = { ...this.fields[key], ...this.formattedFieldsProps?.[decamelize(key)] }
           const value = humanize(field, this.normalizeValues(filters[key], field?.multiple))
+
+          if (!value) continue
+
           const { label, name } = field
 
           activeFilters[key] = { label, name, value }

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-toolbar class="justify-between q-mb-xl q-px-none qas-page-header">
+    <q-toolbar class="justify-between q-mb-lg q-px-none qas-page-header">
       <div class="ellipsis">
         <q-toolbar-title v-if="title" class="text-grey-9 text-h3">
           {{ title }}

package/src/css/utils/container.scss

@@ -10,8 +10,8 @@
   width: calc(100% - 80px);
 
   &.spaced {
-    padding-bottom: 20px;
-    padding-top: 20px;
+    padding-bottom: var(--qas-spacing-md);
+    padding-top: var(--qas-spacing-md);
   }
 
   @media (max-width: $breakpoint-xs) {

package/src/plugins/delete/Delete.js

@@ -8,6 +8,7 @@ export default function (config = {}) {
     dialogProps = {},
     deleteActionParams = {},
     useAutoDeleteRoute,
+    redirectRoute,
 
     // callbacks
     onDelete = () => {},
@@ -60,6 +61,8 @@ export default function (config = {}) {
       createDeleteSuccessEvent()
 
       onDeleteSuccess(response)
+
+      redirectRoute && replaceRoute(this)
     } catch (error) {
       onDeleteError(error)
 
@@ -71,6 +74,12 @@ export default function (config = {}) {
     }
   }
 
+  function replaceRoute (context) {
+    const { $router } = context
+
+    $router.replace(redirectRoute)
+  }
+
   function getRoutesToBeDeletedById (routes = []) {
     return routes.filter(({ params }) => params.id === id)
   }

package/src/plugins/delete/Delete.yml

@@ -69,3 +69,7 @@ inject:
                 desc: Objeto deleteActionParams enviado anteriormente como configuração do plugin Delete.
                 default: {}
                 examples: ["{ ..., deleteAction: params => useUsers.destroy(params) }"]
+
+          redirectRoute:
+            desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
+            type: [String, Object]