@sankhyalabs/ezui-docs 5.22.0-dev.90 → 5.22.0-dev.91
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-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 +3 -0
- package/components/ez-form-view/readme.md +3 -0
- package/components/ez-grid/readme.md +1 -0
- package/components/ez-grid/subcomponents/readme.md +1 -0
- package/components/ez-popover-plus/readme.md +7 -0
- package/components/ez-popover-plus/subcomponent/readme.md +105 -0
- package/package.json +1 -1
|
@@ -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.
|
|
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
|
|
@@ -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
|
|
@@ -255,6 +255,7 @@ 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
|
|
258
259
|
ez-multi-selection-list --> ez-check
|
|
259
260
|
ez-multi-selection-list --> ez-list
|
|
260
261
|
ez-multi-selection-list --> ez-icon
|
|
@@ -67,6 +67,7 @@ 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
|
|
70
71
|
ez-button --> ez-icon
|
|
71
72
|
ez-multi-selection-list --> ez-check
|
|
72
73
|
ez-multi-selection-list --> ez-list
|
|
@@ -91,11 +91,18 @@ Type: `Promise<void>`
|
|
|
91
91
|
|
|
92
92
|
### Used by
|
|
93
93
|
|
|
94
|
+
- [ez-combo-box](../ez-combo-box)
|
|
94
95
|
- [filter-column](../ez-grid/subcomponents)
|
|
95
96
|
|
|
97
|
+
### Depends on
|
|
98
|
+
|
|
99
|
+
- [ez-popover-core](subcomponent)
|
|
100
|
+
|
|
96
101
|
### Graph
|
|
97
102
|
```mermaid
|
|
98
103
|
graph TD;
|
|
104
|
+
ez-popover-plus --> ez-popover-core
|
|
105
|
+
ez-combo-box --> ez-popover-plus
|
|
99
106
|
filter-column --> ez-popover-plus
|
|
100
107
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
108
|
```
|
|
@@ -0,0 +1,105 @@
|
|
|
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. | `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"` |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Events
|
|
21
|
+
|
|
22
|
+
| Event | Description | Type |
|
|
23
|
+
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
24
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
## Methods
|
|
28
|
+
|
|
29
|
+
### `hide() => Promise<void>`
|
|
30
|
+
|
|
31
|
+
Oculta o ez-popover.
|
|
32
|
+
|
|
33
|
+
#### Returns
|
|
34
|
+
|
|
35
|
+
Type: `Promise<void>`
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
40
|
+
|
|
41
|
+
Altera o elemento de ancoragem.
|
|
42
|
+
|
|
43
|
+
#### Returns
|
|
44
|
+
|
|
45
|
+
Type: `Promise<void>`
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
50
|
+
|
|
51
|
+
Altera as opções.
|
|
52
|
+
|
|
53
|
+
#### Returns
|
|
54
|
+
|
|
55
|
+
Type: `Promise<void>`
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
60
|
+
|
|
61
|
+
Exibe o ez-popover.
|
|
62
|
+
|
|
63
|
+
#### Returns
|
|
64
|
+
|
|
65
|
+
Type: `Promise<void>`
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
70
|
+
|
|
71
|
+
Ancora a exibição do popOver a um elemento HTML.
|
|
72
|
+
|
|
73
|
+
#### Returns
|
|
74
|
+
|
|
75
|
+
Type: `Promise<void>`
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
80
|
+
|
|
81
|
+
Atualiza a posição do popover.
|
|
82
|
+
|
|
83
|
+
#### Returns
|
|
84
|
+
|
|
85
|
+
Type: `Promise<void>`
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
## Dependencies
|
|
91
|
+
|
|
92
|
+
### Used by
|
|
93
|
+
|
|
94
|
+
- [ez-popover-plus](..)
|
|
95
|
+
|
|
96
|
+
### Graph
|
|
97
|
+
```mermaid
|
|
98
|
+
graph TD;
|
|
99
|
+
ez-popover-plus --> ez-popover-core
|
|
100
|
+
style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
----------------------------------------------
|
|
104
|
+
|
|
105
|
+
|