@bildvitta/quasar-ui-asteroid 3.0.0-beta.9 → 3.0.0

package/dist/api/QasAppBar.json

@@ -4,10 +4,6 @@
     "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"
-    },
     "notifications": {
       "desc": "Ícone de notificação que fica ao lado do menu de usuário.",
       "type": "Object",

package/dist/api/QasBtn.json

@@ -7,8 +7,9 @@
     "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": {
+    "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": {

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,6 +21,19 @@
       "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"

package/dist/api/QasDateTimeInput.json

@@ -12,19 +12,11 @@
       "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": "",
@@ -36,14 +28,22 @@
       "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"
+    },
+    "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/QasDialog.json

@@ -64,15 +64,19 @@
     "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-icon": {
+    "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"
+    },
+    "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": {

package/dist/api/QasFilters.json

@@ -9,10 +9,6 @@
       "required": true,
       "type": "String"
     },
-    "force-refetch": {
-      "desc": "Força refazer o \"fetch\" mesmo caso já exista dados na store de filters.",
-      "type": "Boolean"
-    },
     "search-placeholder": {
       "desc": "Placeholder do campo de busca.",
       "default": "Pesquisar...",
@@ -32,6 +28,10 @@
       "default": true,
       "type": "Boolean"
     },
+    "use-force-refetch": {
+      "desc": "Força refazer o \"fetch\" mesmo caso já exista dados na store de filters.",
+      "type": "Boolean"
+    },
     "use-search-on-type": {
       "desc": "Habilita ou não o filtro de busca sempre que o usuário digita.",
       "default": true,

package/dist/api/QasFormGenerator.json

@@ -38,16 +38,44 @@
         "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
       ]
     },
+    "fieldset": {
+      "desc": "Lista para agrupar elementos por rótulo (label).",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ personalInformation: { label: 'Informações pessoais', fields: [name, email] } }"
+      ]
+    },
+    "fieldset-gutter": {
+      "desc": "Espaçamento entre rótulos (label).",
+      "default": "lg",
+      "type": [
+        "String",
+        "Boolean"
+      ],
+      "examples": [
+        "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": {
@@ -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.",

package/dist/api/QasFormView.json

@@ -4,6 +4,22 @@
     "desc": "Componente para C.R.U.D. responsável pela pela criação (Create) e edição (Update)."
   },
   "props": {
+    "before-fetch": {
+      "desc": "Callback para controlar como funciona o comportamento do fetch.",
+      "default": null,
+      "type": "Function",
+      "examples": [
+        "beforeFetch({ payload, resolve })"
+      ]
+    },
+    "before-submit": {
+      "desc": "Callback para controlar como funciona o comportamento do submit.",
+      "default": null,
+      "type": "Function",
+      "examples": [
+        "beforeSubmit({ payload, resolve })"
+      ]
+    },
     "cancel-button-label": {
       "desc": "Rótulo do botão \"cancelar\".",
       "default": "Cancelar",
@@ -32,10 +48,6 @@
         "my-custom-id"
       ]
     },
-    "dialog": {
-      "desc": "Este componente pode ser utilizado dentro de um dialog, neste caso o componente pai não pode ser um \"QPage\" e sim uma \"div\", esta prop cuida disto.",
-      "type": "Boolean"
-    },
     "disable": {
       "desc": "Desabilita o submit.",
       "type": "Boolean"
@@ -112,11 +124,6 @@
       "default": {},
       "type": "Object"
     },
-    "show-dialog-on-unsaved-changes": {
-      "desc": "Vamos imaginar um cenário onde o usuário entra na nossa tela de editar/criar, faz tudo o que precisa e sem querer clica no menu para ir para outra tela, caso essa prop esteja \"true\", vai aparece um modal perguntando se ele quer continuar editando ou ir para a tela no qual foi inicialmente redirecionado.",
-      "default": true,
-      "type": "Boolean"
-    },
     "submit-button-label": {
       "desc": "Rótulo do botão \"salvar\".",
       "default": "Salvar",
@@ -139,11 +146,21 @@
       "default": true,
       "type": "Boolean"
     },
+    "use-boundary": {
+      "desc": "Controla o limite que o FormView terá, quando é \"false\", a tag pai deixa de ser um \"QPage\" para ser uma \"div\" e é removido as classes \"container\" e \"spaced\", comumente utilizando quando precisa usar o QasFormView dentro de um dialog.",
+      "default": true,
+      "type": "Boolean"
+    },
     "use-cancel-button": {
       "desc": "Controla se vai ter ou não botão de \"cancelar\".",
       "default": true,
       "type": "Boolean"
     },
+    "use-dialog-on-unsaved-changes": {
+      "desc": "Vamos imaginar um cenário onde o usuário entra na nossa tela de editar/criar, faz tudo o que precisa e sem querer clica no menu para ir para outra tela, caso essa prop esteja \"true\", vai aparece um modal perguntando se ele quer continuar editando ou ir para a tela no qual foi inicialmente redirecionado.",
+      "default": true,
+      "type": "Boolean"
+    },
     "use-submit-button": {
       "desc": "Controla se vai ter ou não botão de submit.",
       "default": true,

package/dist/api/QasGridGenerator.json

@@ -60,10 +60,6 @@
         "String"
       ]
     },
-    "hide-empty-result": {
-      "desc": "Se o resultado de algum campo for vazio, ele remove todo o campo.",
-      "type": "Boolean"
-    },
     "result": {
       "desc": "Resultado contendo todas informações para serem exibidas na tela.",
       "default": {},
@@ -71,6 +67,11 @@
       "examples": [
         "{ 'joah@examples.com' }"
       ]
+    },
+    "use-empty-result": {
+      "desc": "Se o resultado de algum campo for vazio e esta propriedade for \"false\", ele remove todo o campo.",
+      "default": true,
+      "type": "Boolean"
     }
   },
   "slots": {

package/dist/api/QasInput.json

@@ -31,7 +31,7 @@
       "default": true,
       "type": "Boolean"
     },
