@bildvitta/quasar-ui-asteroid 2.16.0 → 3.0.0-alpha.2

package/dist/api/QasNestedFields.json

@@ -0,0 +1,223 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para gerar dinamicamente campos nested."
+  },
+  "props": {
+    "add-input-label": {
+      "desc": "Rótulo do input de adicionar novos campos.",
+      "default": "Inserir novo campo",
+      "type": "Boolean"
+    },
+    "btn-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": {
+      "desc": "Props do botão de duplicar linha contendo os campos.",
+      "default": "{ label: 'Duplicar', o_content_copy, flat: true, dense: true, hideMobileLabel: true }",
+      "debugger": true,
+      "type": "Object"
+    },
+    "destroy-key": {
+      "desc": "Quando excluímos uma \"row\" e propriedade \"useRemoveOnDestroy\" for \"false\", adicionamos uma propriedade para saber que é para ser deletada, com esta prop você escolhe como se chamará essa chave.",
+      "default": "destroyed",
+      "type": "String"
+    },
+    "model-value": {
+      "desc": "Model do componente",
+      "default": [],
+      "type": "Array",
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "errors": {
+      "desc": "Propriedade de erros para mostrar nos campos gerados.",
+      "default": {},
+      "type": [
+        "Array",
+        "Object"
+      ]
+    },
+    "field": {
+      "desc": "Field contendo informações necessárias para a criação do campo correspondente.",
+      "default": {},
+      "required": true,
+      "type": "Object",
+      "examples": [
+        "{ name: 'meuNested', type: 'nested', label: 'Campo nested', children: [...] }"
+      ]
+    },
+    "fields-props": {
+      "desc": "Propriedade para repassar propriedades para cada campo individualmente.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ name: { dense: true, onClick: () => alert('Estou sendo clicado') } }"
+      ]
+    },
+    "form-columns": {
+      "desc": "Colunas do grid de cada campo.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ name: { sm: 6, md: 12 } }",
+        "[{ sm: 6, md: 12 }]"
+      ]
+    },
+    "form-gutter": {
+      "desc": "Espaçamento entre cada campo.",
+      "default": "md",
+      "type": "String",
+      "examples": [
+        "xs",
+        "sm",
+        "md",
+        "lg",
+        "xl"
+      ]
+    },
+    "row-label": {
+      "desc": "Rótulo entre cada linha (row).",
+      "type": "String"
+    },
+    "row-object": {
+      "desc": "Objeto contendo valores iniciais do model de cada linha (row).",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ name: '', cities: [] }"
+      ]
+    },
+    "use-animation": {
+      "desc": "Controla a animação na hora de setar o scroll.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-destroy-always": {
+      "desc": "Controla o botão de remover em todas linhas (row), incluindo a primeira.",
+      "type": "Boolean"
+    },
+    "use-duplicate": {
+      "desc": "Controla o botão de duplicar linha.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-index-label": {
+      "desc": "Se tiver \"rowLabel\" esta prop controla se cada label da linha vai ter o index como sufixo.",
+      "type": "Boolean"
+    },
+    "use-inline-actions": {
+      "desc": "Controla o comportamento referente aos estilos das ações de duplicar/adicionar/remover",
+      "type": "Boolean"
+    },
+    "use-single-label": {
+      "desc": "Se o valor for \"true\", então vai exibir apenas uma label referente a todas linhas (row) e não uma por linha",
+      "type": "Boolean"
+    },
+    "use-remove-on-destroy": {
+      "desc": "Se o valor for \"true\" o valor do model será removido senão será adicionar uma flag como `destroyed` por exemplo.",
+      "default": true,
+      "type": "Boolean"
+    }
+  },
+  "slots": {
+    "fields": {
+      "desc": "Substitui o \"QasFormGenerator\".",
+      "scope": {
+        "fields": {
+          "desc": "Campos atuais.",
+          "default": {},
+          "type": "Object"
+        },
+        "index": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "errors": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "updateValue -> function(value, index)": {
+          "desc": "Função para atualizar o model, passando o novo valor e o index.",
+          "type": "Function",
+          "examples": [
+            "updateValue({ name: 'novo valor' }, 2)"
+          ]
+        }
+      }
+    },
+    "field-[nome-da-chave]": {
+      "desc": "Repassa todos os slots e escopos do \"QasFormGenerator\".",
+      "scope": {
+        "index": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "errors": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "updateValue -> function(value, index)": {
+          "desc": "Função para atualizar o model, passando o novo valor e o index.",
+          "type": "Function",
+          "examples": [
+            "updateValue({ name: 'novo valor' }, 2)"
+          ]
+        }
+      }
+    },
+    "custom-fields": {
+      "desc": "Slot para adicionar um campo customizado.",
+      "scope": {
+        "fields": {
+          "desc": "Campos atuais.",
+          "default": {},
+          "type": "Object"
+        },
+        "index": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "errors": {
+          "desc": "Index atual dos campos",
+          "type": "Number"
+        },
+        "updateValue -> function(value, index)": {
+          "desc": "Função para atualizar o model, passando o novo valor e o index.",
+          "type": "Function",
+          "examples": [
+            "updateValue({ name: 'novo valor' }, 2)"
+          ]
+        }
+      }
+    },
+    "add-input": {
+      "desc": "Slot para acessar campo de adicionar.",
+      "scope": {
+        "add -> function(row)": {
+          "desc": "Função para adicionar novos campos no model.",
+          "type": "Function",
+          "examples": [
+            "add({ name: 'novo valor' })"
+          ]
+        }
+      }
+    }
+  },
+  "events": {
+    "@update:model-value -> function (value)": {
+      "desc": "Dispara toda vez que o model é atualizado, também utilizado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model",
+          "type": "String"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasNumericInput.json

@@ -0,0 +1,68 @@
+{
+  "type": "component",
+  "mixins": [
+    "quasar/dist/api/QField.json"
+  ],
+  "meta": {
+    "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": {},
+      "type": "Object"
+    },
+    "decimal-places": {
+      "desc": "Quantidade de casas decimais.",
+      "default": 2,
+      "type": "Number"
+    },
+    "mode": {
+      "desc": "Modo do componente.",
+      "default": "integer",
+      "type": "String",
+      "examples": [
+        "integer",
+        "decimal",
+        "percent",
+        "money"
+      ]
+    },
+    "model-value": {
+      "desc": "Model do componente, usado para v-model, sempre que alterado transforma o valor para \"Number\".",
+      "default": "",
+      "type": [
+        "String",
+        "Number"
+      ],
+      "model": true
+    },
+    "preset": {
+      "desc": "Propriedade preset serve para usar configuração de predefinição/nacionalidade da moeda pré setada pelo autonumeric (Brasil é o padrão).",
+      "type": [
+        "Boolean",
+        "String"
+      ]
+    }
+  },
+  "events": {
+    "@update:model-value -> function (value)": {
+      "desc": "Dispara toda vez que o model é atualizado, também utilizado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasPageHeader.json

@@ -0,0 +1,36 @@
+{
+  "type": "component",
+  "mixins": [
+    "quasar/dist/api/QToolbar.json"
+  ],
+  "meta": {
+    "desc": "Componente para cabeçalho de páginas com breadcrumbs e botão de voltar baseado no histórico de navegação dentro da aplicação."
+  },
+  "props": {
+    "breadcrumbs": {
+      "desc": "Configurações do QBreadcrumbs (https://quasar.dev/vue-components/breadcrumbs#introduction).",
+      "type": [
+        "Array",
+        "String"
+      ]
+    },
+    "use-breadcrumbs": {
+      "desc": "Habilita ou não o breadcrumbs.",
+      "type": [
+        "Array",
+        "String"
+      ]
+    },
+    "title": {
+      "desc": "Título do cabeçalho.",
+      "type": "String"
+    },
+    "root": {
+      "desc": "Rota raiz do breadcrumbs.",
+      "type": [
+        "Object",
+        "String"
+      ]
+    }
+  }
+}

package/dist/api/QasPasswordInput.json

@@ -0,0 +1,121 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para input de senhas que implementa o \"QasInput\" repassando todos os slots menos \"#hint\" e todos os eventos."
+  },
+  "mixins": [
+    "@bildvitta/quasar-ui-asteroid/dist/api/QasInput.json"
+  ],
+  "props": {
+    "use-strength-checker": {
+      "desc": "Controla exibição do componente `QasStrenghtChecker`.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "icon-color": {
+      "desc": "Cor do ícone do input.",
+      "default": "primary",
+      "type": "String"
+    },
+    "model-value": {
+      "desc": "Model do componente.",
+      "type": "String",
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "levels": {
+      "desc": "Níveis de força da senha, é um objeto de objeto.",
+      "type": [
+        "Object",
+        "Boolean"
+      ],
+      "examples": [
+        "{ label: 'Meu botão de cancelar', onClick: () => alert('fui clicado!') }"
+      ],
+      "debugger": true,
+      "default": {
+        "0": {
+          "color": "negative",
+          "label": "Muito fraco",
+          "progress": 0.05,
+          "textClass": "text-negative"
+        },
+        "1": {
+          "color": "warning",
+          "label": "Fraco",
+          "progress": 0.25,
+          "textClass": "text-warning"
+        },
+        "2": {
+          "color": "warning",
+          "label": "Bom",
+          "progress": 0.5,
+          "textClass": "text-warning"
+        },
+        "3": {
+          "color": "positive",
+          "label": "Forte",
+          "progress": 0.75,
+          "textClass": "text-positive"
+        },
+        "4": {
+          "color": "positive",
+          "label": "Muito forte",
+          "progress": 1,
+          "textClass": "text-positive"
+        }
+      }
+    },
+    "minlength": {
+      "desc": "Número mínimo de caracteres.",
+      "default": 8,
+      "type": [
+        "Number",
+        "String"
+      ]
+    },
+    "specials": {
+      "desc": "Expressão regular para definir quais tipos de caracteres especiais vai aceitar.",
+      "default": "/[!@#$%^&*()_+\\-=[\\]{}|;:'\",<.>/?`~]/g",
+      "type": "RegExp"
+    },
+    "track-color": {
+      "desc": "Cor da barra de progresso.",
+      "default": "blue-grey-1",
+      "type": "String"
+    },
+    "use-lowercase": {
+      "desc": "Obrigatório uso de letra(s) minuscula.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-numbers": {
+      "desc": "Obrigatório uso de número(s) minuscula.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-special": {
+      "desc": "Obrigatório uso de carácter especial.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-uppercase": {
+      "desc": "Obrigatório uso de letra(s) maiúsculas.",
+      "default": true,
+      "type": "Boolean"
+    }
+  },
+  "events": {
+    "@update:model-value -> function (value)": {
+      "desc": "Dispara toda vez que o model é atualizado, também utilizado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model",
+          "type": "Boolean"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasPasswordStrengthChecker.json

@@ -0,0 +1,126 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para checar nível de força da senha."
+  },
+  "props": {
+    "model-value": {
+      "desc": "Model do componente, retorna se passou ou não na validação de senha.",
+      "type": "Boolean",
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
+    "password": {
+      "desc": "Senha para ser usado nas validações.",
+      "type": "String"
+    },
+    "levels": {
+      "desc": "Níveis de força da senha, é um objeto de objeto.",
+      "type": [
+        "Object",
+        "Boolean"
+      ],
+      "examples": [
+        "{ label: 'Meu botão de cancelar', onClick: () => alert('fui clicado!') }"
+      ],
+      "debugger": true,
+      "default": {
+        "0": {
+          "color": "negative",
+          "label": "Muito fraco",
+          "progress": 0.05,
+          "textClass": "text-negative"
+        },
+        "1": {
+          "color": "warning",
+          "label": "Fraco",
+          "progress": 0.25,
+          "textClass": "text-warning"
+        },
+        "2": {
+          "color": "warning",
+          "label": "Bom",
+          "progress": 0.5,
+          "textClass": "text-warning"
+        },
+        "3": {
+          "color": "positive",
+          "label": "Forte",
+          "progress": 0.75,
+          "textClass": "text-positive"
+        },
+        "4": {
+          "color": "positive",
+          "label": "Muito forte",
+          "progress": 1,
+          "textClass": "text-positive"
+        }
+      }
+    },
+    "minlength": {
+      "desc": "Número mínimo de caracteres.",
+      "default": 8,
+      "type": [
+        "Number",
+        "String"
+      ],
+      "examples": [
+        "{ title: 'Meu título', description: 'Minha descrição' }"
+      ]
+    },
+    "specials": {
+      "desc": "Expressão regular para definir quais tipos de caracteres especiais vai aceitar.",
+      "default": "/[!@#$%^&*()_+\\-=[\\]{}|;:'\",<.>/?`~]/g",
+      "type": "RegExp"
+    },
+    "track-color": {
+      "desc": "Cor da barra de progresso.",
+      "default": "blue-grey-1",
+      "type": "String"
+    },
+    "use-lowercase": {
+      "desc": "Obrigatório uso de letra(s) minuscula.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-numbers": {
+      "desc": "Obrigatório uso de número(s) minuscula.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-special": {
+      "desc": "Obrigatório uso de carácter especial.",
+      "default": true,
+      "type": "Boolean"
+    },
+    "use-uppercase": {
+      "desc": "Obrigatório uso de letra(s) maiúsculas.",
+      "default": true,
+      "type": "Boolean"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Slot para substituir o componente de progresso.",
+      "scope": {
+        "level": {
+          "desc": "Retorna o nível de força.",
+          "type": "Object"
+        }
+      }
+    }
+  },
+  "events": {
+    "@update:model-value -> function (value)": {
+      "desc": "Dispara toda vez que o model é atualizado, também utilizado para v-model.",
+      "params": {
+        "value": {
+          "desc": "Novo valor do v-model",
+          "type": "Boolean"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasProfile.json

@@ -0,0 +1,74 @@
+{
+  "type": "component",
+  "meta": {
+    "desc": "Componente para cabeçalho de perfil."
+  },
+  "props": {
+    "columns": {
+      "desc": "Colunas do grid de cada campo.",
+      "default": "col-6",
+      "type": "Object",
+      "examples": {
+        "name": {
+          "col": 6
+        }
+      }
+    },
+    "fields": {
+      "desc": "Lista de field contendo informações necessárias para a criação do campo correspondente.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ email: { name: 'email', type: 'email', label: 'E-mail' } }"
+      ]
+    },
+    "list": {
+      "desc": "Lista de campos para filtrar da propriedade \"fields\".",
+      "default": [],
+      "type": "Array",
+      "examples": [
+        "[name, email]"
+      ]
+    },
+    "result": {
+      "desc": "Resultado contendo todas informações para serem exibidas na tela.",
+      "default": {},
+      "type": "Object",
+      "examples": [
+        "{ 'joah@examples.com' }"
+      ]
+    },
+    "subtitle": {
+      "desc": "Subtitulo do cabeçalho de perfil.",
+      "type": "String"
+    },
+    "title": {
+      "desc": "Título do cabeçalho de perfil.",
+      "type": "String",
+      "required": true
+    },
+    "tag": {
+      "desc": "Tag do componente pai.",
+      "default": "qas-box",
+      "type": "String"
+    }
+  },
+  "slots": {
+    "default": {
+      "desc": "Slot para acessar seção de título e subtitulo."
+    },
+    "grid": {
+      "desc": "Slot para acessar seção do grid, onde fica o \"QasGridGenerator\";"
+    },
+    "field-[nome-da-chave]": {
+      "desc": "Slot para todo o conteúdo dentro de cada grid (header e content), repassado do componente \"QasGridGenerator\".",
+      "scope": {
+        "field": {
+          "desc": "Conteúdo do field atual mais o resultado formatado.",
+          "default": {},
+          "type": "Object"
+        }
+      }
+    }
+  }
+}

package/dist/api/QasResizer.json

@@ -0,0 +1,34 @@
+{
+  "type": "component",
+  "mixins": [
+    "quasar/dist/api/QImg.json"
+  ],
+  "meta": {
+    "desc": "Componente para exibir imagem redimensionadas, implementa o \"QImg\"."
+  },
+  "props": {
+    "size": {
+      "desc": "Tamanho da imagem.",
+      "type": "String"
+    },
+    "source": {
+      "desc": "Caminho da imagem.",
+      "type": "String",
+      "examples": [
+        "bild-vitta.png"
+      ]
+    },
+    "resize": {
+      "desc": "Formato de ajuste.",
+      "default": "cover",
+      "type": "String",
+      "examples": [
+        "cover",
+        "contain",
+        "fill",
+        "inside",
+        "outside"
+      ]
+    }
+  }
+}