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

package/dist/api/QasSearchBox.json

@@ -9,22 +9,59 @@
       "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).",
-      "default": "{ distance: 100, location: 0, maxPatternLength: 32, minMatchCharLength: 1, shouldSort: true, threshold: 0.1, tokenize: true }",
       "debugger": true,
       "type": "Object",
       "examples": [
         "{ keys: ['label'] }"
-      ]
+      ],
+      "default": {
+        "ignoreLocation": true,
+        "threshold": 0.1
+      }
     },
     "height": {
       "desc": "Define altura do box quando a lista não está vazia.",
       "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"
     },
@@ -36,16 +73,18 @@
       ],
       "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",
       "type": "String"
     },
-    "use-empty-slot": {
-      "desc": "Controla o slot \"empty-result\".",
-      "default": true,
-      "type": "Boolean"
-    },
     "results": {
       "desc": "Model que retorna o resultado filtrado.",
       "default": [],
@@ -54,6 +93,16 @@
         "v-model:results=\"results\""
       ],
       "model": true
+    },
+    "use-empty-slot": {
+      "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": {
@@ -62,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": {
@@ -86,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"
+        }
+      }
     }
   }
 }

package/dist/api/QasSelect.json

@@ -7,37 +7,34 @@
     "desc": "Componente para select que implementa o \"QSelect\" repassando propriedades, slots e eventos."
   },
   "props": {
-    "model-value": {
-      "desc": "Model do componente.",
-      "default": [],
-      "type": [
-        "Array",
-        "Object",
-        "String",
-        "Number"
-      ],
+    "entity": {
+      "desc": "Entidade enviada para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "default": "",
+      "type": "String",
       "examples": [
-        "v-model=\"value\""
-      ],
-      "model": true
+        "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).",
       "type": "Object",
       "debugger": true,
       "default": {
-        "distance": 100,
-        "includeScore": true,
+        "ignoreLocation": true,
         "keys": [
           "label",
           "value"
         ],
-        "location": 0,
-        "maxPatternLength": 32,
-        "minMatchCharLength": 1,
-        "shouldSort": true,
-        "threshold": 0.1,
-        "tokenize": true
+        "threshold": 0.1
       }
     },
     "label-key": {
@@ -47,6 +44,40 @@
         "label-key=\"name\""
       ]
     },
+    "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
+        }
+      }
+    },
+    "model-value": {
+      "desc": "Model do componente.",
+      "default": [],
+      "type": [
+        "Array",
+        "Object",
+        "String",
+        "Number",
+        "Boolean"
+      ],
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "name": {
+      "desc": "Nome do campo a ser enviado para a action \"fetchFieldOptions\" (usar somente quando \"useLazyLoading\" estiver habilitada).",
+      "type": "String",
+      "examples": [
+        "cities"
+      ]
+    },
     "no-option-label": {
       "desc": "Rótulo padrão de quando os options estão vazios.",
       "default": "Nenhum resultado foi encontrado.",
@@ -57,16 +88,21 @@
       "default": [],
       "type": "Array"
     },
-    "searchable": {
-      "desc": "Controla se vai ou não ter campo de busca no select.",
-      "type": "Boolean"
-    },
     "value-key": {
       "desc": "O componente internamente espera receber na propriedade \"options\" um array de objeto contendo \"label\" e \"value\", caso o seu objeto não tenha \"value\" mas um \"uuid\" por exemplo, você pode definir esta prop \"label-value\" como \"uuid\".",
       "type": "String",
       "examples": [
         "value-key=\"uuid\""
       ]
+    },
+    "use-search": {
+      "desc": "Controla se vai ou não ter campo de busca no select.",
+      "type": "Boolean"
+    },
+    "use-lazy-loading": {
+      "desc": "Controla a busca pela store \"fetchFieldOptions\".",
+      "default": false,
+      "type": "Boolean"
     }
   },
   "events": {
@@ -79,10 +115,41 @@
             "Array",
             "Object",
             "String",
-            "Number"
+            "Number",
+            "Boolean"
           ]
         }
       }
+    },
+    "@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"
+        }
+      }
     }
   }
 }

package/dist/api/QasSelectList.json

@@ -30,20 +30,9 @@
       ],
       "model": true
     },
-    "to": {
-      "desc": "Configuração do vue-router para enviar no $route.push({ ...to, params: {...} }).",
-      "default": "Pesquisar",
-      "type": "String"
-    },
-    "redirect-key": {
-      "desc": "Controla qual propriedade será a chave primaria para fazer o redirecionamento.",
-      "default": "uuid",
-      "type": "String"
-    },
-    "param-key": {
-      "desc": "Controla qual parâmetro será enviado para rota.",
-      "default": "id",
-      "type": "String"
+    "use-clickable-label": {
+      "desc": "Habilita \"cursor-pointer\" no label e evento \"click-label\".",
+      "type": "Boolean"
     }
   },
   "slots": {
@@ -108,6 +97,19 @@
         }
       }
     },
