@sankhyalabs/ezui-docs 5.22.0-dev.4 → 5.22.0-dev.41
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-breadcrumb/readme.md +1 -0
- package/components/ez-button/readme.md +1 -1
- package/components/ez-card-item/readme.md +1 -0
- package/components/ez-combo-box/readme.md +21 -19
- package/components/ez-date-input/readme.md +2 -1
- package/components/ez-date-time-input/readme.md +2 -1
- package/components/ez-dropdown/readme.md +3 -0
- package/components/ez-filter-input/readme.md +2 -1
- package/components/ez-grid/readme.md +37 -13
- package/components/ez-modal/readme.md +1 -0
- package/components/ez-modal-container/readme.md +1 -0
- package/components/ez-number-input/readme.md +2 -0
- package/components/ez-popup/readme.md +8 -7
- package/components/ez-search/readme.md +23 -19
- package/components/ez-skeleton/readme.md +13 -0
- package/components/ez-split-button/readme.md +2 -1
- 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
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
| `image` | `image` | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
15
15
|
| `label` | `label` | Texto a ser apresentado como título do botão. | `string` | `undefined` |
|
|
16
16
|
| `mode` | `mode` | Define o modo de uso do botão. | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
|
|
17
|
-
| `size` | `size` | Define o tamanho do ez-button. | `"large" \| "medium" \| "small"`
|
|
17
|
+
| `size` | `size` | Define o tamanho do ez-button. | `"large" \| "medium" \| "small" \| "x-small"` | `undefined` |
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
## Methods
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ----------- | ------------ | ------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
|
|
12
|
+
| `compacted` | `compacted` | Determina se o componente será apresentado no modo compacto. | `boolean` | `false` |
|
|
12
13
|
| `enableKey` | `enable-key` | Determina se a chave do item deve ser exibida. | `boolean` | `true` |
|
|
13
14
|
| `item` | -- | Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`. | `CardItem` | `undefined` |
|
|
14
15
|
|
|
@@ -7,24 +7,26 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto 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
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
16
|
+
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
17
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
18
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
19
|
+
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
|
|
20
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
21
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
22
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
23
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
24
|
+
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
25
|
+
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
26
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `true` |
|
|
27
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
28
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
29
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
28
30
|
|
|
29
31
|
|
|
30
32
|
## Events
|
|
@@ -76,7 +78,7 @@ Type: `Promise<void>`
|
|
|
76
78
|
|
|
77
79
|
|
|
78
80
|
|
|
79
|
-
### `setFocus() => Promise<void>`
|
|
81
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
80
82
|
|
|
81
83
|
Aplica o foco no campo.
|
|
82
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
|
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
| Event | Description | Type |
|
|
20
20
|
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------ | --------------------------------- |
|
|
21
21
|
| `ezClick` | Emitido quando ocorrer um click em um item da lista, o IDropdownItem que recebeu o click deve ser enviado como data do evento. | `CustomEvent<IDropdownItem>` |
|
|
22
|
+
| `ezHover` | Emitido quando ocorrer o ponteiro do mouse é colocado sobre um item. | `CustomEvent<IDropdownItem>` |
|
|
22
23
|
| `ezOutsideClick` | Emitido quando ocorrer um click fora do componente. | `CustomEvent<void>` |
|
|
23
24
|
| `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` |
|
|
24
25
|
|
|
@@ -32,11 +33,13 @@
|
|
|
32
33
|
|
|
33
34
|
### Depends on
|
|
34
35
|
|
|
36
|
+
- [ez-skeleton](../ez-skeleton)
|
|
35
37
|
- [ez-icon](../ez-icon)
|
|
36
38
|
|
|
37
39
|
### Graph
|
|
38
40
|
```mermaid
|
|
39
41
|
graph TD;
|
|
42
|
+
ez-dropdown --> ez-skeleton
|
|
40
43
|
ez-dropdown --> ez-icon
|
|
41
44
|
ez-breadcrumb --> ez-dropdown
|
|
42
45
|
ez-split-button --> ez-dropdown
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------- | ---------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
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` |
|
|
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` |
|
|
@@ -60,7 +61,7 @@ Type: `Promise<void>`
|
|
|
60
61
|
|
|
61
62
|
|
|
62
63
|
|
|
63
|
-
### `setFocus() => Promise<void>`
|
|
64
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
64
65
|
|
|
65
66
|
Aplica o foco no campo.
|
|
66
67
|
|
|
@@ -7,19 +7,23 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| ------------------------ |
|
|
12
|
-
| `autoFocus` | `auto-focus`
|
|
13
|
-
| `canEdit` | `can-edit`
|
|
14
|
-
| `columnfilterDataSource` | --
|
|
15
|
-
| `config` | --
|
|
16
|
-
| `dataUnit` | --
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | -------------------------- | -------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
|
|
13
|
+
| `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
|
|
14
|
+
| `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
15
|
+
| `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
|
|
16
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
17
|
+
| `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` |
|
|
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` |
|
|
20
|
+
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
21
|
+
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
|
|
22
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
23
|
+
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
24
|
+
| `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
|
|
25
|
+
| `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
26
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
|
|
23
27
|
|
|
24
28
|
|
|
25
29
|
## Events
|
|
@@ -75,6 +79,16 @@ Type: `Promise<void>`
|
|
|
75
79
|
|
|
76
80
|
|
|
77
81
|
|
|
82
|
+
### `checkStopEditOutsideClick(event: MouseEvent) => Promise<void>`
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
#### Returns
|
|
87
|
+
|
|
88
|
+
Type: `Promise<void>`
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
78
92
|
### `filterColumns(search: string) => Promise<Array<EzGridColumn>>`
|
|
79
93
|
|
|
80
94
|
Usa um argumento para filtrar as colunas po label
|
|
@@ -205,6 +219,16 @@ Type: `Promise<void>`
|
|
|
205
219
|
|
|
206
220
|
|
|
207
221
|
|
|
222
|
+
### `stopEdit() => Promise<void>`
|
|
223
|
+
|
|
224
|
+
Para a edição da grade.
|
|
225
|
+
|
|
226
|
+
#### Returns
|
|
227
|
+
|
|
228
|
+
Type: `Promise<void>`
|
|
229
|
+
|
|
230
|
+
|
|
231
|
+
|
|
208
232
|
|
|
209
233
|
## Dependencies
|
|
210
234
|
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `align` | `align` | Define o alinhamento do ez-modal. | `"left" \| "right"` | `undefined` |
|
|
13
13
|
| `closeEsc` | `close-esc` | Define se o ez-modal será fechado ao clicar `ESC`. | `boolean` | `false` |
|
|
14
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` |
|
|
15
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"` |
|
|
16
17
|
| `modalSize` | `modal-size` | Define o tamanho do ez-modal. Devem ser definidas seguindo grid-layout. Exemplo: `col-sd-3`. | `string` | `undefined` |
|
|
17
18
|
| `opened` | `opened` | Define se o ez-modal está aberto. | `boolean` | `true` |
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
| `modalTitle` | `modal-title` | Texto a ser apresentado como título do modal. | `string` | `undefined` |
|
|
16
16
|
| `okButtonLabel` | `ok-button-label` | Determina o texto do botão de confirmação. | `string` | `undefined` |
|
|
17
17
|
| `okButtonStatus` | `ok-button-status` | Define o estado do botão de confirmação. | `"DISABLED" \| "ENABLED" \| "HIDDEN"` | `undefined` |
|
|
18
|
+
| `showCloseButton` | `show-close-button` | Define a visibilidade do botão de fechar. | `boolean` | `true` |
|
|
18
19
|
| `showTitleBar` | `show-title-bar` | Define se o cabeçalho será mostrado. | `boolean` | `true` |
|
|
19
20
|
|
|
20
21
|
|
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ----------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
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` |
|
|
12
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
15
|
| `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
@@ -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
|
+
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
|
|
13
|
+
| `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
|
|
14
|
+
| `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
|
|
15
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
+
| `size` | `size` | Define a largura do ez-popup. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
|
|
17
|
+
| `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
## Events
|
|
@@ -7,24 +7,28 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto 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
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
|
+
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
18
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
19
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
20
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
21
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
22
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
23
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
24
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
25
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
26
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
27
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
28
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
29
|
+
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `false` |
|
|
30
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
31
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
28
32
|
|
|
29
33
|
|
|
30
34
|
## Events
|
|
@@ -76,7 +80,7 @@ Type: `Promise<void>`
|
|
|
76
80
|
|
|
77
81
|
|
|
78
82
|
|
|
79
|
-
### `setFocus() => Promise<void>`
|
|
83
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
80
84
|
|
|
81
85
|
Aplica o foco no campo.
|
|
82
86
|
|
|
@@ -17,6 +17,19 @@
|
|
|
17
17
|
| `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
|
|
18
18
|
|
|
19
19
|
|
|
20
|
+
## Dependencies
|
|
21
|
+
|
|
22
|
+
### Used by
|
|
23
|
+
|
|
24
|
+
- [ez-dropdown](../ez-dropdown)
|
|
25
|
+
|
|
26
|
+
### Graph
|
|
27
|
+
```mermaid
|
|
28
|
+
graph TD;
|
|
29
|
+
ez-dropdown --> ez-skeleton
|
|
30
|
+
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
31
|
+
```
|
|
32
|
+
|
|
20
33
|
----------------------------------------------
|
|
21
34
|
|
|
22
35
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
18
18
|
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
19
19
|
| `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
|
|
20
|
-
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium"`
|
|
20
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
## Events
|
|
@@ -74,6 +74,7 @@ Type: `Promise<void>`
|
|
|
74
74
|
graph TD;
|
|
75
75
|
ez-split-button --> ez-icon
|
|
76
76
|
ez-split-button --> ez-dropdown
|
|
77
|
+
ez-dropdown --> ez-skeleton
|
|
77
78
|
ez-dropdown --> ez-icon
|
|
78
79
|
style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
80
|
```
|
|
@@ -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` |
|