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

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

@@ -1,186 +1,186 @@
-import { NotifyError } from '../../plugins'
-import { camelizeFieldsName } from '../../helpers'
-
-import { useView as useViewComposable } from '@bildvitta/composables'
-import { ref, computed, watch, markRaw } from 'vue'
-import { useRouter } from 'vue-router'
-
-export const baseProps = {
-  beforeFetch: {
-    default: null,
-    type: Function
-  },
-
-  errors: {
-    default: () => ({}),
-    type: Object
-  },
-
-  entity: {
-    type: String,
-    required: ''
-  },
-
-  fetching: {
-    type: Boolean
-  },
-
-  fields: {
-    default: () => ({}),
-    type: Object
-  },
-
-  metadata: {
-    default: () => ({}),
-    type: Object
-  },
-
-  url: {
-    default: '',
-    type: String
-  },
-
-  useBoundary: {
-    default: true,
-    type: Boolean
-  },
-
-  useStore: {
-    default: true,
-    type: Boolean
-  }
-}
-
-export const baseEmits = [
-  'update:fields',
-  'update:errors',
-  'update:metadata',
-  'update:fetching'
-]
-
-/**
- * @param {{
- *  mode: import('@bildvitta/composables').ViewModeTypes,
- *  props: baseProps,
- *  emit: (baseEmits: string) => void,
- *  slots: import('vue').Slots
- * }} config
- */
-export default function useView (config) {
-  const {
-    emit,
-    mode,
-    slots,
-    props
-  } = config
-
-  // composables
-  const router = useRouter()
-  const { viewState } = useViewComposable({ mode })
-
-  // refs
-  const cancelBeforeFetch = ref(false)
-  const hasFetchError = ref(false)
-
-  // constants
-  const fetchErrorMessage = 'Ops… Não conseguimos acessar as informações. Por favor, tente novamente em alguns minutos.'
-
-  // computed
-  const componentClass = computed(() => props.useBoundary && 'container spaced')
-  const hasFooterSlot = computed(() => !!slots.footer)
-  const hasHeaderSlot = computed(() => !!slots.header)
-  const hasFetchErrorSlot = computed(() => !!slots['fetch-error'])
-  const canShowFetchErrorSlot = computed(() => hasFetchErrorSlot.value && hasFetchError.value)
-
-  // watch
-  watch(() => viewState.value.fetching, value => emit('update:fetching', value))
-
-  // functions
-  function errorHandler (error) {
-    const { response } = error
-
-    const status = response?.status
-
-    const redirect = status >= 500
-      ? 'ServerError'
-      : ({ 403: 'Forbidden', 404: 'NotFound' })[status]
-
-    /**
-     * caso exista um desses status será redirecionado sem aparecer o "notify"
-     */
-    if (redirect) {
-      router.replace({ name: redirect })
-
-      return
-    }
-
-    hasFetchError.value = true
-
-    NotifyError(fetchErrorMessage)
-  }
-
-  function setErrors (errors = {}) {
-    viewState.value.errors = markRaw(errors)
-  }
-
-  function setFields (fields = {}) {
-    const camelizedFields = camelizeFieldsName(fields)
-
-    viewState.value.fields = markRaw(camelizedFields)
-  }
-
-  function setMetadata (metadata = {}) {
-    viewState.value.metadata = markRaw(metadata)
-  }
-
-  function setResult (result = {}) {
-    viewState.value.result = result
-  }
-
-  function updateModels (models) {
-    for (const key in models) {
-      if (!models[key]) continue
-
-      emit(`update:${key}`, models[key])
-    }
-  }
-
-  function fetchHandler (payload, resolve) {
-    const hasBeforeFetch = typeof props.beforeFetch === 'function'
-
-    if (hasBeforeFetch && !cancelBeforeFetch.value) {
-      return props.beforeFetch({
-        payload,
-        resolve: payload => resolve(payload),
-        done: () => {
-          cancelBeforeFetch.value = true
-        }
-      })
-    }
-
-    resolve()
-  }
-
-  return {
-    // state
-    viewState,
-
-    // constants
-    fetchErrorMessage,
-
-    // computed
-    componentClass,
-    hasFooterSlot,
-    hasHeaderSlot,
-    canShowFetchErrorSlot,
-
-    // functions
-    errorHandler,
-    fetchHandler,
-    setErrors,
-    setFields,
-    setResult,
-    setMetadata,
-    updateModels
-  }
-}
+import { NotifyError } from '../../plugins'
+import { camelizeFieldsName } from '../../helpers'
+
+import { useView as useViewComposable } from '@bildvitta/composables'
+import { ref, computed, watch, markRaw } from 'vue'
+import { useRouter } from 'vue-router'
+
+export const baseProps = {
+  beforeFetch: {
+    default: null,
+    type: Function
+  },
+
+  errors: {
+    default: () => ({}),
+    type: Object
+  },
+
+  entity: {
+    type: String,
+    required: ''
+  },
+
+  fetching: {
+    type: Boolean
+  },
+
+  fields: {
+    default: () => ({}),
+    type: Object
+  },
+
+  metadata: {
+    default: () => ({}),
+    type: Object
+  },
+
+  url: {
+    default: '',
+    type: String
+  },
+
+  useBoundary: {
+    default: true,
+    type: Boolean
+  },
+
+  useStore: {
+    default: true,
+    type: Boolean
+  }
+}
+
+export const baseEmits = [
+  'update:fields',
+  'update:errors',
+  'update:metadata',
+  'update:fetching'
+]
+
+/**
+ * @param {{
+ *  mode: import('@bildvitta/composables').ViewModeTypes,
+ *  props: baseProps,
+ *  emit: (baseEmits: string) => void,
+ *  slots: import('vue').Slots
+ * }} config
+ */
+export default function useView (config) {
+  const {
+    emit,
+    mode,
+    slots,
+    props
+  } = config
+
+  // composables
+  const router = useRouter()
+  const { viewState } = useViewComposable({ mode })
+
+  // refs
+  const cancelBeforeFetch = ref(false)
+  const hasFetchError = ref(false)
+
+  // constants
+  const fetchErrorMessage = 'Ops… Não conseguimos acessar as informações. Por favor, tente novamente em alguns minutos.'
+
+  // computed
+  const componentClass = computed(() => props.useBoundary && 'container spaced')
+  const hasFooterSlot = computed(() => !!slots.footer)
+  const hasHeaderSlot = computed(() => !!slots.header)
+  const hasFetchErrorSlot = computed(() => !!slots['fetch-error'])
+  const canShowFetchErrorSlot = computed(() => hasFetchErrorSlot.value && hasFetchError.value)
+
+  // watch
+  watch(() => viewState.value.fetching, value => emit('update:fetching', value))
+
+  // functions
+  function errorHandler (error) {
+    const { response } = error
+
+    const status = response?.status
+
+    const redirect = status >= 500
+      ? 'ServerError'
+      : ({ 403: 'Forbidden', 404: 'NotFound' })[status]
+
+    /**
+     * caso exista um desses status será redirecionado sem aparecer o "notify"
+     */
+    if (redirect) {
+      router.replace({ name: redirect })
+
+      return
+    }
+
+    hasFetchError.value = true
+
+    NotifyError(fetchErrorMessage)
+  }
+
+  function setErrors (errors = {}) {
+    viewState.value.errors = markRaw(errors)
+  }
+
+  function setFields (fields = {}) {
+    const camelizedFields = camelizeFieldsName(fields)
+
+    viewState.value.fields = markRaw(camelizedFields)
+  }
+
+  function setMetadata (metadata = {}) {
+    viewState.value.metadata = markRaw(metadata)
+  }
+
+  function setResult (result = {}) {
+    viewState.value.result = result
+  }
+
+  function updateModels (models) {
+    for (const key in models) {
+      if (!models[key]) continue
+
+      emit(`update:${key}`, models[key])
+    }
+  }
+
+  function fetchHandler (payload, resolve) {
+    const hasBeforeFetch = typeof props.beforeFetch === 'function'
+
+    if (hasBeforeFetch && !cancelBeforeFetch.value) {
+      return props.beforeFetch({
+        payload,
+        resolve: payload => resolve(payload),
+        done: () => {
+          cancelBeforeFetch.value = true
+        }
+      })
+    }
+
+    resolve()
+  }
+
+  return {
+    // state
+    viewState,
+
+    // constants
+    fetchErrorMessage,
+
+    // computed
+    componentClass,
+    hasFooterSlot,
+    hasHeaderSlot,
+    canShowFetchErrorSlot,
+
+    // functions
+    errorHandler,
+    fetchHandler,
+    setErrors,
+    setFields,
+    setResult,
+    setMetadata,
+    updateModels
+  }
+}

