@bildvitta/quasar-ui-asteroid 3.0.0-beta.2 → 3.0.0-beta.20

package/dist/api/QasActionsMenu.json

@@ -4,6 +4,21 @@
     "desc": "Componente para abrir um menu de ação a partir de um botão, muito utilizado em tela de edição."
   },
   "props": {
+    "delete-icon": {
+      "desc": "Ícone do botão de deletar.",
+      "default": "o_delete",
+      "type": "String"
+    },
+    "delete-label": {
+      "desc": "Rótulo do botão de deletar.",
+      "default": "Excluir",
+      "type": "String"
+    },
+    "delete-props": {
+      "desc": "Props para repassar para o componente \"QasDelete\", caso seja um objeto vazio, o componente não vai adicionar a opção de deletar por padrão.",
+      "default": {},
+      "type": "Object"
+    },
     "icon": {
       "desc": "Ícone do botão.",
       "default": "o_settings",
@@ -28,21 +43,6 @@
       "examples": [
         "{ delete: { icon: 'o_visibility', label: 'Visualizar', handler: () => alert('handler ativado') } }"
       ]
-    },
-    "delete-label": {
-      "desc": "Rótulo do botão de deletar.",
-      "default": "Excluir",
-      "type": "String"
-    },
-    "delete-icon": {
-      "desc": "Ícone do botão de deletar.",
-      "default": "o_delete",
-      "type": "String"
-    },
-    "delete-props": {
-      "desc": "Props para repassar para o componente \"QasDelete\", caso seja um objeto vazio, o componente não vai adicionar a opção de deletar por padrão.",
-      "default": {},
-      "type": "Object"
     }
   },
   "slots": {

package/dist/api/QasAppBar.json

@@ -4,19 +4,15 @@
     "desc": "Cria um seção para alertar sobre um conteúdo."
   },
   "props": {
-    "is-auth": {
-      "desc": "Controla se mostra ou não o menu de usuário.",
-      "type": "Boolean"
-    },
-    "title": {
-      "desc": "Título do header, normalmente usado como título da aplicação.",
-      "type": "String"
-    },
     "notifications": {
       "desc": "Ícone de notificação que fica ao lado do menu de usuário.",
       "type": "Object",
       "default": {}
     },
+    "title": {
+      "desc": "Título do header, normalmente usado como título da aplicação.",
+      "type": "String"
+    },
     "user": {
       "desc": "Informações de usuário para ser usado no menu.",
       "type": "Object",

package/dist/api/QasAppMenu.json

@@ -4,24 +4,28 @@
     "desc": "Menu lateral."
   },
   "props": {
-    "model-value": {
-      "desc": "Model do componente, controla quando o menu lateral é aberto e fechado.",
-      "default": true,
-      "type": "Boolean"
+    "brand-menu": {
+      "desc": "Imagem para ser usada como logo no menu.",
+      "type": "String"
     },
     "items": {
       "desc": "Itens do menu.",
       "type": "Array",
       "default": []
     },
-    "title": {
-      "desc": "Título que vai ficar no label do select de módulos.",
-      "type": "String"
+    "model-value": {
+      "desc": "Model do componente, controla quando o menu lateral é aberto e fechado.",
+      "default": true,
+      "type": "Boolean"
     },
     "modules": {
       "desc": "Lista de módulos que o usuário tem acesso para navegar.",
       "type": "Array",
       "default": []
+    },
+    "title": {
+      "desc": "Título que vai ficar no label do select de módulos.",
+      "type": "String"
     }
   },
   "events": {

package/dist/api/QasBtn.json

@@ -7,10 +7,14 @@
     "desc": "O mesmo botão do Quasar (QBtn), mas com o nosso estilo, tem acesso a todas propriedades do componente do quasar. Tem a função de criar gatilhos para ações. Eles podem ser utilizados isoladamente ou ​​como parte de outros componentes de padrões maiores, como formulários, caixas de diálogo e feedbacks."
   },
   "props": {
-    "hide-label-on-small-screen": {
-      "desc": "Esconde o rótulo (label) do botão quando o tamanho da tela for pequeno.",
-      "type": "Boolean",
-      "default": "false"
+    "use-label-on-small-screen": {
+      "desc": "Esconde o rótulo (label) do botão quando o tamanho da tela for pequeno (esta propriedade só funciona se o \"rotulo\") for passado via propriedade \"label\".",
+      "default": true,
+      "type": "Boolean"
+    },
+    "label": {
+      "desc": "Rótulo do botão.",
+      "type": "String"
     }
   }
 }

package/dist/api/QasCard.json

@@ -4,15 +4,6 @@
     "desc": "Componente de card."
   },
   "props": {
-    "bg-image-position": {
-      "desc": "Posição da imagem \"background-position\".",
-      "default": "center",
-      "type": "String"
-    },
-    "form-mode": {
-      "desc": "Modo de formulário, altera o estilo quando está em uma pagina de formulário.",
-      "type": "Boolean"
-    },
     "gutter": {
       "desc": "Espaçamento dentro <q-card-section /> onde fica o slot \"default\".",
       "default": "sm",
@@ -30,14 +21,27 @@
       "default": [],
       "type": "Array"
     },
+    "image-position": {
+      "desc": "Posição da imagem \"background-position\".",
+      "default": "center",
+      "type": "String"
+    },
+    "outlined": {
+      "desc": "Insere uma borda sólida em volta do componente.",
+      "type": "Boolean"
+    },
+    "unelevated": {
+      "desc": "Remove a sombra do componente.",
+      "type": "Boolean"
+    },
     "use-header": {
       "desc": "Controla se vai ter ou não o header com carousel.",
       "type": "Boolean"
     }
   },
   "slots": {
-    "header": {
-      "desc": "Slot para acessar área no lugar do \"<q-carousel />\"."
+    "actions": {
+      "desc": "Slot para acessar conteúdo de ações como botão."
     },
     "carousel-header": {
       "desc": "Slot para acessar usar de header do \"<q-carousel />\"."
@@ -45,8 +49,8 @@
     "default": {
       "desc": "Slot para acessar conteúdo dentro do \"<q-card-section />\"."
     },
-    "actions": {
-      "desc": "Slot para acessar conteúdo de ações como botão."
+    "header": {
+      "desc": "Slot para acessar área no lugar do \"<q-carousel />\"."
     }
   }
 }

package/dist/api/QasCheckboxGroup.json

@@ -4,10 +4,10 @@
     "desc": "Componente para gerar dinamicamente checkbox agrupados."
   },
   "props": {
-    "options": {
-      "desc": "Opções para gerar os checkbox.",
-      "default": [],
-      "type": "Array"
+    "inline": {
+      "desc": "Controla se o componente vai aparece em linha ou em bloco.",
+      "default": true,
+      "type": "Boolean"
     },
     "model-value": {
       "desc": "Model do componente, usado para v-model.",
@@ -18,10 +18,10 @@
       ],
       "model": true
     },
-    "inline": {
-      "desc": "Controla se o componente vai aparece em linha ou em bloco.",
-      "default": true,
-      "type": "Boolean"
+    "options": {
+      "desc": "Opções para gerar os checkbox.",
+      "default": [],
+      "type": "Array"
     }
   },
   "events": {

package/dist/api/QasCopy.json

@@ -9,6 +9,10 @@
       "type": "String",
       "default": "o_file_copy"
     },
+    "text": {
+      "desc": "Texto a ser copiado.",
+      "type": "String"
+    },
     "size": {
       "desc": "Tamanho do botão.",
       "type": "String",
@@ -20,10 +24,6 @@
         "lg",
         "xl"
       ]
-    },
-    "text": {
-      "desc": "Texto a ser copiado.",
-      "type": "String"
     }
   }
 }

package/dist/api/QasDateTimeInput.json

@@ -12,38 +12,38 @@
       "default": "DD/MM/YYYY",
       "type": "String"
     },
