@bildvitta/quasar-ui-asteroid 3.14.0-beta.0 → 3.14.0-beta.2

package/src/components/whatsapp-link/QasWhatsappLink.vue

@@ -0,0 +1,34 @@
+<template>
+  <qas-btn :href="whatsappLink" :icon="fabWhatsapp" target="_blank" />
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { fabWhatsapp } from '@quasar/extras/fontawesome-v5'
+
+defineOptions({ name: 'QasWhatsappLink' })
+
+const props = defineProps({
+  callingCode: {
+    type: String,
+    default: '55'
+  },
+
+  phone: {
+    type: String,
+    default: ''
+  },
+
+  text: {
+    type: String,
+    default: ''
+  }
+})
+
+const whatsappLink = computed(() => {
+  const formattedPhone = props.phone.replace(/[^a-zA-Z0-9]/g, '')
+  const formattedText = props.text ? props.text.replace(/\n/g, '%0a') : ''
+
+  return `https://wa.me/${props.callingCode}${formattedPhone}?text=${formattedText}`
+})
+</script>

package/src/components/whatsapp-link/QasWhatsappLink.yml

@@ -0,0 +1,18 @@
+type: component
+
+meta:
+  desc: Componente de link para o Whatsapp.
+
+props:
+  calling-code:
+    desc: Propriedade para passar o DDI.
+    default: 55
+    type: String
+
+  phone:
+    desc: Propriedade para passar o telefone.
+    type: String
+
+  text:
+    desc: Propriedade para passar o texto que será enviado na mensagem do Whatsapp.
+    type: String

package/src/composables/private/use-generator.js

@@ -3,14 +3,6 @@ import { Spacing } from '../../enums/Spacing'
 
 const IRREGULAR_CLASSES = ['col', 'col-auto', 'fit']
 
-/**
- * @constant
- * @type {{
- *  columns: (string|Object|Array.<Object>),
- *  fields: Object,
- *  gutter: (string|Boolean)
- * }}
-*/
 export const baseProps = {
   columns: {
     default: () => [],

package/src/vue-plugin.js

@@ -61,9 +61,12 @@ import QasTransfer from './components/transfer/QasTransfer.vue'
 import QasTreeGenerator from './components/tree-generator/QasTreeGenerator.vue'
 import QasUploader from './components/uploader/QasUploader.vue'
 import QasWelcome from './components/welcome/QasWelcome.vue'
+import QasWhatsappLink from './components/whatsapp-link/QasWhatsappLink.vue'
 
 import { Notify, Loading, Quasar, Dialog as QuasarDialog } from 'quasar'
 
+import { getAction } from '@bildvitta/store-adapter'
+
 // Plugins
 import {
   Delete,
@@ -144,6 +147,7 @@ async function install (app) {
   app.component('QasTreeGenerator', QasTreeGenerator)
   app.component('QasUploader', QasUploader)
   app.component('QasWelcome', QasWelcome)
+  app.component('QasWhatsappLink', QasWhatsappLink)
 
   app.use(Quasar, { plugins: { Notify, Loading, QuasarDialog, Dialog } })
 
@@ -156,7 +160,9 @@ async function install (app) {
   }
 
   app.provide('qas', {
-    delete: params => Delete.call(app.config.globalProperties, params)
+    delete: params => Delete.call(app.config.globalProperties, params),
+
+    getAction: params => getAction.call(app.config.globalProperties, params)
   })
 
   app.directive(Test.name, Test)