@sankhyalabs/ezui-docs 5.22.0-dev.96 → 5.22.0-dev.97
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 +2 -2
- package/components/ez-form/readme.md +3 -1
- package/components/ez-form-view/readme.md +3 -1
- package/components/ez-grid/readme.md +3 -1
- package/components/ez-grid/subcomponents/readme.md +3 -1
- package/components/ez-multi-selection-list/readme.md +4 -1
- package/components/ez-popover-plus/readme.md +12 -8
- 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/package.json +1 -1
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [
|
|
28
|
+
- [search-list](../ez-search/subcomponent/search-list)
|
|
29
29
|
|
|
30
30
|
### Graph
|
|
31
31
|
```mermaid
|
|
32
32
|
graph TD;
|
|
33
|
-
|
|
33
|
+
search-list --> ez-card-item
|
|
34
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -103,9 +103,11 @@ graph TD;
|
|
|
103
103
|
ez-date-time-input --> ez-text-input
|
|
104
104
|
ez-date-time-input --> ez-calendar
|
|
105
105
|
ez-number-input --> ez-text-input
|
|
106
|
-
ez-search --> ez-card-item
|
|
107
106
|
ez-search --> ez-text-input
|
|
108
107
|
ez-search --> ez-icon
|
|
108
|
+
ez-search --> ez-popover-plus
|
|
109
|
+
ez-search --> search-list
|
|
110
|
+
search-list --> ez-card-item
|
|
109
111
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
112
|
```
|
|
111
113
|
|
|
@@ -109,9 +109,11 @@ graph TD;
|
|
|
109
109
|
ez-date-time-input --> ez-text-input
|
|
110
110
|
ez-date-time-input --> ez-calendar
|
|
111
111
|
ez-number-input --> ez-text-input
|
|
112
|
-
ez-search --> ez-card-item
|
|
113
112
|
ez-search --> ez-text-input
|
|
114
113
|
ez-search --> ez-icon
|
|
114
|
+
ez-search --> ez-popover-plus
|
|
115
|
+
ez-search --> search-list
|
|
116
|
+
search-list --> ez-card-item
|
|
115
117
|
ez-form --> ez-form-view
|
|
116
118
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
119
|
```
|
|
@@ -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
|
```
|
|
@@ -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,6 +94,7 @@ Type: `Promise<void>`
|
|
|
92
94
|
### Used by
|
|
93
95
|
|
|
94
96
|
- [ez-combo-box](../ez-combo-box)
|
|
97
|
+
- [ez-search](../ez-search)
|
|
95
98
|
- [filter-column](../ez-grid/subcomponents)
|
|
96
99
|
|
|
97
100
|
### Depends on
|
|
@@ -103,6 +106,7 @@ Type: `Promise<void>`
|
|
|
103
106
|
graph TD;
|
|
104
107
|
ez-popover-plus --> ez-popover-core
|
|
105
108
|
ez-combo-box --> ez-popover-plus
|
|
109
|
+
ez-search --> ez-popover-plus
|
|
106
110
|
filter-column --> ez-popover-plus
|
|
107
111
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
108
112
|
```
|
|
@@ -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
|
+
|