@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-69274.8 → 0.0.0-feat-dev-KB-66041.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-card-item/readme.md +0 -2
- package/components/ez-check/readme.md +9 -8
- package/components/ez-combo-box/readme.md +2 -0
- package/components/ez-date-input/readme.md +11 -9
- package/components/ez-date-time-input/readme.md +12 -10
- package/components/ez-form/readme.md +1 -7
- package/components/ez-form-view/readme.md +7 -13
- package/components/ez-icon/readme.md +0 -2
- package/components/ez-number-input/readme.md +14 -12
- package/components/ez-popover-plus/readme.md +0 -2
- package/components/ez-search/readme.md +2 -0
- package/components/ez-text-area/readme.md +14 -12
- package/components/ez-text-input/readme.md +16 -17
- package/components/ez-time-input/readme.md +12 -10
- package/components/ez-tooltip/readme.md +17 -10
- package/package.json +1 -1
- package/components/ez-search-plus/readme.md +0 -129
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +0 -88
|
@@ -25,13 +25,11 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
-
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
29
28
|
- [search-list](../ez-search/subcomponent/search-list)
|
|
30
29
|
|
|
31
30
|
### Graph
|
|
32
31
|
```mermaid
|
|
33
32
|
graph TD;
|
|
34
|
-
ez-search-result-list --> ez-card-item
|
|
35
33
|
search-list --> ez-card-item
|
|
36
34
|
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
37
35
|
```
|
|
@@ -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
|
+
| `alternativeLabel` | `alternative-label` | 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,10 +9,12 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `alternativeLabel` | `alternative-label` | 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` |
|
|
15
16
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
16
18
|
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
17
19
|
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
18
20
|
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
@@ -7,15 +7,17 @@
|
|
|
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
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
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
|
+
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
19
21
|
|
|
20
22
|
|
|
21
23
|
## Events
|
|
@@ -7,16 +7,18 @@
|
|
|
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
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
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
|
+
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
21
|
+
| `value` | -- | Define o valor do campo. | `Date` | `undefined` |
|
|
20
22
|
|
|
21
23
|
|
|
22
24
|
## Events
|
|
@@ -81,10 +81,9 @@ graph TD;
|
|
|
81
81
|
ez-form-view --> ez-date-time-input
|
|
82
82
|
ez-form-view --> ez-upload
|
|
83
83
|
ez-form-view --> ez-number-input
|
|
84
|
+
ez-form-view --> ez-search
|
|
84
85
|
ez-form-view --> ez-text-area
|
|
85
86
|
ez-form-view --> ez-text-input
|
|
86
|
-
ez-form-view --> ez-search-plus
|
|
87
|
-
ez-form-view --> ez-search
|
|
88
87
|
ez-collapsible-box --> ez-icon
|
|
89
88
|
ez-collapsible-box --> ez-text-edit
|
|
90
89
|
ez-text-edit --> ez-text-input
|
|
@@ -106,11 +105,6 @@ graph TD;
|
|
|
106
105
|
ez-date-time-input --> ez-popover-plus
|
|
107
106
|
ez-date-time-input --> ez-calendar
|
|
108
107
|
ez-number-input --> ez-text-input
|
|
109
|
-
ez-search-plus --> ez-icon
|
|
110
|
-
ez-search-plus --> ez-text-input
|
|
111
|
-
ez-search-plus --> ez-popover-plus
|
|
112
|
-
ez-search-plus --> ez-search-result-list
|
|
113
|
-
ez-search-result-list --> ez-card-item
|
|
114
108
|
ez-search --> ez-text-input
|
|
115
109
|
ez-search --> ez-icon
|
|
116
110
|
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,10 +72,9 @@ 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)
|
|
75
|
+
- [ez-search](../ez-search)
|
|
74
76
|
- [ez-text-area](../ez-text-area)
|
|
75
77
|
- [ez-text-input](../ez-text-input)
|
|
76
|
-
- [ez-search-plus](../ez-search-plus)
|
|
77
|
-
- [ez-search](../ez-search)
|
|
78
78
|
|
|
79
79
|
### Graph
|
|
80
80
|
```mermaid
|
|
@@ -88,10 +88,9 @@ graph TD;
|
|
|
88
88
|
ez-form-view --> ez-date-time-input
|
|
89
89
|
ez-form-view --> ez-upload
|
|
90
90
|
ez-form-view --> ez-number-input
|
|
91
|
+
ez-form-view --> ez-search
|
|
91
92
|
ez-form-view --> ez-text-area
|
|
92
93
|
ez-form-view --> ez-text-input
|
|
93
|
-
ez-form-view --> ez-search-plus
|
|
94
|
-
ez-form-view --> ez-search
|
|
95
94
|
ez-collapsible-box --> ez-icon
|
|
96
95
|
ez-collapsible-box --> ez-text-edit
|
|
97
96
|
ez-text-edit --> ez-text-input
|
|
@@ -113,11 +112,6 @@ graph TD;
|
|
|
113
112
|
ez-date-time-input --> ez-popover-plus
|
|
114
113
|
ez-date-time-input --> ez-calendar
|
|
115
114
|
ez-number-input --> ez-text-input
|
|
116
|
-
ez-search-plus --> ez-icon
|
|
117
|
-
ez-search-plus --> ez-text-input
|
|
118
|
-
ez-search-plus --> ez-popover-plus
|
|
119
|
-
ez-search-plus --> ez-search-result-list
|
|
120
|
-
ez-search-result-list --> ez-card-item
|
|
121
115
|
ez-search --> ez-text-input
|
|
122
116
|
ez-search --> ez-icon
|
|
123
117
|
ez-search --> ez-popover-plus
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
- [ez-modal-container](../ez-modal-container)
|
|
35
35
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
36
|
- [ez-search](../ez-search)
|
|
37
|
-
- [ez-search-plus](../ez-search-plus)
|
|
38
37
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
39
38
|
- [ez-split-button](../ez-split-button)
|
|
40
39
|
- [ez-tabselector](../ez-tabselector)
|
|
@@ -61,7 +60,6 @@ graph TD;
|
|
|
61
60
|
ez-modal-container --> ez-icon
|
|
62
61
|
ez-multi-selection-list --> ez-icon
|
|
63
62
|
ez-search --> ez-icon
|
|
64
|
-
ez-search-plus --> ez-icon
|
|
65
63
|
ez-sidebar-button --> ez-icon
|
|
66
64
|
ez-split-button --> ez-icon
|
|
67
65
|
ez-tabselector --> ez-icon
|
|
@@ -7,18 +7,20 @@
|
|
|
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
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
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
|
+
| `precision` | `precision` | Define quantas casas decimais serão exibidas. Caso haja mais casas haverá arredondamento. | `number` | `undefined` |
|
|
22
|
+
| `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` |
|
|
23
|
+
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
## Events
|
|
@@ -97,7 +97,6 @@ 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)
|
|
101
100
|
- [filter-column](../ez-grid/subcomponents)
|
|
102
101
|
|
|
103
102
|
### Depends on
|
|
@@ -112,7 +111,6 @@ graph TD;
|
|
|
112
111
|
ez-date-input --> ez-popover-plus
|
|
113
112
|
ez-date-time-input --> ez-popover-plus
|
|
114
113
|
ez-search --> ez-popover-plus
|
|
115
|
-
ez-search-plus --> ez-popover-plus
|
|
116
114
|
filter-column --> ez-popover-plus
|
|
117
115
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
118
116
|
```
|
|
@@ -9,12 +9,14 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `alternativeLabel` | `alternative-label` | 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` |
|
|
15
16
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
16
17
|
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
17
18
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
19
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
18
20
|
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente. | `boolean` | `true` |
|
|
19
21
|
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
20
22
|
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
@@ -7,18 +7,20 @@
|
|
|
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
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
20
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
21
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
22
|
+
| `rows` | `rows` | Define o número de linhas. | `number` | `4` |
|
|
23
|
+
| `value` | `value` | Define o valor do campo. | `string` | `undefined` |
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
## Events
|
|
@@ -7,21 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | ------------------- | --------------------------------------------------------------------------------- | --------------------- | ----------- |
|
|
12
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `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` |
|
|
25
26
|
|
|
26
27
|
|
|
27
28
|
## Events
|
|
@@ -75,7 +76,6 @@ Type: `Promise<void>`
|
|
|
75
76
|
- [ez-form-view](../ez-form-view)
|
|
76
77
|
- [ez-number-input](../ez-number-input)
|
|
77
78
|
- [ez-search](../ez-search)
|
|
78
|
-
- [ez-search-plus](../ez-search-plus)
|
|
79
79
|
- [ez-text-edit](../ez-text-edit)
|
|
80
80
|
- [ez-time-input](../ez-time-input)
|
|
81
81
|
|
|
@@ -96,7 +96,6 @@ graph TD;
|
|
|
96
96
|
ez-form-view --> ez-text-input
|
|
97
97
|
ez-number-input --> ez-text-input
|
|
98
98
|
ez-search --> ez-text-input
|
|
99
|
-
ez-search-plus --> ez-text-input
|
|
100
99
|
ez-text-edit --> ez-text-input
|
|
101
100
|
ez-time-input --> ez-text-input
|
|
102
101
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,16 +7,18 @@
|
|
|
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
|
+
| `alternativeLabel` | `alternative-label` | 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
|
+
| `forceLabelFloat` | `force-label-float` | Define se o label deve ser forçado a ficar flutuando | `boolean` | `false` |
|
|
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
|
+
| `showSeconds` | `show-seconds` | Se true considera segundos. | `boolean` | `false` |
|
|
21
|
+
| `value` | `value` | Define o valor do campo. | `number` | `undefined` |
|
|
20
22
|
|
|
21
23
|
|
|
22
24
|
## Events
|
|
@@ -7,16 +7,23 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute
|
|
11
|
-
| ------------------ |
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------ | --------------- | ----------------------------------------------------------- | ------------- | ----------- |
|
|
12
|
+
| `anchoringElement` | -- | Elemento HTML que será utilizado como ancoragem do tooltip. | `HTMLElement` | `undefined` |
|
|
13
|
+
| `errorMessage` | `error-message` | Mensagem de erro que será apresentada no tooltip. | `string` | `undefined` |
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## Methods
|
|
17
|
+
|
|
18
|
+
### `positionTooltip() => Promise<void>`
|
|
19
|
+
|
|
20
|
+
Reposiciona o tooltip de acordo com a posição do elemento de ancoragem.
|
|
21
|
+
|
|
22
|
+
#### Returns
|
|
23
|
+
|
|
24
|
+
Type: `Promise<void>`
|
|
25
|
+
|
|
26
|
+
|
|
20
27
|
|
|
21
28
|
|
|
22
29
|
## Dependencies
|
package/package.json
CHANGED
|
@@ -1,129 +0,0 @@
|
|
|
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` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
|
|
23
|
-
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
24
|
-
| `isTextSearch` | `is-text-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
25
|
-
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
26
|
-
| `listOptionsPosition` | -- | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `IEzCheckBoxListPosition` | `undefined` |
|
|
27
|
-
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
28
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]> \| Promise<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` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `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` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
33
|
-
| `suppressPreLoad` | `suppress-pre-load` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `true` |
|
|
34
|
-
| `suppressSearch` | `suppress-search` | <span style="color:red">**[DEPRECATED]**</span> Propriedade depreciada na nova versão do componente de pesquisa.<br/><br/> | `boolean` | `false` |
|
|
35
|
-
| `value` | `value` | Define o valor do campo. | `any` | `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<unknown>`
|
|
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<unknown>`
|
|
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-form-view --> ez-search-plus
|
|
124
|
-
style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
125
|
-
```
|
|
126
|
-
|
|
127
|
-
----------------------------------------------
|
|
128
|
-
|
|
129
|
-
|
|
@@ -1,88 +0,0 @@
|
|
|
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
|
-
|
|
78
|
-
### Graph
|
|
79
|
-
```mermaid
|
|
80
|
-
graph TD;
|
|
81
|
-
ez-search-result-list --> ez-card-item
|
|
82
|
-
ez-search-plus --> ez-search-result-list
|
|
83
|
-
style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
----------------------------------------------
|
|
87
|
-
|
|
88
|
-
|