@sankhyalabs/ezui-docs 2.7.5 → 2.8.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.
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
- [ez-modal-container](../ez-modal-container)
|
|
31
31
|
- [ez-tabselector](../ez-tabselector)
|
|
32
32
|
- [ez-time-input](../ez-time-input)
|
|
33
|
+
- [ez-tree](../ez-tree)
|
|
33
34
|
|
|
34
35
|
### Graph
|
|
35
36
|
```mermaid
|
|
@@ -46,6 +47,7 @@ graph TD;
|
|
|
46
47
|
ez-modal-container --> ez-icon
|
|
47
48
|
ez-tabselector --> ez-icon
|
|
48
49
|
ez-time-input --> ez-icon
|
|
50
|
+
ez-tree --> ez-icon
|
|
49
51
|
style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
|
|
50
52
|
```
|
|
51
53
|
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
# ez-tree
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------- | -------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------------- |
|
|
12
|
+
| `iconResolver` | -- | Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS. | `(item: ITreeItem, expanded: boolean, level: number) => string` | `defaultIconResolver` |
|
|
13
|
+
| `items` | -- | Define os itens apresentados na árvore. | `ITreeItem[]` | `[]` |
|
|
14
|
+
| `value` | -- | Define o item selecionado na árvore. | `ITreeItem` | `undefined` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Events
|
|
18
|
+
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ------------ | ----------------------------------------------- | ------------------------ |
|
|
21
|
+
| `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` |
|
|
22
|
+
| `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Methods
|
|
26
|
+
|
|
27
|
+
### `addChild(item: ITreeItem, parentId?: string) => Promise<void>`
|
|
28
|
+
|
|
29
|
+
Adiciona um ou mais itens. Opcionalmente pode-se determinar a qual
|
|
30
|
+
item da árvore será anexado o item. Caso não informado parentId,
|
|
31
|
+
adiciona no item selecionado.
|
|
32
|
+
Observação para carga dinâmica (Lazyload): O parentId deve ser
|
|
33
|
+
um item carregado atualmente na árvore.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `disableItem(id: string | Array<string>) => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Desabilita um ou mais itens.
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### `enableItem(id: string | Array<string>) => Promise<void>`
|
|
52
|
+
|
|
53
|
+
Habilita um ou mais itens.
|
|
54
|
+
|
|
55
|
+
#### Returns
|
|
56
|
+
|
|
57
|
+
Type: `Promise<void>`
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
### `openItem(id: string) => Promise<void>`
|
|
62
|
+
|
|
63
|
+
Realiza a abertura de um item, incluindo a hieraquia acima.
|
|
64
|
+
Observação para carga dinâmica (Lazyload): O item solicitado já deve
|
|
65
|
+
estar carregado na lista. Nos casos onde o item ainda não esteja
|
|
66
|
+
carregado o id pode ser uma string no formato "id1>>id2>>id3",
|
|
67
|
+
tornando possível a carga a partir de um ponto já carregado.
|
|
68
|
+
|
|
69
|
+
#### Returns
|
|
70
|
+
|
|
71
|
+
Type: `Promise<void>`
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
### `selectItem(id: string) => Promise<void>`
|
|
76
|
+
|
|
77
|
+
Efetua a seleção de um item.
|
|
78
|
+
|
|
79
|
+
#### Returns
|
|
80
|
+
|
|
81
|
+
Type: `Promise<void>`
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
## Dependencies
|
|
87
|
+
|
|
88
|
+
### Depends on
|
|
89
|
+
|
|
90
|
+
- [ez-icon](../ez-icon)
|
|
91
|
+
|
|
92
|
+
### Graph
|
|
93
|
+
```mermaid
|
|
94
|
+
graph TD;
|
|
95
|
+
ez-tree --> ez-icon
|
|
96
|
+
style ez-tree fill:#f9f,stroke:#333,stroke-width:4px
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
----------------------------------------------
|
|
100
|
+
|
|
101
|
+
|