@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-KB-76625.0 → 0.0.0-bugfix-dev-KB-83282.0
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-combo-box/ez-combo-box-list/readme.md +71 -0
- package/components/ez-combo-box/readme.md +5 -0
- package/components/ez-form/readme.md +4 -4
- package/components/ez-form-view/readme.md +4 -4
- package/components/ez-grid/readme.md +1 -3
- package/components/ez-grid/subcomponents/readme.md +1 -3
- package/components/ez-multi-selection-list/readme.md +1 -4
- package/components/ez-popover-plus/readme.md +10 -11
- package/components/ez-popover-plus/subcomponent/readme.md +8 -10
- package/components/ez-search/readme.md +2 -6
- package/package.json +1 -1
- package/components/ez-search/subcomponent/search-list/readme.md +0 -72
|
@@ -25,12 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [search
|
|
28
|
+
- [ez-search](../ez-search)
|
|
29
29
|
|
|
30
30
|
### Graph
|
|
31
31
|
```mermaid
|
|
32
32
|
graph TD;
|
|
33
|
-
search
|
|
33
|
+
ez-search --> ez-card-item
|
|
34
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
35
|
```
|
|
36
36
|
|
|
@@ -0,0 +1,71 @@
|
|
|
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, sem ultrapassar o início.
|
|
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
|
+
|
|
@@ -99,14 +99,19 @@ 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)
|
|
102
104
|
|
|
103
105
|
### Graph
|
|
104
106
|
```mermaid
|
|
105
107
|
graph TD;
|
|
106
108
|
ez-combo-box --> ez-text-input
|
|
107
109
|
ez-combo-box --> ez-icon
|
|
110
|
+
ez-combo-box --> ez-popover-plus
|
|
111
|
+
ez-combo-box --> ez-combo-box-list
|
|
108
112
|
ez-text-input --> ez-tooltip
|
|
109
113
|
ez-text-input --> ez-icon
|
|
114
|
+
ez-popover-plus --> ez-popover-core
|
|
110
115
|
ez-form-view --> ez-combo-box
|
|
111
116
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
112
117
|
```
|
|
@@ -93,6 +93,9 @@ graph TD;
|
|
|
93
93
|
ez-button --> ez-icon
|
|
94
94
|
ez-combo-box --> ez-text-input
|
|
95
95
|
ez-combo-box --> ez-icon
|
|
96
|
+
ez-combo-box --> ez-popover-plus
|
|
97
|
+
ez-combo-box --> ez-combo-box-list
|
|
98
|
+
ez-popover-plus --> ez-popover-core
|
|
96
99
|
ez-date-input --> ez-text-input
|
|
97
100
|
ez-date-input --> ez-calendar
|
|
98
101
|
ez-time-input --> ez-text-input
|
|
@@ -100,12 +103,9 @@ graph TD;
|
|
|
100
103
|
ez-date-time-input --> ez-text-input
|
|
101
104
|
ez-date-time-input --> ez-calendar
|
|
102
105
|
ez-number-input --> ez-text-input
|
|
106
|
+
ez-search --> ez-card-item
|
|
103
107
|
ez-search --> ez-text-input
|
|
104
108
|
ez-search --> ez-icon
|
|
105
|
-
ez-search --> ez-popover-plus
|
|
106
|
-
ez-search --> search-list
|
|
107
|
-
ez-popover-plus --> ez-popover-core
|
|
108
|
-
search-list --> ez-card-item
|
|
109
109
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
110
|
```
|
|
111
111
|
|
|
@@ -99,6 +99,9 @@ graph TD;
|
|
|
99
99
|
ez-button --> ez-icon
|
|
100
100
|
ez-combo-box --> ez-text-input
|
|
101
101
|
ez-combo-box --> ez-icon
|
|
102
|
+
ez-combo-box --> ez-popover-plus
|
|
103
|
+
ez-combo-box --> ez-combo-box-list
|
|
104
|
+
ez-popover-plus --> ez-popover-core
|
|
102
105
|
ez-date-input --> ez-text-input
|
|
103
106
|
ez-date-input --> ez-calendar
|
|
104
107
|
ez-time-input --> ez-text-input
|
|
@@ -106,12 +109,9 @@ graph TD;
|
|
|
106
109
|
ez-date-time-input --> ez-text-input
|
|
107
110
|
ez-date-time-input --> ez-calendar
|
|
108
111
|
ez-number-input --> ez-text-input
|
|
112
|
+
ez-search --> ez-card-item
|
|
109
113
|
ez-search --> ez-text-input
|
|
110
114
|
ez-search --> ez-icon
|
|
111
|
-
ez-search --> ez-popover-plus
|
|
112
|
-
ez-search --> search-list
|
|
113
|
-
ez-popover-plus --> ez-popover-core
|
|
114
|
-
search-list --> ez-card-item
|
|
115
115
|
ez-form --> ez-form-view
|
|
116
116
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
117
|
```
|
|
@@ -267,11 +267,9 @@ 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
|
|
270
271
|
ez-search --> ez-text-input
|
|
271
272
|
ez-search --> ez-icon
|
|
272
|
-
ez-search --> ez-popover-plus
|
|
273
|
-
ez-search --> search-list
|
|
274
|
-
search-list --> ez-card-item
|
|
275
273
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
276
274
|
```
|
|
277
275
|
|
|
@@ -80,11 +80,9 @@ 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
|
|
83
84
|
ez-search --> ez-text-input
|
|
84
85
|
ez-search --> ez-icon
|
|
85
|
-
ez-search --> ez-popover-plus
|
|
86
|
-
ez-search --> search-list
|
|
87
|
-
search-list --> ez-card-item
|
|
88
86
|
ez-grid --> filter-column
|
|
89
87
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
90
88
|
```
|
|
@@ -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,15 +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
|
-
| `opened` | `opened`
|
|
16
|
-
| `options` | --
|
|
17
|
-
| `overlayType` | `overlay-type`
|
|
18
|
-
| `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"` |
|
|
19
18
|
|
|
20
19
|
|
|
21
20
|
## Events
|
|
@@ -92,7 +91,7 @@ Type: `Promise<void>`
|
|
|
92
91
|
|
|
93
92
|
### Used by
|
|
94
93
|
|
|
95
|
-
- [ez-
|
|
94
|
+
- [ez-combo-box](../ez-combo-box)
|
|
96
95
|
- [filter-column](../ez-grid/subcomponents)
|
|
97
96
|
|
|
98
97
|
### Depends on
|
|
@@ -103,7 +102,7 @@ Type: `Promise<void>`
|
|
|
103
102
|
```mermaid
|
|
104
103
|
graph TD;
|
|
105
104
|
ez-popover-plus --> ez-popover-core
|
|
106
|
-
ez-
|
|
105
|
+
ez-combo-box --> ez-popover-plus
|
|
107
106
|
filter-column --> ez-popover-plus
|
|
108
107
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
109
108
|
```
|
|
@@ -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
|
|
@@ -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
|
package/package.json
CHANGED
|
@@ -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
|
-
|