@bildvitta/quasar-ui-asteroid 3.11.0-beta.12 → 3.11.0-beta.13

package/package.json

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

package/src/components/dialog/QasDialog.vue

@@ -14,7 +14,7 @@
       <section class="text-body1 text-grey-8">
         <component :is="componentTag" ref="form">
           <slot name="description">
-            <div v-if="card.description">{{ card.description }}</div>
+            <component :is="descriptionComponentTag">{{ card.description }}</component>
           </slot>
         </component>
       </section>
@@ -186,6 +186,14 @@ export default {
         useEqualWidth: this.hasAllActions,
         ...this.actionsProps
       }
+    },
+
+    hasRenderFunction () {
+      return typeof this.card.description?.render === 'function'
+    },
+
+    descriptionComponentTag () {
+      return this.hasRenderFunction ? this.card.description : 'div'
     }
   },
 

package/src/components/label/QasLabel.yml

@@ -19,6 +19,11 @@ props:
     type: String
     examples: [xs, sm, md, lg, xl]
 
+  color:
+    desc: Cor da label.
+    default: grey-9
+    type: String
+
 slots:
   default:
     desc: Slot para acessar elemento do texto.

package/src/plugins/delete/Delete.js

@@ -20,11 +20,20 @@ export default function (config = {}) {
   const { entity, id, url } = deleteActionParams
 
   const defaultDialogProps = {
-    card: { description: 'Tem certeza que deseja excluir este item?' },
+    ...dialogProps,
 
-    ok: { label: 'Excluir', onClick: () => destroy.call(this) },
+    card: {
+      description: 'Tem certeza que deseja excluir este item?',
 
-    ...dialogProps
+      ...dialogProps.card
+    },
+
+    ok: {
+      label: 'Excluir',
+      onClick: () => destroy.call(this),
+
+      ...dialogProps.ok
+    }
   }
 
   const defaultNotifyMessages = {