@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-69274.0 → 0.0.0-feat-dev-KB-83113.2
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-badge/readme.md +7 -8
- package/components/ez-card-item/readme.md +2 -4
- package/components/ez-combo-box/readme.md +0 -5
- package/components/ez-form/readme.md +2 -13
- package/components/ez-form-view/readme.md +3 -15
- package/components/ez-grid/readme.md +1 -4
- package/components/ez-grid/subcomponents/readme.md +1 -4
- package/components/ez-icon/readme.md +0 -2
- package/components/ez-multi-selection-list/readme.md +1 -4
- package/components/ez-popover-plus/readme.md +8 -21
- package/components/ez-search/readme.md +2 -6
- package/components/ez-text-input/readme.md +0 -3
- package/package.json +1 -1
- package/components/ez-combo-box/ez-combo-box-list/readme.md +0 -71
- package/components/ez-popover-plus/subcomponent/readme.md +0 -107
- package/components/ez-search/subcomponent/search-list/readme.md +0 -72
- package/components/ez-search-plus/readme.md +0 -129
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +0 -88
|
@@ -7,14 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
|
|
12
|
+
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
13
|
+
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
|
|
15
|
+
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
|
|
16
|
+
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
18
17
|
|
|
19
18
|
|
|
20
19
|
## Dependencies
|
|
@@ -25,14 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [ez-search
|
|
29
|
-
- [search-list](../ez-search/subcomponent/search-list)
|
|
28
|
+
- [ez-search](../ez-search)
|
|
30
29
|
|
|
31
30
|
### Graph
|
|
32
31
|
```mermaid
|
|
33
32
|
graph TD;
|
|
34
|
-
ez-search
|
|
35
|
-
search-list --> ez-card-item
|
|
33
|
+
ez-search --> ez-card-item
|
|
36
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
37
35
|
```
|
|
38
36
|
|
|
@@ -99,19 +99,14 @@ Type: `Promise<void>`
|
|
|
99
99
|
|
|
100
100
|
- [ez-text-input](../ez-text-input)
|
|
101
101
|
- [ez-icon](../ez-icon)
|
|
102
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
103
|
-
- [ez-combo-box-list](ez-combo-box-list)
|
|
104
102
|
|
|
105
103
|
### Graph
|
|
106
104
|
```mermaid
|
|
107
105
|
graph TD;
|
|
108
106
|
ez-combo-box --> ez-text-input
|
|
109
107
|
ez-combo-box --> ez-icon
|
|
110
|
-
ez-combo-box --> ez-popover-plus
|
|
111
|
-
ez-combo-box --> ez-combo-box-list
|
|
112
108
|
ez-text-input --> ez-tooltip
|
|
113
109
|
ez-text-input --> ez-icon
|
|
114
|
-
ez-popover-plus --> ez-popover-core
|
|
115
110
|
ez-form-view --> ez-combo-box
|
|
116
111
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
112
|
```
|
|
@@ -81,10 +81,9 @@ graph TD;
|
|
|
81
81
|
ez-form-view --> ez-date-time-input
|
|
82
82
|
ez-form-view --> ez-upload
|
|
83
83
|
ez-form-view --> ez-number-input
|
|
84
|
+
ez-form-view --> ez-search
|
|
84
85
|
ez-form-view --> ez-text-area
|
|
85
86
|
ez-form-view --> ez-text-input
|
|
86
|
-
ez-form-view --> ez-search-plus
|
|
87
|
-
ez-form-view --> ez-search
|
|
88
87
|
ez-collapsible-box --> ez-icon
|
|
89
88
|
ez-collapsible-box --> ez-text-edit
|
|
90
89
|
ez-text-edit --> ez-text-input
|
|
@@ -94,9 +93,6 @@ graph TD;
|
|
|
94
93
|
ez-button --> ez-icon
|
|
95
94
|
ez-combo-box --> ez-text-input
|
|
96
95
|
ez-combo-box --> ez-icon
|
|
97
|
-
ez-combo-box --> ez-popover-plus
|
|
98
|
-
ez-combo-box --> ez-combo-box-list
|
|
99
|
-
ez-popover-plus --> ez-popover-core
|
|
100
96
|
ez-date-input --> ez-text-input
|
|
101
97
|
ez-date-input --> ez-calendar
|
|
102
98
|
ez-time-input --> ez-text-input
|
|
@@ -104,16 +100,9 @@ graph TD;
|
|
|
104
100
|
ez-date-time-input --> ez-text-input
|
|
105
101
|
ez-date-time-input --> ez-calendar
|
|
106
102
|
ez-number-input --> ez-text-input
|
|
107
|
-
ez-search
|
|
108
|
-
ez-search-plus --> ez-text-input
|
|
109
|
-
ez-search-plus --> ez-popover-plus
|
|
110
|
-
ez-search-plus --> ez-search-result-list
|
|
111
|
-
ez-search-result-list --> ez-card-item
|
|
103
|
+
ez-search --> ez-card-item
|
|
112
104
|
ez-search --> ez-text-input
|
|
113
105
|
ez-search --> ez-icon
|
|
114
|
-
ez-search --> ez-popover-plus
|
|
115
|
-
ez-search --> search-list
|
|
116
|
-
search-list --> ez-card-item
|
|
117
106
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
118
107
|
```
|
|
119
108
|
|
|
@@ -71,10 +71,9 @@ Type: `Promise<void>`
|
|
|
71
71
|
- [ez-date-time-input](../ez-date-time-input)
|
|
72
72
|
- [ez-upload](../ez-upload)
|
|
73
73
|
- [ez-number-input](../ez-number-input)
|
|
74
|
+
- [ez-search](../ez-search)
|
|
74
75
|
- [ez-text-area](../ez-text-area)
|
|
75
76
|
- [ez-text-input](../ez-text-input)
|
|
76
|
-
- [ez-search-plus](../ez-search-plus)
|
|
77
|
-
- [ez-search](../ez-search)
|
|
78
77
|
|
|
79
78
|
### Graph
|
|
80
79
|
```mermaid
|
|
@@ -88,10 +87,9 @@ graph TD;
|
|
|
88
87
|
ez-form-view --> ez-date-time-input
|
|
89
88
|
ez-form-view --> ez-upload
|
|
90
89
|
ez-form-view --> ez-number-input
|
|
90
|
+
ez-form-view --> ez-search
|
|
91
91
|
ez-form-view --> ez-text-area
|
|
92
92
|
ez-form-view --> ez-text-input
|
|
93
|
-
ez-form-view --> ez-search-plus
|
|
94
|
-
ez-form-view --> ez-search
|
|
95
93
|
ez-collapsible-box --> ez-icon
|
|
96
94
|
ez-collapsible-box --> ez-text-edit
|
|
97
95
|
ez-text-edit --> ez-text-input
|
|
@@ -101,9 +99,6 @@ graph TD;
|
|
|
101
99
|
ez-button --> ez-icon
|
|
102
100
|
ez-combo-box --> ez-text-input
|
|
103
101
|
ez-combo-box --> ez-icon
|
|
104
|
-
ez-combo-box --> ez-popover-plus
|
|
105
|
-
ez-combo-box --> ez-combo-box-list
|
|
106
|
-
ez-popover-plus --> ez-popover-core
|
|
107
102
|
ez-date-input --> ez-text-input
|
|
108
103
|
ez-date-input --> ez-calendar
|
|
109
104
|
ez-time-input --> ez-text-input
|
|
@@ -111,16 +106,9 @@ graph TD;
|
|
|
111
106
|
ez-date-time-input --> ez-text-input
|
|
112
107
|
ez-date-time-input --> ez-calendar
|
|
113
108
|
ez-number-input --> ez-text-input
|
|
114
|
-
ez-search
|
|
115
|
-
ez-search-plus --> ez-text-input
|
|
116
|
-
ez-search-plus --> ez-popover-plus
|
|
117
|
-
ez-search-plus --> ez-search-result-list
|
|
118
|
-
ez-search-result-list --> ez-card-item
|
|
109
|
+
ez-search --> ez-card-item
|
|
119
110
|
ez-search --> ez-text-input
|
|
120
111
|
ez-search --> ez-icon
|
|
121
|
-
ez-search --> ez-popover-plus
|
|
122
|
-
ez-search --> search-list
|
|
123
|
-
search-list --> ez-card-item
|
|
124
112
|
ez-form --> ez-form-view
|
|
125
113
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
126
114
|
```
|
|
@@ -255,7 +255,6 @@ graph TD;
|
|
|
255
255
|
filter-column --> ez-popover-plus
|
|
256
256
|
filter-column --> ez-button
|
|
257
257
|
filter-column --> ez-multi-selection-list
|
|
258
|
-
ez-popover-plus --> ez-popover-core
|
|
259
258
|
ez-multi-selection-list --> ez-check
|
|
260
259
|
ez-multi-selection-list --> ez-list
|
|
261
260
|
ez-multi-selection-list --> ez-icon
|
|
@@ -267,11 +266,9 @@ graph TD;
|
|
|
267
266
|
ez-filter-input --> ez-icon
|
|
268
267
|
ez-text-input --> ez-tooltip
|
|
269
268
|
ez-text-input --> ez-icon
|
|
269
|
+
ez-search --> ez-card-item
|
|
270
270
|
ez-search --> ez-text-input
|
|
271
271
|
ez-search --> ez-icon
|
|
272
|
-
ez-search --> ez-popover-plus
|
|
273
|
-
ez-search --> search-list
|
|
274
|
-
search-list --> ez-card-item
|
|
275
272
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
276
273
|
```
|
|
277
274
|
|
|
@@ -67,7 +67,6 @@ graph TD;
|
|
|
67
67
|
filter-column --> ez-popover-plus
|
|
68
68
|
filter-column --> ez-button
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
|
-
ez-popover-plus --> ez-popover-core
|
|
71
70
|
ez-button --> ez-icon
|
|
72
71
|
ez-multi-selection-list --> ez-check
|
|
73
72
|
ez-multi-selection-list --> ez-list
|
|
@@ -80,11 +79,9 @@ graph TD;
|
|
|
80
79
|
ez-filter-input --> ez-icon
|
|
81
80
|
ez-text-input --> ez-tooltip
|
|
82
81
|
ez-text-input --> ez-icon
|
|
82
|
+
ez-search --> ez-card-item
|
|
83
83
|
ez-search --> ez-text-input
|
|
84
84
|
ez-search --> ez-icon
|
|
85
|
-
ez-search --> ez-popover-plus
|
|
86
|
-
ez-search --> search-list
|
|
87
|
-
search-list --> ez-card-item
|
|
88
85
|
ez-grid --> filter-column
|
|
89
86
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
90
87
|
```
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
- [ez-modal-container](../ez-modal-container)
|
|
35
35
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
36
|
- [ez-search](../ez-search)
|
|
37
|
-
- [ez-search-plus](../ez-search-plus)
|
|
38
37
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
39
38
|
- [ez-split-button](../ez-split-button)
|
|
40
39
|
- [ez-tabselector](../ez-tabselector)
|
|
@@ -61,7 +60,6 @@ graph TD;
|
|
|
61
60
|
ez-modal-container --> ez-icon
|
|
62
61
|
ez-multi-selection-list --> ez-icon
|
|
63
62
|
ez-search --> ez-icon
|
|
64
|
-
ez-search-plus --> ez-icon
|
|
65
63
|
ez-sidebar-button --> ez-icon
|
|
66
64
|
ez-split-button --> ez-icon
|
|
67
65
|
ez-tabselector --> ez-icon
|
|
@@ -65,12 +65,9 @@ graph TD;
|
|
|
65
65
|
ez-filter-input --> ez-icon
|
|
66
66
|
ez-text-input --> ez-tooltip
|
|
67
67
|
ez-text-input --> ez-icon
|
|
68
|
+
ez-search --> ez-card-item
|
|
68
69
|
ez-search --> ez-text-input
|
|
69
70
|
ez-search --> ez-icon
|
|
70
|
-
ez-search --> ez-popover-plus
|
|
71
|
-
ez-search --> search-list
|
|
72
|
-
ez-popover-plus --> ez-popover-core
|
|
73
|
-
search-list --> ez-card-item
|
|
74
71
|
filter-column --> ez-multi-selection-list
|
|
75
72
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
76
73
|
```
|
|
@@ -7,16 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| --------------- |
|
|
12
|
-
| `anchorElement` | `anchor-element`
|
|
13
|
-
| `autoClose` | `auto-close`
|
|
14
|
-
| `boxWidth` | `box-width`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
19
|
-
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- |
|
|
12
|
+
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` |
|
|
13
|
+
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
|
|
14
|
+
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
|
|
15
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
+
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
17
|
+
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
20
18
|
|
|
21
19
|
|
|
22
20
|
## Events
|
|
@@ -93,22 +91,11 @@ Type: `Promise<void>`
|
|
|
93
91
|
|
|
94
92
|
### Used by
|
|
95
93
|
|
|
96
|
-
- [ez-combo-box](../ez-combo-box)
|
|
97
|
-
- [ez-search](../ez-search)
|
|
98
|
-
- [ez-search-plus](../ez-search-plus)
|
|
99
94
|
- [filter-column](../ez-grid/subcomponents)
|
|
100
95
|
|
|
101
|
-
### Depends on
|
|
102
|
-
|
|
103
|
-
- [ez-popover-core](subcomponent)
|
|
104
|
-
|
|
105
96
|
### Graph
|
|
106
97
|
```mermaid
|
|
107
98
|
graph TD;
|
|
108
|
-
ez-popover-plus --> ez-popover-core
|
|
109
|
-
ez-combo-box --> ez-popover-plus
|
|
110
|
-
ez-search --> ez-popover-plus
|
|
111
|
-
ez-search-plus --> ez-popover-plus
|
|
112
99
|
filter-column --> ez-popover-plus
|
|
113
100
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
114
101
|
```
|
|
@@ -101,22 +101,18 @@ Type: `Promise<void>`
|
|
|
101
101
|
|
|
102
102
|
### Depends on
|
|
103
103
|
|
|
104
|
+
- [ez-card-item](../ez-card-item)
|
|
104
105
|
- [ez-text-input](../ez-text-input)
|
|
105
106
|
- [ez-icon](../ez-icon)
|
|
106
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
107
|
-
- [search-list](./subcomponent/search-list)
|
|
108
107
|
|
|
109
108
|
### Graph
|
|
110
109
|
```mermaid
|
|
111
110
|
graph TD;
|
|
111
|
+
ez-search --> ez-card-item
|
|
112
112
|
ez-search --> ez-text-input
|
|
113
113
|
ez-search --> ez-icon
|
|
114
|
-
ez-search --> ez-popover-plus
|
|
115
|
-
ez-search --> search-list
|
|
116
114
|
ez-text-input --> ez-tooltip
|
|
117
115
|
ez-text-input --> ez-icon
|
|
118
|
-
ez-popover-plus --> ez-popover-core
|
|
119
|
-
search-list --> ez-card-item
|
|
120
116
|
ez-form-view --> ez-search
|
|
121
117
|
ez-multi-selection-list --> ez-search
|
|
122
118
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
| `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` |
|
|
15
15
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
-
| `hasInvalid` | `has-invalid` | Define se o campo está em estado inválido (bordas vermelhas). | `boolean` | `false` |
|
|
18
17
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
19
18
|
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
20
19
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
@@ -75,7 +74,6 @@ Type: `Promise<void>`
|
|
|
75
74
|
- [ez-form-view](../ez-form-view)
|
|
76
75
|
- [ez-number-input](../ez-number-input)
|
|
77
76
|
- [ez-search](../ez-search)
|
|
78
|
-
- [ez-search-plus](../ez-search-plus)
|
|
79
77
|
- [ez-text-edit](../ez-text-edit)
|
|
80
78
|
- [ez-time-input](../ez-time-input)
|
|
81
79
|
|
|
@@ -96,7 +94,6 @@ graph TD;
|
|
|
96
94
|
ez-form-view --> ez-text-input
|
|
97
95
|
ez-number-input --> ez-text-input
|
|
98
96
|
ez-search --> ez-text-input
|
|
99
|
-
ez-search-plus --> ez-text-input
|
|
100
97
|
ez-text-edit --> ez-text-input
|
|
101
98
|
ez-time-input --> ez-text-input
|
|
102
99
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|
package/package.json
CHANGED
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
# ez-combo-box-list
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| ----------------- | ------------------- | -------------------------------------------------------------------- | --------------------------- | ------------------------------- |
|
|
12
|
-
| `maxWidth` | `max-width` | Largura máxima da lista, em pixels. | `number` | `undefined` |
|
|
13
|
-
| `onOptionHover` | -- | Callback chamado quando o mouse passa sobre uma opção. | `(index: number) => void` | `undefined` |
|
|
14
|
-
| `onOptionSelect` | -- | Callback chamado quando uma opção é selecionada. | `(option: IOption) => void` | `undefined` |
|
|
15
|
-
| `preSelection` | `pre-selection` | Índice da opção pré-selecionada na lista. | `number` | `undefined` |
|
|
16
|
-
| `showLoading` | `show-loading` | Indica se o indicador de carregamento deve ser exibido. | `boolean` | `undefined` |
|
|
17
|
-
| `showOptionValue` | `show-option-value` | Indica se o valor de cada opção deve ser exibido junto com o rótulo. | `boolean` | `undefined` |
|
|
18
|
-
| `textEmptyList` | `text-empty-list` | Mensagem exibida quando a lista de opções está vazia. | `string` | `"Nenhum resultado encontrado"` |
|
|
19
|
-
| `visibleOptions` | -- | Lista de opções visíveis que serão exibidas no componente. | `IOption[]` | `undefined` |
|
|
20
|
-
| `width` | `width` | Largura fixa da lista, em pixels. | `number` | `undefined` |
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
## Methods
|
|
24
|
-
|
|
25
|
-
### `nextOption() => Promise<void>`
|
|
26
|
-
|
|
27
|
-
Move a seleção para a próxima opção na lista.
|
|
28
|
-
|
|
29
|
-
#### Returns
|
|
30
|
-
|
|
31
|
-
Type: `Promise<void>`
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
### `previousOption() => Promise<void>`
|
|
36
|
-
|
|
37
|
-
Move a seleção para a opção anterior na lista.
|
|
38
|
-
|
|
39
|
-
#### Returns
|
|
40
|
-
|
|
41
|
-
Type: `Promise<void>`
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
### `selectCurrentOption() => Promise<void>`
|
|
46
|
-
|
|
47
|
-
Seleciona a opção atualmente pré-selecionada.
|
|
48
|
-
|
|
49
|
-
#### Returns
|
|
50
|
-
|
|
51
|
-
Type: `Promise<void>`
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
## Dependencies
|
|
57
|
-
|
|
58
|
-
### Used by
|
|
59
|
-
|
|
60
|
-
- [ez-combo-box](..)
|
|
61
|
-
|
|
62
|
-
### Graph
|
|
63
|
-
```mermaid
|
|
64
|
-
graph TD;
|
|
65
|
-
ez-combo-box --> ez-combo-box-list
|
|
66
|
-
style ez-combo-box-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
----------------------------------------------
|
|
70
|
-
|
|
71
|
-
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
# ez-popover-core
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<!-- Auto Generated Below -->
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
## Properties
|
|
9
|
-
|
|
10
|
-
| Property | Attribute | Description | Type | Default |
|
|
11
|
-
| --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
|
|
12
|
-
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
|
|
13
|
-
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
|
|
14
|
-
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
|
|
15
|
-
| `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
|
|
16
|
-
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
17
|
-
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
18
|
-
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
19
|
-
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
## Events
|
|
23
|
-
|
|
24
|
-
| Event | Description | Type |
|
|
25
|
-
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
26
|
-
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
## Methods
|
|
30
|
-
|
|
31
|
-
### `hide() => Promise<void>`
|
|
32
|
-
|
|
33
|
-
Oculta o ez-popover.
|
|
34
|
-
|
|
35
|
-
#### Returns
|
|
36
|
-
|
|
37
|
-
Type: `Promise<void>`
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
42
|
-
|
|
43
|
-
Altera o elemento de ancoragem.
|
|
44
|
-
|
|
45
|
-
#### Returns
|
|
46
|
-
|
|
47
|
-
Type: `Promise<void>`
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
52
|
-
|
|
53
|
-
Altera as opções.
|
|
54
|
-
|
|
55
|
-
#### Returns
|
|
56
|
-
|
|
57
|
-
Type: `Promise<void>`
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
62
|
-
|
|
63
|
-
Exibe o ez-popover.
|
|
64
|
-
|
|
65
|
-
#### Returns
|
|
66
|
-
|
|
67
|
-
Type: `Promise<void>`
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
72
|
-
|
|
73
|
-
Ancora a exibição do popOver a um elemento HTML.
|
|
74
|
-
|
|
75
|
-
#### Returns
|
|
76
|
-
|
|
77
|
-
Type: `Promise<void>`
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
82
|
-
|
|
83
|
-
Atualiza a posição do popover.
|
|
84
|
-
|
|
85
|
-
#### Returns
|
|
86
|
-
|
|
87
|
-
Type: `Promise<void>`
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
## Dependencies
|
|
93
|
-
|
|
94
|
-
### Used by
|
|
95
|
-
|
|
96
|
-
- [ez-popover-plus](..)
|
|
97
|
-
|
|
98
|
-
### Graph
|
|
99
|
-
```mermaid
|
|
100
|
-
graph TD;
|
|
101
|
-
ez-popover-plus --> ez-popover-core
|
|
102
|
-
style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
|
|
103
|
-
```
|
|
104
|
-
|
|
105
|
-
----------------------------------------------
|
|
106
|
-
|
|
107
|
-
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
# 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-search](../..)
|
|
57
|
-
|
|
58
|
-
### Depends on
|
|
59
|
-
|
|
60
|
-
- [ez-card-item](../../../ez-card-item)
|
|
61
|
-
|
|
62
|
-
### Graph
|
|
63
|
-
```mermaid
|
|
64
|
-
graph TD;
|
|
65
|
-
search-list --> ez-card-item
|
|
66
|
-
ez-search --> search-list
|
|
67
|
-
style search-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
----------------------------------------------
|
|
71
|
-
|
|
72
|
-
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
# ez-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
|
-
| `codLabel` | `cod-label` | Texto a ser apresentado no input de código. | `string` | `undefined` |
|
|
15
|
-
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
16
|
-
| `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
|
|
17
|
-
| `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
|
|
18
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
19
|
-
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
20
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
21
|
-
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
|
|
22
|
-
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
|
|
23
|
-
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
24
|
-
| `isTextSearch` | `is-text-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
25
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
26
|
-
| `listOptionsPosition` | -- | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `IEzCheckBoxListPosition` | `undefined` |
|
|
27
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
28
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
29
|
-
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
30
|
-
| `showSelectedValue` | `show-selected-value` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
|
|
31
|
-
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
32
|
-
| `suppressEmptyOption` | `suppress-empty-option` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
33
|
-
| `suppressPreLoad` | `suppress-pre-load` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
|
|
34
|
-
| `suppressSearch` | `suppress-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
35
|
-
| `value` | `value` | Define o valor do campo. | `any` | `undefined` |
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
## Events
|
|
39
|
-
|
|
40
|
-
| Event | Description | Type |
|
|
41
|
-
| ---------- | ------------------------------------------------------ | ---------------------- |
|
|
42
|
-
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
## Methods
|
|
46
|
-
|
|
47
|
-
### `clearValue() => Promise<void>`
|
|
48
|
-
|
|
49
|
-
Limpa o valor do campo de pesquisa
|
|
50
|
-
|
|
51
|
-
#### Returns
|
|
52
|
-
|
|
53
|
-
Type: `Promise<void>`
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
### `getValueAsync() => Promise<unknown>`
|
|
58
|
-
|
|
59
|
-
Obtém o valor do componente só após a compo de apresentação
|
|
60
|
-
ter sido resolvido pelo option loader quando necessário
|
|
61
|
-
|
|
62
|
-
#### Returns
|
|
63
|
-
|
|
64
|
-
Type: `Promise<unknown>`
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
### `isInvalid() => Promise<boolean>`
|
|
69
|
-
|
|
70
|
-
Retorna se o conteúdo é inválido.
|
|
71
|
-
|
|
72
|
-
#### Returns
|
|
73
|
-
|
|
74
|
-
Type: `Promise<boolean>`
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
### `setBlur() => Promise<void>`
|
|
79
|
-
|
|
80
|
-
Remove o foco do campo.
|
|
81
|
-
|
|
82
|
-
#### Returns
|
|
83
|
-
|
|
84
|
-
Type: `Promise<void>`
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
89
|
-
|
|
90
|
-
Aplica o foco no campo.
|
|
91
|
-
|
|
92
|
-
#### Returns
|
|
93
|
-
|
|
94
|
-
Type: `Promise<void>`
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
## Dependencies
|
|
100
|
-
|
|
101
|
-
### Used by
|
|
102
|
-
|
|
103
|
-
- [ez-form-view](../ez-form-view)
|
|
104
|
-
|
|
105
|
-
### Depends on
|
|
106
|
-
|
|
107
|
-
- [ez-icon](../ez-icon)
|
|
108
|
-
- [ez-text-input](../ez-text-input)
|
|
109
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
110
|
-
- [ez-search-result-list](./subcomponent/ez-search-result-list)
|
|
111
|
-
|
|
112
|
-
### Graph
|
|
113
|
-
```mermaid
|
|
114
|
-
graph TD;
|
|
115
|
-
ez-search-plus --> ez-icon
|
|
116
|
-
ez-search-plus --> ez-text-input
|
|
117
|
-
ez-search-plus --> ez-popover-plus
|
|
118
|
-
ez-search-plus --> ez-search-result-list
|
|
119
|
-
ez-text-input --> ez-tooltip
|
|
120
|
-
ez-text-input --> ez-icon
|
|
121
|
-
ez-popover-plus --> ez-popover-core
|
|
122
|
-
ez-search-result-list --> ez-card-item
|
|
123
|
-
ez-form-view --> ez-search-plus
|
|
124
|
-
style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
----------------------------------------------
|
|
128
|
-
|
|
129
|
-
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
# ez-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-search-plus](../..)
|
|
73
|
-
|
|
74
|
-
### Depends on
|
|
75
|
-
|
|
76
|
-
- [ez-card-item](../../../ez-card-item)
|
|
77
|
-
|
|
78
|
-
### Graph
|
|
79
|
-
```mermaid
|
|
80
|
-
graph TD;
|
|
81
|
-
ez-search-result-list --> ez-card-item
|
|
82
|
-
ez-search-plus --> ez-search-result-list
|
|
83
|
-
style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
----------------------------------------------
|
|
87
|
-
|
|
88
|
-
|