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

package/src/components/dialog/composables/use-cancel.js

@@ -1,40 +1,40 @@
-import { computed } from 'vue'
-
-/**
- * @param {{
- *  props: { cancel: object },
- *  emit: (event: 'cancel') => void
- * }} config
- */
-export default function useCancel (config = {}) {
-  const {
-    props,
-    emit
-  } = config
-
-  const defaultCancel = computed(() => {
-    return {
-      label: 'Cancelar',
-      outline: true,
-
-      ...props.cancel,
-
-      onClick: onCancel
-    }
-  })
-
-  const hasCancel = computed(() => {
-    return typeof props.cancel === 'boolean' ? props.cancel : !!Object.keys(props.cancel)
-  })
-
-  function onCancel () {
-    props.cancel.onClick?.()
-
-    emit('cancel')
-  }
-
-  return {
-    defaultCancel,
-    hasCancel
-  }
-}
+import { computed } from 'vue'
+
+/**
+ * @param {{
+ *  props: { cancel: object },
+ *  emit: (event: 'cancel') => void
+ * }} config
+ */
+export default function useCancel (config = {}) {
+  const {
+    props,
+    emit
+  } = config
+
+  const defaultCancel = computed(() => {
+    return {
+      label: 'Cancelar',
+      outline: true,
+
+      ...props.cancel,
+
+      onClick: onCancel
+    }
+  })
+
+  const hasCancel = computed(() => {
+    return typeof props.cancel === 'boolean' ? props.cancel : !!Object.keys(props.cancel)
+  })
+
+  function onCancel () {
+    props.cancel.onClick?.()
+
+    emit('cancel')
+  }
+
+  return {
+    defaultCancel,
+    hasCancel
+  }
+}

package/src/components/dialog/composables/use-dynamic-components.js

@@ -1,86 +1,86 @@
-import { computed } from 'vue'
-import { QForm } from 'quasar'
-
-/**
- * @param {{
- *  props: { card: object, useForm: boolean, useValidationAllAtOnce: boolean },
- *  form: import('vue').Ref<HTMLInputElement | null>,
- *  hasOk: import('vue').ComputedRef<boolean>,
- *  emit: (event: 'validate', payload: Promise<boolean> | boolean) => void,
- *  onOk: Function
- * }} config
- */
-export default function useDynamicComponents (config = {}) {
-  const {
-    props,
-    form,
-    hasOk,
-
-    onOk = () => {},
-    emit
-  } = config
-
-  const mainComponent = computed(() => {
-    return {
-      is: props.useForm ? QForm : 'div',
-
-      /**
-       * adiciona evento de submit caso useForm seja true,
-       * uma vez que somente o q-form possui este evento.
-       */
-      props: {
-        ...(props.useForm && { onSubmit })
-      }
-    }
-  })
-
-  const hasRenderFunction = computed(() => {
-    const description = props.card.description
-
-    return typeof description === 'object' && description !== null && !Array.isArray(description)
-  })
-
-  const descriptionComponent = computed(() => hasRenderFunction.value ? props.card.description : 'div')
-
-  // métodos
-  function submitHandler () {
-    if (!props.useForm) return
-
-    if (props.useValidationAllAtOnce) {
-      let isAllComponentValid = true
-      const components = form.value.getValidationComponents() || []
-
-      for (const component of components) {
-        const isValid = component?.validate?.()
-
-        if (!isValid) {
-          isAllComponentValid = false
-        }
-      }
-
-      emit('validate', isAllComponentValid)
-
-      return
-    }
-
-    emit('validate', form.value.validate())
-  }
-
-  /**
-   * Sem este método, ao clicar enter com a prop useForm ativada a tela era recarregada,
-   * e a ação de click do botão não era chamada pois ele não esta dentro do form.
-   */
-  function onSubmit (event) {
-    event.preventDefault()
-
-    if (hasOk.value) {
-      onOk()
-      submitHandler()
-    }
-  }
-
-  return {
-    mainComponent,
-    descriptionComponent
-  }
-}
+import { computed } from 'vue'
+import { QForm } from 'quasar'
+
+/**
+ * @param {{
+ *  props: { card: object, useForm: boolean, useValidationAllAtOnce: boolean },
+ *  form: import('vue').Ref<HTMLInputElement | null>,
+ *  hasOk: import('vue').ComputedRef<boolean>,
+ *  emit: (event: 'validate', payload: Promise<boolean> | boolean) => void,
+ *  onOk: Function
+ * }} config
+ */
+export default function useDynamicComponents (config = {}) {
+  const {
+    props,
+    form,
+    hasOk,
+
+    onOk = () => {},
+    emit
+  } = config
+
+  const mainComponent = computed(() => {
+    return {
+      is: props.useForm ? QForm : 'div',
+
+      /**
+       * adiciona evento de submit caso useForm seja true,
+       * uma vez que somente o q-form possui este evento.
+       */
+      props: {
+        ...(props.useForm && { onSubmit })
+      }
+    }
+  })
+
+  const hasRenderFunction = computed(() => {
+    const description = props.card.description
+
+    return typeof description === 'object' && description !== null && !Array.isArray(description)
+  })
+
+  const descriptionComponent = computed(() => hasRenderFunction.value ? props.card.description : 'div')
+
+  // métodos
+  function submitHandler () {
+    if (!props.useForm) return
+
+    if (props.useValidationAllAtOnce) {
+      let isAllComponentValid = true
+      const components = form.value.getValidationComponents() || []
+
+      for (const component of components) {
+        const isValid = component?.validate?.()
+
+        if (!isValid) {
+          isAllComponentValid = false
+        }
+      }
+
+      emit('validate', isAllComponentValid)
+
+      return
+    }
+
+    emit('validate', form.value.validate())
+  }
+
+  /**
+   * Sem este método, ao clicar enter com a prop useForm ativada a tela era recarregada,
+   * e a ação de click do botão não era chamada pois ele não esta dentro do form.
+   */
+  function onSubmit (event) {
+    event.preventDefault()
+
+    if (hasOk.value) {
+      onOk()
+      submitHandler()
+    }
+  }
+
+  return {
+    mainComponent,
+    descriptionComponent
+  }
+}

