@bildvitta/quasar-ui-asteroid 3.20.0-beta.11 → 3.20.0-beta.13

package/package.json

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

package/src/asteroid.js

@@ -4,7 +4,13 @@ export * from './helpers'
 export * from './mixins'
 export * from './vue-plugin'
 export * from './composables'
-export * from './plugins'
+
+// plugins
+export { default as Delete } from './plugins/delete/Delete.js'
+export { default as Dialog } from './plugins/dialog/Dialog.js'
+export { default as NotifyError } from './plugins/notify-error/NotifyError.js'
+export { default as NotifySuccess } from './plugins/notify-success/NotifySuccess.js'
+export { default as Screen } from './plugins/screen/Screen.js'
 
 // components
 export const QasActions = defineAsyncComponent(() => import('./components/actions/QasActions.vue'))
@@ -15,9 +21,7 @@ export const QasAppMenu = defineAsyncComponent(() => import('./components/app-me
 export const QasAppUser = defineAsyncComponent(() => import('./components/app-user/QasAppUser.vue'))
 export const QasAvatar = defineAsyncComponent(() => import('./components/avatar/QasAvatar.vue'))
 export const QasBadge = defineAsyncComponent(() => import('./components/badge/QasBadge.vue'))
-
-export { default as QasBoardGenerator } from './components/board-generator/QasBoardGenerator.vue'
-
+export const QasBoardGenerator = defineAsyncComponent(() => import('./components/board-generator/QasBoardGenerator.vue'))
 export const QasBox = defineAsyncComponent(() => import('./components/box/QasBox.vue'))
 export const QasBreakline = defineAsyncComponent(() => import('./components/breakline/QasBreakline.vue'))
 export const QasBtn = defineAsyncComponent(() => import('./components/btn/QasBtn.vue'))

package/src/components/actions/QasActions.vue

@@ -89,7 +89,7 @@ const classes = computed(() => {
     !screen.isSmall && 'items-center',
 
     // espaçamento superior
-    `q-pt-${props.spacingTop}`,
+    `q-mt-${props.spacingTop}`,
 
     // alinhamento
     `justify-${props.align}`,

package/src/components/app-user/QasAppUser.vue

@@ -76,7 +76,8 @@ import useNotifications from '../../composables/use-notifications'
 import useQueryCache from '../../composables/use-query-cache'
 import useScreen from '../../composables/use-screen'
 
-import { NotifySuccess, NotifyError } from '../../plugins'
+import NotifySuccess from '../../plugins/notify-success/NotifySuccess.js'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 import { ref, computed, watch, inject } from 'vue'
 import { useRouter } from 'vue-router'

package/src/components/dialog-router/QasDialogRouter.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 import { Loading, extend } from 'quasar'
 import { ref, markRaw } from 'vue'

package/src/components/form-view/QasFormView.vue

@@ -40,7 +40,8 @@ import QasBtn from '../btn/QasBtn.vue'
 import QasContainer from '../container/QasContainer.vue'
 import QasDialog from '../dialog/QasDialog.vue'
 
-import { NotifyError, NotifySuccess } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
+import NotifySuccess from '../../plugins/notify-success/NotifySuccess.js'
 import { useHistory, useOverlayNavigation } from '../../composables'
 import { viewMixin } from '../../mixins'
 

package/src/components/infinite-scroll/QasInfiniteScroll.vue

@@ -25,7 +25,7 @@
 import QasEmptyResultText from '../empty-result-text/QasEmptyResultText.vue'
 
 import { ref, computed, inject, nextTick } from 'vue'
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 defineOptions({ name: 'QasInfiniteScroll' })
 

package/src/components/layout/QasLayout.vue

@@ -11,7 +11,7 @@
     <slot>
       <q-page-container>
         <q-page>
-          <router-view />
+          <router-view :route="overlayBackgroundRoute" />
         </q-page>
       </q-page-container>
     </slot>
@@ -34,6 +34,7 @@ import useScreen from '../../composables/use-screen'
 import useNotifications from '../../composables/use-notifications'
 
 import { computed, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
 
 defineOptions({ name: 'QasLayout' })
 
@@ -68,10 +69,24 @@ const screen = useScreen()
 
 const { isNotificationsEnabled, setUnreadNotificationsCount } = useNotifications()
 
+const route = useRoute()
+
 const menuDrawer = ref(false)
 const notificationsDrawer = ref(false)
 
 // computed
+
+/**
+ * Sempre fornece uma rota para o <router-view>. Quando o overlay está ativo,
+ * usa a rota resolvida do background; sem overlay, usa a rota atual.
+ * Isso evita alternância entre `undefined` e objeto de rota, reduzindo remounts.
+ */
+const overlayBackgroundRoute = computed(() => {
+  return route.query?.overlay === 'true'
+    ? route.meta.overlayBackgroundResolvedRoute
+    : route
+})
+
 const defaultAppMenuProps = computed(() => {
   return {
     ...props.appBarProps,

package/src/components/layout/private/PvLayoutOverlayDrawer.vue

@@ -17,7 +17,9 @@
     </template>
 
     <template #default>
-      <router-view name="overlay" />
+      <div class="pv-layout-overlay-drawer__content">
+        <router-view name="overlay" />
+      </div>
     </template>
   </qas-drawer>
 </template>
@@ -62,6 +64,7 @@ const drawerProps = computed(() => {
     position: 'right',
     maxWidth: '90%',
     dialogProps: {
+      class: 'pv-layout-overlay-drawer',
       onHide: closeOverlay,
       noRouteDismiss: true,
       persistent: isDisabled.value

package/src/components/signature-uploader/QasSignatureUploader.vue

@@ -22,7 +22,7 @@ import QasUploader from '../uploader/QasUploader.vue'
 import QasSignaturePad from '../signature-pad/QasSignaturePad.vue'
 
 import { base64ToBlob } from '../../helpers'
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 export default {
   name: 'QasSignatureUploader',

package/src/components/single-view/QasSingleView.vue

@@ -71,7 +71,7 @@ const qas = inject('qas')
 // composables
 const route = useRoute()
 
-const { isBackgroundOverlay } = useOverlayNavigation()
+const { isBackgroundOverlay, route: overlayRoute } = useOverlayNavigation()
 
 const {
   // state
@@ -96,7 +96,7 @@ const {
 defineExpose({ fetchSingle, fetchHandler })
 
 // computed
-const id = computed(() => props.customId || route.params.id)
+const id = computed(() => props.customId || overlayRoute.value.params.id)
 
 const resultModel = computed(() => {
   if (props.useStore) return qas.getGetter({ entity: props.entity, key: 'byId' })(id.value) || {}

package/src/components/sortable/QasSortable.vue

@@ -9,7 +9,7 @@ import { Loading, extend } from 'quasar'
 import Sortable from 'sortablejs'
 import { getAction } from '@bildvitta/store-adapter'
 
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 export default {
   name: 'QasSortable',

package/src/components/uploader/QasUploader.vue

@@ -52,7 +52,7 @@ import { getImageSize, getResizeDimensions } from '../../helpers/images.js'
 import { constructObject } from '../../helpers'
 
 import { uid, extend } from 'quasar'
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 
 import Pica from 'pica'
 

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

@@ -1,4 +1,4 @@
-import { NotifyError } from '../../plugins'
+import NotifyError from '../../plugins/notify-error/NotifyError.js'
 import { camelizeFieldsName } from '../../helpers'
 
 import { useView as useViewComposable } from '@bildvitta/composables'

package/src/css/utils/container.scss

@@ -36,9 +36,10 @@
 }
 
 /**
- * Adiciona padding no container para evitar que o botão do Gleap fique sobreposto ao conteúdo da página.
- * O Gleap é exibido em todas as páginas, então aplicamos o padding sempre que ele estiver presente.
+ * - Adiciona padding no ultimo container da pagina e no ultimo elemento do overlay para evitar que o botão do Gleap
+ * fique sobreposto ao conteúdo da página.
  */
-body:has(.bb-feedback-button) .container {
+body:has(.bb-feedback-button) .q-page > .container:last-child,
+body:has(.bb-feedback-button) .pv-layout-overlay-drawer__content > :last-child {
   padding-bottom: 80px;
 }

package/src/helpers/copy-to-clipboard.js

@@ -1,5 +1,6 @@
 import { copyToClipboard } from 'quasar'
-import { NotifySuccess, NotifyError } from '../plugins'
+import NotifySuccess from '../plugins/notify-success/NotifySuccess.js'
+import NotifyError from '../plugins/notify-error/NotifyError.js'
 
 export default async (text, onLoading = () => {}) => {
   onLoading(true)

package/src/helpers/promise-handler.js

@@ -1,5 +1,6 @@
 import { Loading } from 'quasar'
-import { NotifySuccess, NotifyError } from '../plugins'
+import NotifySuccess from '../plugins/notify-success/NotifySuccess.js'
+import NotifyError from '../plugins/notify-error/NotifyError.js'
 
 /** Função para lidar com promises, por exemplo requests.
  *

package/src/plugins/delete/Delete.js

@@ -1,4 +1,6 @@
-import { Dialog, NotifySuccess, NotifyError } from 'asteroid'
+import Dialog from '../dialog/Dialog.js'
+import NotifySuccess from '../notify-success/NotifySuccess.js'
+import NotifyError from '../notify-error/NotifyError.js'
 import { getAction } from '@bildvitta/store-adapter'
 import { useHistory } from '../../composables'
 

package/src/vue-plugin.js

@@ -1,13 +1,11 @@
 import { getAction, getGetter } from '@bildvitta/store-adapter'
 
 // Plugins
-import {
-  Delete,
-  Dialog,
-  NotifyError,
-  NotifySuccess,
-  Screen
-} from './plugins'
+import Delete from './plugins/delete/Delete.js'
+import Dialog from './plugins/dialog/Dialog.js'
+import NotifyError from './plugins/notify-error/NotifyError.js'
+import NotifySuccess from './plugins/notify-success/NotifySuccess.js'
+import Screen from './plugins/screen/Screen.js'
 
 import packageInfo from '../package.json'
 

package/src/plugins/index.js

@@ -1,5 +0,0 @@
-export { default as Delete } from './delete/Delete.js'
-export { default as Dialog } from './dialog/Dialog.js'
-export { default as NotifyError } from './notify-error/NotifyError.js'
-export { default as NotifySuccess } from './notify-success/NotifySuccess.js'
-export { default as Screen } from './screen/Screen.js'