@sankhyalabs/ezui-docs 7.3.5-rc.1 → 7.3.5
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 +0 -12
- package/components/ez-calendar/readme.md +0 -4
- package/components/ez-card-item/readme.md +0 -4
- package/components/ez-classic-combo-box/readme.md +3 -12
- package/components/ez-classic-input/readme.md +1 -22
- package/components/ez-classic-text-area/readme.md +19 -25
- package/components/ez-empty-card/readme.md +2 -2
- package/components/ez-filter/readme.md +0 -37
- package/components/ez-form/readme.md +9 -47
- package/components/ez-form-view/readme.md +6 -57
- package/components/ez-grid/readme.md +6 -24
- package/components/ez-grid/subcomponents/readme.md +0 -1
- package/components/ez-grid-view/readme.md +3 -9
- package/components/ez-guide-navigator/readme.md +0 -2
- package/components/ez-icon/readme.md +0 -6
- package/components/ez-modal/readme.md +1 -2
- package/components/ez-multi-select-input/readme.md +0 -2
- package/components/ez-multi-selection-list/readme.md +0 -2
- package/components/ez-popover/readme.md +0 -13
- package/components/ez-popover-plus/readme.md +0 -8
- package/components/ez-popup/readme.md +0 -2
- package/components/ez-scroller/readme.md +6 -20
- package/components/ez-search/readme.md +1 -7
- package/components/ez-sidebar-navigator/readme.md +0 -2
- package/components/ez-skeleton/readme.md +0 -4
- package/components/ez-split-button/readme.md +0 -2
- package/components/ez-split-panel/readme.md +0 -1
- package/components/ez-split-panel/structure/item/readme.md +0 -1
- package/components/ez-tabselector/readme.md +3 -5
- package/components/ez-tooltip/readme.md +0 -6
- package/package.json +1 -1
- package/components/ez-classic-date-input/readme.md +0 -111
- package/components/ez-classic-date-time-input/readme.md +0 -111
- package/components/ez-classic-number-input/readme.md +0 -107
- package/components/ez-classic-search/readme.md +0 -162
- package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +0 -72
- package/components/ez-classic-search-plus/readme.md +0 -169
- package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +0 -90
- package/components/ez-classic-time-input/readme.md +0 -88
- package/components/ez-grid-pagination/readme.md +0 -95
- package/components/ez-image-input/readme.md +0 -77
- package/components/ez-record-navigation/readme.md +0 -59
|
@@ -7,13 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
|
|
16
|
-
| `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
|
|
12
|
+
| `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
|
|
13
|
+
| `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
|
|
14
|
+
| `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
|
|
17
15
|
|
|
18
16
|
|
|
19
17
|
## Events
|
|
@@ -69,27 +67,17 @@ Type: `Promise<void>`
|
|
|
69
67
|
- [ez-custom-form-input](custom-input)
|
|
70
68
|
- [ez-collapsible-box](../ez-collapsible-box)
|
|
71
69
|
- [ez-check](../ez-check)
|
|
72
|
-
- [ez-classic-combo-box](../ez-classic-combo-box)
|
|
73
70
|
- [ez-combo-box](../ez-combo-box)
|
|
74
|
-
- [ez-classic-date-input](../ez-classic-date-input)
|
|
75
71
|
- [ez-date-input](../ez-date-input)
|
|
76
|
-
- [ez-classic-time-input](../ez-classic-time-input)
|
|
77
72
|
- [ez-time-input](../ez-time-input)
|
|
78
|
-
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
79
73
|
- [ez-date-time-input](../ez-date-time-input)
|
|
80
74
|
- [ez-upload](../ez-upload)
|
|
81
|
-
- [ez-classic-number-input](../ez-classic-number-input)
|
|
82
75
|
- [ez-number-input](../ez-number-input)
|
|
83
|
-
- [ez-classic-text-area](../ez-classic-text-area)
|
|
84
76
|
- [ez-text-area](../ez-text-area)
|
|
85
|
-
- [ez-classic-input](../ez-classic-input)
|
|
86
77
|
- [ez-text-input](../ez-text-input)
|
|
87
|
-
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
88
78
|
- [ez-search-plus](../ez-search-plus)
|
|
89
|
-
- [ez-classic-search](../ez-classic-search)
|
|
90
79
|
- [ez-search](../ez-search)
|
|
91
80
|
- [ez-rich-text](../ez-rich-text)
|
|
92
|
-
- [ez-image-input](../ez-image-input)
|
|
93
81
|
- [ez-multi-select-input](../ez-multi-select-input)
|
|
94
82
|
|
|
95
83
|
### Graph
|
|
@@ -98,27 +86,17 @@ graph TD;
|
|
|
98
86
|
ez-form-view --> ez-custom-form-input
|
|
99
87
|
ez-form-view --> ez-collapsible-box
|
|
100
88
|
ez-form-view --> ez-check
|
|
101
|
-
ez-form-view --> ez-classic-combo-box
|
|
102
89
|
ez-form-view --> ez-combo-box
|
|
103
|
-
ez-form-view --> ez-classic-date-input
|
|
104
90
|
ez-form-view --> ez-date-input
|
|
105
|
-
ez-form-view --> ez-classic-time-input
|
|
106
91
|
ez-form-view --> ez-time-input
|
|
107
|
-
ez-form-view --> ez-classic-date-time-input
|
|
108
92
|
ez-form-view --> ez-date-time-input
|
|
109
93
|
ez-form-view --> ez-upload
|
|
110
|
-
ez-form-view --> ez-classic-number-input
|
|
111
94
|
ez-form-view --> ez-number-input
|
|
112
|
-
ez-form-view --> ez-classic-text-area
|
|
113
95
|
ez-form-view --> ez-text-area
|
|
114
|
-
ez-form-view --> ez-classic-input
|
|
115
96
|
ez-form-view --> ez-text-input
|
|
116
|
-
ez-form-view --> ez-classic-search-plus
|
|
117
97
|
ez-form-view --> ez-search-plus
|
|
118
|
-
ez-form-view --> ez-classic-search
|
|
119
98
|
ez-form-view --> ez-search
|
|
120
99
|
ez-form-view --> ez-rich-text
|
|
121
|
-
ez-form-view --> ez-image-input
|
|
122
100
|
ez-form-view --> ez-multi-select-input
|
|
123
101
|
ez-collapsible-box --> ez-icon
|
|
124
102
|
ez-collapsible-box --> ez-text-edit
|
|
@@ -127,51 +105,28 @@ graph TD;
|
|
|
127
105
|
ez-text-input --> ez-tooltip
|
|
128
106
|
ez-text-input --> ez-icon
|
|
129
107
|
ez-button --> ez-icon
|
|
130
|
-
ez-classic-combo-box --> ez-classic-input
|
|
131
|
-
ez-classic-combo-box --> ez-popover-core
|
|
132
|
-
ez-classic-input --> ez-icon
|
|
133
108
|
ez-combo-box --> ez-text-input
|
|
134
109
|
ez-combo-box --> ez-icon
|
|
135
110
|
ez-combo-box --> ez-popover-plus
|
|
136
111
|
ez-combo-box --> ez-combo-box-list
|
|
137
112
|
ez-popover-plus --> ez-popover-core
|
|
138
|
-
ez-classic-date-input --> ez-classic-input
|
|
139
|
-
ez-classic-date-input --> ez-popover-plus
|
|
140
|
-
ez-classic-date-input --> ez-calendar
|
|
141
113
|
ez-date-input --> ez-text-input
|
|
142
114
|
ez-date-input --> ez-popover-plus
|
|
143
115
|
ez-date-input --> ez-calendar
|
|
144
|
-
ez-classic-time-input --> ez-classic-input
|
|
145
116
|
ez-time-input --> ez-text-input
|
|
146
117
|
ez-time-input --> ez-icon
|
|
147
|
-
ez-classic-date-time-input --> ez-classic-input
|
|
148
|
-
ez-classic-date-time-input --> ez-popover-plus
|
|
149
|
-
ez-classic-date-time-input --> ez-calendar
|
|
150
118
|
ez-date-time-input --> ez-text-input
|
|
151
119
|
ez-date-time-input --> ez-popover-plus
|
|
152
120
|
ez-date-time-input --> ez-calendar
|
|
153
|
-
ez-classic-number-input --> ez-classic-input
|
|
154
121
|
ez-number-input --> ez-text-input
|
|
155
|
-
ez-classic-text-area --> ez-icon
|
|
156
122
|
ez-text-area --> ez-tooltip
|
|
157
123
|
ez-text-area --> ez-icon
|
|
158
|
-
ez-classic-search-plus --> ez-classic-input
|
|
159
|
-
ez-classic-search-plus --> ez-popover-plus
|
|
160
|
-
ez-classic-search-plus --> ez-classic-search-result-list
|
|
161
|
-
ez-classic-search-result-list --> ez-card-item
|
|
162
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
163
124
|
ez-search-plus --> ez-icon
|
|
164
125
|
ez-search-plus --> ez-text-input
|
|
165
126
|
ez-search-plus --> ez-popover-plus
|
|
166
127
|
ez-search-plus --> ez-search-result-list
|
|
167
128
|
ez-search-result-list --> ez-card-item
|
|
168
129
|
ez-search-result-list --> ez-skeleton
|
|
169
|
-
ez-classic-search --> ez-button
|
|
170
|
-
ez-classic-search --> ez-classic-input
|
|
171
|
-
ez-classic-search --> ez-popover-plus
|
|
172
|
-
ez-classic-search --> classic-search-list
|
|
173
|
-
classic-search-list --> ez-card-item
|
|
174
|
-
ez-search --> ez-button
|
|
175
130
|
ez-search --> ez-text-input
|
|
176
131
|
ez-search --> ez-icon
|
|
177
132
|
ez-search --> ez-popover-plus
|
|
@@ -200,10 +155,6 @@ graph TD;
|
|
|
200
155
|
ez-simple-image-uploader --> ez-tooltip
|
|
201
156
|
ez-simple-image-uploader --> ez-text-input
|
|
202
157
|
ez-simple-image-uploader --> ez-icon
|
|
203
|
-
ez-image-input --> ez-skeleton
|
|
204
|
-
ez-image-input --> ez-button
|
|
205
|
-
ez-image-input --> ez-icon
|
|
206
|
-
ez-image-input --> ez-popup
|
|
207
158
|
ez-multi-select-input --> ez-icon
|
|
208
159
|
ez-multi-select-input --> ez-tooltip
|
|
209
160
|
ez-multi-select-input --> ez-popover-core
|
|
@@ -231,8 +182,6 @@ graph TD;
|
|
|
231
182
|
| Variable | Description |
|
|
232
183
|
|-|-|
|
|
233
184
|
| --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
|
|
234
|
-
| --ez-form-view\_\_long-item--min-width | Define o tamanho mínimo dos itens do formulário. |
|
|
235
185
|
| --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
|
|
236
|
-
| --ez-form-view\_\
|
|
237
|
-
| --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
|
|
186
|
+
| --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
|
|
238
187
|
| --ez-form-view\_\_item--padding | Define o padding do formulário. |
|
|
@@ -20,11 +20,10 @@
|
|
|
20
20
|
| `enableLockManagerLoadingComp` | `enable-lock-manager-loading-comp` | Define se o componente deve usar o LockManager para controle de carregamento da aplicação | `boolean` | `false` |
|
|
21
21
|
| `enableLockManagerTaskbarClick` | `enable-lock-manager-taskbar-click` | Ativa inserção de registros no modo grade pela Taskbar. | `boolean` | `true` |
|
|
22
22
|
| `enableRowTableStriped` | `enable-row-table-striped` | Ativa modo de linhas com cores alternadas. | `boolean` | `true` |
|
|
23
|
-
| `hidePagination` | `hide-pagination` | Esconder paginação. | `boolean` | `false` |
|
|
24
23
|
| `mode` | `mode` | Define o modo de uso da grade | `"complete" \| "simple"` | `"complete"` |
|
|
25
24
|
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
26
25
|
| `outlineMode` | `outline-mode` | Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `false` |
|
|
27
|
-
| `paginationCounterMode` | `pagination-counter-mode` | Define a
|
|
26
|
+
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
28
27
|
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
29
28
|
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
30
29
|
| `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
|
|
@@ -161,16 +160,6 @@ Type: `Promise<any[]>`
|
|
|
161
160
|
|
|
162
161
|
---
|
|
163
162
|
|
|
164
|
-
### `handlePageChange() => Promise<void>`
|
|
165
|
-
|
|
166
|
-
Manipula a mudança de página da grid.
|
|
167
|
-
|
|
168
|
-
#### Returns
|
|
169
|
-
|
|
170
|
-
Type: `Promise<void>`
|
|
171
|
-
|
|
172
|
-
---
|
|
173
|
-
|
|
174
163
|
### `locateColumn(columnName: string) => Promise<void>`
|
|
175
164
|
|
|
176
165
|
Localiza determinada coluna tornando-a visível.
|
|
@@ -280,27 +269,25 @@ Type: `Promise<void>`
|
|
|
280
269
|
|
|
281
270
|
### Depends on
|
|
282
271
|
|
|
283
|
-
- [filter-column](subcomponents)
|
|
284
272
|
- [ez-popover](../ez-popover)
|
|
285
|
-
- [ez-grid-pagination](../ez-grid-pagination)
|
|
286
|
-
- [ez-button](../ez-button)
|
|
287
273
|
- [ez-icon](../ez-icon)
|
|
274
|
+
- [ez-button](../ez-button)
|
|
275
|
+
- [filter-column](subcomponents)
|
|
288
276
|
- [ez-search](../ez-search)
|
|
289
277
|
|
|
290
278
|
### Graph
|
|
291
279
|
```mermaid
|
|
292
280
|
graph TD;
|
|
293
|
-
ez-grid --> filter-column
|
|
294
281
|
ez-grid --> ez-popover
|
|
295
|
-
ez-grid --> ez-grid-pagination
|
|
296
|
-
ez-grid --> ez-button
|
|
297
282
|
ez-grid --> ez-icon
|
|
283
|
+
ez-grid --> ez-button
|
|
284
|
+
ez-grid --> filter-column
|
|
298
285
|
ez-grid --> ez-search
|
|
286
|
+
ez-button --> ez-icon
|
|
299
287
|
filter-column --> ez-popover-plus
|
|
300
288
|
filter-column --> ez-button
|
|
301
289
|
filter-column --> ez-multi-selection-list
|
|
302
290
|
ez-popover-plus --> ez-popover-core
|
|
303
|
-
ez-button --> ez-icon
|
|
304
291
|
ez-multi-selection-list --> ez-check
|
|
305
292
|
ez-multi-selection-list --> ez-list
|
|
306
293
|
ez-multi-selection-list --> ez-icon
|
|
@@ -312,16 +299,11 @@ graph TD;
|
|
|
312
299
|
ez-filter-input --> ez-icon
|
|
313
300
|
ez-text-input --> ez-tooltip
|
|
314
301
|
ez-text-input --> ez-icon
|
|
315
|
-
ez-search --> ez-button
|
|
316
302
|
ez-search --> ez-text-input
|
|
317
303
|
ez-search --> ez-icon
|
|
318
304
|
ez-search --> ez-popover-plus
|
|
319
305
|
ez-search --> search-list
|
|
320
306
|
search-list --> ez-card-item
|
|
321
|
-
ez-grid-pagination --> ez-icon
|
|
322
|
-
ez-grid-pagination --> ez-button
|
|
323
|
-
ez-grid-pagination --> ez-popover
|
|
324
|
-
ez-grid-pagination --> ez-tooltip
|
|
325
307
|
ez-grid-view --> ez-grid
|
|
326
308
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
327
309
|
```
|
|
@@ -149,17 +149,16 @@ Type: `Promise<void>`
|
|
|
149
149
|
```mermaid
|
|
150
150
|
graph TD;
|
|
151
151
|
ez-grid-view --> ez-grid
|
|
152
|
-
ez-grid --> filter-column
|
|
153
152
|
ez-grid --> ez-popover
|
|
154
|
-
ez-grid --> ez-grid-pagination
|
|
155
|
-
ez-grid --> ez-button
|
|
156
153
|
ez-grid --> ez-icon
|
|
154
|
+
ez-grid --> ez-button
|
|
155
|
+
ez-grid --> filter-column
|
|
157
156
|
ez-grid --> ez-search
|
|
157
|
+
ez-button --> ez-icon
|
|
158
158
|
filter-column --> ez-popover-plus
|
|
159
159
|
filter-column --> ez-button
|
|
160
160
|
filter-column --> ez-multi-selection-list
|
|
161
161
|
ez-popover-plus --> ez-popover-core
|
|
162
|
-
ez-button --> ez-icon
|
|
163
162
|
ez-multi-selection-list --> ez-check
|
|
164
163
|
ez-multi-selection-list --> ez-list
|
|
165
164
|
ez-multi-selection-list --> ez-icon
|
|
@@ -171,16 +170,11 @@ graph TD;
|
|
|
171
170
|
ez-filter-input --> ez-icon
|
|
172
171
|
ez-text-input --> ez-tooltip
|
|
173
172
|
ez-text-input --> ez-icon
|
|
174
|
-
ez-search --> ez-button
|
|
175
173
|
ez-search --> ez-text-input
|
|
176
174
|
ez-search --> ez-icon
|
|
177
175
|
ez-search --> ez-popover-plus
|
|
178
176
|
ez-search --> search-list
|
|
179
177
|
search-list --> ez-card-item
|
|
180
|
-
ez-grid-pagination --> ez-icon
|
|
181
|
-
ez-grid-pagination --> ez-button
|
|
182
|
-
ez-grid-pagination --> ez-popover
|
|
183
|
-
ez-grid-pagination --> ez-tooltip
|
|
184
178
|
style ez-grid-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
185
179
|
```
|
|
186
180
|
|
|
@@ -131,8 +131,6 @@ graph TD;
|
|
|
131
131
|
ez-text-input --> ez-tooltip
|
|
132
132
|
ez-text-input --> ez-icon
|
|
133
133
|
ez-button --> ez-icon
|
|
134
|
-
ez-scroller --> ez-button
|
|
135
|
-
ez-scroller --> ez-icon
|
|
136
134
|
ez-tree --> ez-icon
|
|
137
135
|
style ez-guide-navigator fill:#f9f,stroke:#333,stroke-width:4px
|
|
138
136
|
```
|
|
@@ -35,14 +35,11 @@
|
|
|
35
35
|
- [ez-file-item](../ez-file-item)
|
|
36
36
|
- [ez-filter-input](../ez-filter-input)
|
|
37
37
|
- [ez-grid](../ez-grid)
|
|
38
|
-
- [ez-grid-pagination](../ez-grid-pagination)
|
|
39
|
-
- [ez-image-input](../ez-image-input)
|
|
40
38
|
- [ez-list-item](../ez-list-item)
|
|
41
39
|
- [ez-modal-container](../ez-modal-container)
|
|
42
40
|
- [ez-multi-select-input](../ez-multi-select-input)
|
|
43
41
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
44
42
|
- [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
|
|
45
|
-
- [ez-scroller](../ez-scroller)
|
|
46
43
|
- [ez-search](../ez-search)
|
|
47
44
|
- [ez-search-plus](../ez-search-plus)
|
|
48
45
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
@@ -75,14 +72,11 @@ graph TD;
|
|
|
75
72
|
ez-file-item --> ez-icon
|
|
76
73
|
ez-filter-input --> ez-icon
|
|
77
74
|
ez-grid --> ez-icon
|
|
78
|
-
ez-grid-pagination --> ez-icon
|
|
79
|
-
ez-image-input --> ez-icon
|
|
80
75
|
ez-list-item --> ez-icon
|
|
81
76
|
ez-modal-container --> ez-icon
|
|
82
77
|
ez-multi-select-input --> ez-icon
|
|
83
78
|
ez-multi-selection-list --> ez-icon
|
|
84
79
|
ez-rich-toolbar-item --> ez-icon
|
|
85
|
-
ez-scroller --> ez-icon
|
|
86
80
|
ez-search --> ez-icon
|
|
87
81
|
ez-search-plus --> ez-icon
|
|
88
82
|
ez-sidebar-button --> ez-icon
|
|
@@ -38,5 +38,4 @@
|
|
|
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 |
|
|
42
|
-
| --ez-modal-content-min-width | Define a largura mínima do conteúdo do modal |
|
|
41
|
+
| --ez-modal-content-padding | Define o padding entre o conteúdo e o modal |
|
|
@@ -100,12 +100,10 @@ graph TD;
|
|
|
100
100
|
ez-filter-input --> ez-icon
|
|
101
101
|
ez-text-input --> ez-tooltip
|
|
102
102
|
ez-text-input --> ez-icon
|
|
103
|
-
ez-search --> ez-button
|
|
104
103
|
ez-search --> ez-text-input
|
|
105
104
|
ez-search --> ez-icon
|
|
106
105
|
ez-search --> ez-popover-plus
|
|
107
106
|
ez-search --> search-list
|
|
108
|
-
ez-button --> ez-icon
|
|
109
107
|
ez-popover-plus --> ez-popover-core
|
|
110
108
|
search-list --> ez-card-item
|
|
111
109
|
ez-form-view --> ez-multi-select-input
|
|
@@ -77,12 +77,10 @@ graph TD;
|
|
|
77
77
|
ez-filter-input --> ez-icon
|
|
78
78
|
ez-text-input --> ez-tooltip
|
|
79
79
|
ez-text-input --> ez-icon
|
|
80
|
-
ez-search --> ez-button
|
|
81
80
|
ez-search --> ez-text-input
|
|
82
81
|
ez-search --> ez-icon
|
|
83
82
|
ez-search --> ez-popover-plus
|
|
84
83
|
ez-search --> search-list
|
|
85
|
-
ez-button --> ez-icon
|
|
86
84
|
ez-popover-plus --> ez-popover-core
|
|
87
85
|
search-list --> ez-card-item
|
|
88
86
|
ez-multi-select-input --> ez-multi-selection-list
|
|
@@ -45,17 +45,6 @@ Type: `Promise<void>`
|
|
|
45
45
|
|
|
46
46
|
---
|
|
47
47
|
|
|
48
|
-
### `showAbove(offsets?: { bottom?: string; left?: string; right?: string; }) => Promise<void>`
|
|
49
|
-
|
|
50
|
-
Exibe o ez-popover ancorado acima da posição de origem (usa `bottom` em vez de `top`).
|
|
51
|
-
Aceita opcionalmente `left` ou `right` para alinhamento horizontal.
|
|
52
|
-
|
|
53
|
-
#### Returns
|
|
54
|
-
|
|
55
|
-
Type: `Promise<void>`
|
|
56
|
-
|
|
57
|
-
---
|
|
58
|
-
|
|
59
48
|
### `showUnder(element: HTMLElement, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
60
49
|
|
|
61
50
|
Ancora a exibição do popOver a um elemento HTML.
|
|
@@ -83,14 +72,12 @@ Type: `Promise<void>`
|
|
|
83
72
|
|
|
84
73
|
- [ez-form](../ez-form)
|
|
85
74
|
- [ez-grid](../ez-grid)
|
|
86
|
-
- [ez-grid-pagination](../ez-grid-pagination)
|
|
87
75
|
|
|
88
76
|
### Graph
|
|
89
77
|
```mermaid
|
|
90
78
|
graph TD;
|
|
91
79
|
ez-form --> ez-popover
|
|
92
80
|
ez-grid --> ez-popover
|
|
93
|
-
ez-grid-pagination --> ez-popover
|
|
94
81
|
style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
|
|
95
82
|
```
|
|
96
83
|
|
|
@@ -94,10 +94,6 @@ Type: `Promise<void>`
|
|
|
94
94
|
|
|
95
95
|
### Used by
|
|
96
96
|
|
|
97
|
-
- [ez-classic-date-input](../ez-classic-date-input)
|
|
98
|
-
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
99
|
-
- [ez-classic-search](../ez-classic-search)
|
|
100
|
-
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
101
97
|
- [ez-combo-box](../ez-combo-box)
|
|
102
98
|
- [ez-date-input](../ez-date-input)
|
|
103
99
|
- [ez-date-time-input](../ez-date-time-input)
|
|
@@ -113,10 +109,6 @@ Type: `Promise<void>`
|
|
|
113
109
|
```mermaid
|
|
114
110
|
graph TD;
|
|
115
111
|
ez-popover-plus --> ez-popover-core
|
|
116
|
-
ez-classic-date-input --> ez-popover-plus
|
|
117
|
-
ez-classic-date-time-input --> ez-popover-plus
|
|
118
|
-
ez-classic-search --> ez-popover-plus
|
|
119
|
-
ez-classic-search-plus --> ez-popover-plus
|
|
120
112
|
ez-combo-box --> ez-popover-plus
|
|
121
113
|
ez-date-input --> ez-popover-plus
|
|
122
114
|
ez-date-time-input --> ez-popover-plus
|
|
@@ -31,7 +31,6 @@
|
|
|
31
31
|
|
|
32
32
|
### Used by
|
|
33
33
|
|
|
34
|
-
- [ez-image-input](../ez-image-input)
|
|
35
34
|
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
36
35
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
37
36
|
|
|
@@ -44,7 +43,6 @@
|
|
|
44
43
|
graph TD;
|
|
45
44
|
ez-popup --> ez-button
|
|
46
45
|
ez-button --> ez-icon
|
|
47
|
-
ez-image-input --> ez-popup
|
|
48
46
|
ez-link-builder --> ez-popup
|
|
49
47
|
ez-simple-image-uploader --> ez-popup
|
|
50
48
|
style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,13 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `activeShadow`
|
|
13
|
-
| `direction`
|
|
14
|
-
| `locked`
|
|
15
|
-
| `navigationMode` | `navigation-mode` | Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel). | `EzScrollNavigationMode.BUTTONS \| EzScrollNavigationMode.SCROLLBAR` | `EzScrollNavigationMode.SCROLLBAR` |
|
|
16
|
-
| `scrollAmount` | `scroll-amount` | Define a quantidade de pixels que será rolado ao clicar nos botões de navegação. | `number` | `200` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | -------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
|
|
13
|
+
| `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
|
|
14
|
+
| `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
|
|
17
15
|
|
|
18
16
|
|
|
19
17
|
## Dependencies
|
|
@@ -23,17 +21,9 @@
|
|
|
23
21
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
24
22
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
25
23
|
|
|
26
|
-
### Depends on
|
|
27
|
-
|
|
28
|
-
- [ez-button](../ez-button)
|
|
29
|
-
- [ez-icon](../ez-icon)
|
|
30
|
-
|
|
31
24
|
### Graph
|
|
32
25
|
```mermaid
|
|
33
26
|
graph TD;
|
|
34
|
-
ez-scroller --> ez-button
|
|
35
|
-
ez-scroller --> ez-icon
|
|
36
|
-
ez-button --> ez-icon
|
|
37
27
|
ez-guide-navigator --> ez-scroller
|
|
38
28
|
ez-sidebar-navigator --> ez-scroller
|
|
39
29
|
style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -48,7 +38,6 @@ graph TD;
|
|
|
48
38
|
| Variable | Description |
|
|
49
39
|
|-|-|
|
|
50
40
|
| --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. |
|
|
51
|
-
| --ez-scroller\_\_nav-button--spacing | Define o espaçamento entre os botões de navegação e o conteúdo. |
|
|
52
41
|
| --ez-scroller\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
|
|
53
42
|
| --ez-scroller\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
|
|
54
43
|
| --ez-scroller\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
|
|
@@ -56,7 +45,4 @@ graph TD;
|
|
|
56
45
|
| --ez-scroller\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
|
|
57
46
|
| --ez-scroller\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
|
|
58
47
|
| --ez-scroller\_\_max-height | Define o a altura máxima do componente. |
|
|
59
|
-
| --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
|
|
60
|
-
| --ez-scroller\_\_nav-button--size | Define o tamanho do botão de navegação. |
|
|
61
|
-
| --ez-scroller\_\_nav-button--border-radius | Define o raio da borda do botão de navegação. |
|
|
62
|
-
| --ez-scroller\_\_nav-button--gradient-width | Define a largura do gradiente ao lado do botão. |
|
|
48
|
+
| --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
|
|
@@ -16,7 +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
|
|
19
|
+
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
|
|
20
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` |
|
|
21
21
|
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
22
22
|
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
@@ -25,12 +25,10 @@
|
|
|
25
25
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
26
26
|
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
27
27
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
28
|
-
| `showMore` | `show-more` | Informa se deve exibir a opção de mostrar mais resultados. | `boolean` | `undefined` |
|
|
29
28
|
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
30
29
|
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
31
30
|
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
32
31
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
33
|
-
| `suppressInputPersist` | `suppress-input-persist` | Informa se o valor da opção selecionada deve persistir no input de texto. | `boolean` | `false` |
|
|
34
32
|
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
35
33
|
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
36
34
|
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
@@ -108,7 +106,6 @@ Type: `Promise<void>`
|
|
|
108
106
|
|
|
109
107
|
### Depends on
|
|
110
108
|
|
|
111
|
-
- [ez-button](../ez-button)
|
|
112
109
|
- [ez-text-input](../ez-text-input)
|
|
113
110
|
- [ez-icon](../ez-icon)
|
|
114
111
|
- [ez-popover-plus](../ez-popover-plus)
|
|
@@ -117,12 +114,10 @@ Type: `Promise<void>`
|
|
|
117
114
|
### Graph
|
|
118
115
|
```mermaid
|
|
119
116
|
graph TD;
|
|
120
|
-
ez-search --> ez-button
|
|
121
117
|
ez-search --> ez-text-input
|
|
122
118
|
ez-search --> ez-icon
|
|
123
119
|
ez-search --> ez-popover-plus
|
|
124
120
|
ez-search --> search-list
|
|
125
|
-
ez-button --> ez-icon
|
|
126
121
|
ez-text-input --> ez-tooltip
|
|
127
122
|
ez-text-input --> ez-icon
|
|
128
123
|
ez-popover-plus --> ez-popover-core
|
|
@@ -144,7 +139,6 @@ graph TD;
|
|
|
144
139
|
|-|-|
|
|
145
140
|
| --ez-search--height | Define altura do input. |
|
|
146
141
|
| --ez-search--width | Define largura do input. |
|
|
147
|
-
| --ez-search--min-width | Define largura mínima do input. |
|
|
148
142
|
| --ez-search\_\_icon--width | Define largura do slot do ícone do input. |
|
|
149
143
|
| --ez-search--border-radius | Define o raio da borda do input. |
|
|
150
144
|
| --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. |
|
|
@@ -25,17 +25,13 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
|
|
29
28
|
- [ez-dropdown](../ez-dropdown)
|
|
30
|
-
- [ez-image-input](../ez-image-input)
|
|
31
29
|
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
32
30
|
|
|
33
31
|
### Graph
|
|
34
32
|
```mermaid
|
|
35
33
|
graph TD;
|
|
36
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
37
34
|
ez-dropdown --> ez-skeleton
|
|
38
|
-
ez-image-input --> ez-skeleton
|
|
39
35
|
ez-search-result-list --> ez-skeleton
|
|
40
36
|
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
41
37
|
```
|
|
@@ -97,14 +97,12 @@ Type: `Promise<void>`
|
|
|
97
97
|
|
|
98
98
|
### Depends on
|
|
99
99
|
|
|
100
|
-
- [ez-tooltip](../ez-tooltip)
|
|
101
100
|
- [ez-icon](../ez-icon)
|
|
102
101
|
- [ez-dropdown](../ez-dropdown)
|
|
103
102
|
|
|
104
103
|
### Graph
|
|
105
104
|
```mermaid
|
|
106
105
|
graph TD;
|
|
107
|
-
ez-split-button --> ez-tooltip
|
|
108
106
|
ez-split-button --> ez-icon
|
|
109
107
|
ez-split-button --> ez-dropdown
|
|
110
108
|
ez-dropdown --> ez-skeleton
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
| ---------------- | ------------------ | -------------------------------------------------------------------------------------- | ------------------- | ---------- |
|
|
12
12
|
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
|
|
13
13
|
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
14
|
-
| `showGutter` | `show-gutter` | Exibe uma alça visível no divisor entre os itens (indicador de arraste). | `boolean` | `false` |
|
|
15
14
|
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
16
15
|
|
|
17
16
|
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
| -------------- | --------------- | -------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
12
12
|
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
|
|
13
13
|
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
14
|
-
| `outline` | `outline` | Exibe o item apenas com contorno (borda), sem preenchimento nem sombra. | `boolean` | `false` |
|
|
15
14
|
| `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
|
|
16
15
|
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
17
16
|
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | ----------- |
|
|
12
|
-
| `reorderable` | `reorderable` | Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão. | `boolean` | `false` |
|
|
13
12
|
| `selectedIndex` | `selected-index` | Define o index da aba selecionada. | `number` | `undefined` |
|
|
14
13
|
| `selectedTab` | `selected-tab` | Define a aba selecionada. | `string` | `undefined` |
|
|
15
14
|
| `tabs` | `tabs` | Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. | `Tab[] \| string` | `undefined` |
|
|
@@ -17,10 +16,9 @@
|
|
|
17
16
|
|
|
18
17
|
## Events
|
|
19
18
|
|
|
20
|
-
| Event
|
|
21
|
-
|
|
|
22
|
-
| `ezChange`
|
|
23
|
-
| `ezReorder` | Emitido quando as abas são reordenadas via drag-and-drop. Recebe o array de abas na nova ordem. | `CustomEvent<Tab[]>` |
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ---------- | ----------------------------------------------------------- | ------------------ |
|
|
21
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
|
|
24
22
|
|
|
25
23
|
|
|
26
24
|
## Methods
|