package/src/components/dialog/composables/use-ok.js

@@ -1,45 +1,45 @@
-import { computed } from 'vue'
-
-/**
- * @param {{
- *  props: { ok: object, useForm: boolean },
- *  emit: (event: 'ok') => void
- * }} config
- */
-export default function useOk (config = {}) {
-  const {
-    props,
-    emit
-  } = config
-
-  const defaultOk = computed(() => {
-    const { onClick, ...attrs } = props.ok
-
-    return {
-      label: 'Ok',
-      type: (props.ok?.type || props.useForm) ? 'submit' : 'button',
-
-      ...attrs,
-
-      // adiciona somente se não estiver usando useForm pois o controle ficará no submit.
-      ...(!props.useForm && { onClick: onOk })
-    }
-  })
-
-  const hasOk = computed(() => {
-    return typeof props.ok === 'boolean' ? props.ok : !!Object.keys(props.ok)
-  })
-
-  function onOk () {
-    props.ok.onClick?.()
-
-    emit('ok')
-  }
-
-  return {
-    defaultOk,
-    hasOk,
-
-    onOk
-  }
-}
+import { computed } from 'vue'
+
+/**
+ * @param {{
+ *  props: { ok: object, useForm: boolean },
+ *  emit: (event: 'ok') => void
+ * }} config
+ */
+export default function useOk (config = {}) {
+  const {
+    props,
+    emit
+  } = config
+
+  const defaultOk = computed(() => {
+    const { onClick, ...attrs } = props.ok
+
+    return {
+      label: 'Ok',
+      type: (props.ok?.type || props.useForm) ? 'submit' : 'button',
+
+      ...attrs,
+
+      // adiciona somente se não estiver usando useForm pois o controle ficará no submit.
+      ...(!props.useForm && { onClick: onOk })
+    }
+  })
+
+  const hasOk = computed(() => {
+    return typeof props.ok === 'boolean' ? props.ok : !!Object.keys(props.ok)
+  })
+
+  function onOk () {
+    props.ok.onClick?.()
+
+    emit('ok')
+  }
+
+  return {
+    defaultOk,
+    hasOk,
+
+    onOk
+  }
+}

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

