@sankhyalabs/sankhyablocks-docs 10.1.0-dev.4 → 10.1.0-dev.41
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/snk-actions-button/readme.md +7 -0
- package/components/snk-application/readme.md +8 -8
- package/components/snk-attach/readme.md +28 -5
- package/components/snk-crud/readme.md +23 -15
- package/components/snk-crud/subcomponents/readme.md +11 -9
- package/components/snk-crud/subcomponents/snk-detail-view/readme.md +2 -1
- package/components/snk-custom-slot-guide/readme.md +24 -0
- package/components/snk-data-exporter/readme.md +5 -4
- package/components/snk-filter-bar/filter-item/readme.md +1 -0
- package/components/snk-filter-bar/filter-modal/readme.md +15 -15
- package/components/snk-filter-bar/readme.md +6 -0
- package/components/snk-form-config/readme.md +1 -0
- package/components/snk-grid/readme.md +74 -40
- package/components/snk-grid-config/readme.md +9 -7
- package/components/snk-image-input/readme.md +56 -0
- package/components/snk-pesquisa/readme.md +1 -1
- package/components/snk-simple-bar/readme.md +0 -2
- package/components/snk-simple-crud/readme.md +34 -32
- package/components/snk-taskbar/elements/taskbar-actions-button/readme.md +6 -5
- package/components/snk-taskbar/elements/taskbar-split-button/readme.md +11 -10
- package/components/snk-taskbar/readme.md +7 -2
- package/components/snk-taskbar/subcomponents/readme.md +23 -0
- package/package.json +1 -1
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
<!-- Auto Generated Below -->
|
|
6
6
|
|
|
7
7
|
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ---------- |
|
|
12
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
13
|
+
|
|
14
|
+
|
|
8
15
|
## Dependencies
|
|
9
16
|
|
|
10
17
|
### Used by
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `configName` | `config-name` | Nome da configuração utilizada para salvar as preferências dos blocos de construção. | `string`
|
|
13
|
-
| `enableLockManagerLoadingApp` | `enable-lock-manager-loading-app` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean`
|
|
14
|
-
| `formLegacyConfigName` | `form-legacy-config-name` | Chave da configuração legada do formulário, utilizada para migração de configurações antigas. | `string`
|
|
15
|
-
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade, utilizada para migração de configurações antigas. | `string`
|
|
16
|
-
| `loadByPK` | -- | Usado para receber um parâmetro na inicialização da tela, e utilizá-lo conforme necessário caso a tela receba um parâmetro, e, esta propriedade não seja informada é criado um filtro de forma automática através do método defaultLoadByPk | `(objPK: { pk: any
|
|
17
|
-
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------------------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `configName` | `config-name` | Nome da configuração utilizada para salvar as preferências dos blocos de construção. | `string` | `undefined` |
|
|
13
|
+
| `enableLockManagerLoadingApp` | `enable-lock-manager-loading-app` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `undefined` |
|
|
14
|
+
| `formLegacyConfigName` | `form-legacy-config-name` | Chave da configuração legada do formulário, utilizada para migração de configurações antigas. | `string` | `undefined` |
|
|
15
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade, utilizada para migração de configurações antigas. | `string` | `undefined` |
|
|
16
|
+
| `loadByPK` | -- | Usado para receber um parâmetro na inicialização da tela, e utilizá-lo conforme necessário caso a tela receba um parâmetro, e, esta propriedade não seja informada é criado um filtro de forma automática através do método defaultLoadByPk | `(objPK: { pk: Record<string, any>; }, redirectFrom?: string) => void` | `undefined` |
|
|
17
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
## Events
|
|
@@ -21,9 +21,33 @@
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
23
23
|
|
|
24
|
-
| Event
|
|
25
|
-
|
|
|
26
|
-
| `
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------- | ------------------------------------------------------------- | ------------------- |
|
|
26
|
+
| `ezClosePopup` | Evento emitido ao clicar no botão de fechar (onEzClosePopup). | `CustomEvent<void>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `close() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Fecha o popup do SnkAttach.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
---
|
|
40
|
+
|
|
41
|
+
### `open() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Abre o popup do SnkAttach.
|
|
44
|
+
Inicializa o componente apenas na abertura.
|
|
45
|
+
|
|
46
|
+
#### Returns
|
|
47
|
+
|
|
48
|
+
Type: `Promise<void>`
|
|
49
|
+
|
|
50
|
+
|
|
27
51
|
|
|
28
52
|
|
|
29
53
|
## Dependencies
|
|
@@ -35,13 +59,11 @@
|
|
|
35
59
|
|
|
36
60
|
### Depends on
|
|
37
61
|
|
|
38
|
-
- [snk-simple-bar](../snk-simple-bar)
|
|
39
62
|
- [snk-simple-crud](../snk-simple-crud)
|
|
40
63
|
|
|
41
64
|
### Graph
|
|
42
65
|
```mermaid
|
|
43
66
|
graph TD;
|
|
44
|
-
snk-attach --> snk-simple-bar
|
|
45
67
|
snk-attach --> snk-simple-crud
|
|
46
68
|
snk-simple-crud --> snk-taskbar
|
|
47
69
|
snk-simple-crud --> snk-data-unit
|
|
@@ -52,6 +74,7 @@ graph TD;
|
|
|
52
74
|
snk-simple-crud --> snk-actions-button
|
|
53
75
|
snk-simple-crud --> taskbar-split-button
|
|
54
76
|
snk-simple-crud --> taskbar-actions-button
|
|
77
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
55
78
|
snk-taskbar --> snk-data-exporter
|
|
56
79
|
snk-taskbar --> snk-actions-button
|
|
57
80
|
snk-taskbar --> taskbar-split-button
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
| `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
|
|
14
14
|
| `autoLoad` | `auto-load` | Define se a carga dos dados será feita assim que o componente for carregado. | `boolean` | `undefined` |
|
|
15
15
|
| `configName` | `config-name` | Usado para salvar as configurações dos blocos de construção. | `string` | `undefined` |
|
|
16
|
+
| `customGuidesConfig` | -- | Fornece as informações das guias personalizadas. | `CustomGuideItem[]` | `[]` |
|
|
16
17
|
| `disableNumberingConfig` | `disable-numbering-config` | Define se a configuração de numeração será desabilitada. | `boolean` | `false` |
|
|
17
18
|
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros) e no modal lateral de filtros (container de filtros personalizados). | `boolean` | `undefined` |
|
|
18
19
|
| `domainMessagesBuilder` | `domain-messages-builder` | Define a chave customizada para sobrescrever as mensagens (Não pegando pela entidade) | `string` | `undefined` |
|
|
@@ -33,7 +34,7 @@
|
|
|
33
34
|
| `recordsValidator` | -- | Validador responsável por checar a integridade das informações do registro. | `IRecordValidator` | `undefined` |
|
|
34
35
|
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
35
36
|
| `setCustomFormTitle` | -- | Define uma função para configurar um título cusotmizado no modo formulário. | `() => string` | `undefined` |
|
|
36
|
-
| `showActionButtons` | `show-action-buttons` | Usado para exibir os botões de ação do snk-configurator | `boolean` | `
|
|
37
|
+
| `showActionButtons` | `show-action-buttons` | Usado para exibir os botões de ação do snk-configurator | `boolean` | `true` |
|
|
37
38
|
| `showEntitySearch` | `show-entity-search` | Define se o campo de busca de entidades será exibido na barra superior. | `boolean` | `true` |
|
|
38
39
|
| `statusResolver` | -- | Configuração do valor da coluna de status. Exemplo: { "RECDESP": { "-1" : "#BD0025", "1" : "#157A00" } } | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
39
40
|
| `strategyExporter` | `strategy-exporter` | Modo de exportação dos dados. | `"ClientSideExporterStrategy" \| "ServerSideExporterStrategy"` | `ExporterStrategy.SERVER_SIDE` |
|
|
@@ -50,6 +51,7 @@
|
|
|
50
51
|
| `configuratorSave` | Emitido quando salva a configuração no configurator do CRUD. | `CustomEvent<any>` |
|
|
51
52
|
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<HTMLElement[]>` |
|
|
52
53
|
| `numberingConfigChanged` | Emitido quando a configuração de numeração é alterada. | `CustomEvent<ResponseGetConfig>` |
|
|
54
|
+
| `snkShowGuide` | Emitido pelo guides-viewer sempre que houver mudança de guia. | `CustomEvent<string>` |
|
|
53
55
|
| `viewModeChanged` | | `CustomEvent<VIEW_MODE.ATTACHMENT \| VIEW_MODE.FORM \| VIEW_MODE.GRID>` |
|
|
54
56
|
|
|
55
57
|
|
|
@@ -180,6 +182,9 @@ Type: `Promise<void>`
|
|
|
180
182
|
|
|
181
183
|
### Depends on
|
|
182
184
|
|
|
185
|
+
- [snk-entity-search](subcomponents)
|
|
186
|
+
- [snk-taskbar](../snk-taskbar)
|
|
187
|
+
- [snk-filter-bar](../snk-filter-bar)
|
|
183
188
|
- [snk-grid](../snk-grid)
|
|
184
189
|
- [snk-guides-viewer](subcomponents)
|
|
185
190
|
- [snk-attach](../snk-attach)
|
|
@@ -192,6 +197,9 @@ Type: `Promise<void>`
|
|
|
192
197
|
### Graph
|
|
193
198
|
```mermaid
|
|
194
199
|
graph TD;
|
|
200
|
+
snk-crud --> snk-entity-search
|
|
201
|
+
snk-crud --> snk-taskbar
|
|
202
|
+
snk-crud --> snk-filter-bar
|
|
195
203
|
snk-crud --> snk-grid
|
|
196
204
|
snk-crud --> snk-guides-viewer
|
|
197
205
|
snk-crud --> snk-attach
|
|
@@ -200,13 +208,12 @@ graph TD;
|
|
|
200
208
|
snk-crud --> snk-actions-button
|
|
201
209
|
snk-crud --> taskbar-split-button
|
|
202
210
|
snk-crud --> taskbar-actions-button
|
|
203
|
-
snk-
|
|
204
|
-
snk-
|
|
205
|
-
snk-
|
|
206
|
-
snk-
|
|
207
|
-
snk-
|
|
208
|
-
snk-
|
|
209
|
-
snk-grid --> taskbar-actions-button
|
|
211
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
212
|
+
snk-taskbar --> snk-data-exporter
|
|
213
|
+
snk-taskbar --> snk-actions-button
|
|
214
|
+
snk-taskbar --> taskbar-split-button
|
|
215
|
+
snk-taskbar --> taskbar-actions-button
|
|
216
|
+
snk-data-exporter --> snk-exporter-email-sender
|
|
210
217
|
snk-filter-bar --> snk-filter-item
|
|
211
218
|
snk-filter-bar --> snk-personalized-filter
|
|
212
219
|
snk-filter-bar --> snk-filter-modal
|
|
@@ -222,22 +229,24 @@ graph TD;
|
|
|
222
229
|
snk-expression-item --> snk-filter-param-config
|
|
223
230
|
snk-filter-modal --> snk-filter-modal-item
|
|
224
231
|
snk-filter-modal --> snk-default-filter
|
|
225
|
-
snk-
|
|
226
|
-
snk-
|
|
227
|
-
snk-
|
|
228
|
-
snk-
|
|
229
|
-
snk-
|
|
232
|
+
snk-grid --> snk-filter-bar
|
|
233
|
+
snk-grid --> snk-taskbar
|
|
234
|
+
snk-grid --> snk-grid-config
|
|
235
|
+
snk-grid --> snk-data-exporter
|
|
236
|
+
snk-grid --> snk-actions-button
|
|
237
|
+
snk-grid --> taskbar-split-button
|
|
238
|
+
snk-grid --> taskbar-actions-button
|
|
230
239
|
snk-grid-config --> snk-select-box
|
|
231
240
|
snk-guides-viewer --> snk-form-view
|
|
232
241
|
snk-guides-viewer --> snk-data-unit
|
|
233
242
|
snk-guides-viewer --> snk-detail-view
|
|
234
|
-
snk-guides-viewer --> snk-taskbar
|
|
235
243
|
snk-guides-viewer --> snk-form-config
|
|
236
244
|
snk-guides-viewer --> snk-configurator
|
|
237
245
|
snk-guides-viewer --> snk-data-exporter
|
|
238
246
|
snk-guides-viewer --> snk-actions-button
|
|
239
247
|
snk-guides-viewer --> taskbar-split-button
|
|
240
248
|
snk-guides-viewer --> taskbar-actions-button
|
|
249
|
+
snk-form-view --> snk-image-input
|
|
241
250
|
snk-form-view --> snk-form-summary
|
|
242
251
|
snk-detail-view --> snk-data-unit
|
|
243
252
|
snk-detail-view --> snk-grid
|
|
@@ -248,7 +257,6 @@ graph TD;
|
|
|
248
257
|
snk-detail-view --> snk-actions-button
|
|
249
258
|
snk-detail-view --> taskbar-split-button
|
|
250
259
|
snk-detail-view --> taskbar-actions-button
|
|
251
|
-
snk-attach --> snk-simple-bar
|
|
252
260
|
snk-attach --> snk-simple-crud
|
|
253
261
|
snk-simple-crud --> snk-taskbar
|
|
254
262
|
snk-simple-crud --> snk-data-unit
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `actionsList` | -- | Ações a serem colocadas no botão "Mais opções" do componente snk-taskbar. | `Action[]` | `undefined` |
|
|
13
13
|
| `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
|
|
14
14
|
| `configName` | `config-name` | Nome usado para guardar/recuperar as configurações do formulário. | `string` | `undefined` |
|
|
15
|
+
| `customGuidesConfig` | -- | Fornece as informações das guias personalizadas. | `CustomGuideItem[]` | `[]` |
|
|
15
16
|
| `dataState` | -- | Representa o estado do dataUnit master. | `DataState` | `undefined` |
|
|
16
17
|
| `dataUnit` | -- | Instância do DataUnit master. | `DataUnit` | `undefined` |
|
|
17
18
|
| `detailTaskbarCustomContainerId` | `detail-taskbar-custom-container-id` | Define o identificador do container de elementos customizados da Taskbar da aba de detalhes. | `string` | `undefined` |
|
|
@@ -31,12 +32,14 @@
|
|
|
31
32
|
|
|
32
33
|
## Events
|
|
33
34
|
|
|
34
|
-
| Event
|
|
35
|
-
|
|
|
36
|
-
| `actionClick`
|
|
37
|
-
| `exit`
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
35
|
+
| Event | Description | Type |
|
|
36
|
+
| ----------------------------- | ------------------------------------------------------------------------------- | ---------------------------- |
|
|
37
|
+
| `actionClick` | Emitido sempre que houver click de botão ou ação. | `CustomEvent<string>` |
|
|
38
|
+
| `exit` | Emitido quando o botão de voltar é acionado. | `CustomEvent<void>` |
|
|
39
|
+
| `formConfigVisibilityChanged` | Emitido quando a visibilidade do configurador do formulário é alterada. | `CustomEvent<boolean>` |
|
|
40
|
+
| `formItemsReady` | Responsável por notificar quando ocorrer a renderização de itens do formulário. | `CustomEvent<HTMLElement[]>` |
|
|
41
|
+
| `snkMasterFormConfigChange` | Emitido quando a configuração do formulário master é definida. | `CustomEvent<IFormConfig>` |
|
|
42
|
+
| `snkShowGuide` | Emitido quando a uma gua é exibida no formulário. | `CustomEvent<string>` |
|
|
40
43
|
|
|
41
44
|
|
|
42
45
|
## Methods
|
|
@@ -113,7 +116,6 @@ Type: `Promise<void>`
|
|
|
113
116
|
- [snk-form-view](.)
|
|
114
117
|
- [snk-data-unit](../../snk-data-unit)
|
|
115
118
|
- [snk-detail-view](snk-detail-view)
|
|
116
|
-
- [snk-taskbar](../../snk-taskbar)
|
|
117
119
|
- [snk-form-config](../../snk-form-config)
|
|
118
120
|
- [snk-configurator](../../snk-configurator)
|
|
119
121
|
- [snk-data-exporter](../../snk-data-exporter)
|
|
@@ -127,13 +129,13 @@ graph TD;
|
|
|
127
129
|
snk-guides-viewer --> snk-form-view
|
|
128
130
|
snk-guides-viewer --> snk-data-unit
|
|
129
131
|
snk-guides-viewer --> snk-detail-view
|
|
130
|
-
snk-guides-viewer --> snk-taskbar
|
|
131
132
|
snk-guides-viewer --> snk-form-config
|
|
132
133
|
snk-guides-viewer --> snk-configurator
|
|
133
134
|
snk-guides-viewer --> snk-data-exporter
|
|
134
135
|
snk-guides-viewer --> snk-actions-button
|
|
135
136
|
snk-guides-viewer --> taskbar-split-button
|
|
136
137
|
snk-guides-viewer --> taskbar-actions-button
|
|
138
|
+
snk-form-view --> snk-image-input
|
|
137
139
|
snk-form-view --> snk-form-summary
|
|
138
140
|
snk-detail-view --> snk-data-unit
|
|
139
141
|
snk-detail-view --> snk-grid
|
|
@@ -166,13 +168,13 @@ graph TD;
|
|
|
166
168
|
snk-expression-item --> snk-filter-param-config
|
|
167
169
|
snk-filter-modal --> snk-filter-modal-item
|
|
168
170
|
snk-filter-modal --> snk-default-filter
|
|
171
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
169
172
|
snk-taskbar --> snk-data-exporter
|
|
170
173
|
snk-taskbar --> snk-actions-button
|
|
171
174
|
snk-taskbar --> taskbar-split-button
|
|
172
175
|
snk-taskbar --> taskbar-actions-button
|
|
173
176
|
snk-data-exporter --> snk-exporter-email-sender
|
|
174
177
|
snk-grid-config --> snk-select-box
|
|
175
|
-
snk-attach --> snk-simple-bar
|
|
176
178
|
snk-attach --> snk-simple-crud
|
|
177
179
|
snk-simple-crud --> snk-taskbar
|
|
178
180
|
snk-simple-crud --> snk-data-unit
|
|
@@ -141,14 +141,15 @@ graph TD;
|
|
|
141
141
|
snk-expression-item --> snk-filter-param-config
|
|
142
142
|
snk-filter-modal --> snk-filter-modal-item
|
|
143
143
|
snk-filter-modal --> snk-default-filter
|
|
144
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
144
145
|
snk-taskbar --> snk-data-exporter
|
|
145
146
|
snk-taskbar --> snk-actions-button
|
|
146
147
|
snk-taskbar --> taskbar-split-button
|
|
147
148
|
snk-taskbar --> taskbar-actions-button
|
|
148
149
|
snk-data-exporter --> snk-exporter-email-sender
|
|
149
150
|
snk-grid-config --> snk-select-box
|
|
151
|
+
snk-form-view --> snk-image-input
|
|
150
152
|
snk-form-view --> snk-form-summary
|
|
151
|
-
snk-attach --> snk-simple-bar
|
|
152
153
|
snk-attach --> snk-simple-crud
|
|
153
154
|
snk-simple-crud --> snk-taskbar
|
|
154
155
|
snk-simple-crud --> snk-data-unit
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# snk-custom-slot-guide
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------- | ----------- | ------------------------------------------------------------- | -------- | --------------------- |
|
|
12
|
+
| `slotName` | `slot-name` | Nome do slot onde os elementos customizados deverão aparecer. | `string` | `'CUSTOM_SLOT_GUIDE'` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Events
|
|
16
|
+
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| -------------------------- | -------------------------------------------- | --------------------- |
|
|
19
|
+
| `snkCustomSlotGuideLoaded` | Emitido quando elemento é carregado na tela. | `CustomEvent<string>` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
----------------------------------------------
|
|
23
|
+
|
|
24
|
+
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------------- | --------- | -------------------------------------------------------------------------------------- |
|
|
12
|
-
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder`
|
|
13
|
-
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | --------- | -------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
13
|
+
| `provider` | -- | Provedor das informações para exportação dos dados. | `IExporterProvider` | `null` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
## Dependencies
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
| `config` | -- | Define as configurações do componente snk-filter-item. | `SnkFilterItemConfig` | `undefined` |
|
|
13
13
|
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
14
14
|
| `showChips` | `show-chips` | Usado para controlar a visibilidade dos chips de filtros | `boolean` | `true` |
|
|
15
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------------- | ----------------------------- |
|
|
12
|
-
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado
|
|
13
|
-
| `applyFilters` | -- | Ação executada ao aplicar os filtros
|
|
14
|
-
| `closeModal` | -- | Ação disparada ao fechar o modal
|
|
15
|
-
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente.
|
|
16
|
-
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado
|
|
17
|
-
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros)
|
|
18
|
-
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado
|
|
19
|
-
| `filterConfig` | -- | Filtros a serem apresentados
|
|
20
|
-
| `filterCustomConfigInterceptor` | -- |
|
|
21
|
-
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal
|
|
22
|
-
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal
|
|
23
|
-
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
|
|
24
|
-
| `opened` | `opened` | Define se o modal está aberto ou não.
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `addPersonalizedFilter` | -- | Ação executada ao adicionar um filtro personalizado | `(isDefault?: boolean) => void` | `undefined` |
|
|
13
|
+
| `applyFilters` | -- | Ação executada ao aplicar os filtros | `(updatedFilterConfig: SnkFilterItemConfig[]) => void` | `undefined` |
|
|
14
|
+
| `closeModal` | -- | Ação disparada ao fechar o modal | `() => void` | `undefined` |
|
|
15
|
+
| `configName` | `config-name` | Nome da configuração. Serve para distinguir várias instâncias do componente. | `string` | `undefined` |
|
|
16
|
+
| `deletePersonalizedFilter` | -- | Ação executada ao deletar um filtro personalizado | `(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void` | `undefined` |
|
|
17
|
+
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na filter bar (chip de filtros) e no modal lateral de filtros (container de filtros personalizados). | `boolean` | `undefined` |
|
|
18
|
+
| `editPersonalizedFilter` | -- | Ação executada ao editar um filtro personalizado | `(id: string, isDefault?: boolean) => void` | `undefined` |
|
|
19
|
+
| `filterConfig` | -- | Filtros a serem apresentados | `SnkFilterItemConfig[]` | `undefined` |
|
|
20
|
+
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
21
|
+
| `filterDefaultToDelete` | -- | Guarda o filtro a ser deletado no Apply do modal | `SnkFilterItemConfig` | `undefined` |
|
|
22
|
+
| `filtersToDelete` | -- | Guarda filtros a serem deletados no Apply do modal | `IPersonalizedFilter[]` | `[]` |
|
|
23
|
+
| `getMessage` | -- | Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder. | `(key: string, props?: any) => string` | `undefined` |
|
|
24
|
+
| `opened` | `opened` | Define se o modal está aberto ou não. | `boolean` | `false` |
|
|
25
25
|
|
|
26
26
|
|
|
27
27
|
## Dependencies
|
|
@@ -20,9 +20,11 @@
|
|
|
20
20
|
| `filterConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
21
21
|
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
22
22
|
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
23
|
+
| `hideFilterButton` | `hide-filter-button` | | `boolean` | `false` |
|
|
23
24
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
25
|
| `mode` | `mode` | | `"button" \| "hidden" \| "regular"` | `"regular"` |
|
|
25
26
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
27
|
+
| `sizeChips` | `size-chips` | | `"default" \| "large" \| "medium"` | `'default'` |
|
|
26
28
|
| `title` | `title` | | `string` | `undefined` |
|
|
27
29
|
|
|
28
30
|
|
|
@@ -67,6 +69,8 @@ O item de filtro correspondente ou undefined se não for encontrado.
|
|
|
67
69
|
|
|
68
70
|
Type: `Promise<Filter[]>`
|
|
69
71
|
|
|
72
|
+
Retorna uma Promise que resolve com a lista de filtros ativos.
|
|
73
|
+
|
|
70
74
|
---
|
|
71
75
|
|
|
72
76
|
### `reload() => Promise<void>`
|
|
@@ -118,6 +122,7 @@ Retorna uma Promise que resolve quando a atualização for concluída.
|
|
|
118
122
|
|
|
119
123
|
### Used by
|
|
120
124
|
|
|
125
|
+
- [snk-crud](../snk-crud)
|
|
121
126
|
- [snk-grid](../snk-grid)
|
|
122
127
|
|
|
123
128
|
### Depends on
|
|
@@ -144,6 +149,7 @@ graph TD;
|
|
|
144
149
|
snk-expression-item --> snk-filter-param-config
|
|
145
150
|
snk-filter-modal --> snk-filter-modal-item
|
|
146
151
|
snk-filter-modal --> snk-default-filter
|
|
152
|
+
snk-crud --> snk-filter-bar
|
|
147
153
|
snk-grid --> snk-filter-bar
|
|
148
154
|
style snk-filter-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
149
155
|
```
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------------------------- | ------------------------------ | -------------------------------------------------------------------------------------- | ---------------------- | ----------- |
|
|
12
12
|
| `configManager` | -- | Campos de configuração de formulário. | `SnkFormConfigManager` | `undefined` |
|
|
13
|
+
| `customGuidesConfig` | -- | Informações das guias personalizadas. | `CustomGuideItem[]` | `[]` |
|
|
13
14
|
| `dataUnit` | -- | Repositório de dados, controla a manipulação dos dados. | `DataUnit` | `undefined` |
|
|
14
15
|
| `ignoreReadOnlyFormFields` | `ignore-read-only-form-fields` | Ignora os campos "somente leitura" no modo de inserção. | `boolean` | `undefined` |
|
|
15
16
|
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
@@ -7,46 +7,49 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type | Default
|
|
11
|
-
| ------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `actionsList` | -- | Lista de ações que devem ser usadas no botão "Mais opções" do `snk-taskbar`. | `Action[]` | `undefined`
|
|
13
|
-
| `autoFocus` | `auto-focus` | Define se a grade receberá o foco automaticamente ao ser carregada. | `boolean` | `true`
|
|
14
|
-
| `autoLoad` | `auto-load` | Define se os dados serão carregados automaticamente na inicialização do componente. | `boolean` | `undefined`
|
|
15
|
-
| `canEdit` | `can-edit` | Define se a edição de dados na grade está habilitada. | `boolean` | `true`
|
|
16
|
-
| `columnFilterDataSource` | -- | Define o data source para o filtro de colunas. | `IMultiSelectionListDataSource` | `
|
|
17
|
-
| `compact` | `compact` | Define se a grade deve ser exibida em modo compacto. | `boolean` | `undefined`
|
|
18
|
-
| `configName` | `config-name` | Nome usado para salvar e recuperar a configuração da grade. | `string` | `undefined`
|
|
19
|
-
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na barra de filtros (chip de filtros) e no modal lateral de filtros (contêiner de filtros personalizados). | `boolean` | `undefined`
|
|
20
|
-
| `enableGridInsert` | `enable-grid-insert` | Habilita a inserção de registros diretamente na grade. | `boolean` | `false`
|
|
21
|
-
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `false`
|
|
22
|
-
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa o gerenciamento de locks na grade pela Taskbar. | `boolean` | `false`
|
|
23
|
-
| `filterBarLegacyConfigName` | `filter-bar-legacy-config-name` | Chave da configuração legada da barra de filtros. | `string` | `undefined`
|
|
24
|
-
| `filterBarTitle` | `filter-bar-title` | Título que será apresentado na barra de filtros. | `string` | `undefined`
|
|
25
|
-
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined`
|
|
26
|
-
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined`
|
|
27
|
-
| `gridHeaderCustomSlotId` | `grid-header-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` do cabeçalho da grade. | `string` | `'GRID_HEADER_CUSTOM_ELEMENTS'`
|
|
28
|
-
| `gridHeaderDynamicSearchSlotId` | `grid-header-dynamic-search-slot-id` | Define o nome do slot para a aba de pesquisa no cabeçalho da grade. | `string` | `'GRID_HEADER_DYNAMIC_SEARCH'`
|
|
29
|
-
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade. | `string` | `undefined`
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
42
|
-
| `
|
|
43
|
-
| `
|
|
44
|
-
| `
|
|
45
|
-
| `
|
|
46
|
-
| `
|
|
47
|
-
| `
|
|
48
|
-
| `
|
|
49
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | -------------------------------- |
|
|
12
|
+
| `actionsList` | -- | Lista de ações que devem ser usadas no botão "Mais opções" do `snk-taskbar`. | `Action[]` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Define se a grade receberá o foco automaticamente ao ser carregada. | `boolean` | `true` |
|
|
14
|
+
| `autoLoad` | `auto-load` | Define se os dados serão carregados automaticamente na inicialização do componente. | `boolean` | `undefined` |
|
|
15
|
+
| `canEdit` | `can-edit` | Define se a edição de dados na grade está habilitada. | `boolean` | `true` |
|
|
16
|
+
| `columnFilterDataSource` | -- | Define o data source para o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
17
|
+
| `compact` | `compact` | Define se a grade deve ser exibida em modo compacto. | `boolean` | `undefined` |
|
|
18
|
+
| `configName` | `config-name` | Nome usado para salvar e recuperar a configuração da grade. | `string` | `undefined` |
|
|
19
|
+
| `disablePersonalizedFilter` | `disable-personalized-filter` | Desabilita a apresentação da opção de filtros personalizados na barra de filtros (chip de filtros) e no modal lateral de filtros (contêiner de filtros personalizados). | `boolean` | `undefined` |
|
|
20
|
+
| `enableGridInsert` | `enable-grid-insert` | Habilita a inserção de registros diretamente na grade. | `boolean` | `false` |
|
|
21
|
+
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação. | `boolean` | `false` |
|
|
22
|
+
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa o gerenciamento de locks na grade pela Taskbar. | `boolean` | `false` |
|
|
23
|
+
| `filterBarLegacyConfigName` | `filter-bar-legacy-config-name` | Chave da configuração legada da barra de filtros. | `string` | `undefined` |
|
|
24
|
+
| `filterBarTitle` | `filter-bar-title` | Título que será apresentado na barra de filtros. | `string` | `undefined` |
|
|
25
|
+
| `filterCustomConfig` | -- | | `SnkFilterItemConfig[]` | `undefined` |
|
|
26
|
+
| `filterCustomConfigInterceptor` | -- | | `(config: SnkFilterItemConfig[]) => SnkFilterItemConfig[]` | `undefined` |
|
|
27
|
+
| `gridHeaderCustomSlotId` | `grid-header-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` do cabeçalho da grade. | `string` | `'GRID_HEADER_CUSTOM_ELEMENTS'` |
|
|
28
|
+
| `gridHeaderDynamicSearchSlotId` | `grid-header-dynamic-search-slot-id` | Define o nome do slot para a aba de pesquisa no cabeçalho da grade. | `string` | `'GRID_HEADER_DYNAMIC_SEARCH'` |
|
|
29
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | Chave da configuração legada da grade. | `string` | `undefined` |
|
|
30
|
+
| `hideGridTaskbar` | `hide-grid-taskbar` | Oculta a barra de tarefas interna da grade. | `boolean` | `false` |
|
|
31
|
+
| `hideHeader` | `hide-header` | Oculta o cabeçalho da grade (filtros e taskbar superior). | `boolean` | `false` |
|
|
32
|
+
| `hidePagination` | `hide-pagination` | Oculta a paginação da grade. | `boolean` | `false` |
|
|
33
|
+
| `isDetail` | `is-detail` | Determina se a grade está vinculada a um detalhe de outra tela. | `boolean` | `undefined` |
|
|
34
|
+
| `messagesBuilder` | -- | Responsável por flexibilizar e padronizar o uso de mensagens nos blocos de construção. | `SnkMessageBuilder` | `undefined` |
|
|
35
|
+
| `multipleEditionEnabled` | `multiple-edition-enabled` | Habilita a edição de múltiplos registros simultaneamente. | `boolean` | `true` |
|
|
36
|
+
| `multipleSelection` | `multiple-selection` | Determina se a seleção de múltiplas linhas é permitida. | `boolean` | `undefined` |
|
|
37
|
+
| `outlineMode` | `outline-mode` | Altera a aparência das bordas e sombras do componente. Se `false`, aplica o padrão de sombras (ideal para o elemento principal do layout). Se `true`, aplica um contorno (ideal para quando o componente está dentro de outro, como um painel ou pop-up). | `boolean` | `false` |
|
|
38
|
+
| `paginationCounterMode` | `pagination-counter-mode` | Define o modo de exibição do contador de paginação. | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
39
|
+
| `presentationMode` | `presentation-mode` | Altera o modo de apresentação dos botões do `snk-taskbar`. | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
40
|
+
| `recordsValidator` | -- | Validador responsável por verificar a integridade dos dados de um registro. | `IRecordValidator` | `undefined` |
|
|
41
|
+
| `resourceID` | `resource-i-d` | Identificador de recursos, como configurações e permissões de acesso. | `string` | `undefined` |
|
|
42
|
+
| `selectionToastConfig` | -- | Configuração do toast de seleção da grade. | `ISelectionToastConfig` | `undefined` |
|
|
43
|
+
| `statusResolver` | -- | Define a configuração de cores para a coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
44
|
+
| `strategyExporter` | `strategy-exporter` | Define o modo de exportação dos dados. | `"ClientSideExporterStrategy" \| "ServerSideExporterStrategy"` | `ExporterStrategy.SERVER_SIDE` |
|
|
45
|
+
| `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de checkbox deve ser suprimida. | `boolean` | `undefined` |
|
|
46
|
+
| `suppressFilterColumn` | `suppress-filter-column` | Informa se a grade deve suprimir o filtro de coluna. | `boolean` | `false` |
|
|
47
|
+
| `suppressHorizontalScroll` | `suppress-horizontal-scroll` | Define se a grade deve suprimir a barra de rolagem horizontal. | `boolean` | `false` |
|
|
48
|
+
| `taskbarCustomContainerId` | `taskbar-custom-container-id` | Define o identificador do contêiner de elementos customizados da `Taskbar`. | `string` | `undefined` |
|
|
49
|
+
| `taskbarManager` | -- | Gerenciador das barras de tarefas. Permite determinar botões específicos ou gerenciar o estado dos botões. | `TaskbarManager` | `undefined` |
|
|
50
|
+
| `topTaskbarCustomSlotId` | `top-taskbar-custom-slot-id` | Define o nome do slot para elementos customizados na `Taskbar` principal do componente. | `string` | `'GRID_TASKBAR_CUSTOM_ELEMENTS'` |
|
|
51
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | Quando `true`, a tecla ENTER navega entre as células como a tecla TAB. | `boolean` | `false` |
|
|
52
|
+
| `useSearchColumn` | `use-search-column` | Define se a grade deve exibir um buscador de colunas ao pressionar `Ctrl+F`. | `boolean` | `true` |
|
|
50
53
|
|
|
51
54
|
|
|
52
55
|
## Events
|
|
@@ -96,6 +99,16 @@ Uma promessa que é resolvida quando o renderizador é registrado.
|
|
|
96
99
|
|
|
97
100
|
---
|
|
98
101
|
|
|
102
|
+
### `filterColumns(search: string) => Promise<EzGridColumn[]>`
|
|
103
|
+
|
|
104
|
+
Usa um argumento para filtrar as colunas por label
|
|
105
|
+
|
|
106
|
+
#### Returns
|
|
107
|
+
|
|
108
|
+
Type: `Promise<EzGridColumn[]>`
|
|
109
|
+
|
|
110
|
+
---
|
|
111
|
+
|
|
99
112
|
### `getFilterBar() => Promise<HTMLSnkFilterBarElement>`
|
|
100
113
|
|
|
101
114
|
Retorna o elemento da barra de filtros da grade.
|
|
@@ -108,6 +121,16 @@ O elemento da barra de filtros.
|
|
|
108
121
|
|
|
109
122
|
---
|
|
110
123
|
|
|
124
|
+
### `handlePageChange() => Promise<void>`
|
|
125
|
+
|
|
126
|
+
Manipula a mudança de página da grid.
|
|
127
|
+
|
|
128
|
+
#### Returns
|
|
129
|
+
|
|
130
|
+
Type: `Promise<void>`
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
111
134
|
### `hideConfig() => Promise<void>`
|
|
112
135
|
|
|
113
136
|
Fecha a janela de configurações da grade.
|
|
@@ -120,6 +143,16 @@ Uma promessa que é resolvida quando a janela de configuração é fechada.
|
|
|
120
143
|
|
|
121
144
|
---
|
|
122
145
|
|
|
146
|
+
### `locateColumn(columnName: string) => Promise<void>`
|
|
147
|
+
|
|
148
|
+
Localiza determinada coluna tornando-a visível.
|
|
149
|
+
|
|
150
|
+
#### Returns
|
|
151
|
+
|
|
152
|
+
Type: `Promise<void>`
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
123
156
|
### `refreshColumnFilterDataSource() => Promise<void>`
|
|
124
157
|
|
|
125
158
|
|
|
@@ -241,6 +274,7 @@ graph TD;
|
|
|
241
274
|
snk-expression-item --> snk-filter-param-config
|
|
242
275
|
snk-filter-modal --> snk-filter-modal-item
|
|
243
276
|
snk-filter-modal --> snk-default-filter
|
|
277
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
244
278
|
snk-taskbar --> snk-data-exporter
|
|
245
279
|
snk-taskbar --> snk-actions-button
|
|
246
280
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,13 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `columns`
|
|
13
|
-
| `config`
|
|
14
|
-
| `configName`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ---------------- | ------------------------------------------------ | ---------------- | ----------- |
|
|
12
|
+
| `columns` | -- | Colunas da grade. | `EzGridColumn[]` | `[]` |
|
|
13
|
+
| `config` | -- | Configurações da grade. | `IGridConfig` | `undefined` |
|
|
14
|
+
| `configName` | `config-name` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
15
|
+
| `metadata` | -- | Define a propriedade metadata da instância | `UnitMetadata` | `undefined` |
|
|
16
|
+
| `originalColumns` | -- | Lista de Colunas original. | `EzGridColumn[]` | `[]` |
|
|
17
|
+
| `resourceID` | `resource-i-d` | Nome usado para salvar/recuperar a configuração. | `string` | `undefined` |
|
|
18
|
+
| `selectedIndex` | `selected-index` | Aba selecionada das configurações da grade. | `number` | `0` |
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
## Events
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# snk-image-input
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------ | ------------- | ----------------------------------------------- | ---------- | ----------- |
|
|
12
|
+
| `acceptType` | `accept-type` | Tipos MIME aceitos (separados por vírgula) | `string` | `undefined` |
|
|
13
|
+
| `dataUnit` | -- | DataUnit associado ao componente | `DataUnit` | `undefined` |
|
|
14
|
+
| `enabled` | `enabled` | Define se está habilitado | `boolean` | `true` |
|
|
15
|
+
| `entityName` | `entity-name` | Nome da entidade (usado quando não há DataUnit) | `string` | `undefined` |
|
|
16
|
+
| `fieldName` | `field-name` | Nome do campo no DataUnit | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Label do componente | `string` | `undefined` |
|
|
18
|
+
| `maxSize` | `max-size` | Tamanho máximo do arquivo em KB | `number` | `undefined` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| ------------ | ------------------------------- | --------------------- |
|
|
25
|
+
| `imageError` | Evento disparado quando há erro | `CustomEvent<string>` |
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
## Methods
|
|
29
|
+
|
|
30
|
+
### `reloadImage(pks?: Record<string, any>) => Promise<void>`
|
|
31
|
+
|
|
32
|
+
Força o reload da imagem
|
|
33
|
+
|
|
34
|
+
#### Returns
|
|
35
|
+
|
|
36
|
+
Type: `Promise<void>`
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
## Dependencies
|
|
42
|
+
|
|
43
|
+
### Used by
|
|
44
|
+
|
|
45
|
+
- [snk-form-view](../snk-crud/subcomponents)
|
|
46
|
+
|
|
47
|
+
### Graph
|
|
48
|
+
```mermaid
|
|
49
|
+
graph TD;
|
|
50
|
+
snk-form-view --> snk-image-input
|
|
51
|
+
style snk-image-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
----------------------------------------------
|
|
55
|
+
|
|
56
|
+
|
|
@@ -26,13 +26,11 @@
|
|
|
26
26
|
|
|
27
27
|
### Used by
|
|
28
28
|
|
|
29
|
-
- [snk-attach](../snk-attach)
|
|
30
29
|
- [snk-personalized-filter](../snk-personalized-filter)
|
|
31
30
|
|
|
32
31
|
### Graph
|
|
33
32
|
```mermaid
|
|
34
33
|
graph TD;
|
|
35
|
-
snk-attach --> snk-simple-bar
|
|
36
34
|
snk-personalized-filter --> snk-simple-bar
|
|
37
35
|
style snk-simple-bar fill:#f9f,stroke:#333,stroke-width:4px
|
|
38
36
|
```
|
|
@@ -7,38 +7,39 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------------- | ----------------------------------- |
|
|
12
|
-
| `actionsList` | -- |
|
|
13
|
-
| `autoFocus` | `auto-focus` |
|
|
14
|
-
| `autoLoad` | `auto-load` |
|
|
15
|
-
| `configName` | `config-name` |
|
|
16
|
-
| `dataState` | -- |
|
|
17
|
-
| `dataUnit` | -- |
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------------- | ----------------------------------- | ----------------------------- | ------------------------------------------------------- | ------------------------- |
|
|
12
|
+
| `actionsList` | -- | | `Action[]` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | | `boolean` | `true` |
|
|
14
|
+
| `autoLoad` | `auto-load` | | `boolean` | `undefined` |
|
|
15
|
+
| `configName` | `config-name` | | `string` | `undefined` |
|
|
16
|
+
| `dataState` | -- | | `DataState` | `undefined` |
|
|
17
|
+
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
18
|
+
| `disableGridEdition` | `disable-grid-edition` | Desabilita a edição na grade. | `boolean` | `false` |
|
|
19
|
+
| `domainMessagesBuilder` | `domain-messages-builder` | | `string` | `undefined` |
|
|
20
|
+
| `enableContinuousInsert` | `enable-continuous-insert` | | `boolean` | `false` |
|
|
21
|
+
| `enableGridInsert` | `enable-grid-insert` | | `boolean` | `false` |
|
|
22
|
+
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | | `boolean` | `false` |
|
|
23
|
+
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | | `boolean` | `false` |
|
|
24
|
+
| `entityName` | `entity-name` | | `string` | `undefined` |
|
|
25
|
+
| `formConfig` | -- | | `IFormConfig` | `undefined` |
|
|
26
|
+
| `formLegacyConfigName` | `form-legacy-config-name` | | `string` | `undefined` |
|
|
27
|
+
| `gridConfig` | -- | | `IGridConfig` | `undefined` |
|
|
28
|
+
| `gridLegacyConfigName` | `grid-legacy-config-name` | | `string` | `undefined` |
|
|
29
|
+
| `ignoreReadOnlyFormFields` | `ignore-read-only-form-fields` | | `boolean` | `false` |
|
|
30
|
+
| `layoutFormConfig` | `layout-form-config` | | `boolean` | `true` |
|
|
31
|
+
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
32
|
+
| `mode` | `mode` | | `SIMPLE_CRUD_MODE.IN_MEMORY \| SIMPLE_CRUD_MODE.SERVER` | `SIMPLE_CRUD_MODE.SERVER` |
|
|
33
|
+
| `multipleEditionEnabled` | `multiple-edition-enabled` | | `boolean` | `true` |
|
|
34
|
+
| `multipleSelection` | `multiple-selection` | | `boolean` | `undefined` |
|
|
35
|
+
| `outlineMode` | `outline-mode` | | `boolean` | `false` |
|
|
36
|
+
| `pageSize` | `page-size` | | `number` | `150` |
|
|
37
|
+
| `paginationCounterMode` | `pagination-counter-mode` | | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
38
|
+
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
39
|
+
| `showConfiguratorButtons` | `show-configurator-buttons` | | `boolean` | `false` |
|
|
40
|
+
| `taskbarManager` | -- | | `TaskbarManager` | `undefined` |
|
|
41
|
+
| `useCancelConfirm` | `use-cancel-confirm` | | `boolean` | `true` |
|
|
42
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | | `boolean` | `false` |
|
|
42
43
|
|
|
43
44
|
|
|
44
45
|
## Events
|
|
@@ -208,6 +209,7 @@ graph TD;
|
|
|
208
209
|
snk-simple-crud --> snk-actions-button
|
|
209
210
|
snk-simple-crud --> taskbar-split-button
|
|
210
211
|
snk-simple-crud --> taskbar-actions-button
|
|
212
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
211
213
|
snk-taskbar --> snk-data-exporter
|
|
212
214
|
snk-taskbar --> snk-actions-button
|
|
213
215
|
snk-taskbar --> taskbar-split-button
|
|
@@ -7,11 +7,12 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| --------- | --------- |
|
|
12
|
-
| `actions` | -- | Define a lista de ações.
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente.
|
|
14
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | --------- | -------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `actions` | -- | Define a lista de ações. | `Action[]` | `undefined` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
15
|
+
| `title` | `title` | Texto que será exibido no botão | `string` | `undefined` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| --------------- | ----------------- | -------------------------------------------------------------------------- |
|
|
12
|
-
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void`
|
|
13
|
-
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]`
|
|
14
|
-
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string`
|
|
15
|
-
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string`
|
|
16
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean`
|
|
17
|
-
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string`
|
|
18
|
-
| `name` | `name` | Nome identificador da ação do botão. | `string`
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ----------------- | -------------------------------------------------------------------------- | -------------------------------- | ----------- |
|
|
12
|
+
| `action` | -- | Função de callback acionada ao clicar no botão principal. | `(name: string) => void` | `undefined` |
|
|
13
|
+
| `actions` | -- | Define a lista de ações disponíveis no dropdown do botão. | `Action[]` | `undefined` |
|
|
14
|
+
| `className` | `class-name` | Classe CSS personalizada para estilizar o botão. | `string` | `undefined` |
|
|
15
|
+
| `dataElementId` | `data-element-id` | Identificador de elemento para fins de rastreamento e automação de testes. | `string` | `undefined` |
|
|
16
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o componente. | `boolean` | `undefined` |
|
|
17
|
+
| `iconName` | `icon-name` | Nome do ícone a ser exibido no botão. | `string` | `undefined` |
|
|
18
|
+
| `name` | `name` | Nome identificador da ação do botão. | `string` | `undefined` |
|
|
19
|
+
| `size` | `size` | Define o tamanho do botão, podendo ser 'small', 'medium' ou 'large'. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
20
|
+
| `title` | `title` | Texto que será exibido no botão. | `string` | `undefined` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Dependencies
|
|
@@ -15,16 +15,19 @@
|
|
|
15
15
|
| `alignRigth` | `align-rigth` | | `boolean` | `false` |
|
|
16
16
|
| `buttons` | `buttons` | | `string` | `undefined` |
|
|
17
17
|
| `configName` | `config-name` | | `string` | `undefined` |
|
|
18
|
+
| `customActionsList` | -- | | `Action[]` | `undefined` |
|
|
18
19
|
| `customButtons` | -- | | `Map<string, CustomButton>` | `undefined` |
|
|
19
20
|
| `customContainerId` | `custom-container-id` | | `string` | `undefined` |
|
|
20
21
|
| `customSlotId` | `custom-slot-id` | | `string` | `"TASKBAR_CUSTOM_ELEMENTS"` |
|
|
21
22
|
| `dataUnit` | -- | | `DataUnit` | `undefined` |
|
|
23
|
+
| `disableSkeleton` | `disable-skeleton` | | `boolean` | `false` |
|
|
22
24
|
| `disabledButtons` | -- | | `string[]` | `undefined` |
|
|
23
25
|
| `messagesBuilder` | -- | | `SnkMessageBuilder` | `undefined` |
|
|
24
26
|
| `overflowStrategy` | `overflow-strategy` | | `"hiddenItems" \| "none"` | `'hiddenItems'` |
|
|
25
27
|
| `presentationMode` | `presentation-mode` | | `PresentationMode.PRIMARY \| PresentationMode.SECONDARY \| PresentationMode.SINGLE_TASKBAR` | `PresentationMode.PRIMARY` |
|
|
26
28
|
| `primaryButton` | `primary-button` | | `string` | `undefined` |
|
|
27
29
|
| `resourceID` | `resource-i-d` | | `string` | `undefined` |
|
|
30
|
+
| `sizeButtons` | `size-buttons` | | `"large" \| "medium" \| "small"` | `'small'` |
|
|
28
31
|
|
|
29
32
|
|
|
30
33
|
## Events
|
|
@@ -40,13 +43,14 @@
|
|
|
40
43
|
|
|
41
44
|
### Used by
|
|
42
45
|
|
|
46
|
+
- [snk-crud](../snk-crud)
|
|
43
47
|
- [snk-detail-view](../snk-crud/subcomponents/snk-detail-view)
|
|
44
48
|
- [snk-grid](../snk-grid)
|
|
45
|
-
- [snk-guides-viewer](../snk-crud/subcomponents)
|
|
46
49
|
- [snk-simple-crud](../snk-simple-crud)
|
|
47
50
|
|
|
48
51
|
### Depends on
|
|
49
52
|
|
|
53
|
+
- [snk-taskbar-skeleton](subcomponents)
|
|
50
54
|
- [snk-data-exporter](../snk-data-exporter)
|
|
51
55
|
- [snk-actions-button](../snk-actions-button)
|
|
52
56
|
- [taskbar-split-button](./elements/taskbar-split-button)
|
|
@@ -55,14 +59,15 @@
|
|
|
55
59
|
### Graph
|
|
56
60
|
```mermaid
|
|
57
61
|
graph TD;
|
|
62
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
58
63
|
snk-taskbar --> snk-data-exporter
|
|
59
64
|
snk-taskbar --> snk-actions-button
|
|
60
65
|
snk-taskbar --> taskbar-split-button
|
|
61
66
|
snk-taskbar --> taskbar-actions-button
|
|
62
67
|
snk-data-exporter --> snk-exporter-email-sender
|
|
68
|
+
snk-crud --> snk-taskbar
|
|
63
69
|
snk-detail-view --> snk-taskbar
|
|
64
70
|
snk-grid --> snk-taskbar
|
|
65
|
-
snk-guides-viewer --> snk-taskbar
|
|
66
71
|
snk-simple-crud --> snk-taskbar
|
|
67
72
|
style snk-taskbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
73
|
```
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# snk-taskbar-skeleton
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [snk-taskbar](..)
|
|
13
|
+
|
|
14
|
+
### Graph
|
|
15
|
+
```mermaid
|
|
16
|
+
graph TD;
|
|
17
|
+
snk-taskbar --> snk-taskbar-skeleton
|
|
18
|
+
style snk-taskbar-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
----------------------------------------------
|
|
22
|
+
|
|
23
|
+
|