@sankhyalabs/ezui-docs 7.1.0-dev.21 → 7.1.0-dev.23
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 +2 -0
- package/components/ez-calendar/readme.md +4 -0
- package/components/ez-card-item/readme.md +4 -0
- package/components/ez-classic-combo-box/readme.md +11 -3
- package/components/ez-classic-date-input/readme.md +111 -0
- package/components/ez-classic-date-time-input/readme.md +111 -0
- package/components/ez-classic-input/readme.md +22 -1
- package/components/ez-classic-number-input/readme.md +107 -0
- package/components/ez-classic-search/readme.md +162 -0
- package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +72 -0
- package/components/ez-classic-search-plus/readme.md +168 -0
- package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
- package/components/ez-classic-text-area/readme.md +5 -0
- package/components/ez-classic-time-input/readme.md +88 -0
- package/components/ez-form/readme.md +41 -10
- package/components/ez-form-view/readme.md +48 -7
- package/components/ez-popover-plus/readme.md +8 -0
- package/components/ez-rich-text/readme.md +1 -1
- package/components/ez-skeleton/readme.md +2 -0
- package/package.json +1 -1
|
@@ -7,16 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `config` | -- | Configuração do formulário. | `IFormConfig`
|
|
13
|
-
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>` | `new Map()` |
|
|
14
|
-
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit`
|
|
15
|
-
| `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement`
|
|
16
|
-
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string`
|
|
17
|
-
| `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`
|
|
18
|
-
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator`
|
|
19
|
-
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `config` | -- | Configuração do formulário. | `IFormConfig` | `undefined` |
|
|
13
|
+
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
|
|
14
|
+
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
15
|
+
| `elementFocusSearchField` | -- | Define uma ancoragem | `HTMLElement` | `undefined` |
|
|
16
|
+
| `fieldToFocus` | `field-to-focus` | Determina o campo que deve ficar em evidência. | `string` | `undefined` |
|
|
17
|
+
| `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` |
|
|
18
|
+
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
19
|
+
| `useSearchField` | `use-search-field` | Define se o formulario deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
## Events
|
|
@@ -82,15 +82,24 @@ graph TD;
|
|
|
82
82
|
ez-form-view --> ez-custom-form-input
|
|
83
83
|
ez-form-view --> ez-collapsible-box
|
|
84
84
|
ez-form-view --> ez-check
|
|
85
|
+
ez-form-view --> ez-classic-combo-box
|
|
85
86
|
ez-form-view --> ez-combo-box
|
|
87
|
+
ez-form-view --> ez-classic-date-input
|
|
86
88
|
ez-form-view --> ez-date-input
|
|
89
|
+
ez-form-view --> ez-classic-time-input
|
|
87
90
|
ez-form-view --> ez-time-input
|
|
91
|
+
ez-form-view --> ez-classic-date-time-input
|
|
88
92
|
ez-form-view --> ez-date-time-input
|
|
89
93
|
ez-form-view --> ez-upload
|
|
94
|
+
ez-form-view --> ez-classic-number-input
|
|
90
95
|
ez-form-view --> ez-number-input
|
|
96
|
+
ez-form-view --> ez-classic-text-area
|
|
91
97
|
ez-form-view --> ez-text-area
|
|
98
|
+
ez-form-view --> ez-classic-input
|
|
92
99
|
ez-form-view --> ez-text-input
|
|
100
|
+
ez-form-view --> ez-classic-search-plus
|
|
93
101
|
ez-form-view --> ez-search-plus
|
|
102
|
+
ez-form-view --> ez-classic-search
|
|
94
103
|
ez-form-view --> ez-search
|
|
95
104
|
ez-form-view --> ez-rich-text
|
|
96
105
|
ez-form-view --> ez-image-input
|
|
@@ -101,28 +110,50 @@ graph TD;
|
|
|
101
110
|
ez-text-input --> ez-tooltip
|
|
102
111
|
ez-text-input --> ez-icon
|
|
103
112
|
ez-button --> ez-icon
|
|
113
|
+
ez-classic-combo-box --> ez-classic-input
|
|
114
|
+
ez-classic-combo-box --> ez-popover-core
|
|
115
|
+
ez-classic-input --> ez-icon
|
|
104
116
|
ez-combo-box --> ez-text-input
|
|
105
117
|
ez-combo-box --> ez-icon
|
|
106
118
|
ez-combo-box --> ez-popover-plus
|
|
107
119
|
ez-combo-box --> ez-combo-box-list
|
|
108
120
|
ez-popover-plus --> ez-popover-core
|
|
121
|
+
ez-classic-date-input --> ez-classic-input
|
|
122
|
+
ez-classic-date-input --> ez-popover-plus
|
|
123
|
+
ez-classic-date-input --> ez-calendar
|
|
109
124
|
ez-date-input --> ez-text-input
|
|
110
125
|
ez-date-input --> ez-popover-plus
|
|
111
126
|
ez-date-input --> ez-calendar
|
|
127
|
+
ez-classic-time-input --> ez-classic-input
|
|
112
128
|
ez-time-input --> ez-text-input
|
|
113
129
|
ez-time-input --> ez-icon
|
|
130
|
+
ez-classic-date-time-input --> ez-classic-input
|
|
131
|
+
ez-classic-date-time-input --> ez-popover-plus
|
|
132
|
+
ez-classic-date-time-input --> ez-calendar
|
|
114
133
|
ez-date-time-input --> ez-text-input
|
|
115
134
|
ez-date-time-input --> ez-popover-plus
|
|
116
135
|
ez-date-time-input --> ez-calendar
|
|
136
|
+
ez-classic-number-input --> ez-classic-input
|
|
117
137
|
ez-number-input --> ez-text-input
|
|
138
|
+
ez-classic-text-area --> ez-icon
|
|
118
139
|
ez-text-area --> ez-tooltip
|
|
119
140
|
ez-text-area --> ez-icon
|
|
141
|
+
ez-classic-search-plus --> ez-classic-input
|
|
142
|
+
ez-classic-search-plus --> ez-popover-plus
|
|
143
|
+
ez-classic-search-plus --> ez-classic-search-result-list
|
|
144
|
+
ez-classic-search-result-list --> ez-card-item
|
|
145
|
+
ez-classic-search-result-list --> ez-skeleton
|
|
120
146
|
ez-search-plus --> ez-icon
|
|
121
147
|
ez-search-plus --> ez-text-input
|
|
122
148
|
ez-search-plus --> ez-popover-plus
|
|
123
149
|
ez-search-plus --> ez-search-result-list
|
|
124
150
|
ez-search-result-list --> ez-card-item
|
|
125
151
|
ez-search-result-list --> ez-skeleton
|
|
152
|
+
ez-classic-search --> ez-button
|
|
153
|
+
ez-classic-search --> ez-classic-input
|
|
154
|
+
ez-classic-search --> ez-popover-plus
|
|
155
|
+
ez-classic-search --> classic-search-list
|
|
156
|
+
classic-search-list --> ez-card-item
|
|
126
157
|
ez-search --> ez-button
|
|
127
158
|
ez-search --> ez-text-input
|
|
128
159
|
ez-search --> ez-icon
|
|
@@ -7,12 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------ | --------------- | ------------------------------------------------------------------------- |
|
|
12
|
-
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField) => HTMLElement>`
|
|
13
|
-
| `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | --------------- | ------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `customUiBuilders` | -- | Define construtores customizados para tipos de campos específicos | `Map<UserInterface, (field: IFormViewField, context?: IFieldBuilderContext) => HTMLElement>` | `new Map()` |
|
|
13
|
+
| `fields` | -- | Define a lista de metadados usada para criar os campos de user interface. | `IFormViewField[]` | `undefined` |
|
|
14
|
+
| `formLayout` | `form-layout` | Define o layout do formulário. | `FormLayout.CASCADE \| FormLayout.CLASSIC_CASCADE \| FormLayout.CLASSIC_SIDE_BY_SIDE \| FormLayout.SIDE_BY_SIDE` | `undefined` |
|
|
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` |
|
|
16
17
|
|
|
17
18
|
|
|
18
19
|
## Events
|
|
@@ -67,15 +68,24 @@ Type: `Promise<void>`
|
|
|
67
68
|
- [ez-custom-form-input](custom-input)
|
|
68
69
|
- [ez-collapsible-box](../ez-collapsible-box)
|
|
69
70
|
- [ez-check](../ez-check)
|
|
71
|
+
- [ez-classic-combo-box](../ez-classic-combo-box)
|
|
70
72
|
- [ez-combo-box](../ez-combo-box)
|
|
73
|
+
- [ez-classic-date-input](../ez-classic-date-input)
|
|
71
74
|
- [ez-date-input](../ez-date-input)
|
|
75
|
+
- [ez-classic-time-input](../ez-classic-time-input)
|
|
72
76
|
- [ez-time-input](../ez-time-input)
|
|
77
|
+
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
73
78
|
- [ez-date-time-input](../ez-date-time-input)
|
|
74
79
|
- [ez-upload](../ez-upload)
|
|
80
|
+
- [ez-classic-number-input](../ez-classic-number-input)
|
|
75
81
|
- [ez-number-input](../ez-number-input)
|
|
82
|
+
- [ez-classic-text-area](../ez-classic-text-area)
|
|
76
83
|
- [ez-text-area](../ez-text-area)
|
|
84
|
+
- [ez-classic-input](../ez-classic-input)
|
|
77
85
|
- [ez-text-input](../ez-text-input)
|
|
86
|
+
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
78
87
|
- [ez-search-plus](../ez-search-plus)
|
|
88
|
+
- [ez-classic-search](../ez-classic-search)
|
|
79
89
|
- [ez-search](../ez-search)
|
|
80
90
|
- [ez-rich-text](../ez-rich-text)
|
|
81
91
|
- [ez-image-input](../ez-image-input)
|
|
@@ -86,15 +96,24 @@ graph TD;
|
|
|
86
96
|
ez-form-view --> ez-custom-form-input
|
|
87
97
|
ez-form-view --> ez-collapsible-box
|
|
88
98
|
ez-form-view --> ez-check
|
|
99
|
+
ez-form-view --> ez-classic-combo-box
|
|
89
100
|
ez-form-view --> ez-combo-box
|
|
101
|
+
ez-form-view --> ez-classic-date-input
|
|
90
102
|
ez-form-view --> ez-date-input
|
|
103
|
+
ez-form-view --> ez-classic-time-input
|
|
91
104
|
ez-form-view --> ez-time-input
|
|
105
|
+
ez-form-view --> ez-classic-date-time-input
|
|
92
106
|
ez-form-view --> ez-date-time-input
|
|
93
107
|
ez-form-view --> ez-upload
|
|
108
|
+
ez-form-view --> ez-classic-number-input
|
|
94
109
|
ez-form-view --> ez-number-input
|
|
110
|
+
ez-form-view --> ez-classic-text-area
|
|
95
111
|
ez-form-view --> ez-text-area
|
|
112
|
+
ez-form-view --> ez-classic-input
|
|
96
113
|
ez-form-view --> ez-text-input
|
|
114
|
+
ez-form-view --> ez-classic-search-plus
|
|
97
115
|
ez-form-view --> ez-search-plus
|
|
116
|
+
ez-form-view --> ez-classic-search
|
|
98
117
|
ez-form-view --> ez-search
|
|
99
118
|
ez-form-view --> ez-rich-text
|
|
100
119
|
ez-form-view --> ez-image-input
|
|
@@ -105,28 +124,50 @@ graph TD;
|
|
|
105
124
|
ez-text-input --> ez-tooltip
|
|
106
125
|
ez-text-input --> ez-icon
|
|
107
126
|
ez-button --> ez-icon
|
|
127
|
+
ez-classic-combo-box --> ez-classic-input
|
|
128
|
+
ez-classic-combo-box --> ez-popover-core
|
|
129
|
+
ez-classic-input --> ez-icon
|
|
108
130
|
ez-combo-box --> ez-text-input
|
|
109
131
|
ez-combo-box --> ez-icon
|
|
110
132
|
ez-combo-box --> ez-popover-plus
|
|
111
133
|
ez-combo-box --> ez-combo-box-list
|
|
112
134
|
ez-popover-plus --> ez-popover-core
|
|
135
|
+
ez-classic-date-input --> ez-classic-input
|
|
136
|
+
ez-classic-date-input --> ez-popover-plus
|
|
137
|
+
ez-classic-date-input --> ez-calendar
|
|
113
138
|
ez-date-input --> ez-text-input
|
|
114
139
|
ez-date-input --> ez-popover-plus
|
|
115
140
|
ez-date-input --> ez-calendar
|
|
141
|
+
ez-classic-time-input --> ez-classic-input
|
|
116
142
|
ez-time-input --> ez-text-input
|
|
117
143
|
ez-time-input --> ez-icon
|
|
144
|
+
ez-classic-date-time-input --> ez-classic-input
|
|
145
|
+
ez-classic-date-time-input --> ez-popover-plus
|
|
146
|
+
ez-classic-date-time-input --> ez-calendar
|
|
118
147
|
ez-date-time-input --> ez-text-input
|
|
119
148
|
ez-date-time-input --> ez-popover-plus
|
|
120
149
|
ez-date-time-input --> ez-calendar
|
|
150
|
+
ez-classic-number-input --> ez-classic-input
|
|
121
151
|
ez-number-input --> ez-text-input
|
|
152
|
+
ez-classic-text-area --> ez-icon
|
|
122
153
|
ez-text-area --> ez-tooltip
|
|
123
154
|
ez-text-area --> ez-icon
|
|
155
|
+
ez-classic-search-plus --> ez-classic-input
|
|
156
|
+
ez-classic-search-plus --> ez-popover-plus
|
|
157
|
+
ez-classic-search-plus --> ez-classic-search-result-list
|
|
158
|
+
ez-classic-search-result-list --> ez-card-item
|
|
159
|
+
ez-classic-search-result-list --> ez-skeleton
|
|
124
160
|
ez-search-plus --> ez-icon
|
|
125
161
|
ez-search-plus --> ez-text-input
|
|
126
162
|
ez-search-plus --> ez-popover-plus
|
|
127
163
|
ez-search-plus --> ez-search-result-list
|
|
128
164
|
ez-search-result-list --> ez-card-item
|
|
129
165
|
ez-search-result-list --> ez-skeleton
|
|
166
|
+
ez-classic-search --> ez-button
|
|
167
|
+
ez-classic-search --> ez-classic-input
|
|
168
|
+
ez-classic-search --> ez-popover-plus
|
|
169
|
+
ez-classic-search --> classic-search-list
|
|
170
|
+
classic-search-list --> ez-card-item
|
|
130
171
|
ez-search --> ez-button
|
|
131
172
|
ez-search --> ez-text-input
|
|
132
173
|
ez-search --> ez-icon
|
|
@@ -174,5 +215,5 @@ graph TD;
|
|
|
174
215
|
|-|-|
|
|
175
216
|
| --ez-form-view\_\_item--min-width | Define o tamanho mínimo dos itens do formulário. |
|
|
176
217
|
| --ez-form-view\_\_item--max-width | Define o tamanho máximo dos itens do formulário. |
|
|
177
|
-
| --ez-form-view\_\_item--
|
|
218
|
+
| --ez-form-view\_\_item--gap | Define o colunas entre itens do formulário. |
|
|
178
219
|
| --ez-form-view\_\_item--padding | Define o padding do formulário. |
|
|
@@ -93,6 +93,10 @@ Type: `Promise<void>`
|
|
|
93
93
|
|
|
94
94
|
### Used by
|
|
95
95
|
|
|
96
|
+
- [ez-classic-date-input](../ez-classic-date-input)
|
|
97
|
+
- [ez-classic-date-time-input](../ez-classic-date-time-input)
|
|
98
|
+
- [ez-classic-search](../ez-classic-search)
|
|
99
|
+
- [ez-classic-search-plus](../ez-classic-search-plus)
|
|
96
100
|
- [ez-combo-box](../ez-combo-box)
|
|
97
101
|
- [ez-date-input](../ez-date-input)
|
|
98
102
|
- [ez-date-time-input](../ez-date-time-input)
|
|
@@ -108,6 +112,10 @@ Type: `Promise<void>`
|
|
|
108
112
|
```mermaid
|
|
109
113
|
graph TD;
|
|
110
114
|
ez-popover-plus --> ez-popover-core
|
|
115
|
+
ez-classic-date-input --> ez-popover-plus
|
|
116
|
+
ez-classic-date-time-input --> ez-popover-plus
|
|
117
|
+
ez-classic-search --> ez-popover-plus
|
|
118
|
+
ez-classic-search-plus --> ez-popover-plus
|
|
111
119
|
ez-combo-box --> ez-popover-plus
|
|
112
120
|
ez-date-input --> ez-popover-plus
|
|
113
121
|
ez-date-time-input --> ez-popover-plus
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
20
20
|
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
|
|
21
21
|
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
|
|
22
|
-
| `value` | `value` | Define o valor HTML do campo. | `string` | `
|
|
22
|
+
| `value` | `value` | Define o valor HTML do campo. | `string` | `undefined` |
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
## Events
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
+
- [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
|
|
28
29
|
- [ez-dropdown](../ez-dropdown)
|
|
29
30
|
- [ez-image-input](../ez-image-input)
|
|
30
31
|
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
@@ -32,6 +33,7 @@
|
|
|
32
33
|
### Graph
|
|
33
34
|
```mermaid
|
|
34
35
|
graph TD;
|
|
36
|
+
ez-classic-search-result-list --> ez-skeleton
|
|
35
37
|
ez-dropdown --> ez-skeleton
|
|
36
38
|
ez-image-input --> ez-skeleton
|
|
37
39
|
ez-search-result-list --> ez-skeleton
|