@sankhyalabs/ezui-docs 6.2.0-dev.2 → 6.2.0-dev.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
# ez-classic-input
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------- |
|
|
12
|
+
| `emitMaskedValue` | `emit-masked-value` | Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false) | `boolean` | `false` |
|
|
13
|
+
| `enabled` | `enabled` | Define se o input está habilitado | `boolean` | `true` |
|
|
14
|
+
| `helpText` | `help-text` | Texto de ajuda exibido abaixo do input | `string` | `undefined` |
|
|
15
|
+
| `label` | `label` | Texto do label exibido acima do input | `string` | `undefined` |
|
|
16
|
+
| `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
|
|
17
|
+
| `leftIconName` | `left-icon-name` | Nome do ícone à esquerda | `string` | `undefined` |
|
|
18
|
+
| `leftIconTooltip` | `left-icon-tooltip` | Título do ícone à esquerda (tooltip) | `string` | `undefined` |
|
|
19
|
+
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido. Para mais informações acesse: https://gilded-nasturtium-6b64dd.netlify.app/docs/utilities/api/classes/maskformatter/ | `string` | `undefined` |
|
|
20
|
+
| `maxlength` | `maxlength` | Tamanho máximo do valor | `number` | `undefined` |
|
|
21
|
+
| `minlength` | `minlength` | Tamanho mínimo do valor | `number` | `undefined` |
|
|
22
|
+
| `name` | `name` | Nome do input | `string` | `undefined` |
|
|
23
|
+
| `placeholder` | `placeholder` | Placeholder do input | `string` | `undefined` |
|
|
24
|
+
| `readonly` | `readonly` | Define se o input é somente leitura | `boolean` | `false` |
|
|
25
|
+
| `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
|
|
26
|
+
| `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
|
|
27
|
+
| `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
|
|
28
|
+
| `state` | `state` | Estado visual do input: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
|
|
29
|
+
| `type` | `type` | Tipo do input (ex: text, password, email, etc) | `string` | `'text'` |
|
|
30
|
+
| `value` | `value` | Valor do input | `string` | `undefined` |
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## Events
|
|
34
|
+
|
|
35
|
+
| Event | Description | Type |
|
|
36
|
+
| ----------- | -------------------------------------------------------------------------------- | ------------------------------------------- |
|
|
37
|
+
| `ezBlur` | Evento disparado quando o input perde o foco. | `CustomEvent<string>` |
|
|
38
|
+
| `ezChange` | Evento disparado quando o valor do input muda. | `CustomEvent<string>` |
|
|
39
|
+
| `iconClick` | Evento disparado quando um ícone é clicado. Payload: { icon: "left" \| "right" } | `CustomEvent<{ icon: "left" \| "right"; }>` |
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
## Methods
|
|
43
|
+
|
|
44
|
+
### `setBlur() => Promise<void>`
|
|
45
|
+
|
|
46
|
+
Remove o foco do campo.
|
|
47
|
+
|
|
48
|
+
#### Returns
|
|
49
|
+
|
|
50
|
+
Type: `Promise<void>`
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
### `setFocus(option?: OptionsSetFocus) => Promise<void>`
|
|
55
|
+
|
|
56
|
+
Aplica o foco no campo.
|
|
57
|
+
|
|
58
|
+
#### Returns
|
|
59
|
+
|
|
60
|
+
Type: `Promise<void>`
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
## Dependencies
|
|
66
|
+
|
|
67
|
+
### Depends on
|
|
68
|
+
|
|
69
|
+
- [ez-icon](../ez-icon)
|
|
70
|
+
|
|
71
|
+
### Graph
|
|
72
|
+
```mermaid
|
|
73
|
+
graph TD;
|
|
74
|
+
ez-classic-input --> ez-icon
|
|
75
|
+
style ez-classic-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
76
|
+
```
|
|
77
|
+
|
|
78
|
+
----------------------------------------------
|
|
79
|
+
|
|
80
|
+
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# ez-classic-text-area
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------- | ---------------------- | -------------------------------------------------------------- | ------------------------------------------------ | ---------------------------- |
|
|
12
|
+
| `enabled` | `enabled` | Define se a textarea está habilitada | `boolean` | `true` |
|
|
13
|
+
| `helpText` | `help-text` | Texto de ajuda exibido abaixo da textarea | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Texto do rótulo exibido acima da área de texto | `string` | `''` |
|
|
15
|
+
| `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
|
|
16
|
+
| `leftIconName` | `left-icon-name` | Nome do ícone à esquerda | `string` | `undefined` |
|
|
17
|
+
| `leftIconTooltip` | `left-icon-tooltip` | Título do ícone à esquerda (tooltip) | `string` | `undefined` |
|
|
18
|
+
| `maxlength` | `maxlength` | Número máximo de caracteres permitidos | `number` | `undefined` |
|
|
19
|
+
| `name` | `name` | Nome da textarea | `string` | `StringUtils.generateUUID()` |
|
|
20
|
+
| `placeholder` | `placeholder` | Texto de placeholder exibido quando a área de texto está vazia | `string` | `''` |
|
|
21
|
+
| `readonly` | `readonly` | Se a área de texto é somente leitura | `boolean` | `false` |
|
|
22
|
+
| `resize` | `resize` | Comportamento de redimensionamento da área de texto | `"both" \| "horizontal" \| "none" \| "vertical"` | `'vertical'` |
|
|
23
|
+
| `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
|
|
24
|
+
| `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
|
|
25
|
+
| `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
|
|
26
|
+
| `rows` | `rows` | Define o número de linhas da área de texto | `number` | `5` |
|
|
27
|
+
| `state` | `state` | Estado visual da textarea: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
|
|
28
|
+
| `value` | `value` | Valor atual da área de texto | `string` | `''` |
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
## Events
|
|
32
|
+
|
|
33
|
+
| Event | Description | Type |
|
|
34
|
+
| ----------- | -------------------------------------------------------------------------------- | ------------------------------------------- |
|
|
35
|
+
| `ezBlur` | Evento emitido quando a área de texto perde foco | `CustomEvent<string>` |
|
|
36
|
+
| `ezChange` | Evento emitido quando o valor da área de texto muda | `CustomEvent<string>` |
|
|
37
|
+
| `iconClick` | Evento disparado quando um ícone é clicado. Payload: { icon: "left" \| "right" } | `CustomEvent<{ icon: "left" \| "right"; }>` |
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
## Methods
|
|
41
|
+
|
|
42
|
+
### `setBlur() => Promise<void>`
|
|
43
|
+
|
|
44
|
+
Remove o foco do campo.
|
|
45
|
+
|
|
46
|
+
#### Returns
|
|
47
|
+
|
|
48
|
+
Type: `Promise<void>`
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
### `setFocus(option?: OptionsSetFocus) => Promise<void>`
|
|
53
|
+
|
|
54
|
+
Aplica o foco no campo.
|
|
55
|
+
|
|
56
|
+
#### Returns
|
|
57
|
+
|
|
58
|
+
Type: `Promise<void>`
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
## Dependencies
|
|
64
|
+
|
|
65
|
+
### Depends on
|
|
66
|
+
|
|
67
|
+
- [ez-icon](../ez-icon)
|
|
68
|
+
|
|
69
|
+
### Graph
|
|
70
|
+
```mermaid
|
|
71
|
+
graph TD;
|
|
72
|
+
ez-classic-text-area --> ez-icon
|
|
73
|
+
style ez-classic-text-area fill:#f9f,stroke:#333,stroke-width:4px
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
----------------------------------------------
|
|
77
|
+
|
|
78
|
+
|
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
- [ez-breadcrumb](../ez-breadcrumb)
|
|
27
27
|
- [ez-button](../ez-button)
|
|
28
28
|
- [ez-chip](../ez-chip)
|
|
29
|
+
- [ez-classic-input](../ez-classic-input)
|
|
30
|
+
- [ez-classic-text-area](../ez-classic-text-area)
|
|
29
31
|
- [ez-collapsible-box](../ez-collapsible-box)
|
|
30
32
|
- [ez-combo-box](../ez-combo-box)
|
|
31
33
|
- [ez-dialog](../ez-dialog)
|
|
@@ -59,6 +61,8 @@ graph TD;
|
|
|
59
61
|
ez-breadcrumb --> ez-icon
|
|
60
62
|
ez-button --> ez-icon
|
|
61
63
|
ez-chip --> ez-icon
|
|
64
|
+
ez-classic-input --> ez-icon
|
|
65
|
+
ez-classic-text-area --> ez-icon
|
|
62
66
|
ez-collapsible-box --> ez-icon
|
|
63
67
|
ez-combo-box --> ez-icon
|
|
64
68
|
ez-dialog --> ez-icon
|
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------------- | ---------------------------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------------- |
|
|
12
|
+
| `enableHierarchicalFilter` | `enable-hierarchical-filter` | Define se a árvore deve permitir a filtragem hierárquica. | `boolean` | `true` |
|
|
13
|
+
| `iconResolver` | -- | Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS. | `(item: ITreeItem, expanded: boolean, level: number) => string` | `defaultIconResolver` |
|
|
14
|
+
| `items` | -- | Define os itens apresentados na árvore. | `ITreeItem[]` | `[]` |
|
|
15
|
+
| `selectedId` | `selected-id` | Forma alternativa para atribuir o item selecionado por seu ID. | `string` | `undefined` |
|
|
16
|
+
| `tooltipResolver` | -- | Define uma função que vai resolver o `tooltip` ou `title` daquele item. | `(item: ITreeItem, enabled: boolean, level: number) => string` | `undefined` |
|
|
17
|
+
| `value` | -- | Define o item selecionado na árvore. | `ITreeItem` | `undefined` |
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
## Events
|