@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-6165.0 → 0.0.0-bugfix-dev-KB-17130.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-actions-button/readme.md +15 -3
- package/components/ez-alert-list/readme.md +39 -0
- package/components/ez-button/readme.md +2 -0
- package/components/ez-card-item/readme.md +13 -0
- package/components/ez-combo-box/readme.md +18 -18
- package/components/ez-dropdown/readme.md +1 -0
- package/components/ez-form/readme.md +15 -9
- package/components/ez-form-view/readme.md +7 -4
- package/components/ez-grid/readme.md +23 -3
- package/components/ez-grid/subcomponents/readme.md +4 -3
- package/components/ez-guide-navigator/readme.md +10 -0
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-list/readme.md +2 -0
- package/components/ez-multi-selection-list/readme.md +10 -9
- package/components/ez-search/readme.md +24 -17
- package/components/ez-split-panel/readme.md +17 -0
- package/components/ez-split-panel/structure/item/readme.md +10 -0
- package/components/ez-text-input/readme.md +3 -0
- package/package.json +1 -1
|
@@ -22,9 +22,11 @@
|
|
|
22
22
|
|
|
23
23
|
## Events
|
|
24
24
|
|
|
25
|
-
| Event
|
|
26
|
-
|
|
|
27
|
-
| `ezAction`
|
|
25
|
+
| Event | Description | Type |
|
|
26
|
+
| ----------------------------- | ----------------------------------------------- | -------------------------- |
|
|
27
|
+
| `ezAction` | Emitido ao acionar uma ação. | `CustomEvent<IAction>` |
|
|
28
|
+
| `ezDisconnectedActionButtons` | Emitido quando componente é desconectado da DOM | `CustomEvent<void>` |
|
|
29
|
+
| `ezPopoverOpen` | Emitido ao mostrar a lista de ações | `CustomEvent<HTMLElement>` |
|
|
28
30
|
|
|
29
31
|
|
|
30
32
|
## Methods
|
|
@@ -49,6 +51,16 @@ Type: `Promise<boolean>`
|
|
|
49
51
|
|
|
50
52
|
|
|
51
53
|
|
|
54
|
+
### `showActions() => Promise<void>`
|
|
55
|
+
|
|
56
|
+
Apresenta a lista de ações.
|
|
57
|
+
|
|
58
|
+
#### Returns
|
|
59
|
+
|
|
60
|
+
Type: `Promise<void>`
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
52
64
|
|
|
53
65
|
## Dependencies
|
|
54
66
|
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
# ez-alert-list
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------- | ---------------------- | ---------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `alerts` | -- | Lista de alertas que devem ser apresentados no componente. | `AlertItem[]` | `[]` |
|
|
13
|
+
| `enableDragAndDrop` | `enable-drag-and-drop` | Define se o componente pode ser arrastado na tela. | `boolean` | `undefined` |
|
|
14
|
+
| `enableExpand` | `enable-expand` | Define se o componente pode ser expandido. | `boolean` | `true` |
|
|
15
|
+
| `expanded` | `expanded` | Define se o componente está expandido. | `boolean` | `false` |
|
|
16
|
+
| `itemRightSlotBuilder` | -- | Define builder para elementos a direita do componente | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
|
|
17
|
+
| `opened` | `opened` | Define se o componente está aberto. | `boolean` | `true` |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Dependencies
|
|
21
|
+
|
|
22
|
+
### Depends on
|
|
23
|
+
|
|
24
|
+
- [ez-button](../ez-button)
|
|
25
|
+
- [ez-list](../ez-list)
|
|
26
|
+
|
|
27
|
+
### Graph
|
|
28
|
+
```mermaid
|
|
29
|
+
graph TD;
|
|
30
|
+
ez-alert-list --> ez-button
|
|
31
|
+
ez-alert-list --> ez-list
|
|
32
|
+
ez-button --> ez-icon
|
|
33
|
+
ez-list --> ez-check
|
|
34
|
+
style ez-alert-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
----------------------------------------------
|
|
38
|
+
|
|
39
|
+
|
|
@@ -45,6 +45,7 @@ Type: `Promise<void>`
|
|
|
45
45
|
### Used by
|
|
46
46
|
|
|
47
47
|
- [ez-actions-button](../ez-actions-button)
|
|
48
|
+
- [ez-alert-list](../ez-alert-list)
|
|
48
49
|
- [ez-dialog](../ez-dialog)
|
|
49
50
|
- [ez-grid](../ez-grid)
|
|
50
51
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
@@ -61,6 +62,7 @@ Type: `Promise<void>`
|
|
|
61
62
|
graph TD;
|
|
62
63
|
ez-button --> ez-icon
|
|
63
64
|
ez-actions-button --> ez-button
|
|
65
|
+
ez-alert-list --> ez-button
|
|
64
66
|
ez-dialog --> ez-button
|
|
65
67
|
ez-grid --> ez-button
|
|
66
68
|
ez-guide-navigator --> ez-button
|
|
@@ -19,6 +19,19 @@
|
|
|
19
19
|
| `ezClick` | Emitido sempre que o ez-card é clicado. | `CustomEvent<CardItem>` |
|
|
20
20
|
|
|
21
21
|
|
|
22
|
+
## Dependencies
|
|
23
|
+
|
|
24
|
+
### Used by
|
|
25
|
+
|
|
26
|
+
- [ez-search](../ez-search)
|
|
27
|
+
|
|
28
|
+
### Graph
|
|
29
|
+
```mermaid
|
|
30
|
+
graph TD;
|
|
31
|
+
ez-search --> ez-card-item
|
|
32
|
+
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
+
```
|
|
34
|
+
|
|
22
35
|
----------------------------------------------
|
|
23
36
|
|
|
24
37
|
|
|
@@ -7,22 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| --------------------- |
|
|
12
|
-
| `canShowError` | `can-show-error`
|
|
13
|
-
| `enabled` | `enabled`
|
|
14
|
-
| `errorMessage` | `error-message`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------------- | ------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
15
|
+
| `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` |
|
|
16
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
|
|
19
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
20
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
21
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
22
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
23
|
+
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
24
|
+
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
25
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
26
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
27
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
26
28
|
|
|
27
29
|
|
|
28
30
|
## Events
|
|
@@ -90,7 +92,6 @@ Type: `Promise<void>`
|
|
|
90
92
|
### Used by
|
|
91
93
|
|
|
92
94
|
- [ez-form-view](../ez-form-view)
|
|
93
|
-
- [ez-search](../ez-search)
|
|
94
95
|
|
|
95
96
|
### Depends on
|
|
96
97
|
|
|
@@ -103,7 +104,6 @@ graph TD;
|
|
|
103
104
|
ez-combo-box --> ez-text-input
|
|
104
105
|
ez-combo-box --> ez-icon
|
|
105
106
|
ez-form-view --> ez-combo-box
|
|
106
|
-
ez-search --> ez-combo-box
|
|
107
107
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
108
108
|
```
|
|
109
109
|
|
|
@@ -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
|
+
| `ezOutsideClick` | Emitido quando ocorrer um click fora do componente. | `CustomEvent<void>` |
|
|
22
23
|
| `ezSubActionClick` | Emitido quando ocorrer um click em uma ação secundaria do item, o IDropdownSubAction deve ser enviado como data do evento. | `CustomEvent<IDropdownSubAction>` |
|
|
23
24
|
|
|
24
25
|
|
|
@@ -7,18 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| ------------------ |
|
|
12
|
-
| `config` | --
|
|
13
|
-
| `dataUnit` | --
|
|
14
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | ---------------- | --------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
|
|
12
|
+
| `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
|
|
13
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
14
|
+
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
|
|
15
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
18
19
|
|
|
19
|
-
| Event
|
|
20
|
-
|
|
|
21
|
-
| `
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| -------------------------------- | ------------------------------------------------------------------------------- | ----------------------------- |
|
|
22
|
+
| `ezFormRequestClearFieldToFocus` | Emitido quando o campo recebe foco | `CustomEvent<void>` |
|
|
23
|
+
| `ezFormSetFields` | Emitido quando o campo recebe foco | `CustomEvent<IFieldConfig[]>` |
|
|
24
|
+
| `ezReady` | Evento disparado quando o formulário está disponível na DOM. | `CustomEvent<void>` |
|
|
25
|
+
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<FormItems>` |
|
|
22
26
|
|
|
23
27
|
|
|
24
28
|
## Methods
|
|
@@ -72,7 +76,9 @@ graph TD;
|
|
|
72
76
|
ez-date-time-input --> ez-text-input
|
|
73
77
|
ez-date-time-input --> ez-calendar
|
|
74
78
|
ez-number-input --> ez-text-input
|
|
75
|
-
ez-search --> ez-
|
|
79
|
+
ez-search --> ez-card-item
|
|
80
|
+
ez-search --> ez-text-input
|
|
81
|
+
ez-search --> ez-icon
|
|
76
82
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
77
83
|
```
|
|
78
84
|
|
|
@@ -14,9 +14,10 @@
|
|
|
14
14
|
|
|
15
15
|
## Events
|
|
16
16
|
|
|
17
|
-
| Event | Description
|
|
18
|
-
| ---------------- |
|
|
19
|
-
| `ezContentReady` | Evento emitido quando o componente foi totalmente carregado na DOM.
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| ---------------- | ------------------------------------------------------------------------------- | ---------------------------- |
|
|
19
|
+
| `ezContentReady` | Evento emitido quando o componente foi totalmente carregado na DOM. | `CustomEvent<HTMLElement[]>` |
|
|
20
|
+
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<FormItems>` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Methods
|
|
@@ -80,7 +81,9 @@ graph TD;
|
|
|
80
81
|
ez-date-time-input --> ez-text-input
|
|
81
82
|
ez-date-time-input --> ez-calendar
|
|
82
83
|
ez-number-input --> ez-text-input
|
|
83
|
-
ez-search --> ez-
|
|
84
|
+
ez-search --> ez-card-item
|
|
85
|
+
ez-search --> ez-text-input
|
|
86
|
+
ez-search --> ez-icon
|
|
84
87
|
ez-form --> ez-form-view
|
|
85
88
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
86
89
|
```
|
|
@@ -44,6 +44,16 @@ Type: `Promise<void>`
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
|
+
### `filterColumns(search: string) => Promise<Array<EzGridColumn>>`
|
|
48
|
+
|
|
49
|
+
Usa um argumento para filtrar as colunas po label
|
|
50
|
+
|
|
51
|
+
#### Returns
|
|
52
|
+
|
|
53
|
+
Type: `Promise<EzGridColumn[]>`
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
47
57
|
### `getColumns() => Promise<Array<EzGridColumn>>`
|
|
48
58
|
|
|
49
59
|
Obtém a lista de definição de colunas.
|
|
@@ -74,6 +84,16 @@ Type: `Promise<any[]>`
|
|
|
74
84
|
|
|
75
85
|
|
|
76
86
|
|
|
87
|
+
### `locateColumn(columnName: string) => Promise<void>`
|
|
88
|
+
|
|
89
|
+
Localiza determinada coluna tornando-a visível.
|
|
90
|
+
|
|
91
|
+
#### Returns
|
|
92
|
+
|
|
93
|
+
Type: `Promise<void>`
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
77
97
|
### `quickFilter(term: string) => Promise<void>`
|
|
78
98
|
|
|
79
99
|
Aplica um filtro rápido.
|
|
@@ -142,9 +162,9 @@ graph TD;
|
|
|
142
162
|
ez-list --> ez-check
|
|
143
163
|
ez-filter-input --> ez-text-input
|
|
144
164
|
ez-filter-input --> ez-icon
|
|
145
|
-
ez-search --> ez-
|
|
146
|
-
ez-
|
|
147
|
-
ez-
|
|
165
|
+
ez-search --> ez-card-item
|
|
166
|
+
ez-search --> ez-text-input
|
|
167
|
+
ez-search --> ez-icon
|
|
148
168
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
149
169
|
```
|
|
150
170
|
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
| `dataSource` | -- | | `IMultiSelectionListDataSource` | `undefined` |
|
|
15
15
|
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
16
16
|
| `gridHeaderHidden` | `grid-header-hidden` | | `boolean` | `false` |
|
|
17
|
+
| `noHeaderTaskBar` | `no-header-task-bar` | | `boolean` | `false` |
|
|
17
18
|
| `opened` | `opened` | | `boolean` | `true` |
|
|
18
19
|
| `options` | -- | | `IMultiSelectionOption[]` | `undefined` |
|
|
19
20
|
|
|
@@ -76,9 +77,9 @@ graph TD;
|
|
|
76
77
|
ez-list --> ez-check
|
|
77
78
|
ez-filter-input --> ez-text-input
|
|
78
79
|
ez-filter-input --> ez-icon
|
|
79
|
-
ez-search --> ez-
|
|
80
|
-
ez-
|
|
81
|
-
ez-
|
|
80
|
+
ez-search --> ez-card-item
|
|
81
|
+
ez-search --> ez-text-input
|
|
82
|
+
ez-search --> ez-icon
|
|
82
83
|
ez-grid --> filter-column
|
|
83
84
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
84
85
|
```
|
|
@@ -74,6 +74,16 @@ Type: `Promise<IGuideItem>`
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
|
+
### `openGuideNavidator() => Promise<void>`
|
|
78
|
+
|
|
79
|
+
Abre o navegador de Guia
|
|
80
|
+
|
|
81
|
+
#### Returns
|
|
82
|
+
|
|
83
|
+
Type: `Promise<void>`
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
77
87
|
### `selectGuide(id: string) => Promise<void>`
|
|
78
88
|
|
|
79
89
|
Seleciona o item desejado pelo ID.
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
- [ez-grid](../ez-grid)
|
|
34
34
|
- [ez-modal-container](../ez-modal-container)
|
|
35
35
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
|
+
- [ez-search](../ez-search)
|
|
36
37
|
- [ez-tabselector](../ez-tabselector)
|
|
37
38
|
- [ez-time-input](../ez-time-input)
|
|
38
39
|
- [ez-tree](../ez-tree)
|
|
@@ -55,6 +56,7 @@ graph TD;
|
|
|
55
56
|
ez-grid --> ez-icon
|
|
56
57
|
ez-modal-container --> ez-icon
|
|
57
58
|
ez-multi-selection-list --> ez-icon
|
|
59
|
+
ez-search --> ez-icon
|
|
58
60
|
ez-tabselector --> ez-icon
|
|
59
61
|
ez-time-input --> ez-icon
|
|
60
62
|
ez-tree --> ez-icon
|
|
@@ -95,6 +95,7 @@ Type: `Promise<void>`
|
|
|
95
95
|
|
|
96
96
|
### Used by
|
|
97
97
|
|
|
98
|
+
- [ez-alert-list](../ez-alert-list)
|
|
98
99
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
99
100
|
|
|
100
101
|
### Depends on
|
|
@@ -105,6 +106,7 @@ Type: `Promise<void>`
|
|
|
105
106
|
```mermaid
|
|
106
107
|
graph TD;
|
|
107
108
|
ez-list --> ez-check
|
|
109
|
+
ez-alert-list --> ez-list
|
|
108
110
|
ez-multi-selection-list --> ez-list
|
|
109
111
|
style ez-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
112
|
```
|
|
@@ -7,12 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `columnName`
|
|
13
|
-
| `dataSource`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ----------- |
|
|
12
|
+
| `columnName` | `column-name` | Nome da coluna onde serão aplicadas as opções selecionadas. | `string` | `undefined` |
|
|
13
|
+
| `dataSource` | -- | Classe que implementa o método fetchData, responsável por realizar a pesquisa dos dados, com base no termo informado pelo usuário. | `IMultiSelectionListDataSource` | `undefined` |
|
|
14
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
15
|
+
| `options` | -- | Opções de filtros a serem exibidas na listagem. | `IMultiSelectionOption[]` | `undefined` |
|
|
16
|
+
| `useOptions` | `use-options` | Indica se deve ser exibida lista de opções do atributo options (true), ou se deve utilizar o datasource (false) | `boolean` | `false` |
|
|
16
17
|
|
|
17
18
|
|
|
18
19
|
## Events
|
|
@@ -62,9 +63,9 @@ graph TD;
|
|
|
62
63
|
ez-list --> ez-check
|
|
63
64
|
ez-filter-input --> ez-text-input
|
|
64
65
|
ez-filter-input --> ez-icon
|
|
65
|
-
ez-search --> ez-
|
|
66
|
-
ez-
|
|
67
|
-
ez-
|
|
66
|
+
ez-search --> ez-card-item
|
|
67
|
+
ez-search --> ez-text-input
|
|
68
|
+
ez-search --> ez-icon
|
|
68
69
|
filter-column --> ez-multi-selection-list
|
|
69
70
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
70
71
|
```
|
|
@@ -7,19 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `canShowError`
|
|
13
|
-
| `enabled`
|
|
14
|
-
| `errorMessage`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
15
|
+
| `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` |
|
|
16
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
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
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
20
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
21
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
22
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
23
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
24
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
25
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
26
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
27
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
23
28
|
|
|
24
29
|
|
|
25
30
|
## Events
|
|
@@ -91,14 +96,16 @@ Type: `Promise<void>`
|
|
|
91
96
|
|
|
92
97
|
### Depends on
|
|
93
98
|
|
|
94
|
-
- [ez-
|
|
99
|
+
- [ez-card-item](../ez-card-item)
|
|
100
|
+
- [ez-text-input](../ez-text-input)
|
|
101
|
+
- [ez-icon](../ez-icon)
|
|
95
102
|
|
|
96
103
|
### Graph
|
|
97
104
|
```mermaid
|
|
98
105
|
graph TD;
|
|
99
|
-
ez-search --> ez-
|
|
100
|
-
ez-
|
|
101
|
-
ez-
|
|
106
|
+
ez-search --> ez-card-item
|
|
107
|
+
ez-search --> ez-text-input
|
|
108
|
+
ez-search --> ez-icon
|
|
102
109
|
ez-form-view --> ez-search
|
|
103
110
|
ez-multi-selection-list --> ez-search
|
|
104
111
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
# ez-split-panel
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ----------- | ----------- | ------------------- | ---------- |
|
|
12
|
+
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
----------------------------------------------
|
|
16
|
+
|
|
17
|
+
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
17
17
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
18
18
|
| `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
19
|
+
| `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
19
20
|
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
20
21
|
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
21
22
|
|
|
@@ -70,6 +71,7 @@ Type: `Promise<void>`
|
|
|
70
71
|
- [ez-filter-input](../ez-filter-input)
|
|
71
72
|
- [ez-form-view](../ez-form-view)
|
|
72
73
|
- [ez-number-input](../ez-number-input)
|
|
74
|
+
- [ez-search](../ez-search)
|
|
73
75
|
- [ez-text-edit](../ez-text-edit)
|
|
74
76
|
- [ez-time-input](../ez-time-input)
|
|
75
77
|
|
|
@@ -82,6 +84,7 @@ graph TD;
|
|
|
82
84
|
ez-filter-input --> ez-text-input
|
|
83
85
|
ez-form-view --> ez-text-input
|
|
84
86
|
ez-number-input --> ez-text-input
|
|
87
|
+
ez-search --> ez-text-input
|
|
85
88
|
ez-text-edit --> ez-text-input
|
|
86
89
|
ez-time-input --> ez-text-input
|
|
87
90
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|