@@ -1,86 +1,86 @@
-<template>
-  <q-dialog ref="dialog" persistent @hide="onDialogHide">
-    <q-card class="full-width" style="max-width: 80vw;">
-      <q-card-section>
-        <component :is="component" v-if="component" :route="normalizedRoute" :use-boundary="false" @hide="hide" />
-      </q-card-section>
-    </q-card>
-  </q-dialog>
-</template>
-
-<script setup>
-import { NotifyError } from '../../plugins'
-
-import { Loading, extend } from 'quasar'
-import { ref, markRaw } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-
-defineOptions({ name: 'QasDialogRouter' })
-
-const emit = defineEmits(['error', 'hide'])
-
-defineExpose({ show, hide })
-
-const router = useRouter()
-const route = useRoute()
-
-// template refs
-const dialog = ref(null)
-
-const component = ref(null)
-const parentRoute = ref('')
-const normalizedRoute = ref(null)
-
-// functions
-function hide () {
-  dialog.value.hide()
-}
-
-function onDialogHide () {
-  if (history && parentRoute.value) {
-    history.replaceState(null, null, parentRoute.value)
-  }
-
-  component.value = ''
-  parentRoute.value = ''
-  normalizedRoute.value = null
-
-  emit('hide')
-}
-
-function getResolvedRoute (path) {
-  return router.resolve(path)
-}
-
-async function show (routeParam) {
-  parentRoute.value = route.fullPath
-  normalizedRoute.value = getResolvedRoute(routeParam)
-
-  if (history) {
-    history.replaceState(null, null, normalizedRoute.value.fullPath)
-  }
-
-  try {
-    Loading.show()
-
-    const component = markRaw(
-      extend(true, {}, [...normalizedRoute.value.matched].pop().components.default)
-    )
-
-    if (typeof component.value !== 'function') {
-      component.value = component
-      dialog.value.show()
-    } else {
-      const componentFn = (await component()).default
-      component.value = componentFn
-
-      dialog.value.show()
-    }
-  } catch (error) {
-    NotifyError('Ops! Erro ao carregar item.')
-    emit('error', error)
-  } finally {
-    Loading.hide()
-  }
-}
-</script>
+<template>
+  <q-dialog ref="dialog" persistent @hide="onDialogHide">
+    <q-card class="full-width" style="max-width: 80vw;">
+      <q-card-section>
+        <component :is="component" v-if="component" :route="normalizedRoute" :use-boundary="false" @hide="hide" />
+      </q-card-section>
+    </q-card>
+  </q-dialog>
+</template>
+
+<script setup>
+import { NotifyError } from '../../plugins'
+
+import { Loading, extend } from 'quasar'
+import { ref, markRaw } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+
+defineOptions({ name: 'QasDialogRouter' })
+
+const emit = defineEmits(['error', 'hide'])
+
+defineExpose({ show, hide })
+
+const router = useRouter()
+const route = useRoute()
+
+// template refs
+const dialog = ref(null)
+
+const component = ref(null)
+const parentRoute = ref('')
+const normalizedRoute = ref(null)
+
+// functions
+function hide () {
+  dialog.value.hide()
+}
+
+function onDialogHide () {
+  if (history && parentRoute.value) {
+    history.replaceState(null, null, parentRoute.value)
+  }
+
+  component.value = ''
+  parentRoute.value = ''
+  normalizedRoute.value = null
+
+  emit('hide')
+}
+
+function getResolvedRoute (path) {
+  return router.resolve(path)
+}
+
+async function show (routeParam) {
+  parentRoute.value = route.fullPath
+  normalizedRoute.value = getResolvedRoute(routeParam)
+
+  if (history) {
+    history.replaceState(null, null, normalizedRoute.value.fullPath)
+  }
+
+  try {
+    Loading.show()
+
+    const component = markRaw(
+      extend(true, {}, [...normalizedRoute.value.matched].pop().components.default)
+    )
+
+    if (typeof component.value !== 'function') {
+      component.value = component
+      dialog.value.show()
+    } else {
+      const componentFn = (await component()).default
+      component.value = componentFn
+
+      dialog.value.show()
+    }
+  } catch (error) {
+    NotifyError('Ops! Erro ao carregar item.')
+    emit('error', error)
+  } finally {
+    Loading.hide()
+  }
+}
+</script>

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

@@ -1,23 +1,23 @@
-type: component
-
-meta:
-  desc: Componente que abre uma pagina dentro de um "QasDialog", porém se você recarregar a pagina, ela é iniciada na pagina que foi carregada inicialmente dentro do QasDialog.
-
-events:
-  error:
-    desc: Dispara caso não consiga carregar o componente.
-    params:
-      error:
-        desc: Erro retornado.
-        type: Object
-
-  hide:
-    desc: Dispara quando o QasDialog é fechado.
-
-methods:
-  '@show: (route) => void':
-    desc: Função para abrir o a pagina dentro do dialog.
-    route:
-      value:
-        desc: Objeto de roda, igual usado dentro do $router.push(route) por exemplo.
-        type: Object
+type: component
+
+meta:
+  desc: Componente que abre uma pagina dentro de um "QasDialog", porém se você recarregar a pagina, ela é iniciada na pagina que foi carregada inicialmente dentro do QasDialog.
+
+events:
+  error:
+    desc: Dispara caso não consiga carregar o componente.
+    params:
+      error:
+        desc: Erro retornado.
+        type: Object
+
+  hide:
+    desc: Dispara quando o QasDialog é fechado.
+
+methods:
+  '@show: (route) => void':
+    desc: Função para abrir o a pagina dentro do dialog.
+    route:
+      value:
+        desc: Objeto de roda, igual usado dentro do $router.push(route) por exemplo.
+        type: Object