package/src/composables/use-context.js

@@ -1,15 +1,15 @@
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-
-export default function () {
-  const route = useRoute()
-
-  const context = computed(() => {
-    const { limit, ordering, page, search, ...filters } = route.query
-    return { filters, limit, ordering, page: page ? parseInt(page) : 1, search }
-  })
-
-  return {
-    context
-  }
-}
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+
+export default function () {
+  const route = useRoute()
+
+  const context = computed(() => {
+    const { limit, ordering, page, search, ...filters } = route.query
+    return { filters, limit, ordering, page: page ? parseInt(page) : 1, search }
+  })
+
+  return {
+    context
+  }
+}

package/src/composables/use-form.js

@@ -1,32 +1,32 @@
-import { computed } from 'vue'
-import { useRoute } from 'vue-router'
-
-const VALID_EDIT_MODES = ['replace', 'update']
-
-/**
- * @function
- * @name useForm
- * @param {{ editMode: 'replace' | 'update' }}
- * @returns {{
- *  isEditMode: isEditMode,
- *  mode: mode
- * }}
-*/
-export default function ({ editMode = 'replace' } = {}) {
-  const route = useRoute()
-
-  /**
-   * @type {{ value: boolean }}
-   */
-  const isEditMode = computed(() => VALID_EDIT_MODES.includes(mode.value))
-
-  /**
-   * @type {{ value: 'replace' | 'update' | 'create' }}
-   */
-  const mode = computed(() => route.name?.endsWith('Edit') ? editMode : 'create')
-
-  return {
-    isEditMode,
-    mode
-  }
-}
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+
+const VALID_EDIT_MODES = ['replace', 'update']
+
+/**
+ * @function
+ * @name useForm
+ * @param {{ editMode: 'replace' | 'update' }}
+ * @returns {{
+ *  isEditMode: isEditMode,
+ *  mode: mode
+ * }}
+*/
+export default function ({ editMode = 'replace' } = {}) {
+  const route = useRoute()
+
+  /**
+   * @type {{ value: boolean }}
+   */
+  const isEditMode = computed(() => VALID_EDIT_MODES.includes(mode.value))
+
+  /**
+   * @type {{ value: 'replace' | 'update' | 'create' }}
+   */
+  const mode = computed(() => route.name?.endsWith('Edit') ? editMode : 'create')
+
+  return {
+    isEditMode,
+    mode
+  }
+}

