@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-76362.1 → 0.0.0-bugfix-dev-KB-79020.0
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.
- package/components/ez-combo-box/readme.md +3 -2
- package/components/ez-date-input/readme.md +2 -1
- package/components/ez-date-time-input/readme.md +2 -1
- package/components/ez-filter-input/readme.md +17 -28
- package/components/ez-grid/readme.md +21 -0
- package/components/ez-list/readme.md +10 -32
- package/components/ez-modal/readme.md +10 -10
- package/components/ez-number-input/readme.md +1 -0
- package/components/ez-search/readme.md +3 -2
- package/components/ez-split-panel/readme.md +7 -0
- package/components/ez-text-area/readme.md +2 -0
- package/components/ez-text-input/readme.md +14 -12
- package/components/ez-time-input/readme.md +1 -0
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -22,7 +23,7 @@
|
|
|
22
23
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
23
24
|
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
24
25
|
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
25
|
-
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `
|
|
26
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
|
|
26
27
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
27
28
|
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
28
29
|
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
@@ -77,7 +78,7 @@ Type: `Promise<void>`
|
|
|
77
78
|
|
|
78
79
|
|
|
79
80
|
|
|
80
|
-
### `setFocus() => Promise<void>`
|
|
81
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
81
82
|
|
|
82
83
|
Aplica o foco no campo.
|
|
83
84
|
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -58,7 +59,7 @@ Type: `Promise<void>`
|
|
|
58
59
|
|
|
59
60
|
|
|
60
61
|
|
|
61
|
-
### `setFocus() => Promise<void>`
|
|
62
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
62
63
|
|
|
63
64
|
Aplica o foco no campo.
|
|
64
65
|
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -59,7 +60,7 @@ Type: `Promise<void>`
|
|
|
59
60
|
|
|
60
61
|
|
|
61
62
|
|
|
62
|
-
### `setFocus() => Promise<void>`
|
|
63
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
63
64
|
|
|
64
65
|
Aplica o foco no campo.
|
|
65
66
|
|
|
@@ -7,27 +7,26 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `asyncSearch`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `errorMessage`
|
|
17
|
-
| `label`
|
|
18
|
-
| `mode`
|
|
19
|
-
| `restrict`
|
|
20
|
-
| `value`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `asyncSearch` | `async-search` | Define se o campo irá funcionar de forma assíncrona. | `boolean` | `false` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
20
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
## Events
|
|
24
24
|
|
|
25
|
-
| Event | Description | Type
|
|
26
|
-
| ------------- | --------------------------------------------------------------------- |
|
|
27
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>`
|
|
28
|
-
| `ezFocusIn` | Emitido quando acontece o foco no campo. | `CustomEvent<void>`
|
|
29
|
-
| `
|
|
30
|
-
| `ezSearching` | Emitido quando está sendo realizada uma pesquisa no modo asyncSearch. | `CustomEvent<string>` |
|
|
25
|
+
| Event | Description | Type |
|
|
26
|
+
| ------------- | --------------------------------------------------------------------- | --------------------- |
|
|
27
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
|
|
28
|
+
| `ezFocusIn` | Emitido quando acontece o foco no campo. | `CustomEvent<void>` |
|
|
29
|
+
| `ezSearching` | Emitido quando está sendo realizada uma pesquisa no modo asyncSearch. | `CustomEvent<string>` |
|
|
31
30
|
|
|
32
31
|
|
|
33
32
|
## Methods
|
|
@@ -42,16 +41,6 @@ Type: `Promise<void>`
|
|
|
42
41
|
|
|
43
42
|
|
|
44
43
|
|
|
45
|
-
### `handleIconClick() => Promise<void>`
|
|
46
|
-
|
|
47
|
-
Método usado para emitir o evento de clique no ícone
|
|
48
|
-
|
|
49
|
-
#### Returns
|
|
50
|
-
|
|
51
|
-
Type: `Promise<void>`
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
44
|
### `isInvalid() => Promise<boolean>`
|
|
56
45
|
|
|
57
46
|
Retorna se o conteúdo é inválido.
|
|
@@ -72,7 +61,7 @@ Type: `Promise<void>`
|
|
|
72
61
|
|
|
73
62
|
|
|
74
63
|
|
|
75
|
-
### `setFocus() => Promise<void>`
|
|
64
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
76
65
|
|
|
77
66
|
Aplica o foco no campo.
|
|
78
67
|
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
17
17
|
| `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` |
|
|
18
18
|
| `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
|
|
19
|
+
| `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` |
|
|
19
20
|
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
20
21
|
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
|
|
21
22
|
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
@@ -78,6 +79,16 @@ Type: `Promise<void>`
|
|
|
78
79
|
|
|
79
80
|
|
|
80
81
|
|
|
82
|
+
### `checkStopEditOutsideClick(event: MouseEvent) => Promise<void>`
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
#### Returns
|
|
87
|
+
|
|
88
|
+
Type: `Promise<void>`
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
81
92
|
### `filterColumns(search: string) => Promise<Array<EzGridColumn>>`
|
|
82
93
|
|
|
83
94
|
Usa um argumento para filtrar as colunas po label
|
|
@@ -208,6 +219,16 @@ Type: `Promise<void>`
|
|
|
208
219
|
|
|
209
220
|
|
|
210
221
|
|
|
222
|
+
### `stopEdit() => Promise<void>`
|
|
223
|
+
|
|
224
|
+
Para a edição da grade.
|
|
225
|
+
|
|
226
|
+
#### Returns
|
|
227
|
+
|
|
228
|
+
Type: `Promise<void>`
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
|
|
211
232
|
|
|
212
233
|
## Dependencies
|
|
213
234
|
|
|
@@ -7,17 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| --------------------- |
|
|
12
|
-
| `dataSource` | --
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
|
|
13
|
+
| `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
|
|
14
|
+
| `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
|
|
15
|
+
| `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
|
|
16
|
+
| `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
|
|
17
|
+
| `itemSlotBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
|
|
18
|
+
| `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` |
|
|
19
|
+
| `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
|
|
21
20
|
|
|
22
21
|
|
|
23
22
|
## Events
|
|
@@ -26,7 +25,6 @@
|
|
|
26
25
|
| --------------- | ----------------------------------------------------------- | ---------------------------------------- |
|
|
27
26
|
| `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` |
|
|
28
27
|
| `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` |
|
|
29
|
-
| `ezClickItem` | Emitido sempre que um item da lista for clicado. | `CustomEvent<ListItem>` |
|
|
30
28
|
| `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` |
|
|
31
29
|
| `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>` |
|
|
32
30
|
|
|
@@ -83,26 +81,6 @@ Type: `Promise<void>`
|
|
|
83
81
|
|
|
84
82
|
|
|
85
83
|
|
|
86
|
-
### `selectNextItem() => Promise<void>`
|
|
87
|
-
|
|
88
|
-
Seleciona o próximo item.
|
|
89
|
-
|
|
90
|
-
#### Returns
|
|
91
|
-
|
|
92
|
-
Type: `Promise<void>`
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
### `selectPreviousItem() => Promise<void>`
|
|
97
|
-
|
|
98
|
-
Seleciona o item anterior.
|
|
99
|
-
|
|
100
|
-
#### Returns
|
|
101
|
-
|
|
102
|
-
Type: `Promise<void>`
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
84
|
### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>`
|
|
107
85
|
|
|
108
86
|
Aplica seleção nas linhas da lista.
|
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"`
|
|
13
|
-
| `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean`
|
|
14
|
-
| `closeOutsideClick` | `close-outside-click` | Define se o modal será fechado ao clicar fora do conteúdo. | `boolean`
|
|
15
|
-
| `closeOutsideLeave` | `close-outside-leave` | Define se o modal será fechado se o mouse sair para fora do conteúdo. | `boolean`
|
|
16
|
-
| `heightMode` | `height-mode` | Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. | `"full" \| "regular"`
|
|
17
|
-
| `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string`
|
|
18
|
-
| `opened` | `opened` | Define se o ez-modal está aberto. | `boolean`
|
|
19
|
-
| `scrim` | `scrim` | Define o tipo de scrim a ser aplicado no overlay do modal | `"light" \| "medium"` | `"medium"` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
|
|
12
|
+
| `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"` | `undefined` |
|
|
13
|
+
| `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean` | `false` |
|
|
14
|
+
| `closeOutsideClick` | `close-outside-click` | Define se o modal será fechado ao clicar fora do conteúdo. | `boolean` | `false` |
|
|
15
|
+
| `closeOutsideLeave` | `close-outside-leave` | Define se o modal será fechado se o mouse sair para fora do conteúdo. | `boolean` | `false` |
|
|
16
|
+
| `heightMode` | `height-mode` | Ativa o modo Full, permitindo que o Modal expanda-se verticalmente e ocupe todo o espaço disponível. | `"full" \| "regular"` | `"regular"` |
|
|
17
|
+
| `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string` | `undefined` |
|
|
18
|
+
| `opened` | `opened` | Define se o ez-modal está aberto. | `boolean` | `true` |
|
|
19
|
+
| `scrim` | `scrim` | Define o tipo de scrim a ser aplicado no overlay do modal | `"light" \| "medium" \| "none"` | `"medium"` |
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ----------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
12
|
| `allowNegative` | `allow-negative` | Se false, o input não aceitará números negativos. | `boolean` | `true` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
15
|
| `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
@@ -25,7 +26,7 @@
|
|
|
25
26
|
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
26
27
|
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
27
28
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
28
|
-
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `
|
|
29
|
+
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
29
30
|
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
30
31
|
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
31
32
|
|
|
@@ -79,7 +80,7 @@ Type: `Promise<void>`
|
|
|
79
80
|
|
|
80
81
|
|
|
81
82
|
|
|
82
|
-
### `setFocus() => Promise<void>`
|
|
83
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
83
84
|
|
|
84
85
|
Aplica o foco no campo.
|
|
85
86
|
|
|
@@ -13,6 +13,13 @@
|
|
|
13
13
|
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
14
14
|
|
|
15
15
|
|
|
16
|
+
## Events
|
|
17
|
+
|
|
18
|
+
| Event | Description | Type |
|
|
19
|
+
| ----------- | ----------- | ----------------------------- |
|
|
20
|
+
| `resizeEnd` | | `CustomEvent<IPanelSizeInfo>` |
|
|
21
|
+
|
|
22
|
+
|
|
16
23
|
## Methods
|
|
17
24
|
|
|
18
25
|
### `rebuildLayout() => Promise<void>`
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` |
|
|
12
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
15
|
| `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `false` |
|
|
14
16
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
@@ -7,18 +7,20 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
|
+
| `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
19
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
20
|
+
| `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
21
|
+
| `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
22
|
+
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
23
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
## Events
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
14
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|