@sankhyalabs/ezui-docs 5.22.0-dev.124 → 5.22.0-dev.126
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.
|
@@ -7,13 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `config`
|
|
13
|
-
| `dataUnit`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
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
|
+
| `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
|
|
15
|
+
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
|
|
16
|
+
| `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
|
|
17
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
18
|
+
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
## Events
|
|
@@ -64,13 +66,17 @@ Type: `Promise<void>`
|
|
|
64
66
|
### Depends on
|
|
65
67
|
|
|
66
68
|
- [ez-tabselector](../ez-tabselector)
|
|
69
|
+
- [ez-popover](../ez-popover)
|
|
67
70
|
- [ez-form-view](../ez-form-view)
|
|
71
|
+
- [ez-search](../ez-search)
|
|
68
72
|
|
|
69
73
|
### Graph
|
|
70
74
|
```mermaid
|
|
71
75
|
graph TD;
|
|
72
76
|
ez-form --> ez-tabselector
|
|
77
|
+
ez-form --> ez-popover
|
|
73
78
|
ez-form --> ez-form-view
|
|
79
|
+
ez-form --> ez-search
|
|
74
80
|
ez-tabselector --> ez-icon
|
|
75
81
|
ez-form-view --> ez-custom-form-input
|
|
76
82
|
ez-form-view --> ez-collapsible-box
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
| `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
30
30
|
| `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de chechbox deve ser suprimida | `boolean` | `false` |
|
|
31
31
|
| `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
|
|
32
|
+
| `useSearchColumn` | `use-search-column` | Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
32
33
|
|
|
33
34
|
|
|
34
35
|
## Events
|
|
@@ -243,6 +244,7 @@ Type: `Promise<void>`
|
|
|
243
244
|
- [ez-icon](../ez-icon)
|
|
244
245
|
- [ez-button](../ez-button)
|
|
245
246
|
- [filter-column](subcomponents)
|
|
247
|
+
- [ez-search](../ez-search)
|
|
246
248
|
|
|
247
249
|
### Graph
|
|
248
250
|
```mermaid
|
|
@@ -251,6 +253,7 @@ graph TD;
|
|
|
251
253
|
ez-grid --> ez-icon
|
|
252
254
|
ez-grid --> ez-button
|
|
253
255
|
ez-grid --> filter-column
|
|
256
|
+
ez-grid --> ez-search
|
|
254
257
|
ez-button --> ez-icon
|
|
255
258
|
filter-column --> ez-popover-plus
|
|
256
259
|
filter-column --> ez-button
|
|
@@ -70,11 +70,13 @@ Type: `Promise<void>`
|
|
|
70
70
|
|
|
71
71
|
### Used by
|
|
72
72
|
|
|
73
|
+
- [ez-form](../ez-form)
|
|
73
74
|
- [ez-grid](../ez-grid)
|
|
74
75
|
|
|
75
76
|
### Graph
|
|
76
77
|
```mermaid
|
|
77
78
|
graph TD;
|
|
79
|
+
ez-form --> ez-popover
|
|
78
80
|
ez-grid --> ez-popover
|
|
79
81
|
style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
|
|
80
82
|
```
|
|
@@ -97,7 +97,9 @@ Type: `Promise<void>`
|
|
|
97
97
|
|
|
98
98
|
### Used by
|
|
99
99
|
|
|
100
|
+
- [ez-form](../ez-form)
|
|
100
101
|
- [ez-form-view](../ez-form-view)
|
|
102
|
+
- [ez-grid](../ez-grid)
|
|
101
103
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
102
104
|
|
|
103
105
|
### Depends on
|
|
@@ -118,7 +120,9 @@ graph TD;
|
|
|
118
120
|
ez-text-input --> ez-icon
|
|
119
121
|
ez-popover-plus --> ez-popover-core
|
|
120
122
|
search-list --> ez-card-item
|
|
123
|
+
ez-form --> ez-search
|
|
121
124
|
ez-form-view --> ez-search
|
|
125
|
+
ez-grid --> ez-search
|
|
122
126
|
ez-multi-selection-list --> ez-search
|
|
123
127
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
124
128
|
```
|
|
@@ -7,17 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `enabled`
|
|
13
|
-
| `iconName`
|
|
14
|
-
| `image`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------- |
|
|
12
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
|
|
13
|
+
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
|
|
14
|
+
| `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
15
|
+
| `itemBuilder` | -- | 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: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
|
|
16
|
+
| `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
|
|
18
|
+
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
19
|
+
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
20
|
+
| `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
|
|
21
|
+
| `show` | `show` | | `boolean` | `false` |
|
|
22
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
21
23
|
|
|
22
24
|
|
|
23
25
|
## Events
|
|
@@ -31,6 +33,16 @@
|
|
|
31
33
|
|
|
32
34
|
## Methods
|
|
33
35
|
|
|
36
|
+
### `isOpenedDropdown() => Promise<boolean>`
|
|
37
|
+
|
|
38
|
+
Informa se a lista de ações está aberta.
|
|
39
|
+
|
|
40
|
+
#### Returns
|
|
41
|
+
|
|
42
|
+
Type: `Promise<boolean>`
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
34
46
|
### `setBlur() => Promise<void>`
|
|
35
47
|
|
|
36
48
|
Remove o foco de ambos os botões.
|
|
@@ -61,6 +73,16 @@ Type: `Promise<void>`
|
|
|
61
73
|
|
|
62
74
|
|
|
63
75
|
|
|
76
|
+
### `toggleDropdown() => Promise<void>`
|
|
77
|
+
|
|
78
|
+
Abre ou Fecha o dropdown do Split Button.
|
|
79
|
+
|
|
80
|
+
#### Returns
|
|
81
|
+
|
|
82
|
+
Type: `Promise<void>`
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
64
86
|
|
|
65
87
|
## Dependencies
|
|
66
88
|
|