@bildvitta/quasar-ui-asteroid 3.11.0-beta.6 → 3.11.0-beta.8

package/package.json

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

package/src/components/box/QasBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white q-px-md q-py-lg rounded-borders" :class="boxClass">
+  <div class="bg-white q-pa-md rounded-borders" :class="boxClass">
     <slot />
   </div>
 </template>

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/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/components/select-list/QasSelectList.vue

@@ -185,7 +185,7 @@ export default {
 
     remove (item) {
       const index = this.values.findIndex(itemValue => {
-        const normalizedItem = this.emitValue ? itemValue : item.value
+        const normalizedItem = this.emitValue ? itemValue : itemValue.value
 
         return normalizedItem === item.value
       })

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]