@sankhyalabs/ezui-docs 0.0.0-bugfix-ms-KB-88812.1 → 0.0.0-bugfix-dev-KB-86904.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-avatar/readme.md +34 -0
- package/components/ez-card-item/readme.md +2 -0
- package/components/ez-check/readme.md +9 -8
- package/components/ez-combo-box/readme.md +1 -0
- package/components/ez-date-input/readme.md +10 -9
- package/components/ez-date-time-input/readme.md +11 -10
- package/components/ez-form/readme.md +21 -8
- package/components/ez-form-view/readme.md +15 -6
- package/components/ez-grid/readme.md +4 -0
- package/components/ez-icon/readme.md +5 -0
- package/components/ez-number-input/readme.md +13 -12
- package/components/ez-popover/readme.md +2 -0
- package/components/ez-popover-plus/readme.md +2 -0
- package/components/ez-search/readme.md +5 -0
- package/components/ez-search-plus/readme.md +130 -0
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
- package/components/ez-skeleton/readme.md +14 -8
- package/components/ez-split-button/readme.md +33 -11
- package/components/ez-text-area/readme.md +13 -12
- package/components/ez-text-input/readme.md +18 -14
- package/components/ez-time-input/readme.md +11 -10
- package/components/ez-tooltip/readme.md +11 -17
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
# ez-avatar
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `imageSrc` | `image-src` | URL da imagem do Avatar. | `string` | `undefined` |
|
|
13
|
+
| `isInteractive` | `is-interactive` | Se true, o Avatar será interativo. Caso contrário, será estático. | `boolean` | `false` |
|
|
14
|
+
| `name` | `name` | Nome do usuário para exibição da inicial. | `string` | `undefined` |
|
|
15
|
+
| `shape` | `shape` | Define o formato do Avatar: 'circle' ou 'square'. | `"circle" \| "square"` | `'circle'` |
|
|
16
|
+
| `size` | `size` | Tamanho do Avatar (valores permitidos): '320x320', '300x300', '280x280', '260x260', '240x240', '220x220', '200x200', '180x180', '160x160', '140x140', '120x120', '100x100', '80x80', '60x60'. | `"100" \| "120" \| "140" \| "160" \| "180" \| "200" \| "220" \| "240" \| "260" \| "280" \| "300" \| "320" \| "60" \| "80"` | `'100'` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Dependencies
|
|
20
|
+
|
|
21
|
+
### Depends on
|
|
22
|
+
|
|
23
|
+
- [ez-icon](../ez-icon)
|
|
24
|
+
|
|
25
|
+
### Graph
|
|
26
|
+
```mermaid
|
|
27
|
+
graph TD;
|
|
28
|
+
ez-avatar --> ez-icon
|
|
29
|
+
style ez-avatar fill:#f9f,stroke:#333,stroke-width:4px
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
----------------------------------------------
|
|
33
|
+
|
|
34
|
+
|
|
@@ -25,11 +25,13 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
+
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
28
29
|
- [search-list](../ez-search/subcomponent/search-list)
|
|
29
30
|
|
|
30
31
|
### Graph
|
|
31
32
|
```mermaid
|
|
32
33
|
graph TD;
|
|
34
|
+
ez-search-result-list --> ez-card-item
|
|
33
35
|
search-list --> ez-card-item
|
|
34
36
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
35
37
|
```
|
|
@@ -7,14 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------------------------- | --------------------------------------- | ------------------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `compact` | `compact` | Define o modo compacto com espaçamento menor entre label e o input | `boolean` | `false` |
|
|
14
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
|
+
| `indeterminate` | `indeterminate` | Se true ativa o estado indeterminado, nem marcado nem desmarcado (não disponível em modo `switch`). | `boolean` | `undefined` |
|
|
16
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
17
|
+
| `mode` | `mode` | Define o modo de visualização do ez-check. | `CheckMode.REGULAR \| CheckMode.SWITCH` | `CheckMode.REGULAR` |
|
|
18
|
+
| `value` | `value` | Define o valor do campo. | `boolean` | `undefined` |
|
|
18
19
|
|
|
19
20
|
|
|
20
21
|
## Events
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
12
13
|
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
15
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
@@ -7,15 +7,16 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
19
20
|
|
|
20
21
|
|
|
21
22
|
## Events
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
20
|
+
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Events
|
|
@@ -7,13 +7,15 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `config`
|
|
13
|
-
| `dataUnit`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
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` |
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
## Events
|
|
@@ -64,13 +66,17 @@ Type: `Promise<void>`
|
|
|
64
66
|
### Depends on
|
|
65
67
|
|
|
66
68
|
- [ez-tabselector](../ez-tabselector)
|
|
69
|
+
- [ez-popover](../ez-popover)
|
|
67
70
|
- [ez-form-view](../ez-form-view)
|
|
71
|
+
- [ez-search](../ez-search)
|
|
68
72
|
|
|
69
73
|
### Graph
|
|
70
74
|
```mermaid
|
|
71
75
|
graph TD;
|
|
72
76
|
ez-form --> ez-tabselector
|
|
77
|
+
ez-form --> ez-popover
|
|
73
78
|
ez-form --> ez-form-view
|
|
79
|
+
ez-form --> ez-search
|
|
74
80
|
ez-tabselector --> ez-icon
|
|
75
81
|
ez-form-view --> ez-custom-form-input
|
|
76
82
|
ez-form-view --> ez-collapsible-box
|
|
@@ -81,9 +87,10 @@ graph TD;
|
|
|
81
87
|
ez-form-view --> ez-date-time-input
|
|
82
88
|
ez-form-view --> ez-upload
|
|
83
89
|
ez-form-view --> ez-number-input
|
|
84
|
-
ez-form-view --> ez-search
|
|
85
90
|
ez-form-view --> ez-text-area
|
|
86
91
|
ez-form-view --> ez-text-input
|
|
92
|
+
ez-form-view --> ez-search-plus
|
|
93
|
+
ez-form-view --> ez-search
|
|
87
94
|
ez-collapsible-box --> ez-icon
|
|
88
95
|
ez-collapsible-box --> ez-text-edit
|
|
89
96
|
ez-text-edit --> ez-text-input
|
|
@@ -105,6 +112,12 @@ graph TD;
|
|
|
105
112
|
ez-date-time-input --> ez-popover-plus
|
|
106
113
|
ez-date-time-input --> ez-calendar
|
|
107
114
|
ez-number-input --> ez-text-input
|
|
115
|
+
ez-search-plus --> ez-icon
|
|
116
|
+
ez-search-plus --> ez-text-input
|
|
117
|
+
ez-search-plus --> ez-popover-plus
|
|
118
|
+
ez-search-plus --> ez-search-result-list
|
|
119
|
+
ez-search-result-list --> ez-card-item
|
|
120
|
+
ez-search-result-list --> ez-skeleton
|
|
108
121
|
ez-search --> ez-text-input
|
|
109
122
|
ez-search --> ez-icon
|
|
110
123
|
ez-search --> ez-popover-plus
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| ---------------- |
|
|
12
|
-
| `fields` | --
|
|
13
|
-
| `selectedRecord` | --
|
|
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` | `true` |
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
## Events
|
|
@@ -71,9 +72,10 @@ Type: `Promise<void>`
|
|
|
71
72
|
- [ez-date-time-input](../ez-date-time-input)
|
|
72
73
|
- [ez-upload](../ez-upload)
|
|
73
74
|
- [ez-number-input](../ez-number-input)
|
|
74
|
-
- [ez-search](../ez-search)
|
|
75
75
|
- [ez-text-area](../ez-text-area)
|
|
76
76
|
- [ez-text-input](../ez-text-input)
|
|
77
|
+
- [ez-search-plus](../ez-search-plus)
|
|
78
|
+
- [ez-search](../ez-search)
|
|
77
79
|
|
|
78
80
|
### Graph
|
|
79
81
|
```mermaid
|
|
@@ -87,9 +89,10 @@ graph TD;
|
|
|
87
89
|
ez-form-view --> ez-date-time-input
|
|
88
90
|
ez-form-view --> ez-upload
|
|
89
91
|
ez-form-view --> ez-number-input
|
|
90
|
-
ez-form-view --> ez-search
|
|
91
92
|
ez-form-view --> ez-text-area
|
|
92
93
|
ez-form-view --> ez-text-input
|
|
94
|
+
ez-form-view --> ez-search-plus
|
|
95
|
+
ez-form-view --> ez-search
|
|
93
96
|
ez-collapsible-box --> ez-icon
|
|
94
97
|
ez-collapsible-box --> ez-text-edit
|
|
95
98
|
ez-text-edit --> ez-text-input
|
|
@@ -111,6 +114,12 @@ graph TD;
|
|
|
111
114
|
ez-date-time-input --> ez-popover-plus
|
|
112
115
|
ez-date-time-input --> ez-calendar
|
|
113
116
|
ez-number-input --> ez-text-input
|
|
117
|
+
ez-search-plus --> ez-icon
|
|
118
|
+
ez-search-plus --> ez-text-input
|
|
119
|
+
ez-search-plus --> ez-popover-plus
|
|
120
|
+
ez-search-plus --> ez-search-result-list
|
|
121
|
+
ez-search-result-list --> ez-card-item
|
|
122
|
+
ez-search-result-list --> ez-skeleton
|
|
114
123
|
ez-search --> ez-text-input
|
|
115
124
|
ez-search --> ez-icon
|
|
116
125
|
ez-search --> ez-popover-plus
|
|
@@ -28,7 +28,9 @@
|
|
|
28
28
|
| `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
|
|
29
29
|
| `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
30
30
|
| `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de chechbox deve ser suprimida | `boolean` | `false` |
|
|
31
|
+
| `suppressHorizontalScroll` | `suppress-horizontal-scroll` | Define se a grade deve suprimir o scroll horizontal. | `boolean` | `false` |
|
|
31
32
|
| `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
|
|
33
|
+
| `useSearchColumn` | `use-search-column` | Define se a grade deve exibir um buscador de coluna com uso do Ctrl+F | `boolean` | `true` |
|
|
32
34
|
|
|
33
35
|
|
|
34
36
|
## Events
|
|
@@ -243,6 +245,7 @@ Type: `Promise<void>`
|
|
|
243
245
|
- [ez-icon](../ez-icon)
|
|
244
246
|
- [ez-button](../ez-button)
|
|
245
247
|
- [filter-column](subcomponents)
|
|
248
|
+
- [ez-search](../ez-search)
|
|
246
249
|
|
|
247
250
|
### Graph
|
|
248
251
|
```mermaid
|
|
@@ -251,6 +254,7 @@ graph TD;
|
|
|
251
254
|
ez-grid --> ez-icon
|
|
252
255
|
ez-grid --> ez-button
|
|
253
256
|
ez-grid --> filter-column
|
|
257
|
+
ez-grid --> ez-search
|
|
254
258
|
ez-button --> ez-icon
|
|
255
259
|
filter-column --> ez-popover-plus
|
|
256
260
|
filter-column --> ez-button
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | ----------- |
|
|
12
|
+
| `fontSize` | `font-size` | Define o tamanho da fonte. | `number \| string` | `undefined` |
|
|
12
13
|
| `href` | `href` | Define o endereço da imagem quando não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
13
14
|
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
15
|
| `size` | `size` | Define o tamanho do ícone. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
|
|
@@ -20,6 +21,7 @@
|
|
|
20
21
|
|
|
21
22
|
- [ez-actions-button](../ez-actions-button)
|
|
22
23
|
- [ez-alert](../ez-alert)
|
|
24
|
+
- [ez-avatar](../ez-avatar)
|
|
23
25
|
- [ez-badge](../ez-badge)
|
|
24
26
|
- [ez-breadcrumb](../ez-breadcrumb)
|
|
25
27
|
- [ez-button](../ez-button)
|
|
@@ -34,6 +36,7 @@
|
|
|
34
36
|
- [ez-modal-container](../ez-modal-container)
|
|
35
37
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
38
|
- [ez-search](../ez-search)
|
|
39
|
+
- [ez-search-plus](../ez-search-plus)
|
|
37
40
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
38
41
|
- [ez-split-button](../ez-split-button)
|
|
39
42
|
- [ez-tabselector](../ez-tabselector)
|
|
@@ -46,6 +49,7 @@
|
|
|
46
49
|
graph TD;
|
|
47
50
|
ez-actions-button --> ez-icon
|
|
48
51
|
ez-alert --> ez-icon
|
|
52
|
+
ez-avatar --> ez-icon
|
|
49
53
|
ez-badge --> ez-icon
|
|
50
54
|
ez-breadcrumb --> ez-icon
|
|
51
55
|
ez-button --> ez-icon
|
|
@@ -60,6 +64,7 @@ graph TD;
|
|
|
60
64
|
ez-modal-container --> ez-icon
|
|
61
65
|
ez-multi-selection-list --> ez-icon
|
|
62
66
|
ez-search --> ez-icon
|
|
67
|
+
ez-search-plus --> ez-icon
|
|
63
68
|
ez-sidebar-button --> ez-icon
|
|
64
69
|
ez-split-button --> ez-icon
|
|
65
70
|
ez-tabselector --> ez-icon
|
|
@@ -7,18 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `allowNegative`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | ---------------------------------------------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `allowNegative` | `allow-negative` | Se false, o input não aceitará números negativos. | `boolean` | `true` |
|
|
13
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
14
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
15
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
16
|
+
| `enabled` | `enabled` | Se false, o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
18
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
19
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
20
|
+
| `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` |
|
|
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` |
|
|
22
|
+
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
22
23
|
|
|
23
24
|
|
|
24
25
|
## Events
|
|
@@ -70,11 +70,13 @@ Type: `Promise<void>`
|
|
|
70
70
|
|
|
71
71
|
### Used by
|
|
72
72
|
|
|
73
|
+
- [ez-form](../ez-form)
|
|
73
74
|
- [ez-grid](../ez-grid)
|
|
74
75
|
|
|
75
76
|
### Graph
|
|
76
77
|
```mermaid
|
|
77
78
|
graph TD;
|
|
79
|
+
ez-form --> ez-popover
|
|
78
80
|
ez-grid --> ez-popover
|
|
79
81
|
style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
|
|
80
82
|
```
|
|
@@ -97,6 +97,7 @@ Type: `Promise<void>`
|
|
|
97
97
|
- [ez-date-input](../ez-date-input)
|
|
98
98
|
- [ez-date-time-input](../ez-date-time-input)
|
|
99
99
|
- [ez-search](../ez-search)
|
|
100
|
+
- [ez-search-plus](../ez-search-plus)
|
|
100
101
|
- [filter-column](../ez-grid/subcomponents)
|
|
101
102
|
|
|
102
103
|
### Depends on
|
|
@@ -111,6 +112,7 @@ graph TD;
|
|
|
111
112
|
ez-date-input --> ez-popover-plus
|
|
112
113
|
ez-date-time-input --> ez-popover-plus
|
|
113
114
|
ez-search --> ez-popover-plus
|
|
115
|
+
ez-search-plus --> ez-popover-plus
|
|
114
116
|
filter-column --> ez-popover-plus
|
|
115
117
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
116
118
|
```
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
12
13
|
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
14
|
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
15
|
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
@@ -96,7 +97,9 @@ Type: `Promise<void>`
|
|
|
96
97
|
|
|
97
98
|
### Used by
|
|
98
99
|
|
|
100
|
+
- [ez-form](../ez-form)
|
|
99
101
|
- [ez-form-view](../ez-form-view)
|
|
102
|
+
- [ez-grid](../ez-grid)
|
|
100
103
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
101
104
|
|
|
102
105
|
### Depends on
|
|
@@ -117,7 +120,9 @@ graph TD;
|
|
|
117
120
|
ez-text-input --> ez-icon
|
|
118
121
|
ez-popover-plus --> ez-popover-core
|
|
119
122
|
search-list --> ez-card-item
|
|
123
|
+
ez-form --> ez-search
|
|
120
124
|
ez-form-view --> ez-search
|
|
125
|
+
ez-grid --> ez-search
|
|
121
126
|
ez-multi-selection-list --> ez-search
|
|
122
127
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
123
128
|
```
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
# ez-search-plus
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | --------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
13
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
14
|
+
| `codLabel` | `cod-label` | Texto a ser apresentado no input de código. | `string` | `undefined` |
|
|
15
|
+
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
16
|
+
| `disableCodeInput` | `disable-code-input` | Se true o campo de código ficara desabilitado. | `boolean` | `false` |
|
|
17
|
+
| `disableDescriptionInput` | `disable-description-input` | Se true o campo de de apresentação ficara desabilitado. | `boolean` | `false` |
|
|
18
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
19
|
+
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
20
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
21
|
+
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de de apresentação não será exibido. | `boolean` | `false` |
|
|
22
|
+
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
23
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
24
|
+
| `isTextSearch` | `is-text-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
25
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
26
|
+
| `listOptionsPosition` | -- | Propriedade depreciada na nova versão do componente de pesquisa. | `IEzCheckBoxListPosition` | `undefined` |
|
|
27
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
28
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => ISearchOption \| IOption \| (ISearchOption \| IOption)[] \| Promise<ISearchOption \| IOption \| (ISearchOption \| IOption)[]>` | `undefined` |
|
|
29
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
30
|
+
| `showSelectedValue` | `show-selected-value` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
31
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, interrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
32
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
33
|
+
| `suppressPreLoad` | `suppress-pre-load` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `true` |
|
|
34
|
+
| `suppressSearch` | `suppress-search` | Propriedade depreciada na nova versão do componente de pesquisa. | `boolean` | `false` |
|
|
35
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
## Events
|
|
39
|
+
|
|
40
|
+
| Event | Description | Type |
|
|
41
|
+
| ---------- | ------------------------------------------------------ | ---------------------- |
|
|
42
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
## Methods
|
|
46
|
+
|
|
47
|
+
### `clearValue() => Promise<void>`
|
|
48
|
+
|
|
49
|
+
Limpa o valor do campo de pesquisa
|
|
50
|
+
|
|
51
|
+
#### Returns
|
|
52
|
+
|
|
53
|
+
Type: `Promise<void>`
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
### `getValueAsync() => Promise<IOption>`
|
|
58
|
+
|
|
59
|
+
Obtém o valor do componente só após a compo de apresentação
|
|
60
|
+
ter sido resolvido pelo option loader quando necessário
|
|
61
|
+
|
|
62
|
+
#### Returns
|
|
63
|
+
|
|
64
|
+
Type: `Promise<IOption>`
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
### `isInvalid() => Promise<boolean>`
|
|
69
|
+
|
|
70
|
+
Retorna se o conteúdo é inválido.
|
|
71
|
+
|
|
72
|
+
#### Returns
|
|
73
|
+
|
|
74
|
+
Type: `Promise<boolean>`
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
### `setBlur() => Promise<void>`
|
|
79
|
+
|
|
80
|
+
Remove o foco do campo.
|
|
81
|
+
|
|
82
|
+
#### Returns
|
|
83
|
+
|
|
84
|
+
Type: `Promise<void>`
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
89
|
+
|
|
90
|
+
Aplica o foco no campo.
|
|
91
|
+
|
|
92
|
+
#### Returns
|
|
93
|
+
|
|
94
|
+
Type: `Promise<void>`
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
## Dependencies
|
|
100
|
+
|
|
101
|
+
### Used by
|
|
102
|
+
|
|
103
|
+
- [ez-form-view](../ez-form-view)
|
|
104
|
+
|
|
105
|
+
### Depends on
|
|
106
|
+
|
|
107
|
+
- [ez-icon](../ez-icon)
|
|
108
|
+
- [ez-text-input](../ez-text-input)
|
|
109
|
+
- [ez-popover-plus](../ez-popover-plus)
|
|
110
|
+
- [ez-search-result-list](./subcomponent/ez-search-result-list)
|
|
111
|
+
|
|
112
|
+
### Graph
|
|
113
|
+
```mermaid
|
|
114
|
+
graph TD;
|
|
115
|
+
ez-search-plus --> ez-icon
|
|
116
|
+
ez-search-plus --> ez-text-input
|
|
117
|
+
ez-search-plus --> ez-popover-plus
|
|
118
|
+
ez-search-plus --> ez-search-result-list
|
|
119
|
+
ez-text-input --> ez-tooltip
|
|
120
|
+
ez-text-input --> ez-icon
|
|
121
|
+
ez-popover-plus --> ez-popover-core
|
|
122
|
+
ez-search-result-list --> ez-card-item
|
|
123
|
+
ez-search-result-list --> ez-skeleton
|
|
124
|
+
ez-form-view --> ez-search-plus
|
|
125
|
+
style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
----------------------------------------------
|
|
129
|
+
|
|
130
|
+
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
# ez-search-result-list
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------------- | ------------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `showLoading` | `show-loading` | | `boolean` | `undefined` |
|
|
13
|
+
| `showOptionValue` | `show-option-value` | | `boolean` | `true` |
|
|
14
|
+
| `value` | `value` | | `IOption \| string` | `undefined` |
|
|
15
|
+
| `visibleOptions` | -- | | `IOption[]` | `[]` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| ------------- | ----------- | ---------------------- |
|
|
22
|
+
| `changeValue` | | `CustomEvent<IOption>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Methods
|
|
26
|
+
|
|
27
|
+
### `cancelSelection() => Promise<void>`
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
#### Returns
|
|
32
|
+
|
|
33
|
+
Type: `Promise<void>`
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
### `nextOption() => Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
#### Returns
|
|
42
|
+
|
|
43
|
+
Type: `Promise<void>`
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
### `previousOption() => Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
#### Returns
|
|
52
|
+
|
|
53
|
+
Type: `Promise<void>`
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
### `selectCurrentItem() => Promise<void>`
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
#### Returns
|
|
62
|
+
|
|
63
|
+
Type: `Promise<void>`
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
## Dependencies
|
|
69
|
+
|
|
70
|
+
### Used by
|
|
71
|
+
|
|
72
|
+
- [ez-search-plus](../..)
|
|
73
|
+
|
|
74
|
+
### Depends on
|
|
75
|
+
|
|
76
|
+
- [ez-card-item](../../../ez-card-item)
|
|
77
|
+
- [ez-skeleton](../../../ez-skeleton)
|
|
78
|
+
|
|
79
|
+
### Graph
|
|
80
|
+
```mermaid
|
|
81
|
+
graph TD;
|
|
82
|
+
ez-search-result-list --> ez-card-item
|
|
83
|
+
ez-search-result-list --> ez-skeleton
|
|
84
|
+
ez-search-plus --> ez-search-result-list
|
|
85
|
+
style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
----------------------------------------------
|
|
89
|
+
|
|
90
|
+
|
|
@@ -7,14 +7,18 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| -------------- | --------------- |
|
|
12
|
-
| `animation` | `animation` | Animation type
|
|
13
|
-
| `count` | `count` | Number of rows of current skeleton type
|
|
14
|
-
| `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc.
|
|
15
|
-
| `marginBottom` | `margin-bottom` | MarginBottom of the skeleton ex. 10px, 0 etc.
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | ---------------------------------------------------------------------------- | ---------------------------------- | -------------------------- |
|
|
12
|
+
| `animation` | `animation` | Animation type | `"false" \| "progress" \| "pulse"` | `DEFAULT_VALUES.ANIMATION` |
|
|
13
|
+
| `count` | `count` | Number of rows of current skeleton type | `number` | `DEFAULT_VALUES.COUNT` |
|
|
14
|
+
| `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
|
|
15
|
+
| `marginBottom` | `margin-bottom` | MarginBottom of the skeleton ex. 10px, 0 etc. | `string` | `null` |
|
|
16
|
+
| `marginLeft` | `margin-left` | MarginLeft of the skeleton ex. 10px, 0 etc. | `string` | `null` |
|
|
17
|
+
| `marginRight` | `margin-right` | MarginRight of the skeleton ex. 10px, 0 etc. | `string` | `null` |
|
|
18
|
+
| `marginTop` | `margin-top` | MarginTop of the skeleton ex. 10px, 0 etc. | `string` | `null` |
|
|
19
|
+
| `template` | `template` | The template to be used for the skeleton. Can be an HTMLElement or a string. | `HTMLElement \| string` | `undefined` |
|
|
20
|
+
| `variant` | `variant` | Variant of the skeleton - circle or row | `"circle" \| "rect" \| "text"` | `DEFAULT_VALUES.VARIANT` |
|
|
21
|
+
| `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
|
|
18
22
|
|
|
19
23
|
|
|
20
24
|
## Dependencies
|
|
@@ -22,11 +26,13 @@
|
|
|
22
26
|
### Used by
|
|
23
27
|
|
|
24
28
|
- [ez-dropdown](../ez-dropdown)
|
|
29
|
+
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
25
30
|
|
|
26
31
|
### Graph
|
|
27
32
|
```mermaid
|
|
28
33
|
graph TD;
|
|
29
34
|
ez-dropdown --> ez-skeleton
|
|
35
|
+
ez-search-result-list --> ez-skeleton
|
|
30
36
|
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
31
37
|
```
|
|
32
38
|
|
|
@@ -7,17 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `enabled`
|
|
13
|
-
| `iconName`
|
|
14
|
-
| `image`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | --------------- |
|
|
12
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
|
|
13
|
+
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/) | `string` | `undefined` |
|
|
14
|
+
| `image` | `image` | Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
15
|
+
| `itemBuilder` | -- | Função builder que possibilita alterar como o item da lista vai ser apresentado. Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: IDropdownItem, level: number) => string \| HTMLElement` | `undefined` |
|
|
16
|
+
| `items` | -- | Define o conteúdo do dropdown. | `IDropdownItem[]` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como label do botão. | `string` | `undefined` |
|
|
18
|
+
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
19
|
+
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
20
|
+
| `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
|
|
21
|
+
| `show` | `show` | | `boolean` | `false` |
|
|
22
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
21
23
|
|
|
22
24
|
|
|
23
25
|
## Events
|
|
@@ -31,6 +33,16 @@
|
|
|
31
33
|
|
|
32
34
|
## Methods
|
|
33
35
|
|
|
36
|
+
### `isOpenedDropdown() => Promise<boolean>`
|
|
37
|
+
|
|
38
|
+
Informa se a lista de ações está aberta.
|
|
39
|
+
|
|
40
|
+
#### Returns
|
|
41
|
+
|
|
42
|
+
Type: `Promise<boolean>`
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
34
46
|
### `setBlur() => Promise<void>`
|
|
35
47
|
|
|
36
48
|
Remove o foco de ambos os botões.
|
|
@@ -61,6 +73,16 @@ Type: `Promise<void>`
|
|
|
61
73
|
|
|
62
74
|
|
|
63
75
|
|
|
76
|
+
### `toggleDropdown() => Promise<void>`
|
|
77
|
+
|
|
78
|
+
Abre ou Fecha o dropdown do Split Button.
|
|
79
|
+
|
|
80
|
+
#### Returns
|
|
81
|
+
|
|
82
|
+
Type: `Promise<void>`
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
|
64
86
|
|
|
65
87
|
## Dependencies
|
|
66
88
|
|
|
@@ -7,18 +7,19 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `autoRows` | `auto-rows` | Ativa a opção de fazer as linhas do componente serem baseados na altura máxima. | `boolean` | `false` |
|
|
15
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
16
|
+
| `enableResize` | `enable-resize` | Ativa a opção de fazer resize do input. | `boolean` | `true` |
|
|
17
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
18
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
19
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
20
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
21
|
+
| `rows` | `rows` | Define o número de linhas. | `number` | `4` |
|
|
22
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
22
23
|
|
|
23
24
|
|
|
24
25
|
## Events
|
|
@@ -7,20 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo a ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `cleanValueMask` | `clean-value-mask` | Para remover a máscara quando fizer um apply no formulário. | `boolean` | `false` |
|
|
16
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
18
|
+
| `hasInvalid` | `has-invalid` | Define se o campo está em estado inválido (bordas vermelhas). | `boolean` | `false` |
|
|
19
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
20
|
+
| `mask` | `mask` | Aplica uma máscara no conteúdo conforme o padrão estabelecido | `string` | `undefined` |
|
|
21
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
22
|
+
| `noBorder` | `no-border` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
23
|
+
| `password` | `password` | Se true o campo não terá bordas. | `boolean` | `false` |
|
|
24
|
+
| `restrict` | `restrict` | Restringe o que o usuário pode digitar. | `string` | `undefined` |
|
|
25
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
24
26
|
|
|
25
27
|
|
|
26
28
|
## Events
|
|
@@ -74,6 +76,7 @@ Type: `Promise<void>`
|
|
|
74
76
|
- [ez-form-view](../ez-form-view)
|
|
75
77
|
- [ez-number-input](../ez-number-input)
|
|
76
78
|
- [ez-search](../ez-search)
|
|
79
|
+
- [ez-search-plus](../ez-search-plus)
|
|
77
80
|
- [ez-text-edit](../ez-text-edit)
|
|
78
81
|
- [ez-time-input](../ez-time-input)
|
|
79
82
|
|
|
@@ -94,6 +97,7 @@ graph TD;
|
|
|
94
97
|
ez-form-view --> ez-text-input
|
|
95
98
|
ez-number-input --> ez-text-input
|
|
96
99
|
ez-search --> ez-text-input
|
|
100
|
+
ez-search-plus --> ez-text-input
|
|
97
101
|
ez-text-edit --> ez-text-input
|
|
98
102
|
ez-time-input --> ez-text-input
|
|
99
103
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | ------------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | Texto alternativo ser apresentado como título do campo. | `string` | `undefined` |
|
|
13
|
+
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean` | `false` |
|
|
14
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
19
|
+
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
20
|
+
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Events
|
|
@@ -7,23 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| ------------------ |
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
#### Returns
|
|
23
|
-
|
|
24
|
-
Type: `Promise<void>`
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | ----------------- | --------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |
|
|
12
|
+
| `active` | `active` | Define se o tooltip está ativo. | `boolean` | `true` |
|
|
13
|
+
| `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
|
|
14
|
+
| `debouncingTime` | `debouncing-time` | Tempo de espera para exibir o tooltip após o evento de mouseenter. | `number` | `500` |
|
|
15
|
+
| `gapOptions` | -- | Define o espaçamento entre o tooltip e o elemento de ancoragem. | `{ horizontalGap: number; verticalGap: number; }` | `{ horizontalGap: 0, verticalGap: 0 }` |
|
|
16
|
+
| `maxWidth` | `max-width` | Define a largura máxima do elemento. | `number` | `200` |
|
|
17
|
+
| `message` | `message` | Mensagem que será apresentada no tooltip. | `string` | `undefined` |
|
|
18
|
+
| `placement` | `placement` | Define a posição do tooltip em relação ao elemento de ancoragem. | `"bottom" \| "bottom-end" \| "bottom-start" \| "left" \| "left-end" \| "left-start" \| "right" \| "right-end" \| "right-start" \| "top" \| "top-end" \| "top-start"` | `'bottom'` |
|
|
19
|
+
| `type` | `type` | Define o tipo de tooltip a ser exibido. | `"default" \| "error" \| "success" \| "warning"` | `'default'` |
|
|
20
|
+
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
27
21
|
|
|
28
22
|
|
|
29
23
|
## Dependencies
|