@sankhyalabs/ezui-docs 7.3.1-rc.1 → 7.3.1
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-button/readme.md +0 -12
- package/components/ez-calendar/readme.md +0 -4
- package/components/ez-card-item/readme.md +0 -4
- package/components/ez-classic-combo-box/readme.md +3 -12
- package/components/ez-classic-input/readme.md +1 -22
- package/components/ez-classic-text-area/readme.md +19 -25
- package/components/ez-empty-card/readme.md +2 -2
- package/components/ez-form/readme.md +9 -47
- package/components/ez-form-view/readme.md +6 -57
- package/components/ez-grid/readme.md +6 -24
- package/components/ez-grid/subcomponents/readme.md +0 -1
- package/components/ez-grid-view/readme.md +3 -9
- package/components/ez-guide-navigator/readme.md +0 -2
- package/components/ez-icon/readme.md +0 -6
- package/components/ez-modal/readme.md +1 -2
- package/components/ez-multi-select-input/readme.md +0 -2
- package/components/ez-multi-selection-list/readme.md +0 -2
- package/components/ez-popover/readme.md +0 -13
- package/components/ez-popover-plus/readme.md +0 -8
- package/components/ez-popup/readme.md +0 -2
- package/components/ez-scroller/readme.md +6 -20
- package/components/ez-search/readme.md +1 -7
- package/components/ez-sidebar-navigator/readme.md +0 -2
- package/components/ez-skeleton/readme.md +0 -4
- package/components/ez-split-button/readme.md +0 -2
- package/components/ez-tabselector/readme.md +3 -5
- package/components/ez-tooltip/readme.md +0 -6
- package/package.json +1 -1
- package/components/ez-classic-date-input/readme.md +0 -111
- package/components/ez-classic-date-time-input/readme.md +0 -111
- package/components/ez-classic-number-input/readme.md +0 -107
- package/components/ez-classic-search/readme.md +0 -162
- package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +0 -72
- package/components/ez-classic-search-plus/readme.md +0 -169
- package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +0 -90
- package/components/ez-classic-time-input/readme.md +0 -88
- package/components/ez-grid-pagination/readme.md +0 -95
- package/components/ez-image-input/readme.md +0 -77
- package/components/ez-record-navigation/readme.md +0 -59
|
@@ -52,19 +52,13 @@ Type: `Promise<void>`
|
|
|
52
52
|
|
|
53
53
|
- [ez-actions-button](../ez-actions-button)
|
|
54
54
|
- [ez-alert-list](../ez-alert-list)
|
|
55
|
-
- [ez-classic-search](../ez-classic-search)
|
|
56
55
|
- [ez-dialog](../ez-dialog)
|
|
57
56
|
- [ez-double-list](../ez-double-list)
|
|
58
57
|
- [ez-grid](../ez-grid)
|
|
59
|
-
- [ez-grid-pagination](../ez-grid-pagination)
|
|
60
58
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
61
|
-
- [ez-image-input](../ez-image-input)
|
|
62
59
|
- [ez-modal-container](../ez-modal-container)
|
|
63
60
|
- [ez-pagination](../ez-pagination)
|
|
64
61
|
- [ez-popup](../ez-popup)
|
|
65
|
-
- [ez-record-navigation](../ez-record-navigation)
|
|
66
|
-
- [ez-scroller](../ez-scroller)
|
|
67
|
-
- [ez-search](../ez-search)
|
|
68
62
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
69
63
|
- [ez-split-item](../ez-split-panel/structure/item)
|
|
70
64
|
- [ez-text-edit](../ez-text-edit)
|
|
@@ -81,19 +75,13 @@ graph TD;
|
|
|
81
75
|
ez-button --> ez-icon
|
|
82
76
|
ez-actions-button --> ez-button
|
|
83
77
|
ez-alert-list --> ez-button
|
|
84
|
-
ez-classic-search --> ez-button
|
|
85
78
|
ez-dialog --> ez-button
|
|
86
79
|
ez-double-list --> ez-button
|
|
87
80
|
ez-grid --> ez-button
|
|
88
|
-
ez-grid-pagination --> ez-button
|
|
89
81
|
ez-guide-navigator --> ez-button
|
|
90
|
-
ez-image-input --> ez-button
|
|
91
82
|
ez-modal-container --> ez-button
|
|
92
83
|
ez-pagination --> ez-button
|
|
93
84
|
ez-popup --> ez-button
|
|
94
|
-
ez-record-navigation --> ez-button
|
|
95
|
-
ez-scroller --> ez-button
|
|
96
|
-
ez-search --> ez-button
|
|
97
85
|
ez-sidebar-navigator --> ez-button
|
|
98
86
|
ez-split-item --> ez-button
|
|
99
87
|
ez-text-edit --> ez-button
|
|
@@ -70,16 +70,12 @@ Type: `Promise<void>`
|
|
|
70
70
|
|
|
71
71
|
### Used by
|
|
72
72
|
|
|
73
|
-
- [ez-classic-date-input](../ez-classic-date-input)
|
|
74
|
-
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
75
73
|
- [ez-date-input](../ez-date-input)
|
|
76
74
|
- [ez-date-time-input](../ez-date-time-input)
|
|
77
75
|
|
|
78
76
|
### Graph
|
|
79
77
|
```mermaid
|
|
80
78
|
graph TD;
|
|
81
|
-
ez-classic-date-input --> ez-calendar
|
|
82
|
-
ez-classic-date-time-input --> ez-calendar
|
|
83
79
|
ez-date-input --> ez-calendar
|
|
84
80
|
ez-date-time-input --> ez-calendar
|
|
85
81
|
style ez-calendar fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -25,16 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [classic-search-list](../ez-classic-search/subcomponent/classic-search-list)
|
|
29
|
-
- [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
|
|
30
28
|
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
31
29
|
- [search-list](../ez-search/subcomponent/search-list)
|
|
32
30
|
|
|
33
31
|
### Graph
|
|
34
32
|
```mermaid
|
|
35
33
|
graph TD;
|
|
36
|
-
classic-search-list --> ez-card-item
|
|
37
|
-
ez-classic-search-result-list --> ez-card-item
|
|
38
34
|
ez-search-result-list --> ez-card-item
|
|
39
35
|
search-list --> ez-card-item
|
|
40
36
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| --------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------- |
|
|
12
12
|
| `enabled` | `enabled` | Define se o combo box está habilitado. | `boolean` | `true` |
|
|
13
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
14
13
|
| `helpText` | `help-text` | Texto de ajuda exibido abaixo do combo box. | `string` | `undefined` |
|
|
15
14
|
| `iconClickable` | `icon-clickable` | Define se o ícone é clicável | `boolean` | `false` |
|
|
16
15
|
| `iconName` | `icon-name` | Nome do ícone. | `string` | `undefined` |
|
|
@@ -19,14 +18,12 @@
|
|
|
19
18
|
| `options` | -- | Array com as opções do ez-classic-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
20
19
|
| `placeholder` | `placeholder` | Placeholder do combo box | `string` | `undefined` |
|
|
21
20
|
| `readonly` | `readonly` | Define se o combo box é somente leitura. | `boolean` | `false` |
|
|
22
|
-
| `required` | `required` | Define se o input é obrigatório (visualmente) | `boolean` | `false` |
|
|
23
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
24
21
|
| `state` | `state` | Estado visual do combo box: default, error, success ou warning. | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
|
|
25
22
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
26
23
|
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
27
24
|
| `textEmptyOption` | `text-empty-option` | Texto a ser apresentado na opção de valor nulo. | `string` | `undefined` |
|
|
28
25
|
| `titleIcon` | `title-icon` | Título do ícone (tooltip). | `string` | `undefined` |
|
|
29
|
-
| `value` |
|
|
26
|
+
| `value` | -- | Valor do combo box. | `IOption` | `null` |
|
|
30
27
|
|
|
31
28
|
|
|
32
29
|
## Events
|
|
@@ -72,7 +69,7 @@ Type: `Promise<void>`
|
|
|
72
69
|
|
|
73
70
|
---
|
|
74
71
|
|
|
75
|
-
### `setValue(option: IOption
|
|
72
|
+
### `setValue(option: IOption) => Promise<void>`
|
|
76
73
|
|
|
77
74
|
|
|
78
75
|
|
|
@@ -95,10 +92,6 @@ Type: `Promise<void>`
|
|
|
95
92
|
|
|
96
93
|
## Dependencies
|
|
97
94
|
|
|
98
|
-
### Used by
|
|
99
|
-
|
|
100
|
-
- [ez-form-view](../ez-form-view)
|
|
101
|
-
|
|
102
95
|
### Depends on
|
|
103
96
|
|
|
104
97
|
- [ez-classic-input](../ez-classic-input)
|
|
@@ -110,7 +103,6 @@ graph TD;
|
|
|
110
103
|
ez-classic-combo-box --> ez-classic-input
|
|
111
104
|
ez-classic-combo-box --> ez-popover-core
|
|
112
105
|
ez-classic-input --> ez-icon
|
|
113
|
-
ez-form-view --> ez-classic-combo-box
|
|
114
106
|
style ez-classic-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
115
107
|
```
|
|
116
108
|
|
|
@@ -136,5 +128,4 @@ graph TD;
|
|
|
136
128
|
| --ez-classic-combo-box-scrollbar-color | Define a cor da scrollbar. |
|
|
137
129
|
| --ez-classic-combo-box-no-results-margin | Define a margem do texto "sem resultados". |
|
|
138
130
|
| --ez-classic-combo-box-item-text-color | Define a cor do texto dos itens. |
|
|
139
|
-
| --ez-classic-combo-box-item-min-height | Define a altura mínima dos itens da lista. |
|
|
140
|
-
| --ez-classic-combo-box-width | Define a largura do componente. |
|
|
131
|
+
| --ez-classic-combo-box-item-min-height | Define a altura mínima dos itens da lista. |
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
| -------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ----------- |
|
|
12
12
|
| `emitMaskedValue` | `emit-masked-value` | Define se o valor emitido pelo evento ezChange deve conter a máscara aplicada (padrão: false) | `boolean` | `false` |
|
|
13
13
|
| `enabled` | `enabled` | Define se o input está habilitado | `boolean` | `true` |
|
|
14
|
-
| `errorMessage` | `error-message` | Texto de erro exibido abaixo do input | `string` | `undefined` |
|
|
15
14
|
| `helpText` | `help-text` | Texto de ajuda exibido abaixo do input | `string` | `undefined` |
|
|
16
15
|
| `label` | `label` | Texto do label exibido acima do input | `string` | `undefined` |
|
|
17
16
|
| `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
|
|
@@ -23,11 +22,9 @@
|
|
|
23
22
|
| `name` | `name` | Nome do input | `string` | `undefined` |
|
|
24
23
|
| `placeholder` | `placeholder` | Placeholder do input | `string` | `undefined` |
|
|
25
24
|
| `readonly` | `readonly` | Define se o input é somente leitura | `boolean` | `false` |
|
|
26
|
-
| `required` | `required` | Define se o input é obrigatório (visualmente) | `boolean` | `false` |
|
|
27
25
|
| `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
|
|
28
26
|
| `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
|
|
29
27
|
| `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
|
|
30
|
-
| `size` | `size` | Tamanho do input | `"default" \| "small" \| "xsmall"` | `"default"` |
|
|
31
28
|
| `state` | `state` | Estado visual do input: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
|
|
32
29
|
| `type` | `type` | Tipo do input (ex: text, password, email, etc) | `string` | `'text'` |
|
|
33
30
|
| `value` | `value` | Valor do input | `string` | `undefined` |
|
|
@@ -71,13 +68,6 @@ Type: `Promise<void>`
|
|
|
71
68
|
### Used by
|
|
72
69
|
|
|
73
70
|
- [ez-classic-combo-box](../ez-classic-combo-box)
|
|
74
|
-
- [ez-classic-date-input](../ez-classic-date-input)
|
|
75
|
-
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
76
|
-
- [ez-classic-number-input](../ez-classic-number-input)
|
|
77
|
-
- [ez-classic-search](../ez-classic-search)
|
|
78
|
-
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
79
|
-
- [ez-classic-time-input](../ez-classic-time-input)
|
|
80
|
-
- [ez-form-view](../ez-form-view)
|
|
81
71
|
|
|
82
72
|
### Depends on
|
|
83
73
|
|
|
@@ -88,13 +78,6 @@ Type: `Promise<void>`
|
|
|
88
78
|
graph TD;
|
|
89
79
|
ez-classic-input --> ez-icon
|
|
90
80
|
ez-classic-combo-box --> ez-classic-input
|
|
91
|
-
ez-classic-date-input --> ez-classic-input
|
|
92
|
-
ez-classic-date-time-input --> ez-classic-input
|
|
93
|
-
ez-classic-number-input --> ez-classic-input
|
|
94
|
-
ez-classic-search --> ez-classic-input
|
|
95
|
-
ez-classic-search-plus --> ez-classic-input
|
|
96
|
-
ez-classic-time-input --> ez-classic-input
|
|
97
|
-
ez-form-view --> ez-classic-input
|
|
98
81
|
style ez-classic-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
99
82
|
```
|
|
100
83
|
|
|
@@ -118,8 +101,4 @@ graph TD;
|
|
|
118
101
|
| --ez-classic-input--placeholder-color | Define a cor do texto do placeholder do input. |
|
|
119
102
|
| --ez-classic-input--icon-color | Define a cor do ícone do input. |
|
|
120
103
|
| --ez-classic-input--helptext-color | Define a cor do texto de ajuda do input. |
|
|
121
|
-
| --ez-classic-input--height | Define a altura do input. |
|
|
122
|
-
| --ez-classic-input--height-small | Define a altura do input. |
|
|
123
|
-
| --ez-classic-input--height-xsmall | Define a altura do input. |
|
|
124
|
-
| --ez-classic-input--gap | Define o gap entre elementos internos do input. |
|
|
125
|
-
| --ez-classic-input--padding-inline | Define o padding horizontal do input. |
|
|
104
|
+
| --ez-classic-input--height | Define a altura do input. |
|
|
@@ -7,26 +7,25 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| -------------------- | ---------------------- |
|
|
12
|
-
| `enabled` | `enabled` | Define se a textarea está habilitada
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `value` | `value` | Valor atual da área de texto | `string` | `''` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------- | ---------------------- | -------------------------------------------------------------- | ------------------------------------------------ | ---------------------------- |
|
|
12
|
+
| `enabled` | `enabled` | Define se a textarea está habilitada | `boolean` | `true` |
|
|
13
|
+
| `helpText` | `help-text` | Texto de ajuda exibido abaixo da textarea | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Texto do rótulo exibido acima da área de texto | `string` | `''` |
|
|
15
|
+
| `leftIconClickable` | `left-icon-clickable` | Define se o ícone da esquerda é clicável | `boolean` | `false` |
|
|
16
|
+
| `leftIconName` | `left-icon-name` | Nome do ícone à esquerda | `string` | `undefined` |
|
|
17
|
+
| `leftIconTooltip` | `left-icon-tooltip` | Título do ícone à esquerda (tooltip) | `string` | `undefined` |
|
|
18
|
+
| `maxlength` | `maxlength` | Número máximo de caracteres permitidos | `number` | `undefined` |
|
|
19
|
+
| `name` | `name` | Nome da textarea | `string` | `StringUtils.generateUUID()` |
|
|
20
|
+
| `placeholder` | `placeholder` | Texto de placeholder exibido quando a área de texto está vazia | `string` | `''` |
|
|
21
|
+
| `readonly` | `readonly` | Se a área de texto é somente leitura | `boolean` | `false` |
|
|
22
|
+
| `resize` | `resize` | Comportamento de redimensionamento da área de texto | `"both" \| "horizontal" \| "none" \| "vertical"` | `'vertical'` |
|
|
23
|
+
| `rightIconClickable` | `right-icon-clickable` | Define se o ícone da direita é clicável | `boolean` | `false` |
|
|
24
|
+
| `rightIconName` | `right-icon-name` | Nome do ícone à direita | `string` | `undefined` |
|
|
25
|
+
| `rightIconTooltip` | `right-icon-tooltip` | Título do ícone à direita (tooltip) | `string` | `undefined` |
|
|
26
|
+
| `rows` | `rows` | Define o número de linhas da área de texto | `number` | `5` |
|
|
27
|
+
| `state` | `state` | Estado visual da textarea: default, error, success ou warning | `"default" \| "error" \| "success" \| "warning"` | `"default"` |
|
|
28
|
+
| `value` | `value` | Valor atual da área de texto | `string` | `''` |
|
|
30
29
|
|
|
31
30
|
|
|
32
31
|
## Events
|
|
@@ -63,10 +62,6 @@ Type: `Promise<void>`
|
|
|
63
62
|
|
|
64
63
|
## Dependencies
|
|
65
64
|
|
|
66
|
-
### Used by
|
|
67
|
-
|
|
68
|
-
- [ez-form-view](../ez-form-view)
|
|
69
|
-
|
|
70
65
|
### Depends on
|
|
71
66
|
|
|
72
67
|
- [ez-icon](../ez-icon)
|
|
@@ -75,7 +70,6 @@ Type: `Promise<void>`
|
|
|
75
70
|
```mermaid
|
|
76
71
|
graph TD;
|
|
77
72
|
ez-classic-text-area --> ez-icon
|
|
78
|
-
ez-form-view --> ez-classic-text-area
|
|
79
73
|
style ez-classic-text-area fill:#f9f,stroke:#333,stroke-width:4px
|
|
80
74
|
```
|
|
81
75
|
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| -------- | --------- | ---------------------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
|
|
12
12
|
| `color` | `color` | Define a cor tema do componente. | `"default" \| "gray" \| "green" \| "petroleum" \| "red" \| "yellow"` | `"default"` |
|
|
13
|
-
| `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number
|
|
14
|
-
| `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number
|
|
13
|
+
| `height` | `height` | Define o tamanho do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
14
|
+
| `width` | `width` | Define a largura do componente, sobrescrevendo o padrão da propriedade size. | `number` | `undefined` |
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
----------------------------------------------
|
|
@@ -7,16 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `config` | -- | Configuração do formulário. | `IFormConfig`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------ | ----------- |
|
|
12
|
+
| `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
|
|
13
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
14
|
+
| `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
|
|
15
|
+
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
|
|
16
|
+
| `onlyStaticFields` | `only-static-fields` | Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit. | `boolean` | `false` |
|
|
17
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
18
|
+
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
20
19
|
|
|
21
20
|
|
|
22
21
|
## Events
|
|
@@ -82,27 +81,17 @@ graph TD;
|
|
|
82
81
|
ez-form-view --> ez-custom-form-input
|
|
83
82
|
ez-form-view --> ez-collapsible-box
|
|
84
83
|
ez-form-view --> ez-check
|
|
85
|
-
ez-form-view --> ez-classic-combo-box
|
|
86
84
|
ez-form-view --> ez-combo-box
|
|
87
|
-
ez-form-view --> ez-classic-date-input
|
|
88
85
|
ez-form-view --> ez-date-input
|
|
89
|
-
ez-form-view --> ez-classic-time-input
|
|
90
86
|
ez-form-view --> ez-time-input
|
|
91
|
-
ez-form-view --> ez-classic-date-time-input
|
|
92
87
|
ez-form-view --> ez-date-time-input
|
|
93
88
|
ez-form-view --> ez-upload
|
|
94
|
-
ez-form-view --> ez-classic-number-input
|
|
95
89
|
ez-form-view --> ez-number-input
|
|
96
|
-
ez-form-view --> ez-classic-text-area
|
|
97
90
|
ez-form-view --> ez-text-area
|
|
98
|
-
ez-form-view --> ez-classic-input
|
|
99
91
|
ez-form-view --> ez-text-input
|
|
100
|
-
ez-form-view --> ez-classic-search-plus
|
|
101
92
|
ez-form-view --> ez-search-plus
|
|
102
|
-
ez-form-view --> ez-classic-search
|
|
103
93
|
ez-form-view --> ez-search
|
|
104
94
|
ez-form-view --> ez-rich-text
|
|
105
|
-
ez-form-view --> ez-image-input
|
|
106
95
|
ez-form-view --> ez-multi-select-input
|
|
107
96
|
ez-collapsible-box --> ez-icon
|
|
108
97
|
ez-collapsible-box --> ez-text-edit
|
|
@@ -111,51 +100,28 @@ graph TD;
|
|
|
111
100
|
ez-text-input --> ez-tooltip
|
|
112
101
|
ez-text-input --> ez-icon
|
|
113
102
|
ez-button --> ez-icon
|
|
114
|
-
ez-classic-combo-box --> ez-classic-input
|
|
115
|
-
ez-classic-combo-box --> ez-popover-core
|
|
116
|
-
ez-classic-input --> ez-icon
|
|
117
103
|
ez-combo-box --> ez-text-input
|
|
118
104
|
ez-combo-box --> ez-icon
|
|
119
105
|
ez-combo-box --> ez-popover-plus
|
|
120
106
|
ez-combo-box --> ez-combo-box-list
|
|
121
107
|
ez-popover-plus --> ez-popover-core
|
|
122
|
-
ez-classic-date-input --> ez-classic-input
|
|
123
|
-
ez-classic-date-input --> ez-popover-plus
|
|
124
|
-
ez-classic-date-input --> ez-calendar
|
|
125
108
|
ez-date-input --> ez-text-input
|
|
126
109
|
ez-date-input --> ez-popover-plus
|
|
127
110
|
ez-date-input --> ez-calendar
|
|
128
|
-
ez-classic-time-input --> ez-classic-input
|
|
129
111
|
ez-time-input --> ez-text-input
|
|
130
112
|
ez-time-input --> ez-icon
|
|
131
|
-
ez-classic-date-time-input --> ez-classic-input
|
|
132
|
-
ez-classic-date-time-input --> ez-popover-plus
|
|
133
|
-
ez-classic-date-time-input --> ez-calendar
|
|
134
113
|
ez-date-time-input --> ez-text-input
|
|
135
114
|
ez-date-time-input --> ez-popover-plus
|
|
136
115
|
ez-date-time-input --> ez-calendar
|
|
137
|
-
ez-classic-number-input --> ez-classic-input
|
|
138
116
|
ez-number-input --> ez-text-input
|
|
139
|
-
ez-classic-text-area --> ez-icon
|
|
140
117
|
ez-text-area --> ez-tooltip
|
|
141
118
|
ez-text-area --> ez-icon
|
|
142
|
-
ez-classic-search-plus --> ez-classic-input
|
|
143
|
-
ez-classic-search-plus --> ez-popover-plus
|
|
144
|
-
ez-classic-search-plus --> ez-classic-search-result-list
|
|
145
|
-
ez-classic-search-result-list --> ez-card-item
|
|
146
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
147
119
|
ez-search-plus --> ez-icon
|
|
148
120
|
ez-search-plus --> ez-text-input
|
|
149
121
|
ez-search-plus --> ez-popover-plus
|
|
150
122
|
ez-search-plus --> ez-search-result-list
|
|
151
123
|
ez-search-result-list --> ez-card-item
|
|
152
124
|
ez-search-result-list --> ez-skeleton
|
|
153
|
-
ez-classic-search --> ez-button
|
|
154
|
-
ez-classic-search --> ez-classic-input
|
|
155
|
-
ez-classic-search --> ez-popover-plus
|
|
156
|
-
ez-classic-search --> classic-search-list
|
|
157
|
-
classic-search-list --> ez-card-item
|
|
158
|
-
ez-search --> ez-button
|
|
159
125
|
ez-search --> ez-text-input
|
|
160
126
|
ez-search --> ez-icon
|
|
161
127
|
ez-search --> ez-popover-plus
|
|
@@ -184,10 +150,6 @@ graph TD;
|
|
|
184
150
|
ez-simple-image-uploader --> ez-tooltip
|
|
185
151
|
ez-simple-image-uploader --> ez-text-input
|
|
186
152
|
ez-simple-image-uploader --> ez-icon
|
|
187
|
-
ez-image-input --> ez-skeleton
|
|
188
|
-
ez-image-input --> ez-button
|
|
189
|
-
ez-image-input --> ez-icon
|
|
190
|
-
ez-image-input --> ez-popup
|
|
191
153
|
ez-multi-select-input --> ez-icon
|
|
192
154
|
ez-multi-select-input --> ez-tooltip
|
|
193
155
|
ez-multi-select-input --> ez-popover-core
|
|
@@ -7,13 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
|
|
16
|
-
| `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | --------------- | ------------------------------------------------------------------------- | ------------------ | ----------- |
|
|
12
|
+
| `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
|
|
13
|
+
| `selectedRecord` | -- | Define os registros da linha selecionada. | `Record` | `undefined` |
|
|
14
|
+
| `singleColumn` | `single-column` | Define se o formulario deve possuir apenas 1 coluna. | `boolean` | `false` |
|
|
17
15
|
|
|
18
16
|
|
|
19
17
|
## Events
|
|
@@ -68,27 +66,17 @@ Type: `Promise<void>`
|
|
|
68
66
|
- [ez-custom-form-input](custom-input)
|
|
69
67
|
- [ez-collapsible-box](../ez-collapsible-box)
|
|
70
68
|
- [ez-check](../ez-check)
|
|
71
|
-
- [ez-classic-combo-box](../ez-classic-combo-box)
|
|
72
69
|
- [ez-combo-box](../ez-combo-box)
|
|
73
|
-
- [ez-classic-date-input](../ez-classic-date-input)
|
|
74
70
|
- [ez-date-input](../ez-date-input)
|
|
75
|
-
- [ez-classic-time-input](../ez-classic-time-input)
|
|
76
71
|
- [ez-time-input](../ez-time-input)
|
|
77
|
-
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
78
72
|
- [ez-date-time-input](../ez-date-time-input)
|
|
79
73
|
- [ez-upload](../ez-upload)
|
|
80
|
-
- [ez-classic-number-input](../ez-classic-number-input)
|
|
81
74
|
- [ez-number-input](../ez-number-input)
|
|
82
|
-
- [ez-classic-text-area](../ez-classic-text-area)
|
|
83
75
|
- [ez-text-area](../ez-text-area)
|
|
84
|
-
- [ez-classic-input](../ez-classic-input)
|
|
85
76
|
- [ez-text-input](../ez-text-input)
|
|
86
|
-
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
87
77
|
- [ez-search-plus](../ez-search-plus)
|
|
88
|
-
- [ez-classic-search](../ez-classic-search)
|
|
89
78
|
- [ez-search](../ez-search)
|
|
90
79
|
- [ez-rich-text](../ez-rich-text)
|
|
91
|
-
- [ez-image-input](../ez-image-input)
|
|
92
80
|
- [ez-multi-select-input](../ez-multi-select-input)
|
|
93
81
|
|
|
94
82
|
### Graph
|
|
@@ -97,27 +85,17 @@ graph TD;
|
|
|
97
85
|
ez-form-view --> ez-custom-form-input
|
|
98
86
|
ez-form-view --> ez-collapsible-box
|
|
99
87
|
ez-form-view --> ez-check
|
|
100
|
-
ez-form-view --> ez-classic-combo-box
|
|
101
88
|
ez-form-view --> ez-combo-box
|
|
102
|
-
ez-form-view --> ez-classic-date-input
|
|
103
89
|
ez-form-view --> ez-date-input
|
|
104
|
-
ez-form-view --> ez-classic-time-input
|
|
105
90
|
ez-form-view --> ez-time-input
|
|
106
|
-
ez-form-view --> ez-classic-date-time-input
|
|
107
91
|
ez-form-view --> ez-date-time-input
|
|
108
92
|
ez-form-view --> ez-upload
|
|
109
|
-
ez-form-view --> ez-classic-number-input
|
|
110
93
|
ez-form-view --> ez-number-input
|
|
111
|
-
ez-form-view --> ez-classic-text-area
|
|
112
94
|
ez-form-view --> ez-text-area
|
|
113
|
-
ez-form-view --> ez-classic-input
|
|
114
95
|
ez-form-view --> ez-text-input
|
|
115
|
-
ez-form-view --> ez-classic-search-plus
|
|
116
96
|
ez-form-view --> ez-search-plus
|
|
117
|
-
ez-form-view --> ez-classic-search
|
|
118
97
|
ez-form-view --> ez-search
|
|
119
98
|
ez-form-view --> ez-rich-text
|
|
120
|
-
ez-form-view --> ez-image-input
|
|
121
99
|
ez-form-view --> ez-multi-select-input
|
|
122
100
|
ez-collapsible-box --> ez-icon
|
|
123
101
|
ez-collapsible-box --> ez-text-edit
|
|
@@ -126,51 +104,28 @@ graph TD;
|
|
|
126
104
|
ez-text-input --> ez-tooltip
|
|
127
105
|
ez-text-input --> ez-icon
|
|
128
106
|
ez-button --> ez-icon
|
|
129
|
-
ez-classic-combo-box --> ez-classic-input
|
|
130
|
-
ez-classic-combo-box --> ez-popover-core
|
|
131
|
-
ez-classic-input --> ez-icon
|
|
132
107
|
ez-combo-box --> ez-text-input
|
|
133
108
|
ez-combo-box --> ez-icon
|
|
134
109
|
ez-combo-box --> ez-popover-plus
|
|
135
110
|
ez-combo-box --> ez-combo-box-list
|
|
136
111
|
ez-popover-plus --> ez-popover-core
|
|
137
|
-
ez-classic-date-input --> ez-classic-input
|
|
138
|
-
ez-classic-date-input --> ez-popover-plus
|
|
139
|
-
ez-classic-date-input --> ez-calendar
|
|
140
112
|
ez-date-input --> ez-text-input
|
|
141
113
|
ez-date-input --> ez-popover-plus
|
|
142
114
|
ez-date-input --> ez-calendar
|
|
143
|
-
ez-classic-time-input --> ez-classic-input
|
|
144
115
|
ez-time-input --> ez-text-input
|
|
145
116
|
ez-time-input --> ez-icon
|
|
146
|
-
ez-classic-date-time-input --> ez-classic-input
|
|
147
|
-
ez-classic-date-time-input --> ez-popover-plus
|
|
148
|
-
ez-classic-date-time-input --> ez-calendar
|
|
149
117
|
ez-date-time-input --> ez-text-input
|
|
150
118
|
ez-date-time-input --> ez-popover-plus
|
|
151
119
|
ez-date-time-input --> ez-calendar
|
|
152
|
-
ez-classic-number-input --> ez-classic-input
|
|
153
120
|
ez-number-input --> ez-text-input
|
|
154
|
-
ez-classic-text-area --> ez-icon
|
|
155
121
|
ez-text-area --> ez-tooltip
|
|
156
122
|
ez-text-area --> ez-icon
|
|
157
|
-
ez-classic-search-plus --> ez-classic-input
|
|
158
|
-
ez-classic-search-plus --> ez-popover-plus
|
|
159
|
-
ez-classic-search-plus --> ez-classic-search-result-list
|
|
160
|
-
ez-classic-search-result-list --> ez-card-item
|
|
161
|
-
ez-classic-search-result-list --> ez-skeleton
|
|
162
123
|
ez-search-plus --> ez-icon
|
|
163
124
|
ez-search-plus --> ez-text-input
|
|
164
125
|
ez-search-plus --> ez-popover-plus
|
|
165
126
|
ez-search-plus --> ez-search-result-list
|
|
166
127
|
ez-search-result-list --> ez-card-item
|
|
167
128
|
ez-search-result-list --> ez-skeleton
|
|
168
|
-
ez-classic-search --> ez-button
|
|
169
|
-
ez-classic-search --> ez-classic-input
|
|
170
|
-
ez-classic-search --> ez-popover-plus
|
|
171
|
-
ez-classic-search --> classic-search-list
|
|
172
|
-
classic-search-list --> ez-card-item
|
|
173
|
-
ez-search --> ez-button
|
|
174
129
|
ez-search --> ez-text-input
|
|
175
130
|
ez-search --> ez-icon
|
|
176
131
|
ez-search --> ez-popover-plus
|
|
@@ -199,10 +154,6 @@ graph TD;
|
|
|
199
154
|
ez-simple-image-uploader --> ez-tooltip
|
|
200
155
|
ez-simple-image-uploader --> ez-text-input
|
|
201
156
|
ez-simple-image-uploader --> ez-icon
|
|
202
|
-
ez-image-input --> ez-skeleton
|
|
203
|
-
ez-image-input --> ez-button
|
|
204
|
-
ez-image-input --> ez-icon
|
|
205
|
-
ez-image-input --> ez-popup
|
|
206
157
|
ez-multi-select-input --> ez-icon
|
|
207
158
|
ez-multi-select-input --> ez-tooltip
|
|
208
159
|
ez-multi-select-input --> ez-popover-core
|
|
@@ -229,8 +180,6 @@ graph TD;
|
|
|
229
180
|
| Variable | Description |
|
|
230
181
|
|-|-|
|
|
231
182
|
| --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
|
|
232
|
-
| --ez-form-view\_\_long-item--min-width | Define o tamanho mínimo dos itens do formulário. |
|
|
233
183
|
| --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
|
|
234
|
-
| --ez-form-view\_\
|
|
235
|
-
| --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
|
|
184
|
+
| --ez-form-view\_\_item--width | Define o espaçamento entre itens do formulário. |
|
|
236
185
|
| --ez-form-view\_\_item--padding | Define o padding do formulário. |
|