@sankhyalabs/ezui-docs 0.0.0-feat-dev-kb-63156.2 → 0.0.0-feat-dev-KB-79444.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-button/readme.md +0 -2
- package/components/ez-filter-input/readme.md +0 -2
- package/components/ez-grid/readme.md +2 -5
- package/components/ez-grid/subcomponents/readme.md +2 -2
- package/components/ez-list/readme.md +17 -21
- package/components/ez-popover/readme.md +0 -13
- package/components/ez-popover-plus/readme.md +105 -0
- package/components/ez-popup/readme.md +8 -8
- package/components/ez-scroller/readme.md +0 -2
- package/components/ez-search/readme.md +23 -24
- package/components/ez-split-panel/readme.md +4 -5
- package/components/ez-split-panel/structure/item/readme.md +5 -6
- package/components/ez-tree/readme.md +4 -5
- package/package.json +1 -1
- package/components/ez-double-list/readme.md +0 -70
|
@@ -47,7 +47,6 @@ 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)
|
|
51
50
|
- [ez-grid](../ez-grid)
|
|
52
51
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
53
52
|
- [ez-modal-container](../ez-modal-container)
|
|
@@ -67,7 +66,6 @@ graph TD;
|
|
|
67
66
|
ez-actions-button --> ez-button
|
|
68
67
|
ez-alert-list --> ez-button
|
|
69
68
|
ez-dialog --> ez-button
|
|
70
|
-
ez-double-list --> ez-button
|
|
71
69
|
ez-grid --> ez-button
|
|
72
70
|
ez-guide-navigator --> ez-button
|
|
73
71
|
ez-modal-container --> ez-button
|
|
@@ -87,7 +87,6 @@ Type: `Promise<void>`
|
|
|
87
87
|
|
|
88
88
|
### Used by
|
|
89
89
|
|
|
90
|
-
- [ez-double-list](../ez-double-list)
|
|
91
90
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
92
91
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
93
92
|
|
|
@@ -103,7 +102,6 @@ graph TD;
|
|
|
103
102
|
ez-filter-input --> ez-icon
|
|
104
103
|
ez-text-input --> ez-tooltip
|
|
105
104
|
ez-text-input --> ez-icon
|
|
106
|
-
ez-double-list --> ez-filter-input
|
|
107
105
|
ez-guide-navigator --> ez-filter-input
|
|
108
106
|
ez-multi-selection-list --> ez-filter-input
|
|
109
107
|
style ez-filter-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -10,23 +10,20 @@
|
|
|
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` |
|
|
13
14
|
| `canEdit` | `can-edit` | Define se a edição está habilitada na grid. | `boolean` | `true` |
|
|
14
15
|
| `columnfilterDataSource` | -- | Define um `IMultiSelectionListDataSource` responsável por alimentar o filtro de colunas. | `IMultiSelectionListDataSource` | `undefined` |
|
|
15
|
-
| `compact` | `compact` | Define se a grade deve ser exibida em modo compacto | `boolean` | `false` |
|
|
16
16
|
| `config` | -- | Configuração de exibição da grade. | `IGridConfig` | `undefined` |
|
|
17
17
|
| `dataUnit` | -- | Unidade de dados. Responsável pelo controle de edição de registros e informações pertinentes aos campos. | `DataUnit` | `undefined` |
|
|
18
18
|
| `enableContinuousInsert` | `enable-continuous-insert` | Ativa/desativa a inserção continua na grade Só funciona quando a prop enableGridInsert está ativa | `boolean` | `true` |
|
|
19
19
|
| `enableGridInsert` | `enable-grid-insert` | Ativa inserção de registros no modo grade. | `boolean` | `false` |
|
|
20
20
|
| `enableLockManger` | `enable-lock-manger` | Ativa inserção de registros no modo grade. | `boolean` | `true` |
|
|
21
|
-
| `enableRowTableStriped` | `enable-row-table-striped` | Ativa modo de linhas com cores alternadas. | `boolean` | `true` |
|
|
22
21
|
| `multipleSelection` | `multiple-selection` | Habilita a seleção de várias linhas. | `boolean` | `undefined` |
|
|
23
|
-
| `outlineMode` | `outline-mode` | Altera visualmente as sombras e bordas do componente Quando false, aplica o padrão de sombras ao componente (Utilizar quando for o elemento principal do layout) Quando true, aplica o padrão de outline ao componente (Utilizar quando estiver contido em outro elemento como um painel ou pop-up) | `boolean` | `false` |
|
|
24
22
|
| `paginationCounterMode` | `pagination-counter-mode` | Define se a grid será focada ao ser carregada. | `"auto" \| "hidden" \| "show"` | `'show'` |
|
|
25
23
|
| `recordsValidator` | -- | Define um validador responsável pela integridade dos registros. | `IRecordValidator` | `undefined` |
|
|
26
24
|
| `selectionToastConfig` | -- | Configuração da seleção de grade no toast. | `ISelectionToastConfig` | `undefined` |
|
|
27
25
|
| `serverUrl` | `server-url` | Endereço do servidor para obtenção dos dados. | `string` | `undefined` |
|
|
28
26
|
| `statusResolver` | -- | Define um `IStatusResolver` responsável pelo estado da coluna de status. | `((data: object) => string) \| IStatusResolver` | `undefined` |
|
|
29
|
-
| `suppressCheckboxColumn` | `suppress-checkbox-column` | Informa se a coluna de chechbox deve ser suprimida | `boolean` | `false` |
|
|
30
27
|
| `useEnterLikeTab` | `use-enter-like-tab` | Quando verdadeiro, o ENTER fará a navegação como se fosse a tecla TAB na grade. | `boolean` | `false` |
|
|
31
28
|
|
|
32
29
|
|
|
@@ -249,7 +246,7 @@ graph TD;
|
|
|
249
246
|
ez-grid --> filter-column
|
|
250
247
|
ez-grid --> ez-icon
|
|
251
248
|
ez-button --> ez-icon
|
|
252
|
-
filter-column --> ez-popover
|
|
249
|
+
filter-column --> ez-popover-plus
|
|
253
250
|
filter-column --> ez-button
|
|
254
251
|
filter-column --> ez-multi-selection-list
|
|
255
252
|
ez-multi-selection-list --> ez-check
|
|
@@ -57,14 +57,14 @@ Type: `Promise<void>`
|
|
|
57
57
|
|
|
58
58
|
### Depends on
|
|
59
59
|
|
|
60
|
-
- [ez-popover](../../ez-popover)
|
|
60
|
+
- [ez-popover-plus](../../ez-popover-plus)
|
|
61
61
|
- [ez-button](../../ez-button)
|
|
62
62
|
- [ez-multi-selection-list](../../ez-multi-selection-list)
|
|
63
63
|
|
|
64
64
|
### Graph
|
|
65
65
|
```mermaid
|
|
66
66
|
graph TD;
|
|
67
|
-
filter-column --> ez-popover
|
|
67
|
+
filter-column --> ez-popover-plus
|
|
68
68
|
filter-column --> ez-button
|
|
69
69
|
filter-column --> ez-multi-selection-list
|
|
70
70
|
ez-button --> ez-icon
|
|
@@ -7,28 +7,26 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `dataSource`
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `dataSource` | -- | Define a lista inicial do componente. | `(ListItem \| ListGroup)[]` | `[]` |
|
|
13
|
+
| `ezDraggable` | `ez-draggable` | Se true habilita `drag and drop` para os itens. | `boolean` | `false` |
|
|
14
|
+
| `ezSelectable` | `ez-selectable` | Se true os itens serão selecionáveis. | `boolean` | `false` |
|
|
15
|
+
| `hoverFeedback` | `hover-feedback` | Quando verdadeiro, ativa o feedback visual ao efetuar houver nos itens da lista. | `boolean` | `false` |
|
|
16
|
+
| `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` |
|
|
17
|
+
| `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` |
|
|
18
|
+
| `listMode` | `list-mode` | Define o modo de apresentação da lista. | `"check" \| "regular"` | `'regular'` |
|
|
19
|
+
| `useGroups` | `use-groups` | Se true os grupos serão exibidos. | `boolean` | `false` |
|
|
21
20
|
|
|
22
21
|
|
|
23
22
|
## Events
|
|
24
23
|
|
|
25
|
-
| Event
|
|
26
|
-
|
|
|
27
|
-
| `ezChange`
|
|
28
|
-
| `ezCheckChange`
|
|
29
|
-
| `ezDoubleClick`
|
|
30
|
-
| `ezSelectItem`
|
|
31
|
-
| `ezSelectMultipleItems` | Emitido sempre que um ou vários item da lista for selecionado. | `CustomEvent<ListItem[]>` |
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| --------------- | ----------------------------------------------------------- | ---------------------------------------- |
|
|
26
|
+
| `ezChange` | Emitido quando acontece a alteração de estado da lista. | `CustomEvent<(ListItem \| ListGroup)[]>` |
|
|
27
|
+
| `ezCheckChange` | Emitido quando acontece a alteração de um item do checkbox. | `CustomEvent<ListItem>` |
|
|
28
|
+
| `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>` |
|
|
32
30
|
|
|
33
31
|
|
|
34
32
|
## Methods
|
|
@@ -83,7 +81,7 @@ Type: `Promise<void>`
|
|
|
83
81
|
|
|
84
82
|
|
|
85
83
|
|
|
86
|
-
### `setSelection(selectedItem: ListItem, scrollToOption?: boolean
|
|
84
|
+
### `setSelection(selectedItem: ListItem, scrollToOption?: boolean) => Promise<void>`
|
|
87
85
|
|
|
88
86
|
Aplica seleção nas linhas da lista.
|
|
89
87
|
|
|
@@ -99,7 +97,6 @@ Type: `Promise<void>`
|
|
|
99
97
|
### Used by
|
|
100
98
|
|
|
101
99
|
- [ez-alert-list](../ez-alert-list)
|
|
102
|
-
- [ez-double-list](../ez-double-list)
|
|
103
100
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
104
101
|
|
|
105
102
|
### Depends on
|
|
@@ -111,7 +108,6 @@ Type: `Promise<void>`
|
|
|
111
108
|
graph TD;
|
|
112
109
|
ez-list --> ez-check
|
|
113
110
|
ez-alert-list --> ez-list
|
|
114
|
-
ez-double-list --> ez-list
|
|
115
111
|
ez-multi-selection-list --> ez-list
|
|
116
112
|
style ez-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
117
113
|
```
|
|
@@ -66,19 +66,6 @@ Type: `Promise<void>`
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
## Dependencies
|
|
70
|
-
|
|
71
|
-
### Used by
|
|
72
|
-
|
|
73
|
-
- [filter-column](../ez-grid/subcomponents)
|
|
74
|
-
|
|
75
|
-
### Graph
|
|
76
|
-
```mermaid
|
|
77
|
-
graph TD;
|
|
78
|
-
filter-column --> ez-popover
|
|
79
|
-
style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
|
|
80
|
-
```
|
|
81
|
-
|
|
82
69
|
----------------------------------------------
|
|
83
70
|
|
|
84
71
|
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
# ez-popover-plus
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------------- | ---------------- | --------------------------------------------------------------------------------- | ------------------------------- | -------------------------------------------------------- |
|
|
12
|
+
| `anchorElement` | `anchor-element` | Define o elemento de ancoragem. | `HTMLElement \| string` | `undefined` |
|
|
13
|
+
| `autoClose` | `auto-close` | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo. | `boolean` | `true` |
|
|
14
|
+
| `boxWidth` | `box-width` | Ajusta o comportamento da largura do popover. | `"fit-content" \| "full-width"` | `"fit-content"` |
|
|
15
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
16
|
+
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
17
|
+
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
## Events
|
|
21
|
+
|
|
22
|
+
| Event | Description | Type |
|
|
23
|
+
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
24
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
## Methods
|
|
28
|
+
|
|
29
|
+
### `hide() => Promise<void>`
|
|
30
|
+
|
|
31
|
+
Oculta o ez-popover.
|
|
32
|
+
|
|
33
|
+
#### Returns
|
|
34
|
+
|
|
35
|
+
Type: `Promise<void>`
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
40
|
+
|
|
41
|
+
Altera o elemento de ancoragem.
|
|
42
|
+
|
|
43
|
+
#### Returns
|
|
44
|
+
|
|
45
|
+
Type: `Promise<void>`
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
50
|
+
|
|
51
|
+
Altera as opções.
|
|
52
|
+
|
|
53
|
+
#### Returns
|
|
54
|
+
|
|
55
|
+
Type: `Promise<void>`
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
60
|
+
|
|
61
|
+
Exibe o ez-popover.
|
|
62
|
+
|
|
63
|
+
#### Returns
|
|
64
|
+
|
|
65
|
+
Type: `Promise<void>`
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
70
|
+
|
|
71
|
+
Ancora a exibição do popOver a um elemento HTML.
|
|
72
|
+
|
|
73
|
+
#### Returns
|
|
74
|
+
|
|
75
|
+
Type: `Promise<void>`
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
80
|
+
|
|
81
|
+
Atualiza a posição do popover.
|
|
82
|
+
|
|
83
|
+
#### Returns
|
|
84
|
+
|
|
85
|
+
Type: `Promise<void>`
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
## Dependencies
|
|
91
|
+
|
|
92
|
+
### Used by
|
|
93
|
+
|
|
94
|
+
- [filter-column](../ez-grid/subcomponents)
|
|
95
|
+
|
|
96
|
+
### Graph
|
|
97
|
+
```mermaid
|
|
98
|
+
graph TD;
|
|
99
|
+
filter-column --> ez-popover-plus
|
|
100
|
+
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
----------------------------------------------
|
|
104
|
+
|
|
105
|
+
|
|
@@ -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. | `"
|
|
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. | `"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,14 +18,12 @@
|
|
|
18
18
|
|
|
19
19
|
### Used by
|
|
20
20
|
|
|
21
|
-
- [ez-double-list](../ez-double-list)
|
|
22
21
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
23
22
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
24
23
|
|
|
25
24
|
### Graph
|
|
26
25
|
```mermaid
|
|
27
26
|
graph TD;
|
|
28
|
-
ez-double-list --> ez-scroller
|
|
29
27
|
ez-guide-navigator --> ez-scroller
|
|
30
28
|
ez-sidebar-navigator --> ez-scroller
|
|
31
29
|
style ez-scroller fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -7,30 +7,29 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `autoFocus` | `auto-focus` | Se true o campo de texto receberá o foco ao ser renderizado. | `boolean`
|
|
13
|
-
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean`
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
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
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
15
|
+
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
16
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
17
|
+
| `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` |
|
|
18
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
19
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
20
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
21
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
22
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
23
|
+
| `noMargin` | `no-margin` | Quando verdadeiro, o campo não terá espaçamento externo. | `boolean` | `false` |
|
|
24
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
25
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
26
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
27
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
28
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
29
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
30
|
+
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
31
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
32
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
34
33
|
|
|
35
34
|
|
|
36
35
|
## Events
|
|
@@ -7,11 +7,10 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| ---------------- | ------------------ |
|
|
12
|
-
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido.
|
|
13
|
-
| `direction` | `direction` |
|
|
14
|
-
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | ------------------------------------------------------------------------ | ------------------- | ---------- |
|
|
12
|
+
| `anchorToExpand` | `anchor-to-expand` | Responsável por definir o painel que limita o tamanho do item expandido. | `boolean` | `false` |
|
|
13
|
+
| `direction` | `direction` | | `"column" \| "row"` | `'column'` |
|
|
15
14
|
|
|
16
15
|
|
|
17
16
|
## Events
|
|
@@ -7,12 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description
|
|
11
|
-
| -------------- | --------------- |
|
|
12
|
-
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido
|
|
13
|
-
| `label` | `label` | Define um título para o painel.
|
|
14
|
-
| `size` | `size` | Define o tamanho inicial do painel.
|
|
15
|
-
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------- | --------------- | ----------------------------------- | --------- | ----------- |
|
|
12
|
+
| `enableExpand` | `enable-expand` | Define se o item pode ser expandido | `boolean` | `true` |
|
|
13
|
+
| `label` | `label` | Define um título para o painel. | `string` | `undefined` |
|
|
14
|
+
| `size` | `size` | Define o tamanho inicial do painel. | `string` | `undefined` |
|
|
16
15
|
|
|
17
16
|
|
|
18
17
|
## Dependencies
|
|
@@ -18,11 +18,10 @@
|
|
|
18
18
|
|
|
19
19
|
## Events
|
|
20
20
|
|
|
21
|
-
| Event
|
|
22
|
-
|
|
|
23
|
-
| `ezChange`
|
|
24
|
-
| `
|
|
25
|
-
| `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
|
|
21
|
+
| Event | Description | Type |
|
|
22
|
+
| ------------ | ----------------------------------------------- | ------------------------ |
|
|
23
|
+
| `ezChange` | Emitido quando um item é selecionado na árvore. | `CustomEvent<ITreeItem>` |
|
|
24
|
+
| `ezOpenItem` | Emitido quando um item é aberto na árvore. | `CustomEvent<ITreeItem>` |
|
|
26
25
|
|
|
27
26
|
|
|
28
27
|
## Methods
|
package/package.json
CHANGED
|
@@ -1,70 +0,0 @@
|
|
|
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
|
-
## Methods
|
|
31
|
-
|
|
32
|
-
### `resetSelectedLists() => Promise<void>`
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
#### Returns
|
|
37
|
-
|
|
38
|
-
Type: `Promise<void>`
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
## Dependencies
|
|
44
|
-
|
|
45
|
-
### Depends on
|
|
46
|
-
|
|
47
|
-
- [ez-scroller](../ez-scroller)
|
|
48
|
-
- [ez-list](../ez-list)
|
|
49
|
-
- [ez-filter-input](../ez-filter-input)
|
|
50
|
-
- [ez-button](../ez-button)
|
|
51
|
-
|
|
52
|
-
### Graph
|
|
53
|
-
```mermaid
|
|
54
|
-
graph TD;
|
|
55
|
-
ez-double-list --> ez-scroller
|
|
56
|
-
ez-double-list --> ez-list
|
|
57
|
-
ez-double-list --> ez-filter-input
|
|
58
|
-
ez-double-list --> ez-button
|
|
59
|
-
ez-list --> ez-check
|
|
60
|
-
ez-filter-input --> ez-text-input
|
|
61
|
-
ez-filter-input --> ez-icon
|
|
62
|
-
ez-text-input --> ez-tooltip
|
|
63
|
-
ez-text-input --> ez-icon
|
|
64
|
-
ez-button --> ez-icon
|
|
65
|
-
style ez-double-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
66
|
-
```
|
|
67
|
-
|
|
68
|
-
----------------------------------------------
|
|
69
|
-
|
|
70
|
-
|