-    "remove-error-on-type": {
+    "use-remove-error-on-type": {
       "desc": "Limpa os erros do campo caso os mesmos existam toda vez que o model atualiza.",
       "type": "Boolean"
     },

package/dist/api/QasListItems.json

@@ -17,24 +17,10 @@
       "default": [],
       "type": "Array"
     },
-    "redirect-key": {
-      "desc": "Você pode enviar qualquer chave/valor dentro do array de objeto da prop \"list\", esta prop serve para você identificar qual vai ser a chave que vai redirecionar ao clicar no botão.",
-      "default": "uuid",
-      "type": "String"
-    },
-    "redirect-on-icon": {
-      "desc": "Controla se o redirecionamento vai acontecer quando clicar no item inteiro ou somente no icon.",
-      "default": true,
+    "use-clickable-item": {
+      "desc": "Controla se o item inteiro é clicável ou somente o button dentro do item.",
       "type": "Boolean"
     },
-    "to": {
-      "desc": "Configuração passada para o vue-router.",
-      "default": {},
-      "type": "Object",
-      "examples": [
-        "{ name: 'Root' }"
-      ]
-    },
     "use-section-actions": {
       "desc": "Controla se exibe ou não seção de actions, onde fica o Ícone de redirecionamento.",
       "default": true,
@@ -42,7 +28,7 @@
     }
   },
   "slots": {
-    "item-section-left": {
+    "item-section": {
       "desc": "Slot para acessar seção da esquerda.",
       "scope": {
         "item": {
@@ -68,5 +54,20 @@
         }
       }
     }
+  },
+  "events": {
+    "@click-item -> function ({ item, index })": {
+      "desc": "Dispara toda vez que o item ou button (dependendo da prop \"use-section-actions\") é clicado.",
+      "params": {
+        "item": {
+          "desc": "Item clicado",
+          "type": "Object"
+        },
+        "index": {
+          "desc": "Posição do item",
+          "type": "Number"
+        }
+      }
+    }
   }
 }

