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

package/src/components/board-generator/QasBoardGenerator.yml

@@ -1,167 +1,167 @@
-type: component
-
-meta:
-  desc: Componente usado para board de colunas.
-
-props:
-  column-id-key:
-    desc: chave que será o id usado para ser o identificador da coluna.
-    type: String
-    required: true
-
-  column-params:
-    desc: parâmetros customizados caso precise passar para as APIs das colunas.
-    type: Object
-    default: {}
-
-  column-url:
-    desc: URL usada para as APIs das colunas.
-    type: String
-    required: true
-
-  column-width:
-    desc: Largura da coluna.
-    type: String
-    default: 288
-
-  confirm-dialog-props:
-    desc: Propriedade repassada ao `QasDialog` para confirmar um drag and drop. Caso não seja passado, não é usado dialog de confirmação. As ações de confirmar e cancelar são feitas por padrão no componente.
-    type: Object
-    default: {}
-
-  header-box-props:
-    desc: Propriedades repassadas ao `QasBox` do header.
-    type: Object
-    default: {}
-
-  headers:
-    desc: Lista de itens sendo cada um o header de cada coluna.
-    default: []
-    type: Array
-
-  height:
-    desc: Altura do container do board. Caso não seja passado um height, o cálculo é feito para ocupar a maior altura possível da página.
-    type: String
-
-  item-id-key:
-    desc: Identificador único do item a ser movido, sendo que será usado nas requisições realizadas pelo drop.
-    type: String
-
-  lazy-loading-fields-keys:
-    desc: Chaves dos campos que são lazy loading para o tratamento de merge das options.
-    type: Array
-    default: []
-
-  limit:
-    desc: Quantidade de itens da coluna por busca na API.
-    type: Number
-    default: 12
-
-  use-mark-raw:
-    desc: Define se os valores dos itens das colunas irão ser atribuídos utilizando o "markRaw", onde somente a primeira camada do model será reativa. (https://vuejs.org/api/reactivity-advanced.html#markraw)
-    type: Boolean
-    default: true
-
-  results:
-    desc: Model do componente, usado para o v-model dos itens da coluna.
-    default: {}
-    type: Object
-    examples: [v-model:results="resultsColumns"]
-    model: true
-
-  sortable-config:
-    desc: Configuração passada para a instância do SortableJS.
-    type: Object
-    default: "{ animation: 500, swapThreshold: 1, delay: 50, delayOnTouchOnly: true, emptyInsertThreshold: 0 }"
-    debugger: true
-
-  use-drag-and-drop-x:
-    desc: Controla se irá ter drag and drop no eixo X (entre colunas).
-    type: Boolean
-
-  use-drag-and-drop-y:
-    desc: Controla se irá ter drag and drop no eixo Y (mesma coluna, utilizado para ordenação de itens).
-    type: Boolean
-
-  update-position-url:
-    desc: URL usada para realizar o PATCH do drag and drop.
-    type: String
-    default: ''
-
-  update-position-params:
-    desc: Parâmetros customizados caso precise passar para a API de PATCH.
-    type: Object
-    default: {}
-
-slots:
-  header-column:
-    desc: Slot para acessar o card do header de cada coluna.
-    scope:
-      fields:
-        desc: Fields referente à coluna atual do template.
-        type: Object
-        default: {}
-
-      header:
-        desc: Informações de cada item do header que foi fornecido através da prop "headers".
-        type: Object
-        default: {}
-
-  column-item:
-    desc: Slot para acessar o item da coluna.
-    scope:
-      fields:
-        desc: Fields referente à coluna atual do template.
-        type: Object
-        default: {}
-
-      item:
-        desc: Informações de cada item da coluna que foi buscado através da API.
-        type: Object
-        default: {}
-
-events:
-  '@update:results -> function(value)':
-    desc: Dispara quando o "results" altera, também usado para v-model.
-    params:
-      value:
-        desc: Novo valor do model.
-        type: Object
-
-  '@update:fetch-column-success -> function({ response, header })':
-    desc: Dispara quando o "fetchColumn" é executado com sucesso.
-    params:
-      response:
-        desc: Retorno da API.
-        type: Object
-
-      header:
-        desc: Header da coluna atual.
-        type: Object
-
-  '@update:fetch-column-error -> function(error)':
-    desc: Dispara quando o "fetchColumn" cai em uma exceção.
-    params:
-      error:
-        desc: Retorna todos os dados "crus" respondidos na exceção do fetch.
-        type: Object
-
-  '@update:fetch-columns-success -> function()':
-    desc: Dispara quando todos "fetchColumn" foram executados com sucesso.
-
-  '@update:fetch-columns-error -> function(error)':
-    desc: Dispara quando algum "fetchColumn" cai em uma exceção.
-    params:
-      error:
-        desc: Retorna todos os dados "crus" respondidos na exceção do fetch.
-        type: Object
-
-  '@update-success -> function()':
-    desc: Dispara quando o PATCH do drag and drop é com sucesso.
-
-methods:
-  'fetchColumns: () => void':
-    desc: Busca todas colunas com base nos headers fornecidos.
-
-  'fetchColumn: (header) => void':
-    desc: Busca uma coluna específica com base no header fornecido.
+type: component
+
+meta:
+  desc: Componente usado para board de colunas.
+
+props:
+  column-id-key:
+    desc: chave que será o id usado para ser o identificador da coluna.
+    type: String
+    required: true
+
+  column-params:
+    desc: parâmetros customizados caso precise passar para as APIs das colunas.
+    type: Object
+    default: {}
+
+  column-url:
+    desc: URL usada para as APIs das colunas.
+    type: String
+    required: true
+
+  column-width:
+    desc: Largura da coluna.
+    type: String
+    default: 288
+
+  confirm-dialog-props:
+    desc: Propriedade repassada ao `QasDialog` para confirmar um drag and drop. Caso não seja passado, não é usado dialog de confirmação. As ações de confirmar e cancelar são feitas por padrão no componente.
+    type: Object
+    default: {}
+
+  header-box-props:
+    desc: Propriedades repassadas ao `QasBox` do header.
+    type: Object
+    default: {}
+
+  headers:
+    desc: Lista de itens sendo cada um o header de cada coluna.
+    default: []
+    type: Array
+
+  height:
+    desc: Altura do container do board. Caso não seja passado um height, o cálculo é feito para ocupar a maior altura possível da página.
+    type: String
+
+  item-id-key:
+    desc: Identificador único do item a ser movido, sendo que será usado nas requisições realizadas pelo drop.
+    type: String
+
+  lazy-loading-fields-keys:
+    desc: Chaves dos campos que são lazy loading para o tratamento de merge das options.
+    type: Array
+    default: []
+
+  limit:
+    desc: Quantidade de itens da coluna por busca na API.
+    type: Number
+    default: 12
+
+  use-mark-raw:
+    desc: Define se os valores dos itens das colunas irão ser atribuídos utilizando o "markRaw", onde somente a primeira camada do model será reativa. (https://vuejs.org/api/reactivity-advanced.html#markraw)
+    type: Boolean
+    default: true
+
+  results:
+    desc: Model do componente, usado para o v-model dos itens da coluna.
+    default: {}
+    type: Object
+    examples: [v-model:results="resultsColumns"]
+    model: true
+
+  sortable-config:
+    desc: Configuração passada para a instância do SortableJS.
+    type: Object
+    default: "{ animation: 500, swapThreshold: 1, delay: 50, delayOnTouchOnly: true, emptyInsertThreshold: 0 }"
+    debugger: true
+
+  use-drag-and-drop-x:
+    desc: Controla se irá ter drag and drop no eixo X (entre colunas).
+    type: Boolean
+
+  use-drag-and-drop-y:
+    desc: Controla se irá ter drag and drop no eixo Y (mesma coluna, utilizado para ordenação de itens).
+    type: Boolean
+
+  update-position-url:
+    desc: URL usada para realizar o PATCH do drag and drop.
+    type: String
+    default: ''
+
+  update-position-params:
+    desc: Parâmetros customizados caso precise passar para a API de PATCH.
+    type: Object
+    default: {}
+
+slots:
+  header-column:
+    desc: Slot para acessar o card do header de cada coluna.
+    scope:
+      fields:
+        desc: Fields referente à coluna atual do template.
+        type: Object
+        default: {}
+
+      header:
+        desc: Informações de cada item do header que foi fornecido através da prop "headers".
+        type: Object
+        default: {}
+
+  column-item:
+    desc: Slot para acessar o item da coluna.
+    scope:
+      fields:
+        desc: Fields referente à coluna atual do template.
+        type: Object
+        default: {}
+
+      item:
+        desc: Informações de cada item da coluna que foi buscado através da API.
+        type: Object
+        default: {}
+
+events:
+  '@update:results -> function(value)':
+    desc: Dispara quando o "results" altera, também usado para v-model.
+    params:
+      value:
+        desc: Novo valor do model.
+        type: Object
+
+  '@update:fetch-column-success -> function({ response, header })':
+    desc: Dispara quando o "fetchColumn" é executado com sucesso.
+    params:
+      response:
+        desc: Retorno da API.
+        type: Object
+
+      header:
+        desc: Header da coluna atual.
+        type: Object
+
+  '@update:fetch-column-error -> function(error)':
+    desc: Dispara quando o "fetchColumn" cai em uma exceção.
+    params:
+      error:
+        desc: Retorna todos os dados "crus" respondidos na exceção do fetch.
+        type: Object
+
+  '@update:fetch-columns-success -> function()':
+    desc: Dispara quando todos "fetchColumn" foram executados com sucesso.
+
+  '@update:fetch-columns-error -> function(error)':
+    desc: Dispara quando algum "fetchColumn" cai em uma exceção.
+    params:
+      error:
+        desc: Retorna todos os dados "crus" respondidos na exceção do fetch.
+        type: Object
+
+  '@update-success -> function()':
+    desc: Dispara quando o PATCH do drag and drop é com sucesso.
+
+methods:
+  'fetchColumns: () => void':
+    desc: Busca todas colunas com base nos headers fornecidos.
+
+  'fetchColumn: (header) => void':
+    desc: Busca uma coluna específica com base no header fornecido.

package/src/components/box/QasBox.vue

@@ -1,51 +1,51 @@
-<template>
-  <div class="bg-white rounded-borders" :class="boxClasses">
-    <slot />
-  </div>
-</template>
-
-<script setup>
-import { Spacing } from '../../enums/Spacing'
-
-import { computed, provide } from 'vue'
-
-defineOptions({ name: 'QasBox' })
-
-const props = defineProps({
-  outlined: {
-    type: Boolean
-  },
-
-  unelevated: {
-    type: Boolean
-  },
-
-  spacingX: {
-    default: Spacing.Md,
-    type: String,
-    validator: value => Object.values(Spacing).includes(value)
-  },
-
-  spacingY: {
-    default: Spacing.Md,
-    type: String,
-    validator: value => Object.values(Spacing).includes(value)
-  },
-
-  useSpacing: {
-    type: Boolean,
-    default: true
-  }
-})
-
-provide('isBox', true)
-
-const boxClasses = computed(() => {
-  return {
-    'border-grey': props.outlined,
-    'shadow-2': !props.unelevated,
-    [`q-px-${props.spacingX}`]: props.useSpacing,
-    [`q-py-${props.spacingY}`]: props.useSpacing
-  }
-})
-</script>
+<template>
+  <div class="bg-white rounded-borders" :class="boxClasses">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { Spacing } from '../../enums/Spacing'
+
+import { computed, provide } from 'vue'
+
+defineOptions({ name: 'QasBox' })
+
+const props = defineProps({
+  outlined: {
+    type: Boolean
+  },
+
+  unelevated: {
+    type: Boolean
+  },
+
+  spacingX: {
+    default: Spacing.Md,
+    type: String,
+    validator: value => Object.values(Spacing).includes(value)
+  },
+
+  spacingY: {
+    default: Spacing.Md,
+    type: String,
+    validator: value => Object.values(Spacing).includes(value)
+  },
+
+  useSpacing: {
+    type: Boolean,
+    default: true
+  }
+})
+
+provide('isBox', true)
+
+const boxClasses = computed(() => {
+  return {
+    'border-grey': props.outlined,
+    'shadow-2': !props.unelevated,
+    [`q-px-${props.spacingX}`]: props.useSpacing,
+    [`q-py-${props.spacingY}`]: props.useSpacing
+  }
+})
+</script>

package/src/components/box/QasBox.yml

@@ -1,29 +1,29 @@
-type: component
-
-meta:
-  desc: Um simples componente com fundo branco e bordas arredondadas para encapsular o seu conteúdo.
-
-props:
-  outlined:
-    desc: Insere uma borda sólida em volta do componente.
-    type: Boolean
-
-  unelevated:
-    desc: Remove a sombra do componente.
-    type: Boolean
-
-  spacing-x:
-    desc: Espaçamento horizontal do componente.
-    type: String
-    default: md
-    examples: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl']
-
-  spacing-y:
-    desc: Espaçamento vertical do componente.
-    type: String
-    default: md
-    examples: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl']
-
-  use-spacing:
-    desc: Controla espaçamento do componente.
-    type: Boolean
+type: component
+
+meta:
+  desc: Um simples componente com fundo branco e bordas arredondadas para encapsular o seu conteúdo.
+
+props:
+  outlined:
+    desc: Insere uma borda sólida em volta do componente.
+    type: Boolean
+
+  unelevated:
+    desc: Remove a sombra do componente.
+    type: Boolean
+
+  spacing-x:
+    desc: Espaçamento horizontal do componente.
+    type: String
+    default: md
+    examples: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl']
+
+  spacing-y:
+    desc: Espaçamento vertical do componente.
+    type: String
+    default: md
+    examples: ['none', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl']
+
+  use-spacing:
+    desc: Controla espaçamento do componente.
+    type: Boolean

package/src/components/breakline/QasBreakline.vue

@@ -1,38 +1,38 @@
-<template>
-  <component :is="props.tag" v-for="(line, index) in lines" :key="index" v-bind="attrs">
-    {{ line }}
-  </component>
-</template>
-
-<script setup>
-import { computed, useAttrs, useSlots } from 'vue'
-import { getSlotChildrenText } from '../../helpers'
-
-defineOptions({ name: 'QasBreakline' })
-
-const props = defineProps({
-  split: {
-    default: '\n',
-    type: String
-  },
-
-  tag: {
-    default: 'div',
-    type: String
-  },
-
-  text: {
-    default: '',
-    type: String
-  }
-})
-
-const attrs = useAttrs()
-const slots = useSlots()
-
-const lines = computed(() => {
-  const text = props.text || getSlotChildrenText(slots.default())
-
-  return text.split(props.split)
-})
-</script>
+<template>
+  <component :is="props.tag" v-for="(line, index) in lines" :key="index" v-bind="attrs">
+    {{ line }}
+  </component>
+</template>
+
+<script setup>
+import { computed, useAttrs, useSlots } from 'vue'
+import { getSlotChildrenText } from '../../helpers'
+
+defineOptions({ name: 'QasBreakline' })
+
+const props = defineProps({
+  split: {
+    default: '\n',
+    type: String
+  },
+
+  tag: {
+    default: 'div',
+    type: String
+  },
+
+  text: {
+    default: '',
+    type: String
+  }
+})
+
+const attrs = useAttrs()
+const slots = useSlots()
+
+const lines = computed(() => {
+  const text = props.text || getSlotChildrenText(slots.default())
+
+  return text.split(props.split)
+})
+</script>

package/src/components/breakline/QasBreakline.yml

@@ -1,25 +1,25 @@
-type: component
-
-meta:
-  desc: Permite encapsular quebra de linhas (\n) de um texto em uma tag HTML ou componente Vue.
-
-props:
-  split:
-    default: '\n'
-    desc: Carácter ou conjunto de caracteres que serão utilizados para dividir o texto.
-    type: String
-
-  tag:
-    default: div
-    desc: Tag HTML que será utilizada para encapsular o texto dividido.
-    examples: [p, span]
-    type: String
-
-  text:
-    default: ''
-    desc: Texto que será dividido.
-    type: String
-
-slots:
-  default:
-    desc: Texto que será dividido.
+type: component
+
+meta:
+  desc: Permite encapsular quebra de linhas (\n) de um texto em uma tag HTML ou componente Vue.
+
+props:
+  split:
+    default: '\n'
+    desc: Carácter ou conjunto de caracteres que serão utilizados para dividir o texto.
+    type: String
+
+  tag:
+    default: div
+    desc: Tag HTML que será utilizada para encapsular o texto dividido.
+    examples: [p, span]
+    type: String
+
+  text:
+    default: ''
+    desc: Texto que será dividido.
+    type: String
+
+slots:
+  default:
+    desc: Texto que será dividido.