+    "@click-label -> function ({ item, index })": {
+      "desc": "Dispara toda vez que o label do item é clicado **SE** a propriedade \"useClickableLabel\" for \"true\".",
+      "params": {
+        "item": {
+          "desc": "Item clicado",
+          "type": "Object"
+        },
+        "index": {
+          "desc": "Posição do item",
+          "type": "Number"
+        }
+      }
+    },
     "@removed -> function (item, index)": {
       "desc": "Dispara toda vez que um item é removido do v-model.",
       "params": {

package/dist/api/QasSignaturePad.json

@@ -15,7 +15,7 @@
       "default": {},
       "type": "Object"
     },
-    "signature_options": {
+    "signature-options": {
       "desc": "Opções da biblioteca signature_pad (https://github.com/szimek/signature_pad#options).",
       "default": {},
       "type": "Object"

package/dist/api/QasSignatureUploader.json

@@ -10,8 +10,13 @@
         "maxWidth": "620px"
       }
     },
-    "upload-label": {
-      "desc": "Rótulo do uploader.",
+    "model-value": {
+      "desc": "Model do componente, retorna url da imagem upada, usando para v-model.",
+      "type": "String"
+    },
+    "readonly": {
+      "desc": "Controla se o componente vai ser apenas para visualização ou pode também fazer upload.",
+      "default": "image/png",
       "type": "String"
     },
     "signature-label": {
@@ -19,18 +24,13 @@
       "default": {},
       "type": "Object"
     },
-    "model-value": {
-      "desc": "Model do componente, retorna url da imagem upada, usando para v-model.",
-      "type": "String"
-    },
     "type": {
       "desc": "Tipo da imagem gerada.",
       "default": "image/png",
       "type": "String"
     },
-    "readonly": {
-      "desc": "Controla se o componente vai ser apenas para visualização ou pode também fazer upload.",
-      "default": "image/png",
+    "upload-label": {
+      "desc": "Rótulo do uploader.",
       "type": "String"
     }
   },

package/dist/api/QasSingleView.json

@@ -4,10 +4,13 @@
     "desc": "Componente para C.R.U.D. responsável pela visualização (Read) ou conhecido também como \"show\"."
   },
   "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"
+    "before-fetch": {
+      "desc": "Callback para controlar como funciona o comportamento do fetchSingle.",
+      "default": null,
+      "type": "Function",
+      "examples": [
+        "beforeFetch({ payload, resolve, done })"
+      ]
     },
     "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.",
@@ -16,20 +19,18 @@
         "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"
-    },
-    "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"
     },
-    "result": {
+    "errors": {
       "model": true,
-      "desc": "Model de result, utilizado para recuperar o resultado retornado pelo componente.",
+      "desc": "Model de errors, utilizado para recuperar os errors fora do template.",
+      "default": {},
       "type": "Object",
       "examples": [
-        "v-model:result=\"result\""
+        "v-model:errors=\"errors\""
       ]
     },
     "fields": {
@@ -41,13 +42,12 @@
         "v-model:fields=\"fields\""
       ]
     },
-    "errors": {
+    "fetching": {
       "model": true,
-      "desc": "Model de errors, utilizado para recuperar os errors fora do template.",
-      "default": {},
-      "type": "Object",
+      "desc": "Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.",
+      "type": "Boolean",
       "examples": [
-        "v-model:errors=\"errors\""
+        "v-model:fetching=\"isFetching\""
       ]
     },
     "metadata": {
@@ -59,27 +59,54 @@
         "v-model:metadata=\"metadata\""
       ]
     },