-    "date-only": {
-      "desc": "Habilita o componente para usar somente data.",
-      "type": "Boolean"
-    },
     "date-props": {
       "desc": "Propriedades do QDate (https://quasar.dev/vue-components/date#introduction).",
       "default": {},
       "type": "Object"
     },
-    "gmt": {
-      "desc": "Utilizado para se usar junto da prop \"date-only\" ou \"time-only\", caso \"gmt\" for \"true\", o model sempre vai ser retornado no padrão ISO 8601, independente ser apenas um campo somente de data ou hora.",
-      "type": "Boolean"
+    "model-value": {
+      "desc": "Model do componente, usado para v-model.",
+      "default": "",
+      "type": "String",
+      "model": true
     },
     "time-mask": {
       "desc": "Máscara do componente de input de hora.",
       "default": "HH:mm",
       "type": "String"
     },
-    "time-only": {
-      "desc": "Habilita o componente para usar somente hora.",
-      "type": "Boolean"
-    },
     "time-props": {
       "desc": "Propriedades do QTime (https://quasar.dev/vue-components/time#introduction).",
       "default": {},
       "type": "Object"
     },
-    "model-value": {
-      "desc": "Model do componente, usado para v-model.",
-      "default": "",
-      "type": "String",
-      "model": true
+    "use-time-only": {
+      "desc": "Habilita o componente para usar somente hora.",
+      "type": "Boolean"
+    },
+    "use-date-only": {
+      "desc": "Habilita o componente para usar somente data.",
+      "type": "Boolean"
+    },
+    "use-iso": {
+      "desc": "Utilizado para se usar junto da prop \"date-only\" ou \"time-only\", caso \"useIso\" for \"true\", o model sempre vai ser retornado no padrão ISO 8601, independente ser apenas um campo somente de data ou hora.",
+      "type": "Boolean"
     }
   },
   "events": {

package/dist/api/QasDelete.json

@@ -4,11 +4,6 @@
     "desc": "Componente para C.R.U.D. responsável por deletar (Delete)."
   },
   "props": {
-    "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"
-    },
     "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",
@@ -16,13 +11,22 @@
         "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"
     },
