@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-81367.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-combo-box/readme.md +0 -5
- package/components/ez-form/readme.md +0 -3
- package/components/ez-form-view/readme.md +0 -3
- package/components/ez-grid/readme.md +0 -1
- package/components/ez-grid/subcomponents/readme.md +0 -1
- package/components/ez-popover-plus/readme.md +8 -17
- 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
|
@@ -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
|
```
|
|
@@ -93,9 +93,6 @@ 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
|
|
99
96
|
ez-date-input --> ez-text-input
|
|
100
97
|
ez-date-input --> ez-calendar
|
|
101
98
|
ez-time-input --> ez-text-input
|
|
@@ -99,9 +99,6 @@ 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
|
|
105
102
|
ez-date-input --> ez-text-input
|
|
106
103
|
ez-date-input --> ez-calendar
|
|
107
104
|
ez-time-input --> ez-text-input
|
|
@@ -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
|
|
@@ -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
|
|
@@ -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,18 +91,11 @@ Type: `Promise<void>`
|
|
|
93
91
|
|
|
94
92
|
### Used by
|
|
95
93
|
|
|
96
|
-
- [ez-combo-box](../ez-combo-box)
|
|
97
94
|
- [filter-column](../ez-grid/subcomponents)
|
|
98
95
|
|
|
99
|
-
### Depends on
|
|
100
|
-
|
|
101
|
-
- [ez-popover-core](subcomponent)
|
|
102
|
-
|
|
103
96
|
### Graph
|
|
104
97
|
```mermaid
|
|
105
98
|
graph TD;
|
|
106
|
-
ez-popover-plus --> ez-popover-core
|
|
107
|
-
ez-combo-box --> ez-popover-plus
|
|
108
99
|
filter-column --> ez-popover-plus
|
|
109
100
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
101
|
```
|
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 se 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
|
-
|