-    "fetching": {
+    "result": {
       "model": true,
-      "desc": "Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.",
-      "type": "Boolean",
+      "desc": "Model de result, utilizado para recuperar o resultado retornado pelo componente.",
+      "type": "Object",
       "examples": [
-        "v-model:fetching=\"isFetching\""
+        "v-model:result=\"result\""
       ]
+    },
+    "url": {
+      "desc": "Envia como parâmetro para a action \"fetchSingle\" 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"
     }
   },
   "slots": {
-    "header": {
-      "desc": "Slot para acessar o header."
-    },
     "default": {
       "desc": "Slot para ter o conteúdo principal (dentro do main)."
     },
     "footer": {
       "desc": "Slot para acessar o footer."
+    },
+    "header": {
+      "desc": "Slot para acessar o header."
     }
   },
   "events": {
+    "@fetch-success -> function(value)": {
+      "desc": "Dispara quando a action \"fetchSingle\" é executada com sucesso.",
+      "params": {
+        "value": {
+          "desc": "Retorna todos os dados \"cru\" respondido pelo fetch.",
+          "type": "Object"
+        }
+      }
+    },
+    "@fetch-error -> function(value)": {
+      "desc": "Dispara quando a action \"fetchSingle\" cai em uma exceção.",
+      "params": {
+        "value": {
+          "desc": "Retorna todos os dados \"cru\" respondido na exceção do fetch.",
+          "type": "Object"
+        }
+      }
+    },
     "@update:result -> function(value)": {
       "desc": "Dispara quando a action \"fetchSingle\" é executada com sucesso, é chamado antes do evento \"fetch-success\".",
       "params": {
@@ -124,24 +151,6 @@
           "type": "Boolean"
         }
       }
-    },
-    "@fetch-success -> function(value)": {
-      "desc": "Dispara quando a action \"fetchSingle\" é executada com sucesso.",
-      "params": {
-        "value": {
-          "desc": "Retorna todos os dados \"cru\" respondido pelo fetch.",
-          "type": "Object"
-        }
-      }
-    },
-    "@fetch-error -> function(value)": {
-      "desc": "Dispara quando a action \"fetchSingle\" cai em uma exceção.",
-      "params": {
-        "value": {
-          "desc": "Retorna todos os dados \"cru\" respondido na exceção do fetch.",
-          "type": "Object"
-        }
-      }
     }
   }
 }

package/dist/api/QasSortable.json

@@ -9,6 +9,11 @@
       "required": true,
       "type": "String"
     },
+    "list": {
+      "desc": "Lista que vai ser reordenada.",
+      "default": [],
+      "type": "Array"
+    },
     "sortable-options": {
       "desc": "Opções do \"sortablejs\" (https://github.com/SortableJS/Sortable#options).",
       "default": {
@@ -16,10 +21,14 @@
       },
       "type": "Object"
     },
-    "list": {
-      "desc": "Lista que vai ser reordenada.",
+    "sorted": {
+      "desc": "Model da lista reordenada",
       "default": [],
-      "type": "Array"
+      "type": "Array",
+      "examples": [
+        "v-model:sorted=\"fields\""
+      ],
+      "model": true
     },
     "tag": {
       "desc": "Tag do componente pai.",
@@ -29,15 +38,6 @@
     "url": {
       "desc": "Parâmetro enviado para a action \"replace\".",
       "type": "String"
-    },
-    "sorted": {
-      "desc": "Model da lista reordenada",
-      "default": [],
-      "type": "Array",
-      "examples": [
-        "v-model:sorted=\"fields\""
-      ],
-      "model": true
     }
   },
   "slots": {
@@ -46,12 +46,12 @@
     }
   },
   "events": {
-    "@update:sorted -> function(value)": {
-      "desc": "Dispara no created e toda vez que a prop \"list\" muda, usado para o v-model:sorted.",
+    "@error -> function(value)": {
+      "desc": "Dispara toda vez que acontece algum erro ao salvar a nova ordenação.",
       "params": {
         "value": {
-          "desc": "Lista contendo nova ordenação.",
-          "type": "Array"
+          "desc": "fields.",
+          "type": "Object"
         }
       }
     },
@@ -67,12 +67,12 @@
         }
       }
     },
-    "@error -> function(value)": {
-      "desc": "Dispara toda vez que acontece algum erro ao salvar a nova ordenação.",
+    "@update:sorted -> function(value)": {
+      "desc": "Dispara no created e toda vez que a prop \"list\" muda, usado para o v-model:sorted.",
       "params": {
         "value": {
-          "desc": "fields.",
-          "type": "Object"
+          "desc": "Lista contendo nova ordenação.",
+          "type": "Array"
         }
       }
     }

package/dist/api/QasTableGenerator.json

@@ -9,6 +9,11 @@
       "default": [],
       "type": "Array"
     },
+    "empty-result-text": {
+      "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
+      "default": "-",
+      "type": "String"
+    },
     "fields": {
       "desc": "Lista de field contendo informações necessárias para a criação da tabela.",
       "default": {},
@@ -30,11 +35,6 @@
       "default": "name",
       "type": "String"
     },
-    "empty-result-text": {
-      "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
-      "default": "-",
-      "type": "String"
-    },
     "use-scroll-on-grab": {
       "desc": "Adiciona scroll pelo mouse ao arrastar tabela em todas as telas (Celular, Desktop).",
       "default": true,

package/dist/api/QasTabsGenerator.json

@@ -48,9 +48,12 @@
       "type": "String"
     },
     "tabs": {
-      "desc": "Objeto contendo todas as tabs a serem geradas.",
+      "desc": "Objeto ou Array contendo todas as tabs a serem geradas.",
       "default": {},
-      "type": "Object",
+      "type": [
+        "Object",
+        "Array"
+      ],
       "examples": [
         "{ tab1: 'tab1', tab2: 'tab2' }"
       ]