-    "url": {
-      "desc": "Envia como parâmetro para a action \"fetchSingle\" do modulo correspondente a \"entity\".",
+    "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": {
@@ -33,13 +37,9 @@
         "q-item"
       ]
     },
-    "deleting": {
-      "desc": "Model para saber se está deletando.",
-      "type": "Boolean",
-      "examples": [
-        "v-model:deleting=\"isDeleting\""
-      ],
-      "model": true
+    "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.",
@@ -53,9 +53,6 @@
     }
   },
   "events": {
-    "@success -> function()": {
-      "desc": "Dispara quando o componente deleta com sucesso."
-    },
     "@error -> function(value)": {
       "desc": "Dispara quando acontece algum erro na hora de deletar.",
       "params": {
@@ -64,6 +61,9 @@
           "type": "Object"
         }
       }
+    },
+    "@success -> function()": {
+      "desc": "Dispara quando o componente deleta com sucesso."
     }
   }
 }

package/dist/api/QasDialog.json

@@ -20,6 +20,11 @@
         "{ label: 'Meu botão de cancelar', onClick: () => alert('fui clicado!') }"
       ]
     },
+    "card-props": {
+      "desc": "Props repassadas para o componente \"<q-card />\".",
+      "default": {},
+      "type": "Object"
+    },
     "card": {
       "desc": "Objeto contendo as informações para serem exibidas dentro do dialog como \"title\" e \"description\".",
       "default": {},
@@ -28,11 +33,6 @@
         "{ title: 'Meu título', description: 'Minha descrição' }"
       ]
     },
-    "card-props": {
-      "desc": "Props repassadas para o componente \"<q-card />\".",
-      "default": {},
-      "type": "Object"
-    },
     "max-width": {
       "desc": "Tamanho máximo do dialog.",
       "type": "String"
@@ -41,6 +41,14 @@
       "desc": "Tamanho mínimo do dialog.",
       "type": "String"
     },
