@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
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
# ez-classic-search-plus
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ---------------------------- | -------------------------------- | --------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
-
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
|
-
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
15
|
-
| `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
|
|
16
|
-
| `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
|
|
17
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
18
|
-
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
19
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
20
|
-
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
|
|
21
|
-
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
22
|
-
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
23
|
-
| `isTextSearch` | `is-text-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
24
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
25
|
-
| `listOptionsPosition` | -- | Propriedade depreciada na nova versão do componente de pesquisa. | `IEzCheckBoxListPosition` | `undefined` |
|
|
26
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
27
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => ISearchOption \| IOption \| (ISearchOption \| IOption)[] \| Promise<ISearchOption \| IOption \| (ISearchOption \| IOption)[]>` | `undefined` |
|
|
28
|
-
| `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
|
|
29
|
-
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
30
|
-
| `showSelectedValue` | `show-selected-value` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
31
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
32
|
-
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
33
|
-
| `suppressEmptyOption` | `suppress-empty-option` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
34
|
-
| `suppressPreLoad` | `suppress-pre-load` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
35
|
-
| `suppressSearch` | `suppress-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
36
|
-
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
## Events
|
|
40
|
-
|
|
41
|
-
| Event | Description | Type |
|
|
42
|
-
| ---------- | ------------------------------------------------------ | ---------------------- |
|
|
43
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
## Methods
|
|
47
|
-
|
|
48
|
-
### `clearValue() => Promise<void>`
|
|
49
|
-
|
|
50
|
-
Limpa o valor do campo de pesquisa
|
|
51
|
-
|
|
52
|
-
#### Returns
|
|
53
|
-
|
|
54
|
-
Type: `Promise<void>`
|
|
55
|
-
|
|
56
|
-
---
|
|
57
|
-
|
|
58
|
-
### `getValueAsync() => Promise<IOption>`
|
|
59
|
-
|
|
60
|
-
Obtém o valor do componente só após a compo de apresentação
|
|
61
|
-
ter sido resolvido pelo option loader quando necessário
|
|
62
|
-
|
|
63
|
-
#### Returns
|
|
64
|
-
|
|
65
|
-
Type: `Promise<IOption>`
|
|
66
|
-
|
|
67
|
-
---
|
|
68
|
-
|
|
69
|
-
### `isInvalid() => Promise<boolean>`
|
|
70
|
-
|
|
71
|
-
Retorna se o conteúdo é inválido.
|
|
72
|
-
|
|
73
|
-
#### Returns
|
|
74
|
-
|
|
75
|
-
Type: `Promise<boolean>`
|
|
76
|
-
|
|
77
|
-
---
|
|
78
|
-
|
|
79
|
-
### `setBlur() => Promise<void>`
|
|
80
|
-
|
|
81
|
-
Remove o foco do campo.
|
|
82
|
-
|
|
83
|
-
#### Returns
|
|
84
|
-
|
|
85
|
-
Type: `Promise<void>`
|
|
86
|
-
|
|
87
|
-
---
|
|
88
|
-
|
|
89
|
-
### `setFocus(options?: OptionsSetFocus) => Promise<void>`
|
|
90
|
-
|
|
91
|
-
Aplica o foco no campo.
|
|
92
|
-
|
|
93
|
-
#### Returns
|
|
94
|
-
|
|
95
|
-
Type: `Promise<void>`
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
## Dependencies
|
|
101
|
-
|
|
102
|
-
### Used by
|
|
103
|
-
|
|
104
|
-
- [ez-form-view](../ez-form-view)
|
|
105
|
-
|
|
106
|
-
### Depends on
|
|
107
|
-
|
|
108
|
-
- [ez-classic-input](../ez-classic-input)
|
|
109
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
110
|
-
- [ez-classic-search-result-list](./subcomponent/ez-search-result-list)
|
|
111
|
-
|
|
112
|
-
### Graph
|
|
113
|
-
```mermaid
|
|
114
|
-
graph TD;
|
|
115
|
-
ez-classic-search-plus --> ez-classic-input
|
|
116
|
-
ez-classic-search-plus --> ez-popover-plus
|
|
117
|
-
ez-classic-search-plus --> ez-classic-search-result-list
|
|
118
|
-
ez-classic-input --> ez-icon
|
|
119
|
-
ez-popover-plus --> ez-popover-core
|
|
120
|
-
ez-classic-search-result-list --> ez-card-item
|
|
121
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
122
|
-
ez-form-view --> ez-classic-search-plus
|
|
123
|
-
style ez-classic-search-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
124
|
-
```
|
|
125
|
-
|
|
126
|
-
----------------------------------------------
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
## CSS Variables
|
|
132
|
-
| Variable | Description |
|
|
133
|
-
|-|-|
|
|
134
|
-
| --ez-classic-search--height | Define altura do input. |
|
|
135
|
-
| --ez-classic-search--width | Define largura do input. |
|
|
136
|
-
| --ez-classic-search\_\_icon--width | Define largura do slot do ícone do input. |
|
|
137
|
-
| --ez-classic-search--border-radius | Define o raio da borda do input. |
|
|
138
|
-
| --ez-classic-search--border-radius-small | Define o raio da borda do input quando pequeno. |
|
|
139
|
-
| --ez-classic-search--font-size | Define o tamanho da fonte dentro do input. |
|
|
140
|
-
| --ez-classic-search--font-family | Define a família da fonte dentro do input. |
|
|
141
|
-
| --ez-classic-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. |
|
|
142
|
-
| --ez-classic-search--font-weight--medium | Define o peso da fonte dentro do input quando média. |
|
|
143
|
-
| --ez-classic-search--background-color--xlight | Define a cor de fundo da lista de opções. |
|
|
144
|
-
| --ez-classic-search--background-medium | Define a cor de fundo dos itens da lista de opções. |
|
|
145
|
-
| --ez-classic-search--line-height | Define a altura da linha do texto dentro do input. |
|
|
146
|
-
| --ez-classic-search\_\_input--background-color | Define a cor de fundo do input. |
|
|
147
|
-
| --ez-classic-search\_\_input--border | Define o estilo da borda do input. |
|
|
148
|
-
| --ez-classic-search\_\_input--border-color | Define a cor da borda do input. |
|
|
149
|
-
| --ez-classic-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. |
|
|
150
|
-
| --ez-classic-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. |
|
|
151
|
-
| --ez-classic-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. |
|
|
152
|
-
| --ez-classic-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. |
|
|
153
|
-
| --ez-classic-search\_\_btn--color | Define a cor do botão de pesquisa do componente. |
|
|
154
|
-
| --ez-classic-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. |
|
|
155
|
-
| --ez-classic-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. |
|
|
156
|
-
| --ez-classic-search\_\_label--color | Define a cor do label. |
|
|
157
|
-
| --ez-classic-search\_\_list-title--primary | Define a cor do texto da lista de opções. |
|
|
158
|
-
| --ez-classic-search\_\_list-text--primary | Define a cor do texto do value da lista de opções. |
|
|
159
|
-
| --ez-classic-search\_\_list-height | Define a altura do box da lista de opções. |
|
|
160
|
-
| --ez-classic-search\_\_list-min-width | Define a largura mínima da lista de opções. |
|
|
161
|
-
| --ez-classic-search--space--medium | Define um espaçamento mediano entre elementos do componente. |
|
|
162
|
-
| --ez-classic-search--space--small | Define um espaçamento pequeno entre elementos do componente. |
|
|
163
|
-
| --ez-classic-search\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
|
|
164
|
-
| --ez-classic-search\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
|
|
165
|
-
| --ez-classic-search\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
|
|
166
|
-
| --ez-classic-search\_\_scrollbar--color-clicked | Define a cor do active na barra de rolagem do componente. |
|
|
167
|
-
| --ez-classic-search\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
|
|
168
|
-
| --ez-classic-search\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
|
|
169
|
-
| --ez-classic-input--helptext-color | Define a cor do texto de ajuda do input. |
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
# ez-classic-search-result-list
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ----------------- | ------------------- | ----------- | ------------------- | ----------- |
|
|
12
|
-
| `showLoading` | `show-loading` | | `boolean` | `undefined` |
|
|
13
|
-
| `showOptionValue` | `show-option-value` | | `boolean` | `true` |
|
|
14
|
-
| `value` | `value` | | `IOption \| string` | `undefined` |
|
|
15
|
-
| `visibleOptions` | -- | | `IOption[]` | `[]` |
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
## Events
|
|
19
|
-
|
|
20
|
-
| Event | Description | Type |
|
|
21
|
-
| ------------- | ----------- | ---------------------- |
|
|
22
|
-
| `changeValue` | | `CustomEvent<IOption>` |
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## Methods
|
|
26
|
-
|
|
27
|
-
### `cancelSelection() => Promise<void>`
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
#### Returns
|
|
32
|
-
|
|
33
|
-
Type: `Promise<void>`
|
|
34
|
-
|
|
35
|
-
---
|
|
36
|
-
|
|
37
|
-
### `nextOption() => Promise<void>`
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
#### Returns
|
|
42
|
-
|
|
43
|
-
Type: `Promise<void>`
|
|
44
|
-
|
|
45
|
-
---
|
|
46
|
-
|
|
47
|
-
### `previousOption() => Promise<void>`
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
#### Returns
|
|
52
|
-
|
|
53
|
-
Type: `Promise<void>`
|
|
54
|
-
|
|
55
|
-
---
|
|
56
|
-
|
|
57
|
-
### `selectCurrentItem() => Promise<void>`
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
#### Returns
|
|
62
|
-
|
|
63
|
-
Type: `Promise<void>`
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
## Dependencies
|
|
69
|
-
|
|
70
|
-
### Used by
|
|
71
|
-
|
|
72
|
-
- [ez-classic-search-plus](../..)
|
|
73
|
-
|
|
74
|
-
### Depends on
|
|
75
|
-
|
|
76
|
-
- [ez-card-item](../../../ez-card-item)
|
|
77
|
-
- [ez-skeleton](../../../ez-skeleton)
|
|
78
|
-
|
|
79
|
-
### Graph
|
|
80
|
-
```mermaid
|
|
81
|
-
graph TD;
|
|
82
|
-
ez-classic-search-result-list --> ez-card-item
|
|
83
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
84
|
-
ez-classic-search-plus --> ez-classic-search-result-list
|
|
85
|
-
style ez-classic-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
86
|
-
```
|
|
87
|
-
|
|
88
|
-
----------------------------------------------
|
|
89
|
-
|
|
90
|
-
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
# ez-classic-time-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
|
-
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
21
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
22
|
-
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## Events
|
|
26
|
-
|
|
27
|
-
| Event | Description | Type |
|
|
28
|
-
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
|
|
29
|
-
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
|
|
30
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
|
|
31
|
-
| `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
## Methods
|
|
35
|
-
|
|
36
|
-
### `isInvalid() => Promise<boolean>`
|
|
37
|
-
|
|
38
|
-
Retorna se o conteúdo é inválido.
|
|
39
|
-
|
|
40
|
-
#### Returns
|
|
41
|
-
|
|
42
|
-
Type: `Promise<boolean>`
|
|
43
|
-
|
|
44
|
-
---
|
|
45
|
-
|
|
46
|
-
### `setBlur() => Promise<void>`
|
|
47
|
-
|
|
48
|
-
Remove o foco do campo.
|
|
49
|
-
|
|
50
|
-
#### Returns
|
|
51
|
-
|
|
52
|
-
Type: `Promise<void>`
|
|
53
|
-
|
|
54
|
-
---
|
|
55
|
-
|
|
56
|
-
### `setFocus({ selectText }: TFocusOptions) => Promise<void>`
|
|
57
|
-
|
|
58
|
-
Aplica o foco no campo.
|
|
59
|
-
|
|
60
|
-
#### Returns
|
|
61
|
-
|
|
62
|
-
Type: `Promise<void>`
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
## Dependencies
|
|
68
|
-
|
|
69
|
-
### Used by
|
|
70
|
-
|
|
71
|
-
- [ez-form-view](../ez-form-view)
|
|
72
|
-
|
|
73
|
-
### Depends on
|
|
74
|
-
|
|
75
|
-
- [ez-classic-input](../ez-classic-input)
|
|
76
|
-
|
|
77
|
-
### Graph
|
|
78
|
-
```mermaid
|
|
79
|
-
graph TD;
|
|
80
|
-
ez-classic-time-input --> ez-classic-input
|
|
81
|
-
ez-classic-input --> ez-icon
|
|
82
|
-
ez-form-view --> ez-classic-time-input
|
|
83
|
-
style ez-classic-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
----------------------------------------------
|
|
87
|
-
|
|
88
|
-
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
# ez-grid-pagination
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------ | -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- | ----------- |
|
|
12
|
-
| `buttonsSize` | `buttons-size` | Define o modo de visualização atual da grid. | `"large" \| "medium" \| "small" \| "x-small"` | `'large'` |
|
|
13
|
-
| `dataUnit` | -- | DataUnit associada à grid. | `DataUnit` | `undefined` |
|
|
14
|
-
| `paginationCounterMode` | `pagination-counter-mode` | Define a visibilidade do contador de paginação. - `show`: Sempre exibe o contador (ex: "1-10 de 100") - `hidden`: Oculta o contador (exibe apenas os botões) - `auto`: Exibe/oculta baseado no espaço disponível (responsivo) | `"auto" \| "hidden" \| "show"` | `'auto'` |
|
|
15
|
-
| `paginationTextPosition` | `pagination-text-position` | Define o texto da paginação à esquerda ou à direita. | `"left" \| "right"` | `'left'` |
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
## Events
|
|
19
|
-
|
|
20
|
-
| Event | Description | Type |
|
|
21
|
-
| ------------ | -------------------------------------------- | ----------------------------------- |
|
|
22
|
-
| `pageChange` | Evento disparado quando a página é alterada. | `CustomEvent<"next" \| "previous">` |
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## Methods
|
|
26
|
-
|
|
27
|
-
### `firstPage() => Promise<void>`
|
|
28
|
-
|
|
29
|
-
Navega para a primeira página.
|
|
30
|
-
|
|
31
|
-
#### Returns
|
|
32
|
-
|
|
33
|
-
Type: `Promise<void>`
|
|
34
|
-
|
|
35
|
-
---
|
|
36
|
-
|
|
37
|
-
### `lastPage() => Promise<void>`
|
|
38
|
-
|
|
39
|
-
Navega para a primeira página.
|
|
40
|
-
|
|
41
|
-
#### Returns
|
|
42
|
-
|
|
43
|
-
Type: `Promise<void>`
|
|
44
|
-
|
|
45
|
-
---
|
|
46
|
-
|
|
47
|
-
### `nextPage() => Promise<void>`
|
|
48
|
-
|
|
49
|
-
Navega para a próxima página.
|
|
50
|
-
|
|
51
|
-
#### Returns
|
|
52
|
-
|
|
53
|
-
Type: `Promise<void>`
|
|
54
|
-
|
|
55
|
-
---
|
|
56
|
-
|
|
57
|
-
### `previousPage() => Promise<void>`
|
|
58
|
-
|
|
59
|
-
Navega para a página anterior.
|
|
60
|
-
|
|
61
|
-
#### Returns
|
|
62
|
-
|
|
63
|
-
Type: `Promise<void>`
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
## Dependencies
|
|
69
|
-
|
|
70
|
-
### Used by
|
|
71
|
-
|
|
72
|
-
- [ez-grid](../ez-grid)
|
|
73
|
-
|
|
74
|
-
### Depends on
|
|
75
|
-
|
|
76
|
-
- [ez-icon](../ez-icon)
|
|
77
|
-
- [ez-button](../ez-button)
|
|
78
|
-
- [ez-popover](../ez-popover)
|
|
79
|
-
- [ez-tooltip](../ez-tooltip)
|
|
80
|
-
|
|
81
|
-
### Graph
|
|
82
|
-
```mermaid
|
|
83
|
-
graph TD;
|
|
84
|
-
ez-grid-pagination --> ez-icon
|
|
85
|
-
ez-grid-pagination --> ez-button
|
|
86
|
-
ez-grid-pagination --> ez-popover
|
|
87
|
-
ez-grid-pagination --> ez-tooltip
|
|
88
|
-
ez-button --> ez-icon
|
|
89
|
-
ez-grid --> ez-grid-pagination
|
|
90
|
-
style ez-grid-pagination fill:#f9f,stroke:#333,stroke-width:4px
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
----------------------------------------------
|
|
94
|
-
|
|
95
|
-
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
# ez-image-input
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------- | --------------- | ---------------------------------------------------------- | --------- | ------------------ |
|
|
12
|
-
| `accept` | `accept` | Tipos de arquivo aceitos | `string` | `'image/*'` |
|
|
13
|
-
| `enabled` | `enabled` | Define se o componente está habilitado | `boolean` | `true` |
|
|
14
|
-
| `label` | `label` | Label exibido na área de upload | `string` | `undefined` |
|
|
15
|
-
| `loading` | `loading` | Define se o componente está em estado de carregamento | `boolean` | `false` |
|
|
16
|
-
| `maxFileSize` | `max-file-size` | Define o tamanho máximo do arquivo em bytes (padrão: 20MB) | `number` | `20 * 1024 * 1024` |
|
|
17
|
-
| `name` | `name` | Nome do componente | `string` | `undefined` |
|
|
18
|
-
| `value` | `value` | Valor da imagem em base64 | `string` | `undefined` |
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Events
|
|
22
|
-
|
|
23
|
-
| Event | Description | Type |
|
|
24
|
-
| ---------- | ------------------------------------------------ | --------------------- |
|
|
25
|
-
| `ezChange` | Evento disparado quando uma imagem é selecionada | `CustomEvent<string>` |
|
|
26
|
-
| `ezError` | Evento disparado quando ocorre um erro | `CustomEvent<string>` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Dependencies
|
|
30
|
-
|
|
31
|
-
### Used by
|
|
32
|
-
|
|
33
|
-
- [ez-form-view](../ez-form-view)
|
|
34
|
-
|
|
35
|
-
### Depends on
|
|
36
|
-
|
|
37
|
-
- [ez-skeleton](../ez-skeleton)
|
|
38
|
-
- [ez-button](../ez-button)
|
|
39
|
-
- [ez-icon](../ez-icon)
|
|
40
|
-
- [ez-popup](../ez-popup)
|
|
41
|
-
|
|
42
|
-
### Graph
|
|
43
|
-
```mermaid
|
|
44
|
-
graph TD;
|
|
45
|
-
ez-image-input --> ez-skeleton
|
|
46
|
-
ez-image-input --> ez-button
|
|
47
|
-
ez-image-input --> ez-icon
|
|
48
|
-
ez-image-input --> ez-popup
|
|
49
|
-
ez-button --> ez-icon
|
|
50
|
-
ez-popup --> ez-button
|
|
51
|
-
ez-form-view --> ez-image-input
|
|
52
|
-
style ez-image-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
53
|
-
```
|
|
54
|
-
|
|
55
|
-
----------------------------------------------
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
## CSS Variables
|
|
61
|
-
| Variable | Description |
|
|
62
|
-
|-|-|
|
|
63
|
-
| --ez-image-input--container-height | Define a altura do container de imagem. |
|
|
64
|
-
| --ez-image-input--container-width | Define a largura do container de imagem. |
|
|
65
|
-
| --ez-image-input--background-color | Define a cor de fundo do container. |
|
|
66
|
-
| --ez-image-input--border-color | Define a cor da borda do container. |
|
|
67
|
-
| --ez-image-input--border-color-hover | Define a cor da borda no estado de hover. |
|
|
68
|
-
| --ez-image-input--border-color-dragging | Define a cor da borda quando está sendo arrastado. |
|
|
69
|
-
| --ez-image-input--border-color-disabled | Define a cor da borda quando está desabilitado. |
|
|
70
|
-
| --ez-image-input--label-color | Define a cor do texto do label. |
|
|
71
|
-
| --ez-image-input--icon-color | Define a cor do ícone. |
|
|
72
|
-
| --ez-image-input--border-radius | Define o raio da borda do container. |
|
|
73
|
-
| --ez-image-input--border-width | Define a largura da borda. |
|
|
74
|
-
| --ez-image-input--remove-button-bg | Define a cor de fundo do botão de remover. |
|
|
75
|
-
| --ez-image-input--remove-button-bg-hover | Define a cor de fundo do botão de remover no hover. |
|
|
76
|
-
| --ez-image-input--remove-button-color | Define a cor do ícone do botão de remover. |
|
|
77
|
-
| --ez-image-input--remove-button-border | Define a borda do botão de remover. |
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
# ez-record-navigation
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| -------------- | --------------- | ------------------------------------------------------------------------ | ------------------- | ----------- |
|
|
12
|
-
| `dataUnit` | -- | DataUnit. | `DataUnit` | `undefined` |
|
|
13
|
-
| `disabled` | `disabled` | Desabilita a navegação entre os registros. | `boolean` | `false` |
|
|
14
|
-
| `primaryKeys` | -- | Chaves primárias dos registros, usadas para visualizar o registro atual. | `string[]` | `undefined` |
|
|
15
|
-
| `textPosition` | `text-position` | | `"left" \| "right"` | `'right'` |
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
## Methods
|
|
19
|
-
|
|
20
|
-
### `nextRecord() => Promise<void>`
|
|
21
|
-
|
|
22
|
-
Navega para a próxima página.
|
|
23
|
-
|
|
24
|
-
#### Returns
|
|
25
|
-
|
|
26
|
-
Type: `Promise<void>`
|
|
27
|
-
|
|
28
|
-
---
|
|
29
|
-
|
|
30
|
-
### `previousRecord() => Promise<void>`
|
|
31
|
-
|
|
32
|
-
Navega para a página anterior.
|
|
33
|
-
|
|
34
|
-
#### Returns
|
|
35
|
-
|
|
36
|
-
Type: `Promise<void>`
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
## Dependencies
|
|
42
|
-
|
|
43
|
-
### Depends on
|
|
44
|
-
|
|
45
|
-
- [ez-tooltip](../ez-tooltip)
|
|
46
|
-
- [ez-button](../ez-button)
|
|
47
|
-
|
|
48
|
-
### Graph
|
|
49
|
-
```mermaid
|
|
50
|
-
graph TD;
|
|
51
|
-
ez-record-navigation --> ez-tooltip
|
|
52
|
-
ez-record-navigation --> ez-button
|
|
53
|
-
ez-button --> ez-icon
|
|
54
|
-
style ez-record-navigation fill:#f9f,stroke:#333,stroke-width:4px
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
----------------------------------------------
|
|
58
|
-
|
|
59
|
-
|