bkp
This commit is contained in:
parent
8c5a31ef30
commit
a693081023
34 changed files with 14887 additions and 1146 deletions
|
|
@ -121,6 +121,84 @@ Exemplo:
|
|||
/>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### 4) `EliEntradaParagrafo`
|
||||
|
||||
Entrada de texto multi-linha (equivalente a um **textarea**).
|
||||
|
||||
**Value**: `string | null | undefined`
|
||||
|
||||
**Opções** (além de `rotulo`/`placeholder`):
|
||||
|
||||
- `linhas?: number` (default: `4`)
|
||||
- `limiteCaracteres?: number`
|
||||
- `limpavel?: boolean`
|
||||
- `erro?: boolean`
|
||||
- `mensagensErro?: string | string[]`
|
||||
- `dica?: string`
|
||||
- `dicaPersistente?: boolean`
|
||||
- `densidade?: CampoDensidade`
|
||||
- `variante?: CampoVariante`
|
||||
|
||||
Exemplo:
|
||||
|
||||
```vue
|
||||
<EliEntradaParagrafo
|
||||
v-model:value="descricao"
|
||||
:opcoes="{
|
||||
rotulo: 'Descrição',
|
||||
placeholder: 'Digite uma descrição mais longa...',
|
||||
linhas: 5,
|
||||
limiteCaracteres: 300,
|
||||
limpavel: true,
|
||||
}"
|
||||
/>
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
#### 5) `EliEntradaSelecao`
|
||||
|
||||
Entrada de seleção (select) com carregamento de itens via função.
|
||||
|
||||
**Value**: `string | null | undefined` (chave do item selecionado)
|
||||
|
||||
**Opções** (além de `rotulo`/`placeholder`):
|
||||
|
||||
- `itens: () => {chave: string; rotulo: string}[] | Promise<{chave: string; rotulo: string}[]>`
|
||||
- `limpavel?: boolean`
|
||||
- `erro?: boolean`
|
||||
- `mensagensErro?: string | string[]`
|
||||
- `dica?: string`
|
||||
- `dicaPersistente?: boolean`
|
||||
- `densidade?: CampoDensidade`
|
||||
- `variante?: CampoVariante`
|
||||
|
||||
Comportamento:
|
||||
- Ao montar, o componente chama `opcoes.itens()`.
|
||||
- Enquanto carrega, o select fica em `loading` e desabilitado.
|
||||
|
||||
Exemplo:
|
||||
|
||||
```vue
|
||||
<EliEntradaSelecao
|
||||
v-model:value="categoria"
|
||||
:opcoes="{
|
||||
rotulo: 'Categoria',
|
||||
placeholder: 'Selecione...',
|
||||
limpavel: true,
|
||||
itens: async () => {
|
||||
await new Promise((r) => setTimeout(r, 300));
|
||||
return [
|
||||
{ chave: 'a', rotulo: 'Categoria A' },
|
||||
{ chave: 'b', rotulo: 'Categoria B' },
|
||||
];
|
||||
},
|
||||
}"
|
||||
/>
|
||||
```
|
||||
|
||||
### Compatibilidade Vue 2 / Vue 3
|
||||
|
||||
Padrão recomendado (Vue 3):
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue