@sankhyalabs/ezui-docs 0.0.0-bugfix-dev-kb-74998.1 → 0.0.0-bugfix-dev-5603306.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-collapsible-box/readme.md +2 -0
- package/components/ez-combo-box/readme.md +3 -0
- package/components/ez-date-input/readme.md +3 -0
- package/components/ez-date-time-input/readme.md +3 -0
- package/components/ez-filter-input/readme.md +3 -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 +3 -0
- package/components/ez-search/readme.md +3 -0
- package/components/ez-text-edit/readme.md +2 -0
- package/components/ez-text-input/readme.md +8 -0
- package/components/ez-time-input/readme.md +3 -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
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
| `limitCharsToSearch` | `limit-chars-to-search` | Define o limite de caracteres mínimo para realizar uma pesquisa | `number` | `3` |
|
|
20
20
|
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
21
21
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
22
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` |
|
|
22
23
|
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
23
24
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
24
25
|
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
@@ -105,6 +106,8 @@ Type: `Promise<void>`
|
|
|
105
106
|
graph TD;
|
|
106
107
|
ez-combo-box --> ez-text-input
|
|
107
108
|
ez-combo-box --> ez-icon
|
|
109
|
+
ez-text-input --> ez-tooltip
|
|
110
|
+
ez-text-input --> ez-icon
|
|
108
111
|
ez-form-view --> ez-combo-box
|
|
109
112
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
110
113
|
```
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
16
16
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
17
17
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
18
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` |
|
|
18
19
|
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
19
20
|
|
|
20
21
|
|
|
@@ -86,6 +87,8 @@ Type: `Promise<void>`
|
|
|
86
87
|
graph TD;
|
|
87
88
|
ez-date-input --> ez-text-input
|
|
88
89
|
ez-date-input --> ez-calendar
|
|
90
|
+
ez-text-input --> ez-tooltip
|
|
91
|
+
ez-text-input --> ez-icon
|
|
89
92
|
ez-form-view --> ez-date-input
|
|
90
93
|
style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
91
94
|
```
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
16
16
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
17
17
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
18
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` |
|
|
18
19
|
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
19
20
|
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
20
21
|
|
|
@@ -87,6 +88,8 @@ Type: `Promise<void>`
|
|
|
87
88
|
graph TD;
|
|
88
89
|
ez-date-time-input --> ez-text-input
|
|
89
90
|
ez-date-time-input --> ez-calendar
|
|
91
|
+
ez-text-input --> ez-tooltip
|
|
92
|
+
ez-text-input --> ez-icon
|
|
90
93
|
ez-form-view --> ez-date-time-input
|
|
91
94
|
style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
92
95
|
```
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
17
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
18
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` |
|
|
19
20
|
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
20
21
|
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
21
22
|
|
|
@@ -99,6 +100,8 @@ Type: `Promise<void>`
|
|
|
99
100
|
graph TD;
|
|
100
101
|
ez-filter-input --> ez-text-input
|
|
101
102
|
ez-filter-input --> ez-icon
|
|
103
|
+
ez-text-input --> ez-tooltip
|
|
104
|
+
ez-text-input --> ez-icon
|
|
102
105
|
ez-guide-navigator --> ez-filter-input
|
|
103
106
|
ez-multi-selection-list --> ez-filter-input
|
|
104
107
|
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
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
17
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
18
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` |
|
|
19
20
|
| `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` |
|
|
20
21
|
| `prettyPrecision` | `pretty-precision` | Define qual é o mínimo de casas depois da vírgula. Exemplo: 1,1 será exibido como 1,1000 quando `prettyPrecision = 4`. | `number` | `undefined` |
|
|
21
22
|
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
@@ -87,6 +88,8 @@ Type: `Promise<void>`
|
|
|
87
88
|
```mermaid
|
|
88
89
|
graph TD;
|
|
89
90
|
ez-number-input --> ez-text-input
|
|
91
|
+
ez-text-input --> ez-tooltip
|
|
92
|
+
ez-text-input --> ez-icon
|
|
90
93
|
ez-form-view --> ez-number-input
|
|
91
94
|
style ez-number-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
92
95
|
```
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
21
21
|
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
22
22
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
23
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` |
|
|
23
24
|
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
24
25
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
25
26
|
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
@@ -110,6 +111,8 @@ graph TD;
|
|
|
110
111
|
ez-search --> ez-card-item
|
|
111
112
|
ez-search --> ez-text-input
|
|
112
113
|
ez-search --> ez-icon
|
|
114
|
+
ez-text-input --> ez-tooltip
|
|
115
|
+
ez-text-input --> ez-icon
|
|
113
116
|
ez-form-view --> ez-search
|
|
114
117
|
ez-multi-selection-list --> ez-search
|
|
115
118
|
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
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
19
19
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
20
20
|
| `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
21
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` |
|
|
21
22
|
| `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
22
23
|
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
23
24
|
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
@@ -77,9 +78,16 @@ Type: `Promise<void>`
|
|
|
77
78
|
- [ez-text-edit](../ez-text-edit)
|
|
78
79
|
- [ez-time-input](../ez-time-input)
|
|
79
80
|
|
|
81
|
+
### Depends on
|
|
82
|
+
|
|
83
|
+
- [ez-tooltip](../ez-tooltip)
|
|
84
|
+
- [ez-icon](../ez-icon)
|
|
85
|
+
|
|
80
86
|
### Graph
|
|
81
87
|
```mermaid
|
|
82
88
|
graph TD;
|
|
89
|
+
ez-text-input --> ez-tooltip
|
|
90
|
+
ez-text-input --> ez-icon
|
|
83
91
|
ez-combo-box --> ez-text-input
|
|
84
92
|
ez-date-input --> ez-text-input
|
|
85
93
|
ez-date-time-input --> ez-text-input
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
16
16
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
17
17
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
18
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento. | `boolean` | `false` |
|
|
18
19
|
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
19
20
|
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
20
21
|
|
|
@@ -77,6 +78,8 @@ Type: `Promise<void>`
|
|
|
77
78
|
graph TD;
|
|
78
79
|
ez-time-input --> ez-text-input
|
|
79
80
|
ez-time-input --> ez-icon
|
|
81
|
+
ez-text-input --> ez-tooltip
|
|
82
|
+
ez-text-input --> ez-icon
|
|
80
83
|
ez-form-view --> ez-time-input
|
|
81
84
|
style ez-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
82
85
|
```
|
|
@@ -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
|
+
|