+    "model-value": {
+      "desc": "Model do componente, abre ou fecha o dialog.",
+      "type": "Boolean",
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
     "ok": {
       "desc": "Props para o botão de confirmar (ok), pode ser objeto com as propriedades ou um boolean, caso for \"false\", remove o botão de confirmar.",
       "default": "{ label: 'Ok', outline: type: this.ok?.type || this.useForm ? 'submit' : 'button' }",
@@ -56,34 +64,30 @@
     "persistent": {
       "desc": "Define se o dialog vai fechar ou não após clicar fora do dialog.",
       "default": true,
-      "type": "Object"
+      "type": "Boolean"
+    },
+    "use-close-button": {
+      "desc": "Define se vai ter ou não Ícone de fechar o dialog.",
+      "type": "Boolean"
     },
     "use-form": {
       "desc": "Define se a tag onde fica a descrição no dialog vai ser um \"<q-form />\" ou \"<div />\".",
       "type": "Boolean"
     },
-    "model-value": {
-      "desc": "Model do componente, abre ou fecha o dialog.",
-      "type": "Boolean",
-      "examples": [
-        "v-model=\"value\""
-      ],
-      "model": true
-    },
-    "use-close-icon": {
-      "desc": "Define se vai ter ou não Ícone de fechar o dialog.",
+    "use-validation-at-once": {
+      "desc": "Valida todos os campos de uma única vez, ao invés de ser um por vez (que é o padrão).",
       "type": "Boolean"
     }
   },
   "slots": {
-    "header": {
-      "desc": "Slot para o título."
+    "actions": {
+      "desc": "Slot para ações (botões por exemplo)."
     },
     "description": {
       "desc": "Slot para descrição."
     },
-    "actions": {
-      "desc": "Slot para ações (botões por exemplo)."
+    "header": {
+      "desc": "Slot para o título."
     }
   },
   "events": {

package/dist/api/QasFilters.json

@@ -9,6 +9,15 @@
       "required": true,
       "type": "String"
     },
+    "search-placeholder": {
+      "desc": "Placeholder do campo de busca.",
+      "default": "Pesquisar...",
+      "type": "String"
+    },
+    "url": {
+      "desc": "Envia como parâmetro para a action \"fetchFilters\" do modulo correspondente a \"entity\".",
+      "type": "String"
+    },
     "use-badges": {
       "desc": "Habilita ou não os \"chips\" mostrando os filtros ativos.",
       "default": true,
@@ -19,9 +28,8 @@
       "default": true,
       "type": "Boolean"
     },
-    "use-search": {
-      "desc": "Habilita ou não o campo text de busca.",
-      "default": true,
+    "use-force-refetch": {
+      "desc": "Força refazer o \"fetch\" mesmo caso já exista dados na store de filters.",
       "type": "Boolean"
     },
     "use-search-on-type": {
@@ -29,17 +37,9 @@
       "default": true,
       "type": "Boolean"
     },
-    "search-placeholder": {
-      "desc": "Placeholder do campo de busca.",
-      "default": "Pesquisar...",
-      "type": "String"
-    },
-    "url": {
-      "desc": "Envia como parâmetro para a action \"fetchFilters\" do modulo correspondente a \"entity\".",
-      "type": "String"
-    },
-    "force-refetch": {
-      "desc": "Força refazer o \"fetch\" mesmo caso já exista dados na store de filters.",
+    "use-search": {
+      "desc": "Habilita ou não o campo text de busca.",
+      "default": true,
       "type": "Boolean"
     }
   },

package/dist/api/QasFormGenerator.json

@@ -4,66 +4,94 @@
     "desc": "Componente para criação de múltiplos campos dinâmicos a partir do componente `QasField`."
   },
   "props": {
+    "columns": {
+      "desc": "Colunas do grid de cada campo.",
+      "default": "col-6",
+      "type": [
+        "Array",
+        "String",
+        "Object"
+      ],
+      "examples": [
+        "{ name: { sm: 6, md: 12 } }",
+        "[{ sm: 6, md: 12 }]"
+      ]
+    },
     "error": {
       "desc": "Objeto contendo propriedades contendo a mensagem de erro.",
       "default": {},
       "type": "Object"
     },
-    "fields": {
-      "desc": "Lista de field contendo informações necessárias para a criação do campo correspondente.",
+    "fields-props": {
+      "desc": "Propriedade para repassar propriedades para cada campo individualmente.",
       "default": {},
       "type": "Object",
       "examples": [
-        "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
+        "{ name: { dense: true, onClick: () => alert('Estou sendo clicado') } }"
       ]
     },
-    "fields-props": {
-      "desc": "Propriedade para repassar propriedades para cada campo individualmente.",
+    "fields": {
+      "desc": "Lista de field contendo informações necessárias para a criação do campo correspondente.",
       "default": {},
       "type": "Object",
       "examples": [
-        "{ name: { dense: true, onClick: () => alert('Estou sendo clicado') } }"
+        "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
       ]
     },
-    "order": {
-      "desc": "Altera ordem dos campos.",
-      "default": [],
-      "type": "Array"
-    },
-    "model-value": {
-      "desc": "Model do componente, usado para o v-model.",
-      "required": true,
+    "fieldset": {
+      "desc": "Lista para agrupar elementos por rótulo (label).",
       "default": {},
       "type": "Object",
       "examples": [
-        "v-model=\"value\""
-      ],
-      "model": true
+        "{ personalInformation: { label: 'Informações pessoais', fields: [name, email] } }"
+      ]
     },
-    "columns": {
-      "desc": "Colunas do grid de cada campo.",
-      "default": "col-6",
+    "fieldset-gutter": {
+      "desc": "Espaçamento entre rótulos (label).",
+      "default": "lg",
       "type": [
-        "Array",
         "String",
-        "Object"
+        "Boolean"
       ],
       "examples": [
-        "{ name: { sm: 6, md: 12 } }",
-        "[{ sm: 6, md: 12 }]"
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl",
+        false
       ]
     },
     "gutter": {
       "desc": "Espaçamento entre colunas.",
       "default": "md",
-      "type": "String",
+      "type": [
+        "String",
+        "Boolean"
+      ],
       "examples": [
         "xs",
         "sm",
         "md",
         "lg",
-        "xl"
+        "xl",
+        false
       ]
+    },
+    "model-value": {
+      "desc": "Model do componente, usado para o v-model.",
+      "required": true,
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "order": {
+      "desc": "Altera ordem dos campos.",
+      "default": [],
+      "type": "Array"
     }
   },
   "slots": {
@@ -78,6 +106,9 @@
       }
     }
   },
+  "legend-[nome-da-chave]": {
+    "desc": "Acessa o slot de um rótulo (label)."
+  },
   "events": {
     "@update:model-value -> function(value)": {
       "desc": "Dispara quando o model-value altera, também usado para v-model.",