@sankhyalabs/ezui-docs 7.1.0-dev.2 → 7.1.0-dev.20
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-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-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 +1 -1
- package/components/ez-search/readme.md +1 -0
- package/components/ez-tree/readme.md +15 -1
- package/package.json +1 -1
|
@@ -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. |
|
|
@@ -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"` |
|
|
@@ -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` |
|
|
@@ -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. |
|