@sankhyalabs/ezui-docs 7.1.0-dev.2 → 7.1.0-dev.21
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-chip/readme.md +2 -1
- package/components/ez-date-input/readme.md +1 -0
- package/components/ez-dialog/readme.md +1 -0
- package/components/ez-form/readme.md +15 -9
- package/components/ez-form-view/readme.md +12 -5
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-image-input/readme.md +77 -0
- package/components/ez-modal/readme.md +2 -1
- package/components/ez-modal-container/readme.md +1 -0
- package/components/ez-number-input/readme.md +1 -0
- package/components/ez-popup/readme.md +3 -1
- package/components/ez-search/readme.md +1 -0
- package/components/ez-skeleton/readme.md +2 -0
- package/components/ez-tree/readme.md +15 -1
- package/package.json +1 -1
|
@@ -56,6 +56,7 @@ Type: `Promise<void>`
|
|
|
56
56
|
- [ez-double-list](../ez-double-list)
|
|
57
57
|
- [ez-grid](../ez-grid)
|
|
58
58
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
59
|
+
- [ez-image-input](../ez-image-input)
|
|
59
60
|
- [ez-modal-container](../ez-modal-container)
|
|
60
61
|
- [ez-pagination](../ez-pagination)
|
|
61
62
|
- [ez-popup](../ez-popup)
|
|
@@ -80,6 +81,7 @@ graph TD;
|
|
|
80
81
|
ez-double-list --> ez-button
|
|
81
82
|
ez-grid --> ez-button
|
|
82
83
|
ez-guide-navigator --> ez-button
|
|
84
|
+
ez-image-input --> ez-button
|
|
83
85
|
ez-modal-container --> ez-button
|
|
84
86
|
ez-pagination --> ez-button
|
|
85
87
|
ez-popup --> ez-button
|
|
@@ -103,4 +103,5 @@ graph TD;
|
|
|
103
103
|
| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando está ativo. |
|
|
104
104
|
| --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
|
|
105
105
|
| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
|
|
106
|
-
| --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
|
|
106
|
+
| --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
|
|
107
|
+
| --ez-label-chip\_\_label\_\_container--margin | Define a margem do chip. |
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
|
|
26
26
|
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
|
|
27
27
|
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<Date>` |
|
|
28
|
+
| `ezInput` | Emitido quando o usuário digita uma data válida no campo. | `CustomEvent<Date>` |
|
|
28
29
|
| `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
|
|
29
30
|
|
|
30
31
|
|
|
@@ -67,6 +67,7 @@ graph TD;
|
|
|
67
67
|
| --dialog\_\_btn\_\_close--background-color | Define a cor de fundo do botão de fechar. |
|
|
68
68
|
| --dialog\_\_btn\_\_no--padding-right | Define o espaçamento direito do botão de negação. |
|
|
69
69
|
| --dialog\_\_btn\_\_close\_\_image | Contém a imagem do ícone de fechamento. |
|
|
70
|
+
| --dialog\_\_btn\_\_min-width | Define a largura mínima dos botões. |
|
|
70
71
|
| --dialog\_\_title--font-pattern | Define o estilo da mensagem exibida no título. |
|
|
71
72
|
| --dialog\_\_title--padding-left | Define o espaçamento a esquerda do título. |
|
|
72
73
|
| --dialog\_\_title\_\_container--padding-bottom | Define o espaçamento abaixo do container do título. |
|
|
@@ -7,15 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `config` | -- | Configuração do formulário. | `IFormConfig`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
|
|
13
|
+
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>` | `new Map()` |
|
|
14
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
15
|
+
| `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
|
|
16
|
+
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
|
|
17
|
+
| `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` |
|
|
18
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
19
|
+
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
19
20
|
|
|
20
21
|
|
|
21
22
|
## Events
|
|
@@ -92,6 +93,7 @@ graph TD;
|
|
|
92
93
|
ez-form-view --> ez-search-plus
|
|
93
94
|
ez-form-view --> ez-search
|
|
94
95
|
ez-form-view --> ez-rich-text
|
|
96
|
+
ez-form-view --> ez-image-input
|
|
95
97
|
ez-collapsible-box --> ez-icon
|
|
96
98
|
ez-collapsible-box --> ez-text-edit
|
|
97
99
|
ez-text-edit --> ez-text-input
|
|
@@ -150,6 +152,10 @@ graph TD;
|
|
|
150
152
|
ez-simple-image-uploader --> ez-tooltip
|
|
151
153
|
ez-simple-image-uploader --> ez-text-input
|
|
152
154
|
ez-simple-image-uploader --> ez-icon
|
|
155
|
+
ez-image-input --> ez-skeleton
|
|
156
|
+
ez-image-input --> ez-button
|
|
157
|
+
ez-image-input --> ez-icon
|
|
158
|
+
ez-image-input --> ez-popup
|
|
153
159
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
154
160
|
```
|
|
155
161
|
|
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | --------------- | ------------------------------------------------------------------------- | ------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>` | `new Map()` |
|
|
13
|
+
| `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
|
|
14
|
+
| `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
|
|
15
|
+
| `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -77,6 +78,7 @@ Type: `Promise<void>`
|
|
|
77
78
|
- [ez-search-plus](../ez-search-plus)
|
|
78
79
|
- [ez-search](../ez-search)
|
|
79
80
|
- [ez-rich-text](../ez-rich-text)
|
|
81
|
+
- [ez-image-input](../ez-image-input)
|
|
80
82
|
|
|
81
83
|
### Graph
|
|
82
84
|
```mermaid
|
|
@@ -95,6 +97,7 @@ graph TD;
|
|
|
95
97
|
ez-form-view --> ez-search-plus
|
|
96
98
|
ez-form-view --> ez-search
|
|
97
99
|
ez-form-view --> ez-rich-text
|
|
100
|
+
ez-form-view --> ez-image-input
|
|
98
101
|
ez-collapsible-box --> ez-icon
|
|
99
102
|
ez-collapsible-box --> ez-text-edit
|
|
100
103
|
ez-text-edit --> ez-text-input
|
|
@@ -153,6 +156,10 @@ graph TD;
|
|
|
153
156
|
ez-simple-image-uploader --> ez-tooltip
|
|
154
157
|
ez-simple-image-uploader --> ez-text-input
|
|
155
158
|
ez-simple-image-uploader --> ez-icon
|
|
159
|
+
ez-image-input --> ez-skeleton
|
|
160
|
+
ez-image-input --> ez-button
|
|
161
|
+
ez-image-input --> ez-icon
|
|
162
|
+
ez-image-input --> ez-popup
|
|
156
163
|
ez-form --> ez-form-view
|
|
157
164
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
158
165
|
```
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
- [ez-file-item](../ez-file-item)
|
|
36
36
|
- [ez-filter-input](../ez-filter-input)
|
|
37
37
|
- [ez-grid](../ez-grid)
|
|
38
|
+
- [ez-image-input](../ez-image-input)
|
|
38
39
|
- [ez-list-item](../ez-list-item)
|
|
39
40
|
- [ez-modal-container](../ez-modal-container)
|
|
40
41
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
@@ -71,6 +72,7 @@ graph TD;
|
|
|
71
72
|
ez-file-item --> ez-icon
|
|
72
73
|
ez-filter-input --> ez-icon
|
|
73
74
|
ez-grid --> ez-icon
|
|
75
|
+
ez-image-input --> ez-icon
|
|
74
76
|
ez-list-item --> ez-icon
|
|
75
77
|
ez-modal-container --> ez-icon
|
|
76
78
|
ez-multi-selection-list --> ez-icon
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
# ez-image-input
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------- | --------------- | ---------------------------------------------------------- | --------- | ------------------ |
|
|
12
|
+
| `accept` | `accept` | Tipos de arquivo aceitos | `string` | `'image/*'` |
|
|
13
|
+
| `enabled` | `enabled` | Define se o componente está habilitado | `boolean` | `true` |
|
|
14
|
+
| `label` | `label` | Label exibido na área de upload | `string` | `undefined` |
|
|
15
|
+
| `loading` | `loading` | Define se o componente está em estado de carregamento | `boolean` | `false` |
|
|
16
|
+
| `maxFileSize` | `max-file-size` | Define o tamanho máximo do arquivo em bytes (padrão: 20MB) | `number` | `20 * 1024 * 1024` |
|
|
17
|
+
| `name` | `name` | Nome do componente | `string` | `undefined` |
|
|
18
|
+
| `value` | `value` | Valor da imagem em base64 | `string` | `undefined` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| ---------- | ------------------------------------------------ | --------------------- |
|
|
25
|
+
| `ezChange` | Evento disparado quando uma imagem é selecionada | `CustomEvent<string>` |
|
|
26
|
+
| `ezError` | Evento disparado quando ocorre um erro | `CustomEvent<string>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Dependencies
|
|
30
|
+
|
|
31
|
+
### Used by
|
|
32
|
+
|
|
33
|
+
- [ez-form-view](../ez-form-view)
|
|
34
|
+
|
|
35
|
+
### Depends on
|
|
36
|
+
|
|
37
|
+
- [ez-skeleton](../ez-skeleton)
|
|
38
|
+
- [ez-button](../ez-button)
|
|
39
|
+
- [ez-icon](../ez-icon)
|
|
40
|
+
- [ez-popup](../ez-popup)
|
|
41
|
+
|
|
42
|
+
### Graph
|
|
43
|
+
```mermaid
|
|
44
|
+
graph TD;
|
|
45
|
+
ez-image-input --> ez-skeleton
|
|
46
|
+
ez-image-input --> ez-button
|
|
47
|
+
ez-image-input --> ez-icon
|
|
48
|
+
ez-image-input --> ez-popup
|
|
49
|
+
ez-button --> ez-icon
|
|
50
|
+
ez-popup --> ez-button
|
|
51
|
+
ez-form-view --> ez-image-input
|
|
52
|
+
style ez-image-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
----------------------------------------------
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
## CSS Variables
|
|
61
|
+
| Variable | Description |
|
|
62
|
+
|-|-|
|
|
63
|
+
| --ez-image-input--container-height | Define a altura do container de imagem. |
|
|
64
|
+
| --ez-image-input--container-width | Define a largura do container de imagem. |
|
|
65
|
+
| --ez-image-input--background-color | Define a cor de fundo do container. |
|
|
66
|
+
| --ez-image-input--border-color | Define a cor da borda do container. |
|
|
67
|
+
| --ez-image-input--border-color-hover | Define a cor da borda no estado de hover. |
|
|
68
|
+
| --ez-image-input--border-color-dragging | Define a cor da borda quando está sendo arrastado. |
|
|
69
|
+
| --ez-image-input--border-color-disabled | Define a cor da borda quando está desabilitado. |
|
|
70
|
+
| --ez-image-input--label-color | Define a cor do texto do label. |
|
|
71
|
+
| --ez-image-input--icon-color | Define a cor do ícone. |
|
|
72
|
+
| --ez-image-input--border-radius | Define o raio da borda do container. |
|
|
73
|
+
| --ez-image-input--border-width | Define a largura da borda. |
|
|
74
|
+
| --ez-image-input--remove-button-bg | Define a cor de fundo do botão de remover. |
|
|
75
|
+
| --ez-image-input--remove-button-bg-hover | Define a cor de fundo do botão de remover no hover. |
|
|
76
|
+
| --ez-image-input--remove-button-color | Define a cor do ícone do botão de remover. |
|
|
77
|
+
| --ez-image-input--remove-button-border | Define a borda do botão de remover. |
|
|
@@ -38,4 +38,5 @@
|
|
|
38
38
|
|-|-|
|
|
39
39
|
| --ez-modal-z-index | Define a camada em que o componente será exibido. |
|
|
40
40
|
| --ez-modal-vertical-padding | Define o espaçamento vertical do conteúdo do modal. |
|
|
41
|
-
| --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
|
|
41
|
+
| --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
|
|
42
|
+
| --ez-modal-content-min-width | Define a largura mínima do conteúdo do modal |
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------------- | ---------------------- | ---------------------------------------------------------------- | ------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o modal container receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
12
13
|
| `cancelButtonLabel` | `cancel-button-label` | Define o texto do botão de cancelamento. | `string` | `undefined` |
|
|
13
14
|
| `cancelButtonStatus` | `cancel-button-status` | Define o estado do botão de cancelamento. | `"DISABLED" \| "ENABLED" \| "HIDDEN"` | `undefined` |
|
|
14
15
|
| `modalSubTitle` | `modal-sub-title` | Texto do subtítulo, geralmente usado para orientação do usuário. | `string` | `undefined` |
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
|
|
29
29
|
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
|
|
30
30
|
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
|
|
31
|
+
| `ezInput` | Emitido quando o usuário digita no campo. | `CustomEvent<number>` |
|
|
31
32
|
| `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
|
|
32
33
|
|
|
33
34
|
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| --------------- | ---------------- | ---------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
|
|
12
12
|
| `autoClose` | `auto-close` | Define se o popup deve fechar automaticamente ao clicar fora dele. | `boolean` | `true` |
|
|
13
|
-
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `
|
|
13
|
+
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `true` |
|
|
14
14
|
| `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
|
|
15
15
|
| `footerButtons` | -- | Botões do rodapé do popup. Aceita todas as propriedades do ez-button. Limitado a até 3 botões. | `Partial<EzButtonProps>[]` | `[]` |
|
|
16
16
|
| `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
### Used by
|
|
33
33
|
|
|
34
|
+
- [ez-image-input](../ez-image-input)
|
|
34
35
|
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
35
36
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
36
37
|
|
|
@@ -43,6 +44,7 @@
|
|
|
43
44
|
graph TD;
|
|
44
45
|
ez-popup --> ez-button
|
|
45
46
|
ez-button --> ez-icon
|
|
47
|
+
ez-image-input --> ez-popup
|
|
46
48
|
ez-link-builder --> ez-popup
|
|
47
49
|
ez-simple-image-uploader --> ez-popup
|
|
48
50
|
style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
17
|
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
18
18
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
19
|
+
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de descrição não será exibido. | `boolean` | `false` |
|
|
19
20
|
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
20
21
|
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
21
22
|
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
@@ -26,12 +26,14 @@
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
28
|
- [ez-dropdown](../ez-dropdown)
|
|
29
|
+
- [ez-image-input](../ez-image-input)
|
|
29
30
|
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
30
31
|
|
|
31
32
|
### Graph
|
|
32
33
|
```mermaid
|
|
33
34
|
graph TD;
|
|
34
35
|
ez-dropdown --> ez-skeleton
|
|
36
|
+
ez-image-input --> ez-skeleton
|
|
35
37
|
ez-search-result-list --> ez-skeleton
|
|
36
38
|
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
37
39
|
```
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `enableHierarchicalFilter` | `enable-hierarchical-filter` | Define se a árvore deve permitir a filtragem hierárquica. | `boolean` | `true` |
|
|
13
13
|
| `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` |
|
|
14
14
|
| `items` | -- | Define os itens apresentados na árvore. | `ITreeItem[]` | `[]` |
|
|
15
|
+
| `selectable` | `selectable` | Define se os itens da árvore são selecionáveis. | `boolean` | `true` |
|
|
15
16
|
| `selectedId` | `selected-id` | Forma alternativa para atribuir o item selecionado por seu ID. | `string` | `undefined` |
|
|
16
17
|
| `tooltipResolver` | -- | Define uma função que vai resolver o `tooltip` ou `title` daquele item. | `(item: ITreeItem, enabled: boolean, level: number) => string` | `undefined` |
|
|
17
18
|
| `value` | -- | Define o item selecionado na árvore. | `ITreeItem` | `undefined` |
|
|
@@ -24,6 +25,7 @@
|
|
|
24
25
|
| `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` |
|
|
25
26
|
| `ezDbClickItem` | Emitido ao dar clique duplo em um item da árvore. | `CustomEvent<ITreeItem>` |
|
|
26
27
|
| `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
|
|
28
|
+
| `ezRemoveItem` | Emitido ao remover um item da árvore. | `CustomEvent<string>` |
|
|
27
29
|
|
|
28
30
|
|
|
29
31
|
## Methods
|
|
@@ -138,6 +140,17 @@ Type: `Promise<void>`
|
|
|
138
140
|
|
|
139
141
|
---
|
|
140
142
|
|
|
143
|
+
### `removeItem(id?: string) => Promise<void>`
|
|
144
|
+
|
|
145
|
+
Remove um item da árvore pelo seu ID.
|
|
146
|
+
Se o item removido estiver selecionado, a seleção será limpa.
|
|
147
|
+
|
|
148
|
+
#### Returns
|
|
149
|
+
|
|
150
|
+
Type: `Promise<void>`
|
|
151
|
+
|
|
152
|
+
---
|
|
153
|
+
|
|
141
154
|
### `selectItem(id: string) => Promise<void>`
|
|
142
155
|
|
|
143
156
|
Efetua a seleção de um item.
|
|
@@ -148,7 +161,7 @@ Type: `Promise<void>`
|
|
|
148
161
|
|
|
149
162
|
---
|
|
150
163
|
|
|
151
|
-
### `updateItem(item: ITreeItem) => Promise<void>`
|
|
164
|
+
### `updateItem(item: ITreeItem | ITreeItem[], config?: Partial<UpdateItemConfig>) => Promise<void>`
|
|
152
165
|
|
|
153
166
|
Atualiza um item
|
|
154
167
|
|
|
@@ -189,6 +202,7 @@ graph TD;
|
|
|
189
202
|
| --ez-tree--padding-inline-start | Define a largura da identação de cada nível. |
|
|
190
203
|
| --ez-tree--margin | Define a margem do componente. |
|
|
191
204
|
| --ez-tree--margin-right | Define a margem da direita do componente. |
|
|
205
|
+
| --ez-tree--user-select | Define se o texto dos itens pode ser selecionado pelo usuário. |
|
|
192
206
|
| --ez-tree--font-family | Define a família da fonte. |
|
|
193
207
|
| --ez-tree--font-size | Define o tamanho da fonte. |
|
|
194
208
|
| --ez-tree--selected--font-weight | Define o peso da fonte. |
|