@sankhyalabs/ezui-docs 5.21.0-dev.40 → 5.21.0-dev.42
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-guide-navigator/readme.md +1 -0
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-scroller/readme.md +2 -0
- package/components/ez-sidebar-button/readme.md +7 -0
- package/components/ez-sidebar-navigator/readme.md +82 -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-sidebar-navigator](../ez-sidebar-navigator)
|
|
53
54
|
- [ez-split-item](../ez-split-panel/structure/item)
|
|
54
55
|
- [ez-text-edit](../ez-text-edit)
|
|
55
56
|
- [filter-column](../ez-grid/subcomponents)
|
|
@@ -68,6 +69,7 @@ graph TD;
|
|
|
68
69
|
ez-grid --> ez-button
|
|
69
70
|
ez-guide-navigator --> ez-button
|
|
70
71
|
ez-modal-container --> ez-button
|
|
72
|
+
ez-sidebar-navigator --> ez-button
|
|
71
73
|
ez-split-item --> ez-button
|
|
72
74
|
ez-text-edit --> ez-button
|
|
73
75
|
filter-column --> ez-button
|
|
@@ -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-sidebar-button](../ez-sidebar-button)
|
|
37
38
|
- [ez-split-button](../ez-split-button)
|
|
38
39
|
- [ez-tabselector](../ez-tabselector)
|
|
39
40
|
- [ez-time-input](../ez-time-input)
|
|
@@ -58,6 +59,7 @@ graph TD;
|
|
|
58
59
|
ez-modal-container --> ez-icon
|
|
59
60
|
ez-multi-selection-list --> ez-icon
|
|
60
61
|
ez-search --> ez-icon
|
|
62
|
+
ez-sidebar-button --> ez-icon
|
|
61
63
|
ez-split-button --> ez-icon
|
|
62
64
|
ez-tabselector --> ez-icon
|
|
63
65
|
ez-time-input --> ez-icon
|
|
@@ -19,11 +19,13 @@
|
|
|
19
19
|
### Used by
|
|
20
20
|
|
|
21
21
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
22
|
+
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
22
23
|
|
|
23
24
|
### Graph
|
|
24
25
|
```mermaid
|
|
25
26
|
graph TD;
|
|
26
27
|
ez-guide-navigator --> ez-scroller
|
|
28
|
+
ez-sidebar-navigator --> ez-scroller
|
|
27
29
|
style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
|
|
28
30
|
```
|
|
29
31
|
|
|
@@ -17,11 +17,18 @@
|
|
|
17
17
|
### Used by
|
|
18
18
|
|
|
19
19
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
20
|
+
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
21
|
+
|
|
22
|
+
### Depends on
|
|
23
|
+
|
|
24
|
+
- [ez-icon](../ez-icon)
|
|
20
25
|
|
|
21
26
|
### Graph
|
|
22
27
|
```mermaid
|
|
23
28
|
graph TD;
|
|
29
|
+
ez-sidebar-button --> ez-icon
|
|
24
30
|
ez-guide-navigator --> ez-sidebar-button
|
|
31
|
+
ez-sidebar-navigator --> ez-sidebar-button
|
|
25
32
|
style ez-sidebar-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
26
33
|
```
|
|
27
34
|
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
# ez-sidebar-navigator
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | -------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------ | ---------------------- |
|
|
12
|
+
| `isResponsive` | `is-responsive` | Define se terá responsividade, Controle deverá ser pelo CSS. | `boolean` | `false` |
|
|
13
|
+
| `mode` | `mode` | Define se o menu será do tipo FIXED ou FLOAT. | `ModeMenuEnum.FIXED \| ModeMenuEnum.FLOAT` | `ModeMenuEnum.FLOAT` |
|
|
14
|
+
| `showCollapseMenu` | `show-collapse-menu` | Define se o botão de "Recolher Menu" será exibido | `boolean` | `true` |
|
|
15
|
+
| `showFixedButton` | `show-fixed-button` | Define se o botão de "Fixar Menu" será exibido | `boolean` | `true` |
|
|
16
|
+
| `size` | `size` | Define o tamanho do menu (small, medium, large). | `SizeMenuEnum.LARGE \| SizeMenuEnum.MEDIUM \| SizeMenuEnum.SMALL` | `SizeMenuEnum.SMALL` |
|
|
17
|
+
| `titleMenu` | `title-menu` | Define o título do Sidebar Navigator | `string` | `""` |
|
|
18
|
+
| `type` | `type` | Define o tipo do menu (float, fixed ou dynamic (livre)). | `TypeMenuEnum.DYNAMIC \| TypeMenuEnum.FIXED \| TypeMenuEnum.FLOAT` | `TypeMenuEnum.DYNAMIC` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| -------------- | ------------------------------------------------------------------------ | ------------------------------------------------------- |
|
|
25
|
+
| `ezChangeMode` | Evento emitido sempre que o modo (FLOAT ou FIXED) do menu for alterado.. | `CustomEvent<ModeMenuEnum.FIXED \| ModeMenuEnum.FLOAT>` |
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## Methods
|
|
29
|
+
|
|
30
|
+
### `changeModeMenu() => Promise<void>`
|
|
31
|
+
|
|
32
|
+
Método para fixar/desafixar o menu, emitindo o evento ezChangeMode.
|
|
33
|
+
|
|
34
|
+
#### Returns
|
|
35
|
+
|
|
36
|
+
Type: `Promise<void>`
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
### `closeSidebar() => Promise<void>`
|
|
41
|
+
|
|
42
|
+
Método para fechar o menu automaticamente após uma ação, fluxo, etc.
|
|
43
|
+
|
|
44
|
+
#### Returns
|
|
45
|
+
|
|
46
|
+
Type: `Promise<void>`
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
### `openSidebar() => Promise<void>`
|
|
51
|
+
|
|
52
|
+
Método para abrir o menu automaticamente após uma ação, fluxo, etc.
|
|
53
|
+
|
|
54
|
+
#### Returns
|
|
55
|
+
|
|
56
|
+
Type: `Promise<void>`
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
## Dependencies
|
|
62
|
+
|
|
63
|
+
### Depends on
|
|
64
|
+
|
|
65
|
+
- [ez-sidebar-button](../ez-sidebar-button)
|
|
66
|
+
- [ez-button](../ez-button)
|
|
67
|
+
- [ez-scroller](../ez-scroller)
|
|
68
|
+
|
|
69
|
+
### Graph
|
|
70
|
+
```mermaid
|
|
71
|
+
graph TD;
|
|
72
|
+
ez-sidebar-navigator --> ez-sidebar-button
|
|
73
|
+
ez-sidebar-navigator --> ez-button
|
|
74
|
+
ez-sidebar-navigator --> ez-scroller
|
|
75
|
+
ez-sidebar-button --> ez-icon
|
|
76
|
+
ez-button --> ez-icon
|
|
77
|
+
style ez-sidebar-navigator fill:#f9f,stroke:#333,stroke-width:4px
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
----------------------------------------------
|
|
81
|
+
|
|
82
|
+
|