@sankhyalabs/ezui-docs 7.3.4 → 7.3.5-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ez-button/readme.md +14 -0
- package/components/ez-calendar/readme.md +4 -0
- package/components/ez-card-item/readme.md +4 -0
- package/components/ez-classic-combo-box/readme.md +12 -3
- package/components/ez-classic-date-input/readme.md +111 -0
- package/components/ez-classic-date-time-input/readme.md +111 -0
- package/components/ez-classic-input/readme.md +22 -1
- package/components/ez-classic-number-input/readme.md +107 -0
- package/components/ez-classic-search/readme.md +162 -0
- package/components/ez-classic-search/subcomponent/classic-search-list/readme.md +72 -0
- package/components/ez-classic-search-plus/readme.md +169 -0
- package/components/ez-classic-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
- package/components/ez-classic-text-area/readme.md +25 -19
- package/components/ez-classic-time-input/readme.md +88 -0
- package/components/ez-empty-card/readme.md +2 -2
- package/components/ez-filter/readme.md +401 -0
- package/components/ez-form/readme.md +47 -9
- package/components/ez-form-view/readme.md +59 -6
- package/components/ez-grid/readme.md +24 -6
- package/components/ez-grid/subcomponents/readme.md +1 -0
- package/components/ez-grid-pagination/readme.md +95 -0
- package/components/ez-grid-view/readme.md +9 -3
- package/components/ez-guide-navigator/readme.md +2 -0
- package/components/ez-icon/readme.md +6 -0
- package/components/ez-image-input/readme.md +77 -0
- package/components/ez-modal/readme.md +2 -1
- package/components/ez-multi-select-input/readme.md +2 -0
- package/components/ez-multi-selection-list/readme.md +2 -0
- package/components/ez-popover/readme.md +13 -0
- package/components/ez-popover-plus/readme.md +8 -0
- package/components/ez-popup/readme.md +2 -0
- package/components/ez-record-navigation/readme.md +59 -0
- package/components/ez-scroller/readme.md +20 -6
- package/components/ez-search/readme.md +7 -1
- package/components/ez-sidebar-navigator/readme.md +2 -0
- package/components/ez-skeleton/readme.md +4 -0
- package/components/ez-split-button/readme.md +2 -0
- package/components/ez-split-panel/readme.md +1 -0
- package/components/ez-split-panel/structure/item/readme.md +1 -0
- package/components/ez-tabselector/readme.md +5 -3
- package/components/ez-tooltip/readme.md +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
# ez-record-navigation
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | ------------------------------------------------------------------------ | ------------------- | ----------- |
|
|
12
|
+
| `dataUnit` | -- | DataUnit. | `DataUnit` | `undefined` |
|
|
13
|
+
| `disabled` | `disabled` | Desabilita a navegação entre os registros. | `boolean` | `false` |
|
|
14
|
+
| `primaryKeys` | -- | Chaves primárias dos registros, usadas para visualizar o registro atual. | `string[]` | `undefined` |
|
|
15
|
+
| `textPosition` | `text-position` | | `"left" \| "right"` | `'right'` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Methods
|
|
19
|
+
|
|
20
|
+
### `nextRecord() => Promise<void>`
|
|
21
|
+
|
|
22
|
+
Navega para a próxima página.
|
|
23
|
+
|
|
24
|
+
#### Returns
|
|
25
|
+
|
|
26
|
+
Type: `Promise<void>`
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
### `previousRecord() => Promise<void>`
|
|
31
|
+
|
|
32
|
+
Navega para a página anterior.
|
|
33
|
+
|
|
34
|
+
#### Returns
|
|
35
|
+
|
|
36
|
+
Type: `Promise<void>`
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
## Dependencies
|
|
42
|
+
|
|
43
|
+
### Depends on
|
|
44
|
+
|
|
45
|
+
- [ez-tooltip](../ez-tooltip)
|
|
46
|
+
- [ez-button](../ez-button)
|
|
47
|
+
|
|
48
|
+
### Graph
|
|
49
|
+
```mermaid
|
|
50
|
+
graph TD;
|
|
51
|
+
ez-record-navigation --> ez-tooltip
|
|
52
|
+
ez-record-navigation --> ez-button
|
|
53
|
+
ez-button --> ez-icon
|
|
54
|
+
style ez-record-navigation fill:#f9f,stroke:#333,stroke-width:4px
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
----------------------------------------------
|
|
58
|
+
|
|
59
|
+
|
|
@@ -7,11 +7,13 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `activeShadow`
|
|
13
|
-
| `direction`
|
|
14
|
-
| `locked`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ----------------- | ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- | ---------------------------------- |
|
|
12
|
+
| `activeShadow` | `active-shadow` | Define se haverá efeito de sombreado. | `boolean` | `false` |
|
|
13
|
+
| `direction` | `direction` | Define a direção em que haverá scroll. | `EzScrollDirection.BOTH \| EzScrollDirection.HORIZONTAL \| EzScrollDirection.VERTICAL` | `undefined` |
|
|
14
|
+
| `locked` | `locked` | Define se o `scroll` estará bloqueado. | `boolean` | `false` |
|
|
15
|
+
| `navigationMode` | `navigation-mode` | Define o modo de navegação: 'scrollbar' (padrão) ou 'buttons' (botões de carrossel). | `EzScrollNavigationMode.BUTTONS \| EzScrollNavigationMode.SCROLLBAR` | `EzScrollNavigationMode.SCROLLBAR` |
|
|
16
|
+
| `scrollAmount` | `scroll-amount` | Define a quantidade de pixels que será rolado ao clicar nos botões de navegação. | `number` | `200` |
|
|
15
17
|
|
|
16
18
|
|
|
17
19
|
## Dependencies
|
|
@@ -21,9 +23,17 @@
|
|
|
21
23
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
22
24
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
23
25
|
|
|
26
|
+
### Depends on
|
|
27
|
+
|
|
28
|
+
- [ez-button](../ez-button)
|
|
29
|
+
- [ez-icon](../ez-icon)
|
|
30
|
+
|
|
24
31
|
### Graph
|
|
25
32
|
```mermaid
|
|
26
33
|
graph TD;
|
|
34
|
+
ez-scroller --> ez-button
|
|
35
|
+
ez-scroller --> ez-icon
|
|
36
|
+
ez-button --> ez-icon
|
|
27
37
|
ez-guide-navigator --> ez-scroller
|
|
28
38
|
ez-sidebar-navigator --> ez-scroller
|
|
29
39
|
style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -38,6 +48,7 @@ graph TD;
|
|
|
38
48
|
| Variable | Description |
|
|
39
49
|
|-|-|
|
|
40
50
|
| --ez-scroller--box-shadow-color | Define a cor de efeito de sombreado com componente. |
|
|
51
|
+
| --ez-scroller\_\_nav-button--spacing | Define o espaçamento entre os botões de navegação e o conteúdo. |
|
|
41
52
|
| --ez-scroller\_\_scrollbar--color-default | Define a cor da barra de rolagem do componente. |
|
|
42
53
|
| --ez-scroller\_\_scrollbar--color-background | Define a cor de fundo da barra de rolagem do componente. |
|
|
43
54
|
| --ez-scroller\_\_scrollbar--color-hover | Define a cor do hover na barra de rolagem do componente. |
|
|
@@ -45,4 +56,7 @@ graph TD;
|
|
|
45
56
|
| --ez-scroller\_\_scrollbar--border-radius | Define o raio da borda da barra de rolagem do componente. |
|
|
46
57
|
| --ez-scroller\_\_scrollbar--width | Define a largura da barra de rolagem do componente. |
|
|
47
58
|
| --ez-scroller\_\_max-height | Define o a altura máxima do componente. |
|
|
48
|
-
| --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
|
|
59
|
+
| --ez-scroller\_\_scrollbar--padding-right | Define o espaçamento interno direito da barra de rolagem do componente. |
|
|
60
|
+
| --ez-scroller\_\_nav-button--size | Define o tamanho do botão de navegação. |
|
|
61
|
+
| --ez-scroller\_\_nav-button--border-radius | Define o raio da borda do botão de navegação. |
|
|
62
|
+
| --ez-scroller\_\_nav-button--gradient-width | Define a largura do gradiente ao lado do botão. |
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
17
|
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
18
18
|
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
19
|
-
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de
|
|
19
|
+
| `hideDescriptionInput` | `hide-description-input` | Se true o campo de descrição não será exibido. | `boolean` | `false` |
|
|
20
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` |
|
|
21
21
|
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
22
22
|
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
@@ -25,10 +25,12 @@
|
|
|
25
25
|
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
26
26
|
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
27
27
|
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
28
|
+
| `showMore` | `show-more` | Informa se deve exibir a opção de mostrar mais resultados. | `boolean` | `undefined` |
|
|
28
29
|
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
29
30
|
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
30
31
|
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
31
32
|
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
33
|
+
| `suppressInputPersist` | `suppress-input-persist` | Informa se o valor da opção selecionada deve persistir no input de texto. | `boolean` | `false` |
|
|
32
34
|
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
33
35
|
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
34
36
|
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
@@ -106,6 +108,7 @@ Type: `Promise<void>`
|
|
|
106
108
|
|
|
107
109
|
### Depends on
|
|
108
110
|
|
|
111
|
+
- [ez-button](../ez-button)
|
|
109
112
|
- [ez-text-input](../ez-text-input)
|
|
110
113
|
- [ez-icon](../ez-icon)
|
|
111
114
|
- [ez-popover-plus](../ez-popover-plus)
|
|
@@ -114,10 +117,12 @@ Type: `Promise<void>`
|
|
|
114
117
|
### Graph
|
|
115
118
|
```mermaid
|
|
116
119
|
graph TD;
|
|
120
|
+
ez-search --> ez-button
|
|
117
121
|
ez-search --> ez-text-input
|
|
118
122
|
ez-search --> ez-icon
|
|
119
123
|
ez-search --> ez-popover-plus
|
|
120
124
|
ez-search --> search-list
|
|
125
|
+
ez-button --> ez-icon
|
|
121
126
|
ez-text-input --> ez-tooltip
|
|
122
127
|
ez-text-input --> ez-icon
|
|
123
128
|
ez-popover-plus --> ez-popover-core
|
|
@@ -139,6 +144,7 @@ graph TD;
|
|
|
139
144
|
|-|-|
|
|
140
145
|
| --ez-search--height | Define altura do input. |
|
|
141
146
|
| --ez-search--width | Define largura do input. |
|
|
147
|
+
| --ez-search--min-width | Define largura mínima do input. |
|
|
142
148
|
| --ez-search\_\_icon--width | Define largura do slot do ícone do input. |
|
|
143
149
|
| --ez-search--border-radius | Define o raio da borda do input. |
|
|
144
150
|
| --ez-search--border-radius-small | Define o raio da borda do input quando pequeno. |
|
|
@@ -25,13 +25,17 @@
|
|
|
25
25
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
|
+
- [ez-classic-search-result-list](../ez-classic-search-plus/subcomponent/ez-search-result-list)
|
|
28
29
|
- [ez-dropdown](../ez-dropdown)
|
|
30
|
+
- [ez-image-input](../ez-image-input)
|
|
29
31
|
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
30
32
|
|
|
31
33
|
### Graph
|
|
32
34
|
```mermaid
|
|
33
35
|
graph TD;
|
|
36
|
+
ez-classic-search-result-list --> ez-skeleton
|
|
34
37
|
ez-dropdown --> ez-skeleton
|
|
38
|
+
ez-image-input --> ez-skeleton
|
|
35
39
|
ez-search-result-list --> ez-skeleton
|
|
36
40
|
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
37
41
|
```
|
|
@@ -97,12 +97,14 @@ Type: `Promise<void>`
|
|
|
97
97
|
|
|
98
98
|
### Depends on
|
|
99
99
|
|
|
100
|
+
- [ez-tooltip](../ez-tooltip)
|
|
100
101
|
- [ez-icon](../ez-icon)
|
|
101
102
|
- [ez-dropdown](../ez-dropdown)
|
|
102
103
|
|
|
103
104
|
### Graph
|
|
104
105
|
```mermaid
|
|
105
106
|
graph TD;
|
|
107
|
+
ez-split-button --> ez-tooltip
|
|
106
108
|
ez-split-button --> ez-icon
|
|
107
109
|
ez-split-button --> ez-dropdown
|
|
108
110
|
ez-dropdown --> ez-skeleton
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
| ---------------- | ------------------ | -------------------------------------------------------------------------------------- | ------------------- | ---------- |
|
|
12
12
|
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
|
|
13
13
|
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
14
|
+
| `showGutter` | `show-gutter` | Exibe uma alça visível no divisor entre os itens (indicador de arraste). | `boolean` | `false` |
|
|
14
15
|
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
15
16
|
|
|
16
17
|
|
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
| -------------- | --------------- | -------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
12
12
|
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
|
|
13
13
|
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
14
|
+
| `outline` | `outline` | Exibe o item apenas com contorno (borda), sem preenchimento nem sombra. | `boolean` | `false` |
|
|
14
15
|
| `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
|
|
15
16
|
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
16
17
|
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | ----------- |
|
|
12
|
+
| `reorderable` | `reorderable` | Define se as abas podem ser reordenadas via drag-and-drop. Desabilitado por padrão. | `boolean` | `false` |
|
|
12
13
|
| `selectedIndex` | `selected-index` | Define o index da aba selecionada. | `number` | `undefined` |
|
|
13
14
|
| `selectedTab` | `selected-tab` | Define a aba selecionada. | `string` | `undefined` |
|
|
14
15
|
| `tabs` | `tabs` | Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. | `Tab[] \| string` | `undefined` |
|
|
@@ -16,9 +17,10 @@
|
|
|
16
17
|
|
|
17
18
|
## Events
|
|
18
19
|
|
|
19
|
-
| Event
|
|
20
|
-
|
|
|
21
|
-
| `ezChange`
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| ----------- | ----------------------------------------------------------------------------------------------- | -------------------- |
|
|
22
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |
|
|
23
|
+
| `ezReorder` | Emitido quando as abas são reordenadas via drag-and-drop. Recebe o array de abas na nova ordem. | `CustomEvent<Tab[]>` |
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
## Methods
|
|
@@ -26,8 +26,11 @@
|
|
|
26
26
|
### Used by
|
|
27
27
|
|
|
28
28
|
- [ez-chip](../ez-chip)
|
|
29
|
+
- [ez-grid-pagination](../ez-grid-pagination)
|
|
29
30
|
- [ez-multi-select-input](../ez-multi-select-input)
|
|
31
|
+
- [ez-record-navigation](../ez-record-navigation)
|
|
30
32
|
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
33
|
+
- [ez-split-button](../ez-split-button)
|
|
31
34
|
- [ez-text-area](../ez-text-area)
|
|
32
35
|
- [ez-text-input](../ez-text-input)
|
|
33
36
|
|
|
@@ -35,8 +38,11 @@
|
|
|
35
38
|
```mermaid
|
|
36
39
|
graph TD;
|
|
37
40
|
ez-chip --> ez-tooltip
|
|
41
|
+
ez-grid-pagination --> ez-tooltip
|
|
38
42
|
ez-multi-select-input --> ez-tooltip
|
|
43
|
+
ez-record-navigation --> ez-tooltip
|
|
39
44
|
ez-simple-image-uploader --> ez-tooltip
|
|
45
|
+
ez-split-button --> ez-tooltip
|
|
40
46
|
ez-text-area --> ez-tooltip
|
|
41
47
|
ez-text-input --> ez-tooltip
|
|
42
48
|
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|