package/dist/api/QasListView.json

@@ -4,13 +4,13 @@
     "desc": "Componente para C.R.U.D. responsável pela parte de listagem (Read)."
   },
   "props": {
-    "dialog": {
-      "desc": "Este componente pode ser utilizado dentro de um dialog, neste caso o componente pai não pode ser um \"QPage\" e sim uma \"div\", esta prop cuida disto.",
-      "type": "Boolean"
-    },
-    "disable-refresh": {
-      "desc": "Desabilita o [pull-to-refresh](https://quasar.dev/vue-components/pull-to-refresh#basic).",
-      "type": "Boolean"
+    "before-fetch": {
+      "desc": "Callback para controlar como funciona o comportamento do fetchList.",
+      "default": null,
+      "type": "Function",
+      "examples": [
+        "beforeFetch({ payload, resolve, done })"
+      ]
     },
     "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\".",
@@ -70,10 +70,24 @@
       "desc": "Envia como parâmetro para a action \"fetchList\" do modulo correspondente a \"entity\".",
       "type": "String"
     },
+    "use-boundary": {
+      "desc": "Controla o limite que o FormView terá, quando é \"false\", a tag pai deixa de ser um \"QPage\" para ser uma \"div\" e é removido as classes \"container\" e \"spaced\", comumente utilizando quando precisa usar o QasFormView dentro de um dialog.",
+      "default": true,
+      "type": "Boolean"
+    },
     "use-filter": {
       "desc": "Controla se o componente vai usar ou não o componente \"QasFilters\".",
       "default": true,
       "type": "Boolean"
+    },
+    "use-refresh": {
+      "desc": "Controla o [pull-to-refresh](https://quasar.dev/vue-components/pull-to-refresh#basic).",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-results-area-only": {
+      "desc": "Controla se irá sempre ser exibido os resultados independente se não há nenhum resultado a ser exibido.",
+      "type": "Boolean"
     }
   },
   "slots": {

package/dist/api/QasNestedFields.json

@@ -9,15 +9,15 @@
       "default": "Inserir novo campo",
       "type": "Boolean"
     },
-    "btn-destroy-props": {
+    "button-destroy-props": {
       "desc": "Props do botão de excluir linha contendo os campos.",
       "default": "{ label: 'Remover', o_cancel, flat: true, dense: true }",
       "debugger": true,
       "type": "Object"
     },
-    "btn-duplicate-props": {
+    "button-duplicate-props": {
       "desc": "Props do botão de duplicar linha contendo os campos.",
-      "default": "{ label: 'Duplicar', o_content_copy, flat: true, dense: true, hideMobileLabel: true }",
+      "default": "{ label: 'Duplicar', o_content_copy, flat: true, dense: true, useLabelOnSmallScreen: false }",
       "debugger": true,
       "type": "Object"
     },
@@ -72,6 +72,16 @@
         "xl"
       ]
     },
+    "identifier-item-key": {
+      "desc": "Define um identificador para o item. O identificador será utilizado para validar exclusão do item, por exemplo.",
+      "default": "uuid",
+      "type": "String",
+      "examples": [
+        "id",
+        "uuid",
+        "slug"
+      ]
+    },
     "model-value": {
       "desc": "Model do componente",
       "default": [],

package/dist/api/QasNumericInput.json

@@ -7,16 +7,6 @@
     "desc": "Componente de input para decimal, inteiro, dinheiro e porcentagem."
   },
   "props": {
-    "allow-negative": {
-      "desc": "Controla se pode ou não números negativos.",
-      "default": true,
-      "type": "Boolean"
-    },
-    "allow-positive": {
-      "desc": "Controla se pode ou não números positivos.",
-      "default": true,
-      "type": "Boolean"
-    },
     "autonumeric-props": {
       "desc": "Opções do autonumeric (http://autonumeric.org/guide).",
       "default": {},
@@ -53,6 +43,16 @@
         "Boolean",
         "String"
       ]
+    },
+    "use-negative": {
+      "desc": "Controla se pode ou não números negativos.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-positive": {
+      "desc": "Controla se pode ou não números positivos.",
+      "default": true,
+      "type": "Boolean"
     }
   },
   "events": {

package/dist/api/QasPasswordInput.json

@@ -83,7 +83,7 @@
       "type": "String"
     },
     "use-strength-checker": {
-      "desc": "Controla exibição do componente `QasStrenghtChecker`.",
+      "desc": "Controla exibição do componente `QasStrengthChecker`.",
       "default": true,
       "type": "Boolean"
     },

