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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bildvitta/quasar-ui-asteroid",
3
3
  "description": "Asteroid",
4
- "version": "3.11.0-beta.7",
4
+ "version": "3.11.0-beta.8",
5
5
  "author": "Bild & Vitta <systemteam@bild.com.br>",
6
6
  "license": "MIT",
7
7
  "main": "dist/asteroid.cjs.min.js",
@@ -51,6 +51,11 @@ export default {
51
51
  useAutoDeleteRoute: {
52
52
  default: true,
53
53
  type: Boolean
54
+ },
55
+
56
+ redirectRoute: {
57
+ type: [Object, String],
58
+ default: ''
54
59
  }
55
60
  },
56
61
 
@@ -90,6 +95,8 @@ export default {
90
95
 
91
96
  useAutoDeleteRoute: this.useAutoDeleteRoute,
92
97
 
98
+ redirectRoute: this.redirectRoute,
99
+
93
100
  // callbacks
94
101
  onDelete: isDeleting => this.$emit('update:deleting', isDeleting),
95
102
 
@@ -40,6 +40,10 @@ props:
40
40
  default: true
41
41
  type: Boolean
42
42
 
43
+ redirect-route:
44
+ desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
45
+ type: [String, Object]
46
+
43
47
  slots:
44
48
  default:
45
49
  desc: 'Slot para acessar dentro do componente.'
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div>
3
- <q-toolbar class="justify-between q-mb-xl q-px-none qas-page-header">
3
+ <q-toolbar class="justify-between q-mb-lg q-px-none qas-page-header">
4
4
  <div class="ellipsis">
5
5
  <q-toolbar-title v-if="title" class="text-grey-9 text-h3">
6
6
  {{ title }}
@@ -10,8 +10,8 @@
10
10
  width: calc(100% - 80px);
11
11
 
12
12
  &.spaced {
13
- padding-bottom: 20px;
14
- padding-top: 20px;
13
+ padding-bottom: var(--qas-spacing-md);
14
+ padding-top: var(--qas-spacing-md);
15
15
  }
16
16
 
17
17
  @media (max-width: $breakpoint-xs) {
@@ -8,6 +8,7 @@ export default function (config = {}) {
8
8
  dialogProps = {},
9
9
  deleteActionParams = {},
10
10
  useAutoDeleteRoute,
11
+ redirectRoute,
11
12
 
12
13
  // callbacks
13
14
  onDelete = () => {},
@@ -60,6 +61,8 @@ export default function (config = {}) {
60
61
  createDeleteSuccessEvent()
61
62
 
62
63
  onDeleteSuccess(response)
64
+
65
+ redirectRoute && replaceRoute(this)
63
66
  } catch (error) {
64
67
  onDeleteError(error)
65
68
 
@@ -71,6 +74,12 @@ export default function (config = {}) {
71
74
  }
72
75
  }
73
76
 
77
+ function replaceRoute (context) {
78
+ const { $router } = context
79
+
80
+ $router.replace(redirectRoute)
81
+ }
82
+
74
83
  function getRoutesToBeDeletedById (routes = []) {
75
84
  return routes.filter(({ params }) => params.id === id)
76
85
  }
@@ -69,3 +69,7 @@ inject:
69
69
  desc: Objeto deleteActionParams enviado anteriormente como configuração do plugin Delete.
70
70
  default: {}
71
71
  examples: ["{ ..., deleteAction: params => useUsers.destroy(params) }"]
72
+
73
+ redirectRoute:
74
+ desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
75
+ type: [String, Object]