@sankhyalabs/ezui-docs 6.3.3 → 6.4.0-dev.2
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 +2 -2
- package/components/ez-avatar/readme.md +1 -0
- package/components/ez-button/readme.md +29 -15
- package/components/ez-calendar/readme.md +3 -3
- package/components/ez-check/readme.md +3 -1
- package/components/ez-chip/readme.md +30 -22
- package/components/ez-classic-input/readme.md +1 -1
- package/components/ez-classic-text-area/readme.md +1 -1
- package/components/ez-collapsible-box/readme.md +2 -2
- package/components/ez-combo-box/ez-combo-box-list/readme.md +13 -13
- package/components/ez-combo-box/readme.md +27 -26
- package/components/ez-date-input/readme.md +3 -3
- package/components/ez-date-time-input/readme.md +3 -3
- package/components/ez-filter-input/readme.md +4 -4
- package/components/ez-form/readme.md +27 -2
- package/components/ez-form-view/custom-input/readme.md +2 -2
- package/components/ez-form-view/readme.md +28 -2
- package/components/ez-grid/readme.md +18 -18
- package/components/ez-grid/subcomponents/readme.md +1 -1
- package/components/ez-guide-navigator/readme.md +8 -6
- package/components/ez-icon/readme.md +8 -0
- package/components/ez-list/readme.md +5 -5
- package/components/ez-list-item/readme.md +43 -0
- package/components/ez-loading-bar/readme.md +1 -1
- package/components/ez-modal-container/readme.md +7 -0
- package/components/ez-number-input/readme.md +3 -3
- package/components/ez-popover/readme.md +3 -3
- package/components/ez-popover-plus/readme.md +5 -5
- package/components/ez-popover-plus/subcomponent/readme.md +5 -5
- package/components/ez-popup/readme.md +15 -0
- package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
- package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
- package/components/ez-rich-text/readme.md +121 -0
- package/components/ez-search/readme.md +4 -4
- package/components/ez-search/subcomponent/search-list/readme.md +1 -1
- package/components/ez-search-plus/readme.md +4 -4
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +3 -3
- package/components/ez-sidebar-navigator/readme.md +2 -2
- package/components/ez-sortable-list/readme.md +16 -16
- package/components/ez-split-button/readme.md +17 -17
- package/components/ez-text-area/readme.md +19 -5
- package/components/ez-text-input/readme.md +6 -2
- package/components/ez-tile/readme.md +1 -1
- package/components/ez-tile-medium/readme.md +1 -1
- package/components/ez-time-input/readme.md +2 -2
- package/components/ez-tooltip/readme.md +6 -0
- package/components/ez-tree/readme.md +28 -6
- package/components/ez-upload/readme.md +2 -2
- package/components/ez-view-stack/readme.md +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-arrows
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
24
|
+
style ez-rich-toolbar-arrows fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-configs
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
24
|
+
style ez-rich-toolbar-configs fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
# ez-rich-toolbar-item
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | --------- | ----------- | -------- | ----------- |
|
|
12
|
+
| `command` | `command` | | `string` | `undefined` |
|
|
13
|
+
| `icon` | `icon` | | `string` | `undefined` |
|
|
14
|
+
| `title` | `title` | | `string` | `undefined` |
|
|
15
|
+
| `value` | `value` | | `string` | `undefined` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| ----------------- | ----------- | --------------------------------- |
|
|
22
|
+
| `actionTriggered` | | `CustomEvent<RichToolbarCommand>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Dependencies
|
|
26
|
+
|
|
27
|
+
### Used by
|
|
28
|
+
|
|
29
|
+
- [ez-rich-toolbar-arrows](../ez-rich-toolbar-arrows)
|
|
30
|
+
- [ez-rich-toolbar-configs](../ez-rich-toolbar-configs)
|
|
31
|
+
- [ez-rich-toolbar-letters](../ez-rich-toolbar-letters)
|
|
32
|
+
|
|
33
|
+
### Depends on
|
|
34
|
+
|
|
35
|
+
- [ez-icon](../../../ez-icon)
|
|
36
|
+
|
|
37
|
+
### Graph
|
|
38
|
+
```mermaid
|
|
39
|
+
graph TD;
|
|
40
|
+
ez-rich-toolbar-item --> ez-icon
|
|
41
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
42
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
43
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
44
|
+
style ez-rich-toolbar-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
----------------------------------------------
|
|
48
|
+
|
|
49
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-letters
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
24
|
+
style ez-rich-toolbar-letters fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# ez-rich-toolbar
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------- | --------- | ------- |
|
|
12
|
+
| `isPreviewMode` | `is-preview-mode` | Informa se o editor está em modo preview. | `boolean` | `false` |
|
|
13
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas. | `boolean` | `true` |
|
|
14
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
15
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas. | `boolean` | `true` |
|
|
16
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser apresentadas. | `boolean` | `true` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Events
|
|
20
|
+
|
|
21
|
+
| Event | Description | Type |
|
|
22
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
23
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Dependencies
|
|
27
|
+
|
|
28
|
+
### Used by
|
|
29
|
+
|
|
30
|
+
- [ez-rich-text](..)
|
|
31
|
+
|
|
32
|
+
### Depends on
|
|
33
|
+
|
|
34
|
+
- [ez-rich-toolbar-arrows](ez-rich-toolbar-arrows)
|
|
35
|
+
- [ez-rich-toolbar-letters](ez-rich-toolbar-letters)
|
|
36
|
+
- [ez-rich-toolbar-configs](ez-rich-toolbar-configs)
|
|
37
|
+
|
|
38
|
+
### Graph
|
|
39
|
+
```mermaid
|
|
40
|
+
graph TD;
|
|
41
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
42
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
43
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
44
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
45
|
+
ez-rich-toolbar-item --> ez-icon
|
|
46
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
47
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
48
|
+
ez-rich-text --> ez-rich-toolbar
|
|
49
|
+
style ez-rich-toolbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
----------------------------------------------
|
|
53
|
+
|
|
54
|
+
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# ez-simple-image-uploader
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | ---------- | ---------------------------------------------------- | -------- | ------- |
|
|
12
|
+
| `maxSize` | `max-size` | Tamanho máximo que a imagem poderá ter em kilobytes. | `number` | `500` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Events
|
|
16
|
+
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
19
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Methods
|
|
23
|
+
|
|
24
|
+
### `hide() => Promise<void>`
|
|
25
|
+
|
|
26
|
+
Método responsável pelo fechamento do popup.
|
|
27
|
+
|
|
28
|
+
#### Returns
|
|
29
|
+
|
|
30
|
+
Type: `Promise<void>`
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
### `show() => Promise<void>`
|
|
35
|
+
|
|
36
|
+
Método responsável pela abertura do popup.
|
|
37
|
+
|
|
38
|
+
#### Returns
|
|
39
|
+
|
|
40
|
+
Type: `Promise<void>`
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
## Dependencies
|
|
46
|
+
|
|
47
|
+
### Used by
|
|
48
|
+
|
|
49
|
+
- [ez-rich-text](..)
|
|
50
|
+
|
|
51
|
+
### Depends on
|
|
52
|
+
|
|
53
|
+
- [ez-popup](../../ez-popup)
|
|
54
|
+
- [ez-modal-container](../../ez-modal-container)
|
|
55
|
+
- [ez-tooltip](../../ez-tooltip)
|
|
56
|
+
- [ez-text-input](../../ez-text-input)
|
|
57
|
+
- [ez-icon](../../ez-icon)
|
|
58
|
+
|
|
59
|
+
### Graph
|
|
60
|
+
```mermaid
|
|
61
|
+
graph TD;
|
|
62
|
+
ez-simple-image-uploader --> ez-popup
|
|
63
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
64
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
65
|
+
ez-simple-image-uploader --> ez-text-input
|
|
66
|
+
ez-simple-image-uploader --> ez-icon
|
|
67
|
+
ez-modal-container --> ez-icon
|
|
68
|
+
ez-modal-container --> ez-button
|
|
69
|
+
ez-button --> ez-icon
|
|
70
|
+
ez-text-input --> ez-tooltip
|
|
71
|
+
ez-text-input --> ez-icon
|
|
72
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
73
|
+
style ez-simple-image-uploader fill:#f9f,stroke:#333,stroke-width:4px
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
----------------------------------------------
|
|
77
|
+
|
|
78
|
+
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
# ez-rich-text
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
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
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
16
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
17
|
+
| `rows` | `rows` | Define o número de linhas. | `number` | `6` |
|
|
18
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
|
|
19
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
20
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
|
|
21
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
|
|
22
|
+
| `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Events
|
|
26
|
+
|
|
27
|
+
| Event | Description | Type |
|
|
28
|
+
| ---------- | ------------------------------------------------------ | --------------------- |
|
|
29
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
## Methods
|
|
33
|
+
|
|
34
|
+
### `isInvalid() => Promise<boolean>`
|
|
35
|
+
|
|
36
|
+
Retorna se o conteúdo é inválido.
|
|
37
|
+
|
|
38
|
+
#### Returns
|
|
39
|
+
|
|
40
|
+
Type: `Promise<boolean>`
|
|
41
|
+
|
|
42
|
+
---
|
|
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() => 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
|
+
### Used by
|
|
68
|
+
|
|
69
|
+
- [ez-form-view](../ez-form-view)
|
|
70
|
+
|
|
71
|
+
### Depends on
|
|
72
|
+
|
|
73
|
+
- [ez-text-area](../ez-text-area)
|
|
74
|
+
- [ez-rich-toolbar](ez-rich-toolbar)
|
|
75
|
+
- [ez-link-builder](ez-link-builder)
|
|
76
|
+
- [ez-simple-image-uploader](ez-simple-image-uploader)
|
|
77
|
+
|
|
78
|
+
### Graph
|
|
79
|
+
```mermaid
|
|
80
|
+
graph TD;
|
|
81
|
+
ez-rich-text --> ez-text-area
|
|
82
|
+
ez-rich-text --> ez-rich-toolbar
|
|
83
|
+
ez-rich-text --> ez-link-builder
|
|
84
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
85
|
+
ez-text-area --> ez-tooltip
|
|
86
|
+
ez-text-area --> ez-icon
|
|
87
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
88
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
89
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
90
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
91
|
+
ez-rich-toolbar-item --> ez-icon
|
|
92
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
93
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
94
|
+
ez-link-builder --> ez-popup
|
|
95
|
+
ez-link-builder --> ez-modal-container
|
|
96
|
+
ez-link-builder --> ez-text-input
|
|
97
|
+
ez-link-builder --> ez-check
|
|
98
|
+
ez-modal-container --> ez-icon
|
|
99
|
+
ez-modal-container --> ez-button
|
|
100
|
+
ez-button --> ez-icon
|
|
101
|
+
ez-text-input --> ez-tooltip
|
|
102
|
+
ez-text-input --> ez-icon
|
|
103
|
+
ez-simple-image-uploader --> ez-popup
|
|
104
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
105
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
106
|
+
ez-simple-image-uploader --> ez-text-input
|
|
107
|
+
ez-simple-image-uploader --> ez-icon
|
|
108
|
+
ez-form-view --> ez-rich-text
|
|
109
|
+
style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
----------------------------------------------
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
## CSS Variables
|
|
118
|
+
| Variable | Description |
|
|
119
|
+
|-|-|
|
|
120
|
+
| --ez-rich-text--box-shadow | Define a sombra do header. |
|
|
121
|
+
| --ez-rich-text--shadow--outline | Define o outline usado como borda do header. |
|
|
@@ -50,7 +50,7 @@ Limpa o valor do campo de pesquisa
|
|
|
50
50
|
|
|
51
51
|
Type: `Promise<void>`
|
|
52
52
|
|
|
53
|
-
|
|
53
|
+
---
|
|
54
54
|
|
|
55
55
|
### `getValueAsync() => Promise<unknown>`
|
|
56
56
|
|
|
@@ -60,7 +60,7 @@ Type: `Promise<void>`
|
|
|
60
60
|
|
|
61
61
|
Type: `Promise<unknown>`
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
---
|
|
64
64
|
|
|
65
65
|
### `isInvalid() => Promise<boolean>`
|
|
66
66
|
|
|
@@ -70,7 +70,7 @@ Retorna se o conteúdo é inválido.
|
|
|
70
70
|
|
|
71
71
|
Type: `Promise<boolean>`
|
|
72
72
|
|
|
73
|
-
|
|
73
|
+
---
|
|
74
74
|
|
|
75
75
|
### `setBlur() => Promise<void>`
|
|
76
76
|
|
|
@@ -80,7 +80,7 @@ Remove o foco do campo.
|
|
|
80
80
|
|
|
81
81
|
Type: `Promise<void>`
|
|
82
82
|
|
|
83
|
-
|
|
83
|
+
---
|
|
84
84
|
|
|
85
85
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
86
86
|
|
|
@@ -52,7 +52,7 @@ Limpa o valor do campo de pesquisa
|
|
|
52
52
|
|
|
53
53
|
Type: `Promise<void>`
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
---
|
|
56
56
|
|
|
57
57
|
### `getValueAsync() => Promise<IOption>`
|
|
58
58
|
|
|
@@ -63,7 +63,7 @@ ter sido resolvido pelo option loader quando necessário
|
|
|
63
63
|
|
|
64
64
|
Type: `Promise<IOption>`
|
|
65
65
|
|
|
66
|
-
|
|
66
|
+
---
|
|
67
67
|
|
|
68
68
|
### `isInvalid() => Promise<boolean>`
|
|
69
69
|
|
|
@@ -73,7 +73,7 @@ Retorna se o conteúdo é inválido.
|
|
|
73
73
|
|
|
74
74
|
Type: `Promise<boolean>`
|
|
75
75
|
|
|
76
|
-
|
|
76
|
+
---
|
|
77
77
|
|
|
78
78
|
### `setBlur() => Promise<void>`
|
|
79
79
|
|
|
@@ -83,7 +83,7 @@ Remove o foco do campo.
|
|
|
83
83
|
|
|
84
84
|
Type: `Promise<void>`
|
|
85
85
|
|
|
86
|
-
|
|
86
|
+
---
|
|
87
87
|
|
|
88
88
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
89
89
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
Type: `Promise<void>`
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
---
|
|
36
36
|
|
|
37
37
|
### `nextOption() => Promise<void>`
|
|
38
38
|
|
|
@@ -42,7 +42,7 @@ Type: `Promise<void>`
|
|
|
42
42
|
|
|
43
43
|
Type: `Promise<void>`
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
---
|
|
46
46
|
|
|
47
47
|
### `previousOption() => Promise<void>`
|
|
48
48
|
|
|
@@ -52,7 +52,7 @@ Type: `Promise<void>`
|
|
|
52
52
|
|
|
53
53
|
Type: `Promise<void>`
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
---
|
|
56
56
|
|
|
57
57
|
### `selectCurrentItem() => Promise<void>`
|
|
58
58
|
|
|
@@ -35,7 +35,7 @@ Método para fixar/desafixar o menu, emitindo o evento ezChangeMode.
|
|
|
35
35
|
|
|
36
36
|
Type: `Promise<void>`
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
---
|
|
39
39
|
|
|
40
40
|
### `closeSidebar() => Promise<void>`
|
|
41
41
|
|
|
@@ -45,7 +45,7 @@ Método para fechar o menu automaticamente após uma ação, fluxo, etc.
|
|
|
45
45
|
|
|
46
46
|
Type: `Promise<void>`
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
---
|
|
49
49
|
|
|
50
50
|
### `openSidebar() => Promise<void>`
|
|
51
51
|
|
|
@@ -7,22 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- |
|
|
12
|
-
| `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]`
|
|
13
|
-
| `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `
|
|
14
|
-
| `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false`
|
|
15
|
-
| `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `
|
|
16
|
-
| `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `
|
|
17
|
-
| `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'`
|
|
18
|
-
| `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false`
|
|
19
|
-
| `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false`
|
|
20
|
-
| `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true`
|
|
21
|
-
| `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'`
|
|
22
|
-
| `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`
|
|
23
|
-
| `itemRightSlotBuilder` | -- | 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`
|
|
24
|
-
| `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false`
|
|
25
|
-
| `title` | `title` | Define o título da lista. | `string` | `undefined`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ---------------- |
|
|
12
|
+
| `dataSource` | -- | Lista de itens para serem renderizados | `ListItem[]` | `[]` |
|
|
13
|
+
| `emptyMessage` | `empty-message` | Mensagem exibida quando a lista está vazia | `string` | `undefined` |
|
|
14
|
+
| `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos itens utilizando as teclas 'Ctrl/Command' ou 'Shift' | `boolean` | `false` |
|
|
15
|
+
| `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `undefined` |
|
|
16
|
+
| `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `undefined` |
|
|
17
|
+
| `group` | `group` | Grupo ao qual o ez-sortable-list pertence | `string` | `'default'` |
|
|
18
|
+
| `hideHeader` | `hide-header` | Define se o cabeçalho deve ficar oculto. | `boolean` | `false` |
|
|
19
|
+
| `hideTotalizer` | `hide-totalizer` | Define se o totalizador deve ser escondido. | `boolean` | `false` |
|
|
20
|
+
| `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar hover nos itens da lista | `boolean` | `true` |
|
|
21
|
+
| `idSortableList` | `id-sortable-list` | ID do sortable list | `string` | `'DEFAULT_LIST'` |
|
|
22
|
+
| `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` |
|
|
23
|
+
| `itemRightSlotBuilder` | -- | 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` |
|
|
24
|
+
| `removeItensMoved` | `remove-itens-moved` | Remove itens arrastados de uma lista para outra | `boolean` | `false` |
|
|
25
|
+
| `title` | `title` | Define o título da lista. | `string` | `undefined` |
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
## Events
|
|
@@ -7,19 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
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` | `
|
|
21
|
-
| `show` | `show` | | `boolean` | `false`
|
|
22
|
-
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'`
|
|
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` | `undefined` |
|
|
21
|
+
| `show` | `show` | | `boolean` | `false` |
|
|
22
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
## Events
|
|
@@ -41,7 +41,7 @@ Informa se a lista de ações está aberta.
|
|
|
41
41
|
|
|
42
42
|
Type: `Promise<boolean>`
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
---
|
|
45
45
|
|
|
46
46
|
### `setBlur() => Promise<void>`
|
|
47
47
|
|
|
@@ -51,7 +51,7 @@ Remove o foco de ambos os botões.
|
|
|
51
51
|
|
|
52
52
|
Type: `Promise<void>`
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
---
|
|
55
55
|
|
|
56
56
|
### `setLeftButtonFocus() => Promise<void>`
|
|
57
57
|
|
|
@@ -61,7 +61,7 @@ Aplica o foco no botão principal.
|
|
|
61
61
|
|
|
62
62
|
Type: `Promise<void>`
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
---
|
|
65
65
|
|
|
66
66
|
### `setRightButtonFocus() => Promise<void>`
|
|
67
67
|
|
|
@@ -71,7 +71,7 @@ Aplica o foco no botão do dropdown.
|
|
|
71
71
|
|
|
72
72
|
Type: `Promise<void>`
|
|
73
73
|
|
|
74
|
-
|
|
74
|
+
---
|
|
75
75
|
|
|
76
76
|
### `toggleDropdown() => Promise<void>`
|
|
77
77
|
|