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

package/src/components/debugger/QasDebugger.vue

@@ -1,31 +1,31 @@
-<template>
-  <details class="bg-grey-3 q-my-md q-pa-md qas-debugger rounded-borders">
-    <summary>Debugger</summary>
-
-    <div class="row">
-      <pre v-for="(item, index) in props.inspect" :key="index" class="col q-pa-sm qas-debugger__code scroll">
-        {{ item }}
-      </pre>
-    </div>
-  </details>
-</template>
-
-<script setup>
-defineOptions({ name: 'QasDebugger' })
-
-const props = defineProps({
-  inspect: {
-    default: () => [],
-    required: true,
-    type: Array
-  }
-})
-</script>
-
-<style lang="scss">
-.qas-debugger {
-  &__code {
-    max-height: 300px;
-  }
-}
-</style>
+<template>
+  <details class="bg-grey-3 q-my-md q-pa-md qas-debugger rounded-borders">
+    <summary>Debugger</summary>
+
+    <div class="row">
+      <pre v-for="(item, index) in props.inspect" :key="index" class="col q-pa-sm qas-debugger__code scroll">
+        {{ item }}
+      </pre>
+    </div>
+  </details>
+</template>
+
+<script setup>
+defineOptions({ name: 'QasDebugger' })
+
+const props = defineProps({
+  inspect: {
+    default: () => [],
+    required: true,
+    type: Array
+  }
+})
+</script>
+
+<style lang="scss">
+.qas-debugger {
+  &__code {
+    max-height: 300px;
+  }
+}
+</style>

package/src/components/debugger/QasDebugger.yml

@@ -1,10 +1,10 @@
-type: component
-
-meta:
-  desc: Este componente facilita a visualização de dados de qualquer tipo.
-
-props:
-  inspect:
-    desc: Lista com os dados que serão exibidos no depurador.
-    required: true
-    type: Array
+type: component
+
+meta:
+  desc: Este componente facilita a visualização de dados de qualquer tipo.
+
+props:
+  inspect:
+    desc: Lista com os dados que serão exibidos no depurador.
+    required: true
+    type: Array

package/src/components/delete/QasDelete.vue

@@ -1,100 +1,100 @@
-<template>
-  <component v-bind="attributes" :is="props.tag" @click.stop.prevent="onDelete">
-    <template v-for="(_, name) in slots" #[name]="context">
-      <slot :name="name" v-bind="context || {}" />
-    </template>
-  </component>
-</template>
-
-<script setup>
-import { inject, computed, useAttrs, useSlots } from 'vue'
-import { useRoute } from 'vue-router'
-
-defineOptions({
-  name: 'QasDelete',
-  inheritAttrs: false
-})
-
-const props = defineProps({
-  customId: {
-    default: '',
-    type: [Number, String]
-  },
-
-  dialogProps: {
-    default: () => ({}),
-    type: Object
-  },
-
-  entity: {
-    required: true,
-    type: String
-  },
-
-  tag: {
-    default: 'qas-btn',
-    type: String
-  },
-
-  url: {
-    default: '',
-    type: String
-  },
-
-  deleting: {
-    type: Boolean
-  },
-
-  useAutoDeleteRoute: {
-    default: true,
-    type: Boolean
-  },
-
-  redirectRoute: {
-    type: [Object, String],
-    default: ''
-  }
-})
-
-const emit = defineEmits(['success', 'error', 'update:deleting'])
-
-const slots = useSlots()
-const attrs = useAttrs()
-const route = useRoute()
-
-// global
-const qas = inject('qas')
-
-const id = computed(() => props.customId || route.params.id)
-const isButton = computed(() => props.tag === 'qas-btn')
-
-const attributes = computed(() => {
-  return {
-    ...attrs,
-    color: isButton.value ? 'grey-10' : attrs.color
-  }
-})
-
-function onDelete () {
-  qas.delete({
-    deleteActionParams: {
-      entity: props.entity,
-      id: id.value,
-      url: props.url
-    },
-
-    dialogProps: props.dialogProps,
-
-    useAutoDeleteRoute: props.useAutoDeleteRoute,
-
-    redirectRoute: props.redirectRoute,
-
-    // callbacks
-    onDelete: isDeleting => emit('update:deleting', isDeleting),
-
-    onDeleteError: error => emit('error', error),
-
-    onDeleteSuccess: response => emit('success', response)
-  })
-}
-</script>
+<template>
+  <component v-bind="attributes" :is="props.tag" @click.stop.prevent="onDelete">
+    <template v-for="(_, name) in slots" #[name]="context">
+      <slot :name="name" v-bind="context || {}" />
+    </template>
+  </component>
+</template>
+
+<script setup>
+import { inject, computed, useAttrs, useSlots } from 'vue'
+import { useRoute } from 'vue-router'
+
+defineOptions({
+  name: 'QasDelete',
+  inheritAttrs: false
+})
+
+const props = defineProps({
+  customId: {
+    default: '',
+    type: [Number, String]
+  },
+
+  dialogProps: {
+    default: () => ({}),
+    type: Object
+  },
+
+  entity: {
+    required: true,
+    type: String
+  },
+
+  tag: {
+    default: 'qas-btn',
+    type: String
+  },
+
+  url: {
+    default: '',
+    type: String
+  },
+
+  deleting: {
+    type: Boolean
+  },
+
+  useAutoDeleteRoute: {
+    default: true,
+    type: Boolean
+  },
+
+  redirectRoute: {
+    type: [Object, String],
+    default: ''
+  }
+})
+
+const emit = defineEmits(['success', 'error', 'update:deleting'])
+
+const slots = useSlots()
+const attrs = useAttrs()
+const route = useRoute()
+
+// global
+const qas = inject('qas')
+
+const id = computed(() => props.customId || route.params.id)
+const isButton = computed(() => props.tag === 'qas-btn')
+
+const attributes = computed(() => {
+  return {
+    ...attrs,
+    color: isButton.value ? 'grey-10' : attrs.color
+  }
+})
+
+function onDelete () {
+  qas.delete({
+    deleteActionParams: {
+      entity: props.entity,
+      id: id.value,
+      url: props.url
+    },
+
+    dialogProps: props.dialogProps,
+
+    useAutoDeleteRoute: props.useAutoDeleteRoute,
+
+    redirectRoute: props.redirectRoute,
+
+    // callbacks
+    onDelete: isDeleting => emit('update:deleting', isDeleting),
+
+    onDeleteError: error => emit('error', error),
+
+    onDeleteSuccess: response => emit('success', response)
+  })
+}
+</script>

