@sankhyalabs/ezui-docs 5.20.0-dev.3 → 5.20.0-dev.4
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 -13
- package/components/ez-combo-box/readme.md +3 -0
- package/components/ez-form/readme.md +1 -3
- package/components/ez-form-view/readme.md +1 -3
- package/components/ez-grid/readme.md +3 -3
- package/components/ez-grid/subcomponents/readme.md +3 -3
- package/components/ez-icon/readme.md +0 -2
- package/components/ez-multi-selection-list/readme.md +3 -3
- package/components/ez-search/readme.md +20 -24
- package/components/ez-split-panel/readme.md +4 -3
- package/components/ez-text-input/readme.md +0 -2
- package/package.json +1 -1
|
@@ -19,19 +19,6 @@
|
|
|
19
19
|
| `ezClick` | Emitido sempre que o ez-card é clicado. | `CustomEvent<CardItem>` |
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
## Dependencies
|
|
23
|
-
|
|
24
|
-
### Used by
|
|
25
|
-
|
|
26
|
-
- [ez-search](../ez-search)
|
|
27
|
-
|
|
28
|
-
### Graph
|
|
29
|
-
```mermaid
|
|
30
|
-
graph TD;
|
|
31
|
-
ez-search --> ez-card-item
|
|
32
|
-
style ez-card-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
-
```
|
|
34
|
-
|
|
35
22
|
----------------------------------------------
|
|
36
23
|
|
|
37
24
|
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
21
21
|
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
22
22
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
23
|
+
| `searchMode` | `search-mode` | Se true ativa o modo pesquisa do ez-combo-box. | `boolean` | `undefined` |
|
|
23
24
|
| `showOptionValue` | `show-option-value` | Se true cada opção na lista exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
24
25
|
| `showSelectedValue` | `show-selected-value` | Se true a opção selecionada exibe o `value` junto com `label`. | `boolean` | `false` |
|
|
25
26
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
@@ -92,6 +93,7 @@ Type: `Promise<void>`
|
|
|
92
93
|
### Used by
|
|
93
94
|
|
|
94
95
|
- [ez-form-view](../ez-form-view)
|
|
96
|
+
- [ez-search](../ez-search)
|
|
95
97
|
|
|
96
98
|
### Depends on
|
|
97
99
|
|
|
@@ -104,6 +106,7 @@ graph TD;
|
|
|
104
106
|
ez-combo-box --> ez-text-input
|
|
105
107
|
ez-combo-box --> ez-icon
|
|
106
108
|
ez-form-view --> ez-combo-box
|
|
109
|
+
ez-search --> ez-combo-box
|
|
107
110
|
style ez-combo-box fill:#f9f,stroke:#333,stroke-width:4px
|
|
108
111
|
```
|
|
109
112
|
|
|
@@ -76,9 +76,7 @@ graph TD;
|
|
|
76
76
|
ez-date-time-input --> ez-text-input
|
|
77
77
|
ez-date-time-input --> ez-calendar
|
|
78
78
|
ez-number-input --> ez-text-input
|
|
79
|
-
ez-search --> ez-
|
|
80
|
-
ez-search --> ez-text-input
|
|
81
|
-
ez-search --> ez-icon
|
|
79
|
+
ez-search --> ez-combo-box
|
|
82
80
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
83
81
|
```
|
|
84
82
|
|
|
@@ -81,9 +81,7 @@ graph TD;
|
|
|
81
81
|
ez-date-time-input --> ez-text-input
|
|
82
82
|
ez-date-time-input --> ez-calendar
|
|
83
83
|
ez-number-input --> ez-text-input
|
|
84
|
-
ez-search --> ez-
|
|
85
|
-
ez-search --> ez-text-input
|
|
86
|
-
ez-search --> ez-icon
|
|
84
|
+
ez-search --> ez-combo-box
|
|
87
85
|
ez-form --> ez-form-view
|
|
88
86
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
89
87
|
```
|
|
@@ -162,9 +162,9 @@ graph TD;
|
|
|
162
162
|
ez-list --> ez-check
|
|
163
163
|
ez-filter-input --> ez-text-input
|
|
164
164
|
ez-filter-input --> ez-icon
|
|
165
|
-
ez-search --> ez-
|
|
166
|
-
ez-
|
|
167
|
-
ez-
|
|
165
|
+
ez-search --> ez-combo-box
|
|
166
|
+
ez-combo-box --> ez-text-input
|
|
167
|
+
ez-combo-box --> ez-icon
|
|
168
168
|
style ez-grid fill:#f9f,stroke:#333,stroke-width:4px
|
|
169
169
|
```
|
|
170
170
|
|
|
@@ -77,9 +77,9 @@ graph TD;
|
|
|
77
77
|
ez-list --> ez-check
|
|
78
78
|
ez-filter-input --> ez-text-input
|
|
79
79
|
ez-filter-input --> ez-icon
|
|
80
|
-
ez-search --> ez-
|
|
81
|
-
ez-
|
|
82
|
-
ez-
|
|
80
|
+
ez-search --> ez-combo-box
|
|
81
|
+
ez-combo-box --> ez-text-input
|
|
82
|
+
ez-combo-box --> ez-icon
|
|
83
83
|
ez-grid --> filter-column
|
|
84
84
|
style filter-column fill:#f9f,stroke:#333,stroke-width:4px
|
|
85
85
|
```
|
|
@@ -33,7 +33,6 @@
|
|
|
33
33
|
- [ez-grid](../ez-grid)
|
|
34
34
|
- [ez-modal-container](../ez-modal-container)
|
|
35
35
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
36
|
-
- [ez-search](../ez-search)
|
|
37
36
|
- [ez-tabselector](../ez-tabselector)
|
|
38
37
|
- [ez-time-input](../ez-time-input)
|
|
39
38
|
- [ez-tree](../ez-tree)
|
|
@@ -56,7 +55,6 @@ graph TD;
|
|
|
56
55
|
ez-grid --> ez-icon
|
|
57
56
|
ez-modal-container --> ez-icon
|
|
58
57
|
ez-multi-selection-list --> ez-icon
|
|
59
|
-
ez-search --> ez-icon
|
|
60
58
|
ez-tabselector --> ez-icon
|
|
61
59
|
ez-time-input --> ez-icon
|
|
62
60
|
ez-tree --> ez-icon
|
|
@@ -63,9 +63,9 @@ graph TD;
|
|
|
63
63
|
ez-list --> ez-check
|
|
64
64
|
ez-filter-input --> ez-text-input
|
|
65
65
|
ez-filter-input --> ez-icon
|
|
66
|
-
ez-search --> ez-
|
|
67
|
-
ez-
|
|
68
|
-
ez-
|
|
66
|
+
ez-search --> ez-combo-box
|
|
67
|
+
ez-combo-box --> ez-text-input
|
|
68
|
+
ez-combo-box --> ez-icon
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
70
|
style ez-multi-selection-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
71
71
|
```
|
|
@@ -7,24 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| -------------------------- | ------------------------------ |
|
|
12
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo.
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo.
|
|
14
|
-
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido.
|
|
15
|
-
| `hideErrorOnFocusOut` | `hide-error-on-focus-out` | Quando verdadeiro deixa de exibir a mensagem de erro (se existente) quando focar em um elemento diferente.
|
|
16
|
-
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa
|
|
17
|
-
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto.
|
|
18
|
-
| `label` | `label` | Texto a ser apresentado como título do campo.
|
|
19
|
-
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox.
|
|
20
|
-
| `mode` | `mode` | Define o tamanho do campo.
|
|
21
|
-
| `optionLoader` | -- | Carrega as opções dinamicamente.
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
27
|
-
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------------- | ------------------------------ | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
14
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
15
|
+
| `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` |
|
|
16
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
17
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
18
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
19
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
20
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
21
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
22
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
23
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
24
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
25
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
28
26
|
|
|
29
27
|
|
|
30
28
|
## Events
|
|
@@ -96,16 +94,14 @@ Type: `Promise<void>`
|
|
|
96
94
|
|
|
97
95
|
### Depends on
|
|
98
96
|
|
|
99
|
-
- [ez-
|
|
100
|
-
- [ez-text-input](../ez-text-input)
|
|
101
|
-
- [ez-icon](../ez-icon)
|
|
97
|
+
- [ez-combo-box](../ez-combo-box)
|
|
102
98
|
|
|
103
99
|
### Graph
|
|
104
100
|
```mermaid
|
|
105
101
|
graph TD;
|
|
106
|
-
ez-search --> ez-
|
|
107
|
-
ez-
|
|
108
|
-
ez-
|
|
102
|
+
ez-search --> ez-combo-box
|
|
103
|
+
ez-combo-box --> ez-text-input
|
|
104
|
+
ez-combo-box --> ez-icon
|
|
109
105
|
ez-form-view --> ez-search
|
|
110
106
|
ez-multi-selection-list --> ez-search
|
|
111
107
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,9 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ----------- | ----------- |
|
|
12
|
-
| `direction` | `direction` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ----------- | ------------------------------- | ------------------- | ----------- |
|
|
12
|
+
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
13
|
+
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
13
14
|
|
|
14
15
|
|
|
15
16
|
----------------------------------------------
|
|
@@ -71,7 +71,6 @@ Type: `Promise<void>`
|
|
|
71
71
|
- [ez-filter-input](../ez-filter-input)
|
|
72
72
|
- [ez-form-view](../ez-form-view)
|
|
73
73
|
- [ez-number-input](../ez-number-input)
|
|
74
|
-
- [ez-search](../ez-search)
|
|
75
74
|
- [ez-text-edit](../ez-text-edit)
|
|
76
75
|
- [ez-time-input](../ez-time-input)
|
|
77
76
|
|
|
@@ -84,7 +83,6 @@ graph TD;
|
|
|
84
83
|
ez-filter-input --> ez-text-input
|
|
85
84
|
ez-form-view --> ez-text-input
|
|
86
85
|
ez-number-input --> ez-text-input
|
|
87
|
-
ez-search --> ez-text-input
|
|
88
86
|
ez-text-edit --> ez-text-input
|
|
89
87
|
ez-time-input --> ez-text-input
|
|
90
88
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|