@bildvitta/quasar-ui-asteroid 3.17.0-beta.20 → 3.17.0-beta.21

package/src/components/welcome/QasWelcome.vue

@@ -1,125 +1,125 @@
-<template>
-  <div class="q-mb-xl qas-welcome text-left">
-    <div class="items-center justify-between row">
-      <div>
-        <h3 class="text-h3">
-          {{ welcomeMessage }}<span v-if="firstName">, {{ firstName }}</span>
-        </h3>
-
-        <div class="text-caption">{{ currentDay }}</div>
-      </div>
-
-      <slot name="actions">
-        <qas-actions-menu v-if="hasActionsMenuProps" v-bind="actionsMenuProps" />
-      </slot>
-    </div>
-
-    <div v-if="hasShortcuts">
-      <qas-label class="q-mt-lg" label="Atalhos" />
-
-      <div class="qas-welcome__container">
-        <div ref="scrollArea" class="row" :class="contentClasses">
-          <div v-for="(shortcut, index) in shortcuts" :key="index" :class="shortcutClasses">
-            <pv-welcome-shortcut-card :shortcut="shortcut" />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import PvWelcomeShortcutCard from './private/PvWelcomeShortcutCard.vue'
-
-import { date } from 'quasar'
-import dateConfig from '../../shared/date-config.js'
-
-export default {
-  name: 'QasWelcome',
-
-  components: {
-    PvWelcomeShortcutCard
-  },
-
-  props: {
-    actionsMenuProps: {
-      default: () => ({}),
-      type: Object
-    },
-
-    name: {
-      default: '',
-      type: String
-    },
-
-    shortcuts: {
-      type: Array,
-      default: () => []
-    }
-  },
-
-  computed: {
-    contentClasses () {
-      return this.$qas.screen.isSmall
-        ? 'no-wrap overflow-hidden-y q-gutter-x-md q-pb-md q-pt-xs qas-welcome__scroll-area'
-        : 'q-col-gutter-md'
-    },
-
-    currentDay () {
-      const timestamp = Date.now()
-      const { daysList, monthsList } = dateConfig
-
-      // exemplo: Quarta-feira, 11 de janeiro de 2023
-      return date.formatDate(
-        timestamp, 'dddd, D [de] MMMM [de] YYYY', { days: daysList, months: monthsList }
-      )
-    },
-
-    firstName () {
-      if (!this.name) return ''
-
-      return this.name.split(' ')?.[0]
-    },
-
-    hasActionsMenuProps () {
-      return !!Object.keys(this.actionsMenuProps).length
-    },
-
-    hasShortcuts () {
-      return !!this.shortcuts.length
-    },
-
-    shortcutClasses () {
-      return !this.$qas.screen.isSmall && 'col-3 col-lg-2'
-    },
-
-    welcomeMessage () {
-      const today = new Date()
-      const time = date.formatDate(today, 'HH:mm')
-
-      if (time >= '05:00' && time < '11:59') return 'Bom dia'
-
-      if (time >= '12:00' && time < '18:59') return 'Boa tarde'
-
-      return 'Boa noite'
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.qas-welcome {
-  &__scroll-area {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    > *:last-child {
-      margin-right: var(--qas-spacing-sm);
-    }
-  }
-}
-</style>
+<template>
+  <div class="q-mb-xl qas-welcome text-left">
+    <div class="items-center justify-between row">
+      <div>
+        <h3 class="text-h3">
+          {{ welcomeMessage }}<span v-if="firstName">, {{ firstName }}</span>
+        </h3>
+
+        <div class="text-caption">{{ currentDay }}</div>
+      </div>
+
+      <slot name="actions">
+        <qas-actions-menu v-if="hasActionsMenuProps" v-bind="actionsMenuProps" />
+      </slot>
+    </div>
+
+    <div v-if="hasShortcuts">
+      <qas-label class="q-mt-lg" label="Atalhos" />
+
+      <div class="qas-welcome__container">
+        <div ref="scrollArea" class="row" :class="contentClasses">
+          <div v-for="(shortcut, index) in shortcuts" :key="index" :class="shortcutClasses">
+            <pv-welcome-shortcut-card :shortcut="shortcut" />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import PvWelcomeShortcutCard from './private/PvWelcomeShortcutCard.vue'
+
+import { date } from 'quasar'
+import dateConfig from '../../shared/date-config.js'
+
+export default {
+  name: 'QasWelcome',
+
+  components: {
+    PvWelcomeShortcutCard
+  },
+
+  props: {
+    actionsMenuProps: {
+      default: () => ({}),
+      type: Object
+    },
+
+    name: {
+      default: '',
+      type: String
+    },
+
+    shortcuts: {
+      type: Array,
+      default: () => []
+    }
+  },
+
+  computed: {
+    contentClasses () {
+      return this.$qas.screen.isSmall
+        ? 'no-wrap overflow-hidden-y q-gutter-x-md q-pb-md q-pt-xs qas-welcome__scroll-area'
+        : 'q-col-gutter-md'
+    },
+
+    currentDay () {
+      const timestamp = Date.now()
+      const { daysList, monthsList } = dateConfig
+
+      // exemplo: Quarta-feira, 11 de janeiro de 2023
+      return date.formatDate(
+        timestamp, 'dddd, D [de] MMMM [de] YYYY', { days: daysList, months: monthsList }
+      )
+    },
+
+    firstName () {
+      if (!this.name) return ''
+
+      return this.name.split(' ')?.[0]
+    },
+
+    hasActionsMenuProps () {
+      return !!Object.keys(this.actionsMenuProps).length
+    },
+
+    hasShortcuts () {
+      return !!this.shortcuts.length
+    },
+
+    shortcutClasses () {
+      return !this.$qas.screen.isSmall && 'col-3 col-lg-2'
+    },
+
+    welcomeMessage () {
+      const today = new Date()
+      const time = date.formatDate(today, 'HH:mm')
+
+      if (time >= '05:00' && time < '11:59') return 'Bom dia'
+
+      if (time >= '12:00' && time < '18:59') return 'Boa tarde'
+
+      return 'Boa noite'
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.qas-welcome {
+  &__scroll-area {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    > *:last-child {
+      margin-right: var(--qas-spacing-sm);
+    }
+  }
+}
+</style>

package/src/components/welcome/QasWelcome.yml

@@ -1,23 +1,23 @@
-type: component
-
-meta:
-  desc: Componente de boas-vindas para ser usado na Home dos sistemas.
-
-props:
-  actions-menu-props:
-    desc: Propriedades repassadas para o QasActionsMenu.
-    default: {}
-    type: Object
-
-  name:
-    desc: Nome do usuário a ser mostrado na tela.
-    type: String
-
-  shortcuts:
-    desc: Lista de cards de atalhos.
-    default: []
-    type: Array
-
-slots:
-  actions:
-    desc: Slot para substituir o QasActionsMenu.
+type: component
+
+meta:
+  desc: Componente de boas-vindas para ser usado na Home dos sistemas.
+
+props:
+  actions-menu-props:
+    desc: Propriedades repassadas para o QasActionsMenu.
+    default: {}
+    type: Object
+
+  name:
+    desc: Nome do usuário a ser mostrado na tela.
+    type: String
+
+  shortcuts:
+    desc: Lista de cards de atalhos.
+    default: []
+    type: Array
+
+slots:
+  actions:
+    desc: Slot para substituir o QasActionsMenu.

package/src/components/welcome/private/PvWelcomeShortcutCard.vue

@@ -1,58 +1,58 @@
-<template>
-  <component :is="component.is" v-bind="component.props" class="bg-white column pv-welcome-shortcut-card q-pa-md rounded-borders shadow-2 text-no-decoration text-primary">
-    <q-icon class="q-pr-xs" :name="shortcut.icon" size="md" />
-
-    <div class="q-mt-md text-subtitle1">
-      {{ shortcut.title }}
-    </div>
-  </component>
-</template>
-
-<script>
-export default {
-  name: 'PvWelcomeShortcutCard',
-
-  props: {
-    shortcut: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-
-  computed: {
-    isExternal () {
-      return !!this.shortcut.externalLink
-    },
-
-    component () {
-      return {
-        is: this.isExternal ? 'a' : 'router-link',
-        props: {
-          ...(!this.isExternal && { to: this.shortcut.to }),
-          ...(this.isExternal && { href: this.shortcut.externalLink })
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.pv-welcome-shortcut-card {
-  border: 2px solid transparent;
-  display: block;
-  height: 100%;
-  min-height: 124px;
-  transition: border-color var(--qas-generic-transition), color var(--qas-generic-transition);
-  word-wrap: break-word;
-
-  &:hover {
-    border-color: var(--q-primary-contrast);
-    color: var(--q-primary-contrast) !important;
-  }
-
-  @media (max-width: $breakpoint-xs) {
-    min-width: 154px;
-  }
-}
-</style>
+<template>
+  <component :is="component.is" v-bind="component.props" class="bg-white column pv-welcome-shortcut-card q-pa-md rounded-borders shadow-2 text-no-decoration text-primary">
+    <q-icon class="q-pr-xs" :name="shortcut.icon" size="md" />
+
+    <div class="q-mt-md text-subtitle1">
+      {{ shortcut.title }}
+    </div>
+  </component>
+</template>
+
+<script>
+export default {
+  name: 'PvWelcomeShortcutCard',
+
+  props: {
+    shortcut: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+
+  computed: {
+    isExternal () {
+      return !!this.shortcut.externalLink
+    },
+
+    component () {
+      return {
+        is: this.isExternal ? 'a' : 'router-link',
+        props: {
+          ...(!this.isExternal && { to: this.shortcut.to }),
+          ...(this.isExternal && { href: this.shortcut.externalLink })
+        }
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.pv-welcome-shortcut-card {
+  border: 2px solid transparent;
+  display: block;
+  height: 100%;
+  min-height: 124px;
+  transition: border-color var(--qas-generic-transition), color var(--qas-generic-transition);
+  word-wrap: break-word;
+
+  &:hover {
+    border-color: var(--q-primary-contrast);
+    color: var(--q-primary-contrast) !important;
+  }
+
+  @media (max-width: $breakpoint-xs) {
+    min-width: 154px;
+  }
+}
+</style>

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

@@ -1,34 +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: [Number, 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>
+<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: [Number, 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

@@ -1,18 +1,18 @@
-type: component
-
-meta:
-  desc: Componente de link para o Whatsapp.
-
-props:
-  calling-code:
-    desc: Propriedade para passar o DDI.
-    default: 55
-    type: [Number, 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
+type: component
+
+meta:
+  desc: Componente de link para o Whatsapp.
+
+props:
+  calling-code:
+    desc: Propriedade para passar o DDI.
+    default: 55
+    type: [Number, 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/index.js

@@ -1,8 +1,8 @@
-export { default as useContext } from './use-context.js'
-export { default as useForm } from './use-form.js'
-export { default as useHistory } from './use-history.js'
-export { default as useQueryCache } from './use-query-cache.js'
-export { default as useScreen } from './use-screen.js'
-export { default as useNotifications } from './use-notifications.js'
-
-export * from './use-notifications.js'
+export { default as useContext } from './use-context.js'
+export { default as useForm } from './use-form.js'
+export { default as useHistory } from './use-history.js'
+export { default as useQueryCache } from './use-query-cache.js'
+export { default as useScreen } from './use-screen.js'
+export { default as useNotifications } from './use-notifications.js'
+
+export * from './use-notifications.js'

package/src/composables/private/index.js

@@ -1,3 +1,3 @@
-export { default as useView } from './use-view'
-export { default as useGenerator } from './use-generator'
-export { default as useToggleVisibility } from './use-toggle-visibility'
+export { default as useView } from './use-view'
+export { default as useGenerator } from './use-generator'
+export { default as useToggleVisibility } from './use-toggle-visibility'