package/src/components/delete/QasDelete.yml

@@ -1,60 +1,60 @@
-type: component
-
-meta:
-  desc: Componente para C.R.U.D. responsável por deletar (Delete).
-
-props:
-  custom-id:
-    desc: Por padrão, o componente vai pegar o "id" que vem como parâmetro na url, caso queira que o id seja diferente da url, use esta prop.
-    type: String
-    examples: ['my-custom-id']
-
-  deleting:
-    desc: Model para saber se está deletando.
-    type: Boolean
-    examples: [v-model:deleting="isDeleting"]
-    model: true
-
-  dialog-props:
-    desc: Props para ser repassada para o componente "QasDialog"
-    default: {}
-    type: Object
-
-  entity:
-    desc: Entidade da store, por exemplo se tiver que trabalhar com modulo de usuários, teremos o model "users" na store, que vai ser nossa "entity".
-    required: true
-    type: String
-
-  tag:
-    desc: Tag do componente.
-    default: qas-btn
-    type: String
-    examples: [q-item]
-
-  url:
-    desc: Envia como parâmetro para a action "fetchSingle" do modulo correspondente a "entity".
-    type: String
-
-  use-auto-delete-route:
-    desc: Controla se sempre que deletar com sucesso um item, remove todas as rotas do histórico de rotas que contenha id do item deletado.
-    default: true
-    type: Boolean
-
-  redirect-route:
-    desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
-    type: [String, Object]
-
-slots:
-  default:
-    desc: 'Slot para acessar dentro do componente.'
-
-events:
-  '@error -> function(value)':
-    desc: Dispara quando acontece algum erro na hora de deletar.
-    params:
-      value:
-        desc: Erro retornado.
-        type: Object
-
-  '@success -> function()':
-    desc: Dispara quando o componente deleta com sucesso.
+type: component
+
+meta:
+  desc: Componente para C.R.U.D. responsável por deletar (Delete).
+
+props:
+  custom-id:
+    desc: Por padrão, o componente vai pegar o "id" que vem como parâmetro na url, caso queira que o id seja diferente da url, use esta prop.
+    type: String
+    examples: ['my-custom-id']
+
+  deleting:
+    desc: Model para saber se está deletando.
+    type: Boolean
+    examples: [v-model:deleting="isDeleting"]
+    model: true
+
+  dialog-props:
+    desc: Props para ser repassada para o componente "QasDialog"
+    default: {}
+    type: Object
+
+  entity:
+    desc: Entidade da store, por exemplo se tiver que trabalhar com modulo de usuários, teremos o model "users" na store, que vai ser nossa "entity".
+    required: true
+    type: String
+
+  tag:
+    desc: Tag do componente.
+    default: qas-btn
+    type: String
+    examples: [q-item]
+
+  url:
+    desc: Envia como parâmetro para a action "fetchSingle" do modulo correspondente a "entity".
+    type: String
+
+  use-auto-delete-route:
+    desc: Controla se sempre que deletar com sucesso um item, remove todas as rotas do histórico de rotas que contenha id do item deletado.
+    default: true
+    type: Boolean
+
+  redirect-route:
+    desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
+    type: [String, Object]
+
+slots:
+  default:
+    desc: 'Slot para acessar dentro do componente.'
+
+events:
+  '@error -> function(value)':
+    desc: Dispara quando acontece algum erro na hora de deletar.
+    params:
+      value:
+        desc: Erro retornado.
+        type: Object
+
+  '@success -> function()':
+    desc: Dispara quando o componente deleta com sucesso.