@sankhyalabs/ezui-docs 5.20.0-dev.3 → 5.20.0-dev.31
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-button/readme.md +2 -0
- package/components/ez-card-item/readme.md +4 -3
- package/components/ez-dropdown/readme.md +2 -0
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-split-button/readme.md +83 -0
- package/components/ez-split-panel/readme.md +17 -3
- package/components/ez-split-panel/structure/item/readme.md +23 -0
- package/package.json +1 -1
|
@@ -50,6 +50,7 @@ Type: `Promise<void>`
|
|
|
50
50
|
- [ez-grid](../ez-grid)
|
|
51
51
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
52
52
|
- [ez-modal-container](../ez-modal-container)
|
|
53
|
+
- [ez-split-item](../ez-split-panel/structure/item)
|
|
53
54
|
- [ez-text-edit](../ez-text-edit)
|
|
54
55
|
- [filter-column](../ez-grid/subcomponents)
|
|
55
56
|
|
|
@@ -67,6 +68,7 @@ graph TD;
|
|
|
67
68
|
ez-grid --> ez-button
|
|
68
69
|
ez-guide-navigator --> ez-button
|
|
69
70
|
ez-modal-container --> ez-button
|
|
71
|
+
ez-split-item --> ez-button
|
|
70
72
|
ez-text-edit --> ez-button
|
|
71
73
|
filter-column --> ez-button
|
|
72
74
|
style ez-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,9 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ------------ | ------------------------------------------------------------------------------------------------------------- | ---------- | ----------- |
|
|
12
|
+
| `enableKey` | `enable-key` | Determina se a chave do item deve ser exibida. | `boolean` | `true` |
|
|
13
|
+
| `item` | -- | Determina o conteúdo do card. Deve conter um objeto no formato: `{title: string, key: string, details: any}`. | `CardItem` | `undefined` |
|
|
13
14
|
|
|
14
15
|
|
|
15
16
|
## Events
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
### Used by
|
|
29
29
|
|
|
30
30
|
- [ez-breadcrumb](../ez-breadcrumb)
|
|
31
|
+
- [ez-split-button](../ez-split-button)
|
|
31
32
|
|
|
32
33
|
### Depends on
|
|
33
34
|
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
graph TD;
|
|
39
40
|
ez-dropdown --> ez-icon
|
|
40
41
|
ez-breadcrumb --> ez-dropdown
|
|
42
|
+
ez-split-button --> ez-dropdown
|
|
41
43
|
style ez-dropdown fill:#f9f,stroke:#333,stroke-width:4px
|
|
42
44
|
```
|
|
43
45
|
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
- [ez-modal-container](../ez-modal-container)
|
|
35
35
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
36
|
- [ez-search](../ez-search)
|
|
37
|
+
- [ez-split-button](../ez-split-button)
|
|
37
38
|
- [ez-tabselector](../ez-tabselector)
|
|
38
39
|
- [ez-time-input](../ez-time-input)
|
|
39
40
|
- [ez-tree](../ez-tree)
|
|
@@ -57,6 +58,7 @@ graph TD;
|
|
|
57
58
|
ez-modal-container --> ez-icon
|
|
58
59
|
ez-multi-selection-list --> ez-icon
|
|
59
60
|
ez-search --> ez-icon
|
|
61
|
+
ez-split-button --> ez-icon
|
|
60
62
|
ez-tabselector --> ez-icon
|
|
61
63
|
ez-time-input --> ez-icon
|
|
62
64
|
ez-tree --> ez-icon
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
# ez-split-button
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
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
|
+
| `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
|
|
16
|
+
| `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
|
|
17
|
+
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
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"` | `'medium'` |
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
## Events
|
|
24
|
+
|
|
25
|
+
| Event | Description | Type |
|
|
26
|
+
| ------------------------ | ------------------------------------------------------------- | --------------------------------- |
|
|
27
|
+
| `buttonClick` | Emitido quando o botão principal é clicado | `CustomEvent<void>` |
|
|
28
|
+
| `dropdownItemClick` | Emitido quando um item do dropdown é clicado | `CustomEvent<IDropdownItem>` |
|
|
29
|
+
| `dropdownSubActionClick` | Emitido quando uma subAction de um item do dropdown é clicada | `CustomEvent<IDropdownSubAction>` |
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
## Methods
|
|
33
|
+
|
|
34
|
+
### `setBlur() => Promise<void>`
|
|
35
|
+
|
|
36
|
+
Remove o foco de ambos os botões.
|
|
37
|
+
|
|
38
|
+
#### Returns
|
|
39
|
+
|
|
40
|
+
Type: `Promise<void>`
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
### `setLeftButtonFocus() => Promise<void>`
|
|
45
|
+
|
|
46
|
+
Aplica o foco no botão principal.
|
|
47
|
+
|
|
48
|
+
#### Returns
|
|
49
|
+
|
|
50
|
+
Type: `Promise<void>`
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
### `setRightButtonFocus() => Promise<void>`
|
|
55
|
+
|
|
56
|
+
Aplica o foco no botão do dropdown.
|
|
57
|
+
|
|
58
|
+
#### Returns
|
|
59
|
+
|
|
60
|
+
Type: `Promise<void>`
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
## Dependencies
|
|
66
|
+
|
|
67
|
+
### Depends on
|
|
68
|
+
|
|
69
|
+
- [ez-icon](../ez-icon)
|
|
70
|
+
- [ez-dropdown](../ez-dropdown)
|
|
71
|
+
|
|
72
|
+
### Graph
|
|
73
|
+
```mermaid
|
|
74
|
+
graph TD;
|
|
75
|
+
ez-split-button --> ez-icon
|
|
76
|
+
ez-split-button --> ez-dropdown
|
|
77
|
+
ez-dropdown --> ez-icon
|
|
78
|
+
style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
----------------------------------------------
|
|
82
|
+
|
|
83
|
+
|
|
@@ -7,9 +7,23 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | ------------------------------------------------------------------------ | ------------------- | ---------- |
|
|
12
|
+
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
|
|
13
|
+
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## Methods
|
|
17
|
+
|
|
18
|
+
### `rebuildLayout() => Promise<void>`
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
#### Returns
|
|
23
|
+
|
|
24
|
+
Type: `Promise<void>`
|
|
25
|
+
|
|
26
|
+
|
|
13
27
|
|
|
14
28
|
|
|
15
29
|
----------------------------------------------
|
|
@@ -5,6 +5,29 @@
|
|
|
5
5
|
<!-- Auto Generated Below -->
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | ----------------------------------- | --------- | ----------- |
|
|
12
|
+
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
|
|
13
|
+
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Dependencies
|
|
18
|
+
|
|
19
|
+
### Depends on
|
|
20
|
+
|
|
21
|
+
- [ez-button](../../../ez-button)
|
|
22
|
+
|
|
23
|
+
### Graph
|
|
24
|
+
```mermaid
|
|
25
|
+
graph TD;
|
|
26
|
+
ez-split-item --> ez-button
|
|
27
|
+
ez-button --> ez-icon
|
|
28
|
+
style ez-split-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
29
|
+
```
|
|
30
|
+
|
|
8
31
|
----------------------------------------------
|
|
9
32
|
|
|
10
33
|
|