@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
|
@@ -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. |
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
# ez-classic-date-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` | -- | Define o valor do campo. | `Date` | `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<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?: OptionsSetFocus) => 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-time-input --> ez-classic-input
|
|
93
|
-
ez-classic-date-time-input --> ez-popover-plus
|
|
94
|
-
ez-classic-date-time-input --> ez-calendar
|
|
95
|
-
ez-classic-input --> ez-icon
|
|
96
|
-
ez-popover-plus --> ez-popover-core
|
|
97
|
-
ez-form-view --> ez-classic-date-time-input
|
|
98
|
-
style ez-classic-date-time-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. |
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
# ez-classic-number-input
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ------------------------ | ------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------- |
|
|
12
|
-
| `allowNegative` | `allow-negative` | Se false, o input não aceitará números negativos. | `boolean` | `true` |
|
|
13
|
-
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
14
|
-
| `autoFocus` | `auto-focus` | * Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
15
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
16
|
-
| `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
18
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
19
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
20
|
-
| `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` |
|
|
21
|
-
| `prettyPrecision` | `pretty-precision` | Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. | `number` | `undefined` |
|
|
22
|
-
| `required` | `required` | Define se o input é obrigatório (visualmente) | `boolean` | `false` |
|
|
23
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
24
|
-
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
## Events
|
|
28
|
-
|
|
29
|
-
| Event | Description | Type |
|
|
30
|
-
| ----------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------- |
|
|
31
|
-
| `ezCancelWaitingChange` | Emitido quando não foi possível completar a alteração entre o evento ezStartChange e ezChange. | `CustomEvent<void>` |
|
|
32
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<number>` |
|
|
33
|
-
| `ezStartChange` | Emitido ao iniciar a alteração (digitação incompleta). | `CustomEvent<WaitingChange>` |
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
## Methods
|
|
37
|
-
|
|
38
|
-
### `getValueAsync() => Promise<number>`
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
#### Returns
|
|
43
|
-
|
|
44
|
-
Type: `Promise<number>`
|
|
45
|
-
|
|
46
|
-
---
|
|
47
|
-
|
|
48
|
-
### `isInvalid() => Promise<boolean>`
|
|
49
|
-
|
|
50
|
-
Retorna se o conteúdo é inválido.
|
|
51
|
-
|
|
52
|
-
#### Returns
|
|
53
|
-
|
|
54
|
-
Type: `Promise<boolean>`
|
|
55
|
-
|
|
56
|
-
---
|
|
57
|
-
|
|
58
|
-
### `setBlur() => Promise<void>`
|
|
59
|
-
|
|
60
|
-
Remove o foco do campo.
|
|
61
|
-
|
|
62
|
-
#### Returns
|
|
63
|
-
|
|
64
|
-
Type: `Promise<void>`
|
|
65
|
-
|
|
66
|
-
---
|
|
67
|
-
|
|
68
|
-
### `setFocus(options?: OptionsSetFocus) => Promise<void>`
|
|
69
|
-
|
|
70
|
-
Aplica o foco no campo.
|
|
71
|
-
|
|
72
|
-
#### Returns
|
|
73
|
-
|
|
74
|
-
Type: `Promise<void>`
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
## Dependencies
|
|
80
|
-
|
|
81
|
-
### Used by
|
|
82
|
-
|
|
83
|
-
- [ez-form-view](../ez-form-view)
|
|
84
|
-
|
|
85
|
-
### Depends on
|
|
86
|
-
|
|
87
|
-
- [ez-classic-input](../ez-classic-input)
|
|
88
|
-
|
|
89
|
-
### Graph
|
|
90
|
-
```mermaid
|
|
91
|
-
graph TD;
|
|
92
|
-
ez-classic-number-input --> ez-classic-input
|
|
93
|
-
ez-classic-input --> ez-icon
|
|
94
|
-
ez-form-view --> ez-classic-number-input
|
|
95
|
-
style ez-classic-number-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
96
|
-
```
|
|
97
|
-
|
|
98
|
-
----------------------------------------------
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
## CSS Variables
|
|
104
|
-
| Variable | Description |
|
|
105
|
-
|-|-|
|
|
106
|
-
| --ez-classic-number-input\_\_min-width | Define a largura maxima do componente. |
|
|
107
|
-
| --ez-classic-number-input\_\_max-width | Define a largura minima do componente. |
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
# ez-classic-search
|
|
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 a 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
|
-
| `classic` | `classic` | Se true, muda o tipo do text-input para classic. | `boolean` | `false` |
|
|
16
|
-
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
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` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
22
|
-
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
23
|
-
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
24
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
25
|
-
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
26
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
27
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
28
|
-
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
29
|
-
| `required` | `required` | Define se o campo é obrigatório | `boolean` | `false` |
|
|
30
|
-
| `showMore` | `show-more` | Informa se deve exibir a opção de mostrar mais resultados. | `boolean` | `undefined` |
|
|
31
|
-
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
32
|
-
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
33
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
34
|
-
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
35
|
-
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
36
|
-
| `suppressInputPersist` | `suppress-input-persist` | Informa se o valor da opção selecionada deve persistir no input de texto. | `boolean` | `false` |
|
|
37
|
-
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
38
|
-
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
39
|
-
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
## Events
|
|
43
|
-
|
|
44
|
-
| Event | Description | Type |
|
|
45
|
-
| ---------- | ------------------------------------------------------ | ---------------------- |
|
|
46
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
## Methods
|
|
50
|
-
|
|
51
|
-
### `clearValue() => Promise<void>`
|
|
52
|
-
|
|
53
|
-
Limpa o valor do campo de pesquisa
|
|
54
|
-
|
|
55
|
-
#### Returns
|
|
56
|
-
|
|
57
|
-
Type: `Promise<void>`
|
|
58
|
-
|
|
59
|
-
---
|
|
60
|
-
|
|
61
|
-
### `getValueAsync() => Promise<unknown>`
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
#### Returns
|
|
66
|
-
|
|
67
|
-
Type: `Promise<unknown>`
|
|
68
|
-
|
|
69
|
-
---
|
|
70
|
-
|
|
71
|
-
### `isInvalid() => Promise<boolean>`
|
|
72
|
-
|
|
73
|
-
Retorna se o conteúdo é inválido.
|
|
74
|
-
|
|
75
|
-
#### Returns
|
|
76
|
-
|
|
77
|
-
Type: `Promise<boolean>`
|
|
78
|
-
|
|
79
|
-
---
|
|
80
|
-
|
|
81
|
-
### `setBlur() => Promise<void>`
|
|
82
|
-
|
|
83
|
-
Remove o foco do campo.
|
|
84
|
-
|
|
85
|
-
#### Returns
|
|
86
|
-
|
|
87
|
-
Type: `Promise<void>`
|
|
88
|
-
|
|
89
|
-
---
|
|
90
|
-
|
|
91
|
-
### `setFocus(options?: OptionsSetFocus) => Promise<void>`
|
|
92
|
-
|
|
93
|
-
Aplica o foco no campo.
|
|
94
|
-
|
|
95
|
-
#### Returns
|
|
96
|
-
|
|
97
|
-
Type: `Promise<void>`
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
## Dependencies
|
|
103
|
-
|
|
104
|
-
### Used by
|
|
105
|
-
|
|
106
|
-
- [ez-form-view](../ez-form-view)
|
|
107
|
-
|
|
108
|
-
### Depends on
|
|
109
|
-
|
|
110
|
-
- [ez-button](../ez-button)
|
|
111
|
-
- [ez-classic-input](../ez-classic-input)
|
|
112
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
113
|
-
- [classic-search-list](./subcomponent/classic-search-list)
|
|
114
|
-
|
|
115
|
-
### Graph
|
|
116
|
-
```mermaid
|
|
117
|
-
graph TD;
|
|
118
|
-
ez-classic-search --> ez-button
|
|
119
|
-
ez-classic-search --> ez-classic-input
|
|
120
|
-
ez-classic-search --> ez-popover-plus
|
|
121
|
-
ez-classic-search --> classic-search-list
|
|
122
|
-
ez-button --> ez-icon
|
|
123
|
-
ez-classic-input --> ez-icon
|
|
124
|
-
ez-popover-plus --> ez-popover-core
|
|
125
|
-
classic-search-list --> ez-card-item
|
|
126
|
-
ez-form-view --> ez-classic-search
|
|
127
|
-
style ez-classic-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
128
|
-
```
|
|
129
|
-
|
|
130
|
-
----------------------------------------------
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
## CSS Variables
|
|
136
|
-
| Variable | Description |
|
|
137
|
-
|-|-|
|
|
138
|
-
| --ez-classic-search--height | Define altura do input. |
|
|
139
|
-
| --ez-classic-search--width | Define largura do input. |
|
|
140
|
-
| --ez-classic-search\_\_icon--width | Define largura do slot do ícone do input. |
|
|
141
|
-
| --ez-classic-search--border-radius | Define o raio da borda do input. |
|
|
142
|
-
| --ez-classic-search--border-radius-small | Define o raio da borda do input quando pequeno. |
|
|
143
|
-
| --ez-classic-search--font-size | Define o tamanho da fonte dentro do input. |
|
|
144
|
-
| --ez-classic-search--font-family | Define a família da fonte dentro do input. |
|
|
145
|
-
| --ez-classic-search--font-weight--large | Define o peso da fonte dentro do input quando pesada. |
|
|
146
|
-
| --ez-classic-search--font-weight--medium | Define o peso da fonte dentro do input quando média. |
|
|
147
|
-
| --ez-classic-search--background-color--xlight | Define a cor de fundo da lista de opções. |
|
|
148
|
-
| --ez-classic-search--background-medium | Define a cor de fundo dos itens da lista de opções. |
|
|
149
|
-
| --ez-classic-search--line-height | Define a altura da linha do texto dentro do input. |
|
|
150
|
-
| --ez-classic-search\_\_input--background-color | Define a cor de fundo do input. |
|
|
151
|
-
| --ez-classic-search\_\_input--border | Define o estilo da borda do input. |
|
|
152
|
-
| --ez-classic-search\_\_input--border-color | Define a cor da borda do input. |
|
|
153
|
-
| --ez-classic-search\_\_input--focus--border-color | Define a cor da borda do input quando focado. |
|
|
154
|
-
| --ez-classic-search\_\_input--disabled--background-color | Define a cor de fundo do input quando desabilitado. |
|
|
155
|
-
| --ez-classic-search\_\_input--disabled--color | Define a cor do texto dentro do input quando desabilitado. |
|
|
156
|
-
| --ez-classic-search\_\_input--error--border-color | Define a cor da borda do input quando com erro. |
|
|
157
|
-
| --ez-classic-search\_\_btn--color | Define a cor do botão de pesquisa do componente. |
|
|
158
|
-
| --ez-classic-search\_\_btn-disabled--color | Define a cor do botão de pesquisa do componente quando desabilitado. |
|
|
159
|
-
| --ez-classic-search\_\_btn-hover--color | Define a cor do botão de pesquisa do componente quando o mouse está sobre ele. |
|
|
160
|
-
| --ez-classic-search\_\_label--color | Define a cor do label. |
|
|
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. |
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
# classic-search-list
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| -------------------- | ----------------------- | ----------- | ------------------- | ----------- |
|
|
12
|
-
| `canShowListOptions` | `can-show-list-options` | | `boolean` | `undefined` |
|
|
13
|
-
| `preSelection` | `pre-selection` | | `number` | `undefined` |
|
|
14
|
-
| `showLoading` | `show-loading` | | `boolean` | `undefined` |
|
|
15
|
-
| `showOptionValue` | `show-option-value` | | `boolean` | `true` |
|
|
16
|
-
| `textEmptyList` | `text-empty-list` | | `string` | `undefined` |
|
|
17
|
-
| `value` | `value` | | `IOption \| string` | `undefined` |
|
|
18
|
-
| `visibleOptions` | -- | | `IOption[]` | `[]` |
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Events
|
|
22
|
-
|
|
23
|
-
| Event | Description | Type |
|
|
24
|
-
| -------------------- | ----------- | ---------------------- |
|
|
25
|
-
| `changePreSelection` | | `CustomEvent<number>` |
|
|
26
|
-
| `changeValue` | | `CustomEvent<IOption>` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Methods
|
|
30
|
-
|
|
31
|
-
### `nextOption() => Promise<void>`
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
#### Returns
|
|
36
|
-
|
|
37
|
-
Type: `Promise<void>`
|
|
38
|
-
|
|
39
|
-
---
|
|
40
|
-
|
|
41
|
-
### `previousOption() => Promise<void>`
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
#### Returns
|
|
46
|
-
|
|
47
|
-
Type: `Promise<void>`
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
## Dependencies
|
|
53
|
-
|
|
54
|
-
### Used by
|
|
55
|
-
|
|
56
|
-
- [ez-classic-search](../..)
|
|
57
|
-
|
|
58
|
-
### Depends on
|
|
59
|
-
|
|
60
|
-
- [ez-card-item](../../../ez-card-item)
|
|
61
|
-
|
|
62
|
-
### Graph
|
|
63
|
-
```mermaid
|
|
64
|
-
graph TD;
|
|
65
|
-
classic-search-list --> ez-card-item
|
|
66
|
-
ez-classic-search --> classic-search-list
|
|
67
|
-
style classic-search-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
----------------------------------------------
|
|
71
|
-
|
|
72
|
-
|