@sankhyalabs/ezui-docs 5.22.0-dev.12 → 5.22.0-dev.121
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-badge/readme.md +8 -7
- package/components/ez-breadcrumb/readme.md +1 -0
- package/components/ez-button/readme.md +3 -1
- package/components/ez-card-item/readme.md +5 -2
- package/components/ez-chart/readme.md +2 -2
- package/components/ez-check/readme.md +9 -8
- package/components/ez-collapsible-box/readme.md +2 -0
- package/components/ez-combo-box/ez-combo-box-list/readme.md +71 -0
- package/components/ez-combo-box/readme.md +29 -19
- package/components/ez-date-input/readme.md +16 -9
- package/components/ez-date-time-input/readme.md +17 -10
- package/components/ez-double-list/readme.md +70 -0
- package/components/ez-dropdown/readme.md +3 -0
- package/components/ez-filter-input/readme.md +6 -1
- package/components/ez-form/readme.md +18 -2
- package/components/ez-form-view/readme.md +25 -7
- package/components/ez-grid/readme.md +53 -17
- package/components/ez-grid/subcomponents/readme.md +8 -3
- package/components/ez-guide-navigator/readme.md +2 -0
- package/components/ez-icon/readme.md +4 -0
- package/components/ez-list/readme.md +21 -17
- package/components/ez-modal/readme.md +10 -10
- package/components/ez-multi-selection-list/readme.md +6 -1
- package/components/ez-number-input/readme.md +15 -10
- package/components/ez-popover/readme.md +2 -2
- package/components/ez-popover-plus/readme.md +122 -0
- package/components/ez-popover-plus/subcomponent/readme.md +107 -0
- package/components/ez-popup/readme.md +8 -7
- package/components/ez-scroller/readme.md +2 -0
- package/components/ez-search/readme.md +33 -22
- package/components/ez-search/subcomponent/search-list/readme.md +72 -0
- package/components/ez-search-plus/readme.md +130 -0
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +90 -0
- package/components/ez-skeleton/readme.md +15 -0
- package/components/ez-split-button/readme.md +2 -1
- package/components/ez-split-panel/readme.md +12 -4
- package/components/ez-split-panel/structure/item/readme.md +6 -5
- package/components/ez-text-area/readme.md +13 -10
- package/components/ez-text-edit/readme.md +2 -0
- package/components/ez-text-input/readme.md +25 -12
- package/components/ez-time-input/readme.md +13 -9
- package/components/ez-tooltip/readme.md +38 -0
- package/components/ez-tree/readme.md +5 -4
- package/package.json +1 -1
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
# ez-popover-core
|
|
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. | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined` |
|
|
13
|
+
| `autoClose` | `auto-close` | Define se 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
|
+
| `minWidth` | `min-width` | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira). | `number` | `150` |
|
|
16
|
+
| `opened` | `opened` | Define se o ez-popover está aberto. | `boolean` | `false` |
|
|
17
|
+
| `options` | -- | Define as opções do elemento. | `IEzPopoverAnchorOptions` | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
|
|
18
|
+
| `overlayType` | `overlay-type` | Define o tipo de overlay do popover. | `"light" \| "medium" \| "none"` | `"light"` |
|
|
19
|
+
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora. | `boolean` | `false` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Events
|
|
23
|
+
|
|
24
|
+
| Event | Description | Type |
|
|
25
|
+
| -------------------- | ------------------------------------------------------------ | ---------------------- |
|
|
26
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `hide() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
Oculta o ez-popover.
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`
|
|
42
|
+
|
|
43
|
+
Altera o elemento de ancoragem.
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`
|
|
52
|
+
|
|
53
|
+
Altera as opções.
|
|
54
|
+
|
|
55
|
+
#### Returns
|
|
56
|
+
|
|
57
|
+
Type: `Promise<void>`
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
### `show(top?: string | number, left?: string | number) => Promise<void>`
|
|
62
|
+
|
|
63
|
+
Exibe o ez-popover.
|
|
64
|
+
|
|
65
|
+
#### Returns
|
|
66
|
+
|
|
67
|
+
Type: `Promise<void>`
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
### `showUnder(element: HTMLElement | string, options?: IEzPopoverAnchorOptions) => Promise<void>`
|
|
72
|
+
|
|
73
|
+
Ancora a exibição do popOver a um elemento HTML.
|
|
74
|
+
|
|
75
|
+
#### Returns
|
|
76
|
+
|
|
77
|
+
Type: `Promise<void>`
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
81
|
+
### `updatePosition(top?: string, left?: string) => Promise<void>`
|
|
82
|
+
|
|
83
|
+
Atualiza a posição do popover.
|
|
84
|
+
|
|
85
|
+
#### Returns
|
|
86
|
+
|
|
87
|
+
Type: `Promise<void>`
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
## Dependencies
|
|
93
|
+
|
|
94
|
+
### Used by
|
|
95
|
+
|
|
96
|
+
- [ez-popover-plus](..)
|
|
97
|
+
|
|
98
|
+
### Graph
|
|
99
|
+
```mermaid
|
|
100
|
+
graph TD;
|
|
101
|
+
ez-popover-plus --> ez-popover-core
|
|
102
|
+
style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
----------------------------------------------
|
|
106
|
+
|
|
107
|
+
|
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
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` |
|
|
17
18
|
|
|
18
19
|
|
|
19
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
|
|
@@ -7,25 +7,30 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
18
|
-
| `
|
|
19
|
-
| `
|
|
20
|
-
| `
|
|
21
|
-
| `
|
|
22
|
-
| `
|
|
23
|
-
| `
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
28
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ----------- |
|
|
12
|
+
| `alternativePlaceholder` | `alternative-placeholder` | 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
|
+
| `canShowError` | `can-show-error` | Se false deixa de exibir a mensagem de erro dentro do campo. | `boolean` | `true` |
|
|
15
|
+
| `contextProperties` | `context-properties` | Propriedades de contexto da aplicação. | `any` | `undefined` |
|
|
16
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
17
|
+
| `ensureClearButtonVisible` | `ensure-clear-button-visible` | Garante que o botão de limpar pesquisa está sempre visível | `boolean` | `false` |
|
|
18
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
19
|
+
| `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` |
|
|
20
|
+
| `ignoreLimitCharsToSearch` | `ignore-limit-chars-to-search` | Define se deve ignorar o limite de caracteres mínimo para realizar uma pesquisa | `boolean` | `false` |
|
|
21
|
+
| `isTextSearch` | `is-text-search` | Informa se a pesquisa é do tipo texto. | `boolean` | `false` |
|
|
22
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
23
|
+
| `listOptionsPosition` | -- | Define um posicionamento fixo para a lista de opções do CheckBox. | `IEzCheckBoxListPosition` | `undefined` |
|
|
24
|
+
| `mode` | `mode` | Define o tamanho do campo. | `"regular" \| "slim"` | `"regular"` |
|
|
25
|
+
| `optionLoader` | -- | Carrega as opções dinamicamente. | `(argument: ISearchArgument, ctxProperties?: any) => IOption \| IOption[] \| Promise<IOption[]>` | `undefined` |
|
|
26
|
+
| `options` | -- | Array com as opções do ez-combo-box. Os elementos devem obedecer o formato: `{value: string, label: string}`. | `IOption[]` | `undefined` |
|
|
27
|
+
| `showOptionValue` | `show-option-value` | Se false cada opção na lista deve exibir somente o `label`. | `boolean` | `true` |
|
|
28
|
+
| `showSelectedValue` | `show-selected-value` | Se false a opção selecionada deve exibir somente o `label`. | `boolean` | `true` |
|
|
29
|
+
| `stopPropagateEnterKeyEvent` | `stop-propagate-enter-key-event` | Se true, ineterrompe a propagação do evento de KeyDown da tecla enter | `boolean` | `false` |
|
|
30
|
+
| `suppressEmptyOption` | `suppress-empty-option` | Se true remove a opção vazia da lista. | `boolean` | `false` |
|
|
31
|
+
| `suppressPreLoad` | `suppress-pre-load` | Se true, desabilita pré-load das opções ao carregar componente | `boolean` | `true` |
|
|
32
|
+
| `suppressSearch` | `suppress-search` | Se true desabilita a digitação dentro do componente. | `boolean` | `false` |
|
|
33
|
+
| `value` | `value` | Define o valor do campo. | `IOption \| string` | `undefined` |
|
|
29
34
|
|
|
30
35
|
|
|
31
36
|
## Events
|
|
@@ -77,7 +82,7 @@ Type: `Promise<void>`
|
|
|
77
82
|
|
|
78
83
|
|
|
79
84
|
|
|
80
|
-
### `setFocus() => Promise<void>`
|
|
85
|
+
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
81
86
|
|
|
82
87
|
Aplica o foco no campo.
|
|
83
88
|
|
|
@@ -97,16 +102,22 @@ Type: `Promise<void>`
|
|
|
97
102
|
|
|
98
103
|
### Depends on
|
|
99
104
|
|
|
100
|
-
- [ez-card-item](../ez-card-item)
|
|
101
105
|
- [ez-text-input](../ez-text-input)
|
|
102
106
|
- [ez-icon](../ez-icon)
|
|
107
|
+
- [ez-popover-plus](../ez-popover-plus)
|
|
108
|
+
- [search-list](./subcomponent/search-list)
|
|
103
109
|
|
|
104
110
|
### Graph
|
|
105
111
|
```mermaid
|
|
106
112
|
graph TD;
|
|
107
|
-
ez-search --> ez-card-item
|
|
108
113
|
ez-search --> ez-text-input
|
|
109
114
|
ez-search --> ez-icon
|
|
115
|
+
ez-search --> ez-popover-plus
|
|
116
|
+
ez-search --> search-list
|
|
117
|
+
ez-text-input --> ez-tooltip
|
|
118
|
+
ez-text-input --> ez-icon
|
|
119
|
+
ez-popover-plus --> ez-popover-core
|
|
120
|
+
search-list --> ez-card-item
|
|
110
121
|
ez-form-view --> ez-search
|
|
111
122
|
ez-multi-selection-list --> ez-search
|
|
112
123
|
style ez-search fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# search-list
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| -------------------- | ----------------------- | ----------- | ------------------- | ----------- |
|
|
12
|
+
| `canShowListOptions` | `can-show-list-options` | | `boolean` | `undefined` |
|
|
13
|
+
| `preSelection` | `pre-selection` | | `number` | `undefined` |
|
|
14
|
+
| `showLoading` | `show-loading` | | `boolean` | `undefined` |
|
|
15
|
+
| `showOptionValue` | `show-option-value` | | `boolean` | `true` |
|
|
16
|
+
| `textEmptyList` | `text-empty-list` | | `string` | `undefined` |
|
|
17
|
+
| `value` | `value` | | `IOption \| string` | `undefined` |
|
|
18
|
+
| `visibleOptions` | -- | | `IOption[]` | `[]` |
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## Events
|
|
22
|
+
|
|
23
|
+
| Event | Description | Type |
|
|
24
|
+
| -------------------- | ----------- | ---------------------- |
|
|
25
|
+
| `changePreSelection` | | `CustomEvent<number>` |
|
|
26
|
+
| `changeValue` | | `CustomEvent<IOption>` |
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
## Methods
|
|
30
|
+
|
|
31
|
+
### `nextOption() => Promise<void>`
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
#### Returns
|
|
36
|
+
|
|
37
|
+
Type: `Promise<void>`
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### `previousOption() => Promise<void>`
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
#### Returns
|
|
46
|
+
|
|
47
|
+
Type: `Promise<void>`
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
## Dependencies
|
|
53
|
+
|
|
54
|
+
### Used by
|
|
55
|
+
|
|
56
|
+
- [ez-search](../..)
|
|
57
|
+
|
|
58
|
+
### Depends on
|
|
59
|
+
|
|
60
|
+
- [ez-card-item](../../../ez-card-item)
|
|
61
|
+
|
|
62
|
+
### Graph
|
|
63
|
+
```mermaid
|
|
64
|
+
graph TD;
|
|
65
|
+
search-list --> ez-card-item
|
|
66
|
+
ez-search --> search-list
|
|
67
|
+
style search-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
----------------------------------------------
|
|
71
|
+
|
|
72
|
+
|
|
@@ -0,0 +1,130 @@
|
|
|
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) => ISearchOption \| IOption \| (ISearchOption \| IOption)[] \| Promise<ISearchOption \| IOption \| (ISearchOption \| 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. | `IOption \| string` | `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<IOption>`
|
|
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<IOption>`
|
|
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-search-result-list --> ez-skeleton
|
|
124
|
+
ez-form-view --> ez-search-plus
|
|
125
|
+
style ez-search-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
126
|
+
```
|
|
127
|
+
|
|
128
|
+
----------------------------------------------
|
|
129
|
+
|
|
130
|
+
|
|
@@ -0,0 +1,90 @@
|
|
|
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
|
+
- [ez-skeleton](../../../ez-skeleton)
|
|
78
|
+
|
|
79
|
+
### Graph
|
|
80
|
+
```mermaid
|
|
81
|
+
graph TD;
|
|
82
|
+
ez-search-result-list --> ez-card-item
|
|
83
|
+
ez-search-result-list --> ez-skeleton
|
|
84
|
+
ez-search-plus --> ez-search-result-list
|
|
85
|
+
style ez-search-result-list fill:#f9f,stroke:#333,stroke-width:4px
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
----------------------------------------------
|
|
89
|
+
|
|
90
|
+
|
|
@@ -17,6 +17,21 @@
|
|
|
17
17
|
| `width` | `width` | Width of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
|
|
18
18
|
|
|
19
19
|
|
|
20
|
+
## Dependencies
|
|
21
|
+
|
|
22
|
+
### Used by
|
|
23
|
+
|
|
24
|
+
- [ez-dropdown](../ez-dropdown)
|
|
25
|
+
- [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)
|
|
26
|
+
|
|
27
|
+
### Graph
|
|
28
|
+
```mermaid
|
|
29
|
+
graph TD;
|
|
30
|
+
ez-dropdown --> ez-skeleton
|
|
31
|
+
ez-search-result-list --> ez-skeleton
|
|
32
|
+
style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
|
|
33
|
+
```
|
|
34
|
+
|
|
20
35
|
----------------------------------------------
|
|
21
36
|
|
|
22
37
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
| `leftTitle` | `left-title` | Texto a ser apresentado como title do botão principal | `string` | `undefined` |
|
|
18
18
|
| `mode` | `mode` | Define o modo de uso do botão. | `"default" \| "icon-left" \| "icon-only"` | `'default'` |
|
|
19
19
|
| `rightTitle` | `right-title` | Texto a ser apresentado como title do botão dropdown | `string` | `'Mais opções'` |
|
|
20
|
-
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium"`
|
|
20
|
+
| `size` | `size` | Define o tamanho do ez-split-button. | `"large" \| "medium" \| "small"` | `'medium'` |
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
## Events
|
|
@@ -74,6 +74,7 @@ Type: `Promise<void>`
|
|
|
74
74
|
graph TD;
|
|
75
75
|
ez-split-button --> ez-icon
|
|
76
76
|
ez-split-button --> ez-dropdown
|
|
77
|
+
ez-dropdown --> ez-skeleton
|
|
77
78
|
ez-dropdown --> ez-icon
|
|
78
79
|
style ez-split-button fill:#f9f,stroke:#333,stroke-width:4px
|
|
79
80
|
```
|
|
@@ -7,10 +7,18 @@
|
|
|
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` |
|
|
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'` |
|
|
14
|
+
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## Events
|
|
18
|
+
|
|
19
|
+
| Event | Description | Type |
|
|
20
|
+
| ----------- | ----------- | ----------------------------- |
|
|
21
|
+
| `resizeEnd` | | `CustomEvent<IPanelSizeInfo>` |
|
|
14
22
|
|
|
15
23
|
|
|
16
24
|
## Methods
|
|
@@ -7,11 +7,12 @@
|
|
|
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.
|
|
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` |
|
|
15
|
+
| `structural` | `structural` | Define se o painel está sendo utilizado como estrutura para apresentação de outro item | `boolean` | `false` |
|
|
15
16
|
|
|
16
17
|
|
|
17
18
|
## Dependencies
|