@sankhyalabs/ezui-docs 7.3.1-rc.1 → 7.3.1
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-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-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
|
@@ -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
|
|
@@ -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
|
|
@@ -26,11 +26,8 @@
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
28
|
- [ez-chip](../ez-chip)
|
|
29
|
-
- [ez-grid-pagination](../ez-grid-pagination)
|
|
30
29
|
- [ez-multi-select-input](../ez-multi-select-input)
|
|
31
|
-
- [ez-record-navigation](../ez-record-navigation)
|
|
32
30
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
33
|
-
- [ez-split-button](../ez-split-button)
|
|
34
31
|
- [ez-text-area](../ez-text-area)
|
|
35
32
|
- [ez-text-input](../ez-text-input)
|
|
36
33
|
|
|
@@ -38,11 +35,8 @@
|
|
|
38
35
|
```mermaid
|
|
39
36
|
graph TD;
|
|
40
37
|
ez-chip --> ez-tooltip
|
|
41
|
-
ez-grid-pagination --> ez-tooltip
|
|
42
38
|
ez-multi-select-input --> ez-tooltip
|
|
43
|
-
ez-record-navigation --> ez-tooltip
|
|
44
39
|
ez-simple-image-uploader --> ez-tooltip
|
|
45
|
-
ez-split-button --> ez-tooltip
|
|
46
40
|
ez-text-area --> ez-tooltip
|
|
47
41
|
ez-text-input --> ez-tooltip
|
|
48
42
|
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|
package/package.json
CHANGED
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
# ez-classic-date-input
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
|
|
12
|
-
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
-
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
-
| `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
|
|
20
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
21
|
-
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
## Events
|
|
25
|
-
|
|
26
|
-
| Event | Description | Type |
|
|
27
|
-
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
|
|
28
|
-
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
|
|
29
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<Date>` |
|
|
30
|
-
| `ezInput` | Emitido quando o usuário digita uma data válida no campo. | `CustomEvent<Date>` |
|
|
31
|
-
| `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
## Methods
|
|
35
|
-
|
|
36
|
-
### `getValueAsync() => Promise<Date>`
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
#### Returns
|
|
41
|
-
|
|
42
|
-
Type: `Promise<Date>`
|
|
43
|
-
|
|
44
|
-
---
|
|
45
|
-
|
|
46
|
-
### `isInvalid() => Promise<boolean>`
|
|
47
|
-
|
|
48
|
-
Retorna se o conteúdo é inválido.
|
|
49
|
-
|
|
50
|
-
#### Returns
|
|
51
|
-
|
|
52
|
-
Type: `Promise<boolean>`
|
|
53
|
-
|
|
54
|
-
---
|
|
55
|
-
|
|
56
|
-
### `setBlur() => Promise<void>`
|
|
57
|
-
|
|
58
|
-
Remove o foco do campo.
|
|
59
|
-
|
|
60
|
-
#### Returns
|
|
61
|
-
|
|
62
|
-
Type: `Promise<void>`
|
|
63
|
-
|
|
64
|
-
---
|
|
65
|
-
|
|
66
|
-
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
67
|
-
|
|
68
|
-
Aplica o foco no campo.
|
|
69
|
-
|
|
70
|
-
#### Returns
|
|
71
|
-
|
|
72
|
-
Type: `Promise<void>`
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
## Dependencies
|
|
78
|
-
|
|
79
|
-
### Used by
|
|
80
|
-
|
|
81
|
-
- [ez-form-view](../ez-form-view)
|
|
82
|
-
|
|
83
|
-
### Depends on
|
|
84
|
-
|
|
85
|
-
- [ez-classic-input](../ez-classic-input)
|
|
86
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
87
|
-
- [ez-calendar](../ez-calendar)
|
|
88
|
-
|
|
89
|
-
### Graph
|
|
90
|
-
```mermaid
|
|
91
|
-
graph TD;
|
|
92
|
-
ez-classic-date-input --> ez-classic-input
|
|
93
|
-
ez-classic-date-input --> ez-popover-plus
|
|
94
|
-
ez-classic-date-input --> ez-calendar
|
|
95
|
-
ez-classic-input --> ez-icon
|
|
96
|
-
ez-popover-plus --> ez-popover-core
|
|
97
|
-
ez-form-view --> ez-classic-date-input
|
|
98
|
-
style ez-classic-date-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
99
|
-
```
|
|
100
|
-
|
|
101
|
-
----------------------------------------------
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
## CSS Variables
|
|
107
|
-
| Variable | Description |
|
|
108
|
-
|-|-|
|
|
109
|
-
| --ez-classic-date-input\_\_input--background-color | Define a cor de fundo do input. |
|
|
110
|
-
| --ez-classic-date-input\_\_input--border-color | Define a cor da borda do input. |
|
|
111
|
-
| --ez-classic-date-input\_\_calendar-image | Contém a imagem do calendário. |
|