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

package/dist/api/QasSelect.json

@@ -7,6 +7,23 @@
     "desc": "Componente para select que implementa o \"QSelect\" repassando propriedades, slots e eventos."
   },
   "props": {
+    "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).",
       "type": "Object",
@@ -27,6 +44,18 @@
         "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": [],
@@ -34,13 +63,21 @@
         "Array",
         "Object",
         "String",
-        "Number"
+        "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.",
@@ -51,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": {
@@ -73,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
     },
-    "param-key": {
-      "desc": "Controla qual parâmetro será enviado para rota.",
-      "default": "id",
-      "type": "String"
-    },
-    "redirect-key": {
-      "desc": "Controla qual propriedade será a chave primaria para fazer o redirecionamento.",
-      "default": "uuid",
-      "type": "String"
-    },
-    "to": {
-      "desc": "Configuração do vue-router para enviar no $route.push({ ...to, params: {...} }).",
-      "default": "Pesquisar",
-      "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/QasSingleView.json

@@ -4,6 +4,14 @@
     "desc": "Componente para C.R.U.D. responsável pela visualização (Read) ou conhecido também como \"show\"."
   },
   "props": {
+    "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.",
       "type": "String",
@@ -11,10 +19,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"
-    },
     "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,
@@ -66,6 +70,11 @@
     "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": {

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' }"
       ]

package/dist/api/QasUploader.json

@@ -83,6 +83,11 @@
         "v-model:uploading=\"isUploading\""
       ],
       "model": true
+    },
+    "useObjectModel": {
+      "desc": "Controla se a model retornará um array de objetos.",
+      "type": "Boolean",
+      "model": true
     }
   },
   "slots": {

package/dist/asteroid.cjs.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-alert{border-style:solid;border-width:0 10px}.qas-actions-menu__list{width:265px;z-index:1}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-nested-fields__actions{height:56px}.qas-map__draw{height:300px;width:100%}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-uploader__input{display:none}.qas-transfer__icon{transform:rotate(-90deg)}
+@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-actions-menu__list{width:265px;z-index:1}.qas-alert{border-style:solid;border-width:0 10px}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.qas-map__draw{height:300px !important;width:100%}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}