@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-81491.4 → 0.0.0-feat-dev-KB-69274.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-card-item/readme.md +4 -2
- package/components/ez-date-input/readme.md +0 -3
- package/components/ez-date-time-input/readme.md +0 -3
- package/components/ez-form/readme.md +10 -4
- package/components/ez-form-view/readme.md +12 -5
- package/components/ez-grid/readme.md +3 -1
- package/components/ez-grid/subcomponents/readme.md +3 -1
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-multi-selection-list/readme.md +4 -1
- package/components/ez-popover-plus/readme.md +14 -12
- package/components/ez-popover-plus/subcomponent/readme.md +10 -8
- package/components/ez-search/readme.md +6 -2
- package/components/ez-search/subcomponent/search-list/readme.md +72 -0
- package/components/ez-search-plus/readme.md +129 -0
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +88 -0
- package/components/ez-text-input/readme.md +3 -0
- package/package.json +1 -1
|
@@ -25,12 +25,14 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [ez-search](../ez-search)
|
|
28
|
+
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
29
|
+
- [search-list](../ez-search/subcomponent/search-list)
|
|
29
30
|
|
|
30
31
|
### Graph
|
|
31
32
|
```mermaid
|
|
32
33
|
graph TD;
|
|
33
|
-
ez-search --> ez-card-item
|
|
34
|
+
ez-search-result-list --> ez-card-item
|
|
35
|
+
search-list --> ez-card-item
|
|
34
36
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
37
|
```
|
|
36
38
|
|
|
@@ -79,18 +79,15 @@ Type: `Promise<void>`
|
|
|
79
79
|
### Depends on
|
|
80
80
|
|
|
81
81
|
- [ez-text-input](../ez-text-input)
|
|
82
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
83
82
|
- [ez-calendar](../ez-calendar)
|
|
84
83
|
|
|
85
84
|
### Graph
|
|
86
85
|
```mermaid
|
|
87
86
|
graph TD;
|
|
88
87
|
ez-date-input --> ez-text-input
|
|
89
|
-
ez-date-input --> ez-popover-plus
|
|
90
88
|
ez-date-input --> ez-calendar
|
|
91
89
|
ez-text-input --> ez-tooltip
|
|
92
90
|
ez-text-input --> ez-icon
|
|
93
|
-
ez-popover-plus --> ez-popover-core
|
|
94
91
|
ez-form-view --> ez-date-input
|
|
95
92
|
style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
96
93
|
```
|
|
@@ -80,18 +80,15 @@ Type: `Promise<void>`
|
|
|
80
80
|
### Depends on
|
|
81
81
|
|
|
82
82
|
- [ez-text-input](../ez-text-input)
|
|
83
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
84
83
|
- [ez-calendar](../ez-calendar)
|
|
85
84
|
|
|
86
85
|
### Graph
|
|
87
86
|
```mermaid
|
|
88
87
|
graph TD;
|
|
89
88
|
ez-date-time-input --> ez-text-input
|
|
90
|
-
ez-date-time-input --> ez-popover-plus
|
|
91
89
|
ez-date-time-input --> ez-calendar
|
|
92
90
|
ez-text-input --> ez-tooltip
|
|
93
91
|
ez-text-input --> ez-icon
|
|
94
|
-
ez-popover-plus --> ez-popover-core
|
|
95
92
|
ez-form-view --> ez-date-time-input
|
|
96
93
|
style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
97
94
|
```
|
|
@@ -81,9 +81,10 @@ 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
|
|
85
84
|
ez-form-view --> ez-text-area
|
|
86
85
|
ez-form-view --> ez-text-input
|
|
86
|
+
ez-form-view --> ez-search-plus
|
|
87
|
+
ez-form-view --> ez-search
|
|
87
88
|
ez-collapsible-box --> ez-icon
|
|
88
89
|
ez-collapsible-box --> ez-text-edit
|
|
89
90
|
ez-text-edit --> ez-text-input
|
|
@@ -97,17 +98,22 @@ graph TD;
|
|
|
97
98
|
ez-combo-box --> ez-combo-box-list
|
|
98
99
|
ez-popover-plus --> ez-popover-core
|
|
99
100
|
ez-date-input --> ez-text-input
|
|
100
|
-
ez-date-input --> ez-popover-plus
|
|
101
101
|
ez-date-input --> ez-calendar
|
|
102
102
|
ez-time-input --> ez-text-input
|
|
103
103
|
ez-time-input --> ez-icon
|
|
104
104
|
ez-date-time-input --> ez-text-input
|
|
105
|
-
ez-date-time-input --> ez-popover-plus
|
|
106
105
|
ez-date-time-input --> ez-calendar
|
|
107
106
|
ez-number-input --> ez-text-input
|
|
108
|
-
ez-search --> ez-
|
|
107
|
+
ez-search-plus --> ez-icon
|
|
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
|
|
109
112
|
ez-search --> ez-text-input
|
|
110
113
|
ez-search --> ez-icon
|
|
114
|
+
ez-search --> ez-popover-plus
|
|
115
|
+
ez-search --> search-list
|
|
116
|
+
search-list --> ez-card-item
|
|
111
117
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
112
118
|
```
|
|
113
119
|
|
|
@@ -71,9 +71,10 @@ 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)
|
|
75
74
|
- [ez-text-area](../ez-text-area)
|
|
76
75
|
- [ez-text-input](../ez-text-input)
|
|
76
|
+
- [ez-search-plus](../ez-search-plus)
|
|
77
|
+
- [ez-search](../ez-search)
|
|
77
78
|
|
|
78
79
|
### Graph
|
|
79
80
|
```mermaid
|
|
@@ -87,9 +88,10 @@ graph TD;
|
|
|
87
88
|
ez-form-view --> ez-date-time-input
|
|
88
89
|
ez-form-view --> ez-upload
|
|
89
90
|
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
|
|
93
95
|
ez-collapsible-box --> ez-icon
|
|
94
96
|
ez-collapsible-box --> ez-text-edit
|
|
95
97
|
ez-text-edit --> ez-text-input
|
|
@@ -103,17 +105,22 @@ graph TD;
|
|
|
103
105
|
ez-combo-box --> ez-combo-box-list
|
|
104
106
|
ez-popover-plus --> ez-popover-core
|
|
105
107
|
ez-date-input --> ez-text-input
|
|
106
|
-
ez-date-input --> ez-popover-plus
|
|
107
108
|
ez-date-input --> ez-calendar
|
|
108
109
|
ez-time-input --> ez-text-input
|
|
109
110
|
ez-time-input --> ez-icon
|
|
110
111
|
ez-date-time-input --> ez-text-input
|
|
111
|
-
ez-date-time-input --> ez-popover-plus
|
|
112
112
|
ez-date-time-input --> ez-calendar
|
|
113
113
|
ez-number-input --> ez-text-input
|
|
114
|
-
ez-search --> ez-
|
|
114
|
+
ez-search-plus --> ez-icon
|
|
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
|
|
115
119
|
ez-search --> ez-text-input
|
|
116
120
|
ez-search --> ez-icon
|
|
121
|
+
ez-search --> ez-popover-plus
|
|
122
|
+
ez-search --> search-list
|
|
123
|
+
search-list --> ez-card-item
|
|
117
124
|
ez-form --> ez-form-view
|
|
118
125
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
119
126
|
```
|
|
@@ -267,9 +267,11 @@ graph TD;
|
|
|
267
267
|
ez-filter-input --> ez-icon
|
|
268
268
|
ez-text-input --> ez-tooltip
|
|
269
269
|
ez-text-input --> ez-icon
|
|
270
|
-
ez-search --> ez-card-item
|
|
271
270
|
ez-search --> ez-text-input
|
|
272
271
|
ez-search --> ez-icon
|
|
272
|
+
ez-search --> ez-popover-plus
|
|
273
|
+
ez-search --> search-list
|
|
274
|
+
search-list --> ez-card-item
|
|
273
275
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
274
276
|
```
|
|
275
277
|
|
|
@@ -80,9 +80,11 @@ graph TD;
|
|
|
80
80
|
ez-filter-input --> ez-icon
|
|
81
81
|
ez-text-input --> ez-tooltip
|
|
82
82
|
ez-text-input --> ez-icon
|
|
83
|
-
ez-search --> ez-card-item
|
|
84
83
|
ez-search --> ez-text-input
|
|
85
84
|
ez-search --> ez-icon
|
|
85
|
+
ez-search --> ez-popover-plus
|
|
86
|
+
ez-search --> search-list
|
|
87
|
+
search-list --> ez-card-item
|
|
86
88
|
ez-grid --> filter-column
|
|
87
89
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
88
90
|
```
|
|
@@ -34,6 +34,7 @@
|
|
|
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)
|
|
37
38
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
38
39
|
- [ez-split-button](../ez-split-button)
|
|
39
40
|
- [ez-tabselector](../ez-tabselector)
|
|
@@ -60,6 +61,7 @@ graph TD;
|
|
|
60
61
|
ez-modal-container --> ez-icon
|
|
61
62
|
ez-multi-selection-list --> ez-icon
|
|
62
63
|
ez-search --> ez-icon
|
|
64
|
+
ez-search-plus --> ez-icon
|
|
63
65
|
ez-sidebar-button --> ez-icon
|
|
64
66
|
ez-split-button --> ez-icon
|
|
65
67
|
ez-tabselector --> ez-icon
|
|
@@ -65,9 +65,12 @@ 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
|
|
69
68
|
ez-search --> ez-text-input
|
|
70
69
|
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
|
|
71
74
|
filter-column --> ez-multi-selection-list
|
|
72
75
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
73
76
|
```
|
|
@@ -7,14 +7,16 @@
|
|
|
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
|
-
| `
|
|
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` |
|
|
18
20
|
|
|
19
21
|
|
|
20
22
|
## Events
|
|
@@ -92,8 +94,8 @@ Type: `Promise<void>`
|
|
|
92
94
|
### Used by
|
|
93
95
|
|
|
94
96
|
- [ez-combo-box](../ez-combo-box)
|
|
95
|
-
- [ez-
|
|
96
|
-
- [ez-
|
|
97
|
+
- [ez-search](../ez-search)
|
|
98
|
+
- [ez-search-plus](../ez-search-plus)
|
|
97
99
|
- [filter-column](../ez-grid/subcomponents)
|
|
98
100
|
|
|
99
101
|
### Depends on
|
|
@@ -105,8 +107,8 @@ Type: `Promise<void>`
|
|
|
105
107
|
graph TD;
|
|
106
108
|
ez-popover-plus --> ez-popover-core
|
|
107
109
|
ez-combo-box --> ez-popover-plus
|
|
108
|
-
ez-
|
|
109
|
-
ez-
|
|
110
|
+
ez-search --> ez-popover-plus
|
|
111
|
+
ez-search-plus --> ez-popover-plus
|
|
110
112
|
filter-column --> ez-popover-plus
|
|
111
113
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
112
114
|
```
|
|
@@ -7,14 +7,16 @@
|
|
|
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
|
-
| `
|
|
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` |
|
|
18
20
|
|
|
19
21
|
|
|
20
22
|
## Events
|
|
@@ -101,18 +101,22 @@ Type: `Promise<void>`
|
|
|
101
101
|
|
|
102
102
|
### Depends on
|
|
103
103
|
|
|
104
|
-
- [ez-card-item](../ez-card-item)
|
|
105
104
|
- [ez-text-input](../ez-text-input)
|
|
106
105
|
- [ez-icon](../ez-icon)
|
|
106
|
+
- [ez-popover-plus](../ez-popover-plus)
|
|
107
|
+
- [search-list](./subcomponent/search-list)
|
|
107
108
|
|
|
108
109
|
### Graph
|
|
109
110
|
```mermaid
|
|
110
111
|
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
|
|
114
116
|
ez-text-input --> ez-tooltip
|
|
115
117
|
ez-text-input --> ez-icon
|
|
118
|
+
ez-popover-plus --> ez-popover-core
|
|
119
|
+
search-list --> ez-card-item
|
|
116
120
|
ez-form-view --> ez-search
|
|
117
121
|
ez-multi-selection-list --> ez-search
|
|
118
122
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -0,0 +1,72 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,129 @@
|
|
|
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
|
+
|
|
@@ -0,0 +1,88 @@
|
|
|
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
|
+
|
|
@@ -14,6 +14,7 @@
|
|
|
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` |
|
|
17
18
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
19
|
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
19
20
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
@@ -74,6 +75,7 @@ Type: `Promise<void>`
|
|
|
74
75
|
- [ez-form-view](../ez-form-view)
|
|
75
76
|
- [ez-number-input](../ez-number-input)
|
|
76
77
|
- [ez-search](../ez-search)
|
|
78
|
+
- [ez-search-plus](../ez-search-plus)
|
|
77
79
|
- [ez-text-edit](../ez-text-edit)
|
|
78
80
|
- [ez-time-input](../ez-time-input)
|
|
79
81
|
|
|
@@ -94,6 +96,7 @@ graph TD;
|
|
|
94
96
|
ez-form-view --> ez-text-input
|
|
95
97
|
ez-number-input --> ez-text-input
|
|
96
98
|
ez-search --> ez-text-input
|
|
99
|
+
ez-search-plus --> ez-text-input
|
|
97
100
|
ez-text-edit --> ez-text-input
|
|
98
101
|
ez-time-input --> ez-text-input
|
|
99
102
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|