package/src/composables/use-history.js

@@ -1,46 +1,46 @@
-import { reactive, computed } from 'vue'
-
-const history = reactive({ list: [] })
-
-export default function () {
-  const hasPreviousRoute = computed(() => history.list.length > 1)
-
-  function getPreviousRoute (currentRoute) {
-    const index = history.list.findLastIndex(item => item.name === currentRoute.name)
-
-    if (~index) {
-      history.list.splice(index, 1)
-    }
-
-    return history.list.at(-1)
-  }
-
-  function addRoute (route) {
-    const lastRoute = history.list?.at(-1)
-    const routeExistsInList = lastRoute?.name === route.name
-
-    if (routeExistsInList) return
-
-    history.list.push(route)
-  }
-
-  function destroyRoutes (routes) {
-    if (!history.list.length) return null
-
-    routes.forEach(route => {
-      const index = history.list.findIndex(item => item.name === route.name)
-
-      if (~index) {
-        history.list.splice(index, 1)
-      }
-    })
-  }
-
-  return {
-    history,
-    hasPreviousRoute,
-    getPreviousRoute,
-    addRoute,
-    destroyRoutes
-  }
-}
+import { reactive, computed } from 'vue'
+
+const history = reactive({ list: [] })
+
+export default function () {
+  const hasPreviousRoute = computed(() => history.list.length > 1)
+
+  function getPreviousRoute (currentRoute) {
+    const index = history.list.findLastIndex(item => item.name === currentRoute.name)
+
+    if (~index) {
+      history.list.splice(index, 1)
+    }
+
+    return history.list.at(-1)
+  }
+
+  function addRoute (route) {
+    const lastRoute = history.list?.at(-1)
+    const routeExistsInList = lastRoute?.name === route.name
+
+    if (routeExistsInList) return
+
+    history.list.push(route)
+  }
+
+  function destroyRoutes (routes) {
+    if (!history.list.length) return null
+
+    routes.forEach(route => {
+      const index = history.list.findIndex(item => item.name === route.name)
+
+      if (~index) {
+        history.list.splice(index, 1)
+      }
+    })
+  }
+
+  return {
+    history,
+    hasPreviousRoute,
+    getPreviousRoute,
+    addRoute,
+    destroyRoutes
+  }
+}