@sankhyalabs/ezui-docs 5.22.0-dev.64 → 5.22.0-dev.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ez-button/readme.md +2 -0
- package/components/ez-double-list/readme.md +57 -0
- package/components/ez-filter-input/readme.md +2 -0
- package/components/ez-grid/readme.md +1 -1
- package/components/ez-list/readme.md +15 -12
- package/components/ez-popup/readme.md +8 -8
- package/components/ez-scroller/readme.md +2 -0
- package/package.json +1 -1
|
@@ -47,6 +47,7 @@ Type: `Promise<void>`
|
|
|
47
47
|
- [ez-actions-button](../ez-actions-button)
|
|
48
48
|
- [ez-alert-list](../ez-alert-list)
|
|
49
49
|
- [ez-dialog](../ez-dialog)
|
|
50
|
+
- [ez-double-list](../ez-double-list)
|
|
50
51
|
- [ez-grid](../ez-grid)
|
|
51
52
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
52
53
|
- [ez-modal-container](../ez-modal-container)
|
|
@@ -66,6 +67,7 @@ graph TD;
|
|
|
66
67
|
ez-actions-button --> ez-button
|
|
67
68
|
ez-alert-list --> ez-button
|
|
68
69
|
ez-dialog --> ez-button
|
|
70
|
+
ez-double-list --> ez-button
|
|
69
71
|
ez-grid --> ez-button
|
|
70
72
|
ez-guide-navigator --> ez-button
|
|
71
73
|
ez-modal-container --> ez-button
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
# ez-double-list
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------- | --------------------- | ----------------------------------------------------------------------------------- | ------------ | ---------------- |
|
|
12
|
+
| `entityLabel` | `entity-label` | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa". | `string` | `'item'` |
|
|
13
|
+
| `entityLabelPlural` | `entity-label-plural` | Variação plura do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas". | `string` | `'itens'` |
|
|
14
|
+
| `leftList` | -- | Define a lista origem. | `ListItem[]` | `[]` |
|
|
15
|
+
| `leftListLabel` | `left-list-label` | Rótulo da lista esquerda. | `string` | `'disponíveis'` |
|
|
16
|
+
| `leftTitle` | `left-title` | Define o título da lista origem. | `string` | `undefined` |
|
|
17
|
+
| `rightList` | -- | Define a lista destino. | `ListItem[]` | `[]` |
|
|
18
|
+
| `rightListLabel` | `right-list-label` | Rótulo da lista direita. | `string` | `'selecionados'` |
|
|
19
|
+
| `rightTitle` | `right-title` | Define o título da lista destino. | `string` | `undefined` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Events
|
|
23
|
+
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------------- | ----------- | ------------------------- |
|
|
26
|
+
| `ezLeftListChanged` | | `CustomEvent<ListItem[]>` |
|
|
27
|
+
| `ezRightListChanged` | | `CustomEvent<ListItem[]>` |
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## Dependencies
|
|
31
|
+
|
|
32
|
+
### Depends on
|
|
33
|
+
|
|
34
|
+
- [ez-scroller](../ez-scroller)
|
|
35
|
+
- [ez-list](../ez-list)
|
|
36
|
+
- [ez-filter-input](../ez-filter-input)
|
|
37
|
+
- [ez-button](../ez-button)
|
|
38
|
+
|
|
39
|
+
### Graph
|
|
40
|
+
```mermaid
|
|
41
|
+
graph TD;
|
|
42
|
+
ez-double-list --> ez-scroller
|
|
43
|
+
ez-double-list --> ez-list
|
|
44
|
+
ez-double-list --> ez-filter-input
|
|
45
|
+
ez-double-list --> ez-button
|
|
46
|
+
ez-list --> ez-check
|
|
47
|
+
ez-filter-input --> ez-text-input
|
|
48
|
+
ez-filter-input --> ez-icon
|
|
49
|
+
ez-text-input --> ez-tooltip
|
|
50
|
+
ez-text-input --> ez-icon
|
|
51
|
+
ez-button --> ez-icon
|
|
52
|
+
style ez-double-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
----------------------------------------------
|
|
56
|
+
|
|
57
|
+
|
|
@@ -87,6 +87,7 @@ Type: `Promise<void>`
|
|
|
87
87
|
|
|
88
88
|
### Used by
|
|
89
89
|
|
|
90
|
+
- [ez-double-list](../ez-double-list)
|
|
90
91
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
91
92
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
92
93
|
|
|
@@ -102,6 +103,7 @@ graph TD;
|
|
|
102
103
|
ez-filter-input --> ez-icon
|
|
103
104
|
ez-text-input --> ez-tooltip
|
|
104
105
|
ez-text-input --> ez-icon
|
|
106
|
+
ez-double-list --> ez-filter-input
|
|
105
107
|
ez-guide-navigator --> ez-filter-input
|
|
106
108
|
ez-multi-selection-list --> ez-filter-input
|
|
107
109
|
style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
| Property | Attribute | Description | Type | Default |
|
|
11
11
|
| ------------------------ | -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
|
|
12
12
|
| `autoFocus` | `auto-focus` | Define se a grid será focada ao ser carregada. | `boolean` | `true` |
|
|
13
|
-
| `boxShadow` | `box-shadow` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `true` |
|
|
14
13
|
| `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
|
|
15
14
|
| `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
16
15
|
| `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
|
|
@@ -19,6 +18,7 @@
|
|
|
19
18
|
| `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
|
|
20
19
|
| `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` |
|
|
21
20
|
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
21
|
+
| `outlineMode` | `outline-mode` | Altera visualmente as sombras e bordas do componente Quando true, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando false, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `false` |
|
|
22
22
|
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
|
|
23
23
|
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
24
24
|
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
@@ -7,16 +7,17 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `dataSource`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
|
|
13
|
+
| `enableMultipleSelection` | `enable-multiple-selection` | Habilita seleção de múltiplos items. | `boolean` | `false` |
|
|
14
|
+
| `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
|
|
15
|
+
| `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
|
|
16
|
+
| `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
|
|
17
|
+
| `itemLeftSlotBuilder` | -- | Função builder que possibilita gerar conteúdo dinâmico à esquerda do item da lista. * Observação: No react ele se transforma em VNode e não como HTMLElement. | `(item: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
|
|
18
|
+
| `itemSlotBuilder` | -- | 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: ListItem, group?: ListGroup) => string \| HTMLElement` | `undefined` |
|
|
19
|
+
| `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` |
|
|
20
|
+
| `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
|
|
20
21
|
|
|
21
22
|
|
|
22
23
|
## Events
|
|
@@ -26,7 +27,7 @@
|
|
|
26
27
|
| `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` |
|
|
27
28
|
| `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` |
|
|
28
29
|
| `ezDoubleClick` | Emitido quando ocorre um duplo clique em um item da lista. | `CustomEvent<ListItem>` |
|
|
29
|
-
| `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem>`
|
|
30
|
+
| `ezSelectItem` | Emitido sempre que um item da lista for selecionado. | `CustomEvent<ListItem \| ListItem[]>` |
|
|
30
31
|
|
|
31
32
|
|
|
32
33
|
## Methods
|
|
@@ -81,7 +82,7 @@ Type: `Promise<void>`
|
|
|
81
82
|
|
|
82
83
|
|
|
83
84
|
|
|
84
|
-
### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>`
|
|
85
|
+
### `setSelection(selectedItem: ListItem, scrollToOption?: boolean, shitkey?: boolean, ctrlKey?: boolean) => Promise<void>`
|
|
85
86
|
|
|
86
87
|
Aplica seleção nas linhas da lista.
|
|
87
88
|
|
|
@@ -97,6 +98,7 @@ Type: `Promise<void>`
|
|
|
97
98
|
### Used by
|
|
98
99
|
|
|
99
100
|
- [ez-alert-list](../ez-alert-list)
|
|
101
|
+
- [ez-double-list](../ez-double-list)
|
|
100
102
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
101
103
|
|
|
102
104
|
### Depends on
|
|
@@ -108,6 +110,7 @@ Type: `Promise<void>`
|
|
|
108
110
|
graph TD;
|
|
109
111
|
ez-list --> ez-check
|
|
110
112
|
ez-alert-list --> ez-list
|
|
113
|
+
ez-double-list --> ez-list
|
|
111
114
|
ez-multi-selection-list --> ez-list
|
|
112
115
|
style ez-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
113
116
|
```
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| --------------- | ---------------- | ------------------------------------------------------------- |
|
|
12
|
-
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean`
|
|
13
|
-
| `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string`
|
|
14
|
-
| `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"`
|
|
15
|
-
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean`
|
|
16
|
-
| `size` | `size` | Define a largura do ez-popup. | `"large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
|
|
17
|
-
| `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | ------------------------------------------------------------- | -------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `enabledScroll` | `enabled-scroll` | Possibilita scroll vertical no conteúdo interno do componente | `boolean` | `false` |
|
|
13
|
+
| `ezTitle` | `ez-title` | Texto a ser apresentado como título do componente. | `string` | `undefined` |
|
|
14
|
+
| `heightMode` | `height-mode` | Define altura do componente. | `"auto" \| "full"` | `"full"` |
|
|
15
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
+
| `size` | `size` | Define a largura do ez-popup. | `"auto" \| "large" \| "medium" \| "small" \| "x-large" \| "x-small"` | `"medium"` |
|
|
17
|
+
| `useHeader` | `use-header` | Define se o componente utilizará cabeçalho. | `boolean` | `true` |
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
## Events
|
|
@@ -18,12 +18,14 @@
|
|
|
18
18
|
|
|
19
19
|
### Used by
|
|
20
20
|
|
|
21
|
+
- [ez-double-list](../ez-double-list)
|
|
21
22
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
22
23
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
23
24
|
|
|
24
25
|
### Graph
|
|
25
26
|
```mermaid
|
|
26
27
|
graph TD;
|
|
28
|
+
ez-double-list --> ez-scroller
|
|
27
29
|
ez-guide-navigator --> ez-scroller
|
|
28
30
|
ez-sidebar-navigator --> ez-scroller
|
|
29
31
|
style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
|