@sankhyalabs/ezui-docs 5.22.0-dev.54 → 5.22.0-dev.56
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-collapsible-box/readme.md +2 -0
- package/components/ez-combo-box/readme.md +2 -0
- package/components/ez-date-input/readme.md +2 -0
- package/components/ez-date-time-input/readme.md +2 -0
- package/components/ez-filter-input/readme.md +2 -0
- package/components/ez-form/readme.md +2 -0
- package/components/ez-form-view/readme.md +2 -0
- package/components/ez-grid/readme.md +20 -17
- package/components/ez-grid/subcomponents/readme.md +2 -0
- package/components/ez-guide-navigator/readme.md +2 -0
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-multi-selection-list/readme.md +2 -0
- package/components/ez-number-input/readme.md +2 -0
- package/components/ez-search/readme.md +2 -0
- package/components/ez-text-edit/readme.md +2 -0
- package/components/ez-text-input/readme.md +7 -0
- package/components/ez-time-input/readme.md +2 -0
- package/components/ez-tooltip/readme.md +44 -0
- package/package.json +1 -1
|
@@ -82,6 +82,8 @@ graph TD;
|
|
|
82
82
|
ez-collapsible-box --> ez-text-edit
|
|
83
83
|
ez-text-edit --> ez-text-input
|
|
84
84
|
ez-text-edit --> ez-button
|
|
85
|
+
ez-text-input --> ez-tooltip
|
|
86
|
+
ez-text-input --> ez-icon
|
|
85
87
|
ez-button --> ez-icon
|
|
86
88
|
ez-form-view --> ez-collapsible-box
|
|
87
89
|
style ez-collapsible-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -105,6 +105,8 @@ Type: `Promise<void>`
|
|
|
105
105
|
graph TD;
|
|
106
106
|
ez-combo-box --> ez-text-input
|
|
107
107
|
ez-combo-box --> ez-icon
|
|
108
|
+
ez-text-input --> ez-tooltip
|
|
109
|
+
ez-text-input --> ez-icon
|
|
108
110
|
ez-form-view --> ez-combo-box
|
|
109
111
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
112
|
```
|
|
@@ -86,6 +86,8 @@ Type: `Promise<void>`
|
|
|
86
86
|
graph TD;
|
|
87
87
|
ez-date-input --> ez-text-input
|
|
88
88
|
ez-date-input --> ez-calendar
|
|
89
|
+
ez-text-input --> ez-tooltip
|
|
90
|
+
ez-text-input --> ez-icon
|
|
89
91
|
ez-form-view --> ez-date-input
|
|
90
92
|
style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
91
93
|
```
|
|
@@ -87,6 +87,8 @@ Type: `Promise<void>`
|
|
|
87
87
|
graph TD;
|
|
88
88
|
ez-date-time-input --> ez-text-input
|
|
89
89
|
ez-date-time-input --> ez-calendar
|
|
90
|
+
ez-text-input --> ez-tooltip
|
|
91
|
+
ez-text-input --> ez-icon
|
|
90
92
|
ez-form-view --> ez-date-time-input
|
|
91
93
|
style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
92
94
|
```
|
|
@@ -99,6 +99,8 @@ Type: `Promise<void>`
|
|
|
99
99
|
graph TD;
|
|
100
100
|
ez-filter-input --> ez-text-input
|
|
101
101
|
ez-filter-input --> ez-icon
|
|
102
|
+
ez-text-input --> ez-tooltip
|
|
103
|
+
ez-text-input --> ez-icon
|
|
102
104
|
ez-guide-navigator --> ez-filter-input
|
|
103
105
|
ez-multi-selection-list --> ez-filter-input
|
|
104
106
|
style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -88,6 +88,8 @@ graph TD;
|
|
|
88
88
|
ez-collapsible-box --> ez-text-edit
|
|
89
89
|
ez-text-edit --> ez-text-input
|
|
90
90
|
ez-text-edit --> ez-button
|
|
91
|
+
ez-text-input --> ez-tooltip
|
|
92
|
+
ez-text-input --> ez-icon
|
|
91
93
|
ez-button --> ez-icon
|
|
92
94
|
ez-combo-box --> ez-text-input
|
|
93
95
|
ez-combo-box --> ez-icon
|
|
@@ -94,6 +94,8 @@ graph TD;
|
|
|
94
94
|
ez-collapsible-box --> ez-text-edit
|
|
95
95
|
ez-text-edit --> ez-text-input
|
|
96
96
|
ez-text-edit --> ez-button
|
|
97
|
+
ez-text-input --> ez-tooltip
|
|
98
|
+
ez-text-input --> ez-icon
|
|
97
99
|
ez-button --> ez-icon
|
|
98
100
|
ez-combo-box --> ez-text-input
|
|
99
101
|
ez-combo-box --> ez-icon
|
|
@@ -7,23 +7,24 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ------------------------ | -------------------------- |
|
|
12
|
-
| `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada.
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
|
|
13
|
+
| `boxShadow` | `box-shadow` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `true` |
|
|
14
|
+
| `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
|
|
15
|
+
| `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
16
|
+
| `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
|
|
17
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
18
|
+
| `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` |
|
|
19
|
+
| `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
|
|
20
|
+
| `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` |
|
|
21
|
+
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
22
|
+
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
|
|
23
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
24
|
+
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
25
|
+
| `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
|
|
26
|
+
| `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
27
|
+
| `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
|
|
27
28
|
|
|
28
29
|
|
|
29
30
|
## Events
|
|
@@ -257,6 +258,8 @@ graph TD;
|
|
|
257
258
|
ez-list --> ez-check
|
|
258
259
|
ez-filter-input --> ez-text-input
|
|
259
260
|
ez-filter-input --> ez-icon
|
|
261
|
+
ez-text-input --> ez-tooltip
|
|
262
|
+
ez-text-input --> ez-icon
|
|
260
263
|
ez-search --> ez-card-item
|
|
261
264
|
ez-search --> ez-text-input
|
|
262
265
|
ez-search --> ez-icon
|
|
@@ -126,6 +126,8 @@ graph TD;
|
|
|
126
126
|
ez-sidebar-button --> ez-icon
|
|
127
127
|
ez-filter-input --> ez-text-input
|
|
128
128
|
ez-filter-input --> ez-icon
|
|
129
|
+
ez-text-input --> ez-tooltip
|
|
130
|
+
ez-text-input --> ez-icon
|
|
129
131
|
ez-button --> ez-icon
|
|
130
132
|
ez-tree --> ez-icon
|
|
131
133
|
style ez-guide-navigator fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
38
38
|
- [ez-split-button](../ez-split-button)
|
|
39
39
|
- [ez-tabselector](../ez-tabselector)
|
|
40
|
+
- [ez-text-input](../ez-text-input)
|
|
40
41
|
- [ez-time-input](../ez-time-input)
|
|
41
42
|
- [ez-tree](../ez-tree)
|
|
42
43
|
|
|
@@ -62,6 +63,7 @@ graph TD;
|
|
|
62
63
|
ez-sidebar-button --> ez-icon
|
|
63
64
|
ez-split-button --> ez-icon
|
|
64
65
|
ez-tabselector --> ez-icon
|
|
66
|
+
ez-text-input --> ez-icon
|
|
65
67
|
ez-time-input --> ez-icon
|
|
66
68
|
ez-tree --> ez-icon
|
|
67
69
|
style ez-icon fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -110,6 +110,8 @@ graph TD;
|
|
|
110
110
|
ez-search --> ez-card-item
|
|
111
111
|
ez-search --> ez-text-input
|
|
112
112
|
ez-search --> ez-icon
|
|
113
|
+
ez-text-input --> ez-tooltip
|
|
114
|
+
ez-text-input --> ez-icon
|
|
113
115
|
ez-form-view --> ez-search
|
|
114
116
|
ez-multi-selection-list --> ez-search
|
|
115
117
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -50,6 +50,8 @@ Type: `Promise<void>`
|
|
|
50
50
|
graph TD;
|
|
51
51
|
ez-text-edit --> ez-text-input
|
|
52
52
|
ez-text-edit --> ez-button
|
|
53
|
+
ez-text-input --> ez-tooltip
|
|
54
|
+
ez-text-input --> ez-icon
|
|
53
55
|
ez-button --> ez-icon
|
|
54
56
|
ez-collapsible-box --> ez-text-edit
|
|
55
57
|
style ez-text-edit fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -77,9 +77,16 @@ Type: `Promise<void>`
|
|
|
77
77
|
- [ez-text-edit](../ez-text-edit)
|
|
78
78
|
- [ez-time-input](../ez-time-input)
|
|
79
79
|
|
|
80
|
+
### Depends on
|
|
81
|
+
|
|
82
|
+
- [ez-tooltip](../ez-tooltip)
|
|
83
|
+
- [ez-icon](../ez-icon)
|
|
84
|
+
|
|
80
85
|
### Graph
|
|
81
86
|
```mermaid
|
|
82
87
|
graph TD;
|
|
88
|
+
ez-text-input --> ez-tooltip
|
|
89
|
+
ez-text-input --> ez-icon
|
|
83
90
|
ez-combo-box --> ez-text-input
|
|
84
91
|
ez-date-input --> ez-text-input
|
|
85
92
|
ez-date-time-input --> ez-text-input
|
|
@@ -77,6 +77,8 @@ Type: `Promise<void>`
|
|
|
77
77
|
graph TD;
|
|
78
78
|
ez-time-input --> ez-text-input
|
|
79
79
|
ez-time-input --> ez-icon
|
|
80
|
+
ez-text-input --> ez-tooltip
|
|
81
|
+
ez-text-input --> ez-icon
|
|
80
82
|
ez-form-view --> ez-time-input
|
|
81
83
|
style ez-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
82
84
|
```
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# ez-tooltip
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | --------------- | ----------------------------------------------------------- | ------------- | ----------- |
|
|
12
|
+
| `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
|
|
13
|
+
| `errorMessage` | `error-message` | Mensagem de erro que será apresentada no tooltip. | `string` | `undefined` |
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## Methods
|
|
17
|
+
|
|
18
|
+
### `positionTooltip() => Promise<void>`
|
|
19
|
+
|
|
20
|
+
Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
|
|
21
|
+
|
|
22
|
+
#### Returns
|
|
23
|
+
|
|
24
|
+
Type: `Promise<void>`
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Dependencies
|
|
30
|
+
|
|
31
|
+
### Used by
|
|
32
|
+
|
|
33
|
+
- [ez-text-input](../ez-text-input)
|
|
34
|
+
|
|
35
|
+
### Graph
|
|
36
|
+
```mermaid
|
|
37
|
+
graph TD;
|
|
38
|
+
ez-text-input --> ez-tooltip
|
|
39
|
+
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
----------------------------------------------
|
|
43
|
+
|
|
44
|
+
|