package/dist/api/QasSearchBox.json

@@ -9,6 +9,28 @@
       "default": "100px",
       "type": "String"
     },
+    "empty-result-text": {
+      "desc": "Define o texto dentro do box quando a lista está vazia.",
+      "default": "Não há resultados disponíveis.",
+      "type": "String"
+    },
+    "entity": {
+      "desc": "Entidade enviada para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": "",
+      "type": "String",
+      "examples": [
+        "users"
+      ]
+    },
+    "fetching": {
+      "desc": "Usado para saber quando o componente está fazendo fetching (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": false,
+      "type": "Boolean",
+      "model": true,
+      "examples": [
+        "v-model:fetching=\"isFetching\""
+      ]
+    },
     "fuse-options": {
       "desc": "Opções do Fuse.js (https://fusejs.io/api/options.html).",
       "debugger": true,
@@ -26,8 +48,20 @@
       "default": "300px",
       "type": "String"
     },
+    "lazy-loading-props": {
+      "desc": "Propriedades para o lazy loading (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "Object",
+      "debugger": true,
+      "default": {
+        "decamelizeFieldName": true,
+        "url": "",
+        "params": {
+          "limit": 48
+        }
+      }
+    },
     "list": {
-      "desc": "Lista onde ocorrerá a busca (array de objetos).",
+      "desc": "Lista onde ocorrerá a busca sendo array de objetos (usar somente quando \"useLazyLoading\" **NÃO** estiver habilitada).",
       "default": [],
       "type": "String"
     },
@@ -39,6 +73,13 @@
       ],
       "model": true
     },
+    "name": {
+      "desc": "Nome do campo a ser enviado para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "String",
+      "examples": [
+        "cities"
+      ]
+    },
     "placeholder": {
       "desc": "Placeholder do campo de pesquisa.",
       "default": "Pesquisar",
@@ -57,6 +98,11 @@
       "desc": "Controla o slot \"empty-result\".",
       "default": true,
       "type": "Boolean"
+    },
+    "use-lazy-loading": {
+      "desc": "Controla a busca pela store \"fetchFieldOptions\".",
+      "default": false,
+      "type": "Boolean"
     }
   },
   "slots": {
@@ -65,6 +111,9 @@
     },
     "empty-result": {
       "desc": "Acesso ao conteúdo quando a busca não retorne resultado e a prop \"useEmptySlot\" seja \"true\"."
+    },
+    "loading": {
+      "desc": "Acesso ao conteúdo do loading que contém o \"<q-spinner-dots />\".."
     }
   },
   "events": {
@@ -89,6 +138,36 @@
           "type": "Array"
         }
       }
+    },
+    "@update:fetching -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model:fetching",
+          "default": false,
+          "type": "Boolean"
+        }
+      }
+    },
+    "@fetch-options-success -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading com sucesso.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    },
+    "@fetch-options-error -> function (value)": {
+      "desc": "Dispara toda vez que o campo de busca faz o fetch do lazy loading e cai em uma exceção.",
+      "params": {
+        "value": {
+          "desc": "Valor retornado pela action \"fetchFieldOptions\"",
+          "default": {},
+          "type": "Object"
+        }
+      }
     }
   }
 }