@sankhyalabs/ezui-docs 6.6.1 → 6.7.0-dev.2
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-actions-button/readme.md +2 -2
- package/components/ez-button/readme.md +31 -15
- package/components/ez-calendar/readme.md +3 -3
- package/components/ez-check/readme.md +1 -1
- package/components/ez-chip/readme.md +21 -24
- package/components/ez-classic-combo-box/readme.md +4 -4
- package/components/ez-classic-input/readme.md +1 -1
- package/components/ez-classic-text-area/readme.md +1 -1
- package/components/ez-collapsible-box/readme.md +2 -2
- package/components/ez-combo-box/ez-combo-box-list/readme.md +2 -2
- package/components/ez-combo-box/readme.md +8 -7
- package/components/ez-date-input/readme.md +3 -3
- package/components/ez-date-time-input/readme.md +3 -3
- package/components/ez-filter-input/readme.md +4 -4
- package/components/ez-form/readme.md +3 -2
- package/components/ez-form-view/custom-input/readme.md +2 -2
- package/components/ez-form-view/readme.md +3 -2
- package/components/ez-grid/readme.md +26 -20
- package/components/ez-grid/subcomponents/readme.md +1 -1
- package/components/ez-grid-view/readme.md +183 -0
- package/components/ez-guide-navigator/readme.md +8 -6
- package/components/ez-icon/readme.md +2 -0
- package/components/ez-list/readme.md +6 -5
- package/components/ez-list-item/readme.md +43 -0
- package/components/ez-loading-bar/readme.md +1 -1
- package/components/ez-number-input/readme.md +3 -3
- package/components/ez-popover/readme.md +3 -3
- package/components/ez-popover-plus/readme.md +5 -5
- package/components/ez-popover-plus/subcomponent/readme.md +5 -5
- package/components/ez-popup/readme.md +17 -12
- package/components/ez-rich-text/ez-link-builder/readme.md +3 -2
- package/components/ez-rich-text/ez-simple-image-uploader/readme.md +3 -2
- package/components/ez-rich-text/readme.md +4 -3
- package/components/ez-search/readme.md +4 -4
- package/components/ez-search/subcomponent/search-list/readme.md +1 -1
- package/components/ez-search-plus/readme.md +4 -4
- package/components/ez-search-plus/subcomponent/ez-search-result-list/readme.md +3 -3
- package/components/ez-sidebar-navigator/readme.md +2 -2
- package/components/ez-spinner/readme.md +27 -0
- package/components/ez-split-button/readme.md +35 -25
- package/components/ez-tag-input/readme.md +4 -4
- package/components/ez-text-area/readme.md +3 -3
- package/components/ez-text-input/readme.md +2 -2
- package/components/ez-tile/readme.md +1 -1
- package/components/ez-tile-medium/readme.md +1 -1
- package/components/ez-time-input/readme.md +2 -2
- package/components/ez-tooltip/readme.md +24 -11
- package/components/ez-tree/readme.md +28 -6
- package/components/ez-upload/readme.md +2 -2
- package/components/ez-view-stack/readme.md +1 -1
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ Oculta a lista de ações.
|
|
|
39
39
|
|
|
40
40
|
Type: `Promise<void>`
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
---
|
|
43
43
|
|
|
44
44
|
### `isOpened() => Promise<boolean>`
|
|
45
45
|
|
|
@@ -49,7 +49,7 @@ Verifica se a lista de ações está aberta.
|
|
|
49
49
|
|
|
50
50
|
Type: `Promise<boolean>`
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
---
|
|
53
53
|
|
|
54
54
|
### `showActions() => Promise<void>`
|
|
55
55
|
|
|
@@ -7,14 +7,20 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `enabled`
|
|
13
|
-
| `iconName`
|
|
14
|
-
| `image`
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
17
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------- |
|
|
12
|
+
| `enabled` | `enabled` | ⚠️ **[DEPRECATED]** Use `isDisabled` prop instead.Se false o usuário não pode interagir com o botão. | `boolean` | `true` |
|
|
13
|
+
| `iconName` | `icon-name` | Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `image` | `image` | Define o caminho usado nos modos `icon` e `label-icon` para imagens não contempladas na biblioteca de ícones. | `string` | `undefined` |
|
|
15
|
+
| `isDisabled` | `is-disabled` | Se verdadeiro o clique no botão fica desabilitado mas a navegação continua funcional. Se full, o usuário não pode interagir com o botão. | `"" \| "full" \| boolean` | `false` |
|
|
16
|
+
| `label` | `label` | Texto a ser apresentado como título do botão. | `string` | `undefined` |
|
|
17
|
+
| `leftIconName` | `left-icon-name` | Define o ícone esquerdo do ez-button. Tem prioridade sobre o slot `leftIcon`. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o modo de uso do botão. | `"icon" \| "label-icon" \| "link" \| "regular"` | `"regular"` |
|
|
19
|
+
| `rightIconName` | `right-icon-name` | Define o ícone direto do ez-button. Tem prioridade sobre o slot `rightIcon`. | `string` | `undefined` |
|
|
20
|
+
| `size` | `size` | Define o tamanho do ez-button. | `"large" \| "medium" \| "small" \| "x-small"` | `"medium"` |
|
|
21
|
+
| `suppressAnimation` | `suppress-animation` | Se verdadeiro, desabilita a animação de ripple. | `boolean` | `false` |
|
|
22
|
+
| `type` | `type` | Define o tipo do botão. Pode ser `button`, `submit` ou `reset`. | `string` | `"button"` |
|
|
23
|
+
| `variant` | `variant` | Define a variante do ez-button. | `"primary" \| "secondary" \| "tertiary"` | `undefined` |
|
|
18
24
|
|
|
19
25
|
|
|
20
26
|
## Methods
|
|
@@ -27,7 +33,7 @@ Remove o foco do botão.
|
|
|
27
33
|
|
|
28
34
|
Type: `Promise<void>`
|
|
29
35
|
|
|
30
|
-
|
|
36
|
+
---
|
|
31
37
|
|
|
32
38
|
### `setFocus() => Promise<void>`
|
|
33
39
|
|
|
@@ -52,6 +58,7 @@ Type: `Promise<void>`
|
|
|
52
58
|
- [ez-guide-navigator](../ez-guide-navigator)
|
|
53
59
|
- [ez-modal-container](../ez-modal-container)
|
|
54
60
|
- [ez-pagination](../ez-pagination)
|
|
61
|
+
- [ez-popup](../ez-popup)
|
|
55
62
|
- [ez-sidebar-navigator](../ez-sidebar-navigator)
|
|
56
63
|
- [ez-split-item](../ez-split-panel/structure/item)
|
|
57
64
|
- [ez-text-edit](../ez-text-edit)
|
|
@@ -74,6 +81,7 @@ graph TD;
|
|
|
74
81
|
ez-guide-navigator --> ez-button
|
|
75
82
|
ez-modal-container --> ez-button
|
|
76
83
|
ez-pagination --> ez-button
|
|
84
|
+
ez-popup --> ez-button
|
|
77
85
|
ez-sidebar-navigator --> ez-button
|
|
78
86
|
ez-split-item --> ez-button
|
|
79
87
|
ez-text-edit --> ez-button
|
|
@@ -93,30 +101,38 @@ graph TD;
|
|
|
93
101
|
| --ez-button--min-width | Define a largura mínima do componente. |
|
|
94
102
|
| --ez-button--width | Define a largura do componente. |
|
|
95
103
|
| --ez-button--height | Define a altura do componente. |
|
|
96
|
-
| --ez-button\_\_icon--width | Define a largura do slot que contém o ícone. |
|
|
97
|
-
| --ez-button\_\_inline\_\_icon--padding | Define o espaçamento entre o ícone e o label. |
|
|
98
104
|
| --ez-button--padding-top | Define o espaçamento superior ao label. |
|
|
99
105
|
| --ez-button--padding-bottom | Define o espaçamento inferior ao label. |
|
|
100
106
|
| --ez-button--padding-right | Define o espaçamento à direita do label. |
|
|
101
107
|
| --ez-button--padding-left | Define o espaçamento à esquerda do label. |
|
|
108
|
+
| --ez-button--icon--gap | Define o gap entre o texto e ícone, quando existir. |
|
|
102
109
|
| --ez-button--color | Define a cor do label. |
|
|
110
|
+
| --ez-button--label-icon--color | Define a cor do label do botao tipo label-icon. |
|
|
111
|
+
| --ez-button--label-icon--hover-color | Define a cor do label do botao tipo label-icon, quando o mouse sobre o botão. |
|
|
112
|
+
| --ez-button--label-icon--disabled-color | Define a cor do label do botao tipo label-icon, quando desabilitado. |
|
|
113
|
+
| --ez-button--left-icon--color | Define a cor do icone esquerdo. |
|
|
114
|
+
| --ez-button--right-icon--color | Define a cor do icone direito, quando o mouse está sobre o botão. |
|
|
115
|
+
| --ez-button--left-icon--hover-color | Define a cor do icone esquerdo. |
|
|
116
|
+
| --ez-button--right-icon--hover-color | Define a cor do icone direito, quando o mouse está sobre o botão. |
|
|
117
|
+
| --ez-button--left-icon--disabled-color | Define a cor do icone esquerdo, quando desabilitado. |
|
|
118
|
+
| --ez-button--right-icon--disabled-color | Define a cor do icone direito, quando desabilitado. |
|
|
103
119
|
| --ez-button--font-size | Define o tamanho do label. |
|
|
104
120
|
| --ez-button--font-family | Define a família da fonte do label. |
|
|
105
121
|
| --ez-button--font-weight | Define o peso da fonte do label. |
|
|
106
122
|
| --ez-button--background-color | Define a cor de fundo do botão. |
|
|
107
123
|
| --ez-button--border-radius | Define o raio da borda do botão. |
|
|
108
124
|
| --ez-button--border | Define o estilo da borda do botão. |
|
|
125
|
+
| --ez-button--hover--border | Define o estilo da borda do botão quando em hover. |
|
|
109
126
|
| --ez-button--justify-content | Define o alinhamento horizontal do conteúdo do botão. |
|
|
110
127
|
| --ez-button--hover-color | Define a cor do texto e do ícone quando o cursor está sobre o botão. |
|
|
111
128
|
| --ez-button--hover--background-color | Define a cor de fundo quando o cursor está sobre o botão. |
|
|
112
129
|
| --ez-button--disabled-color | Define a cor do texto quando o botão está desabilitado. |
|
|
113
130
|
| --ez-button--disabled--background-color | Define a cor de fundo quando o botão está desabilitado. |
|
|
114
|
-
| --ez-button--
|
|
115
|
-
| --ez-button--
|
|
116
|
-
| --ez-button--active-color | Define a cor do texto e do ícone ao ativar o botão. |
|
|
117
|
-
| --ez-button--active--background-color | Define a cor do fundo ao ativar o botão. |
|
|
131
|
+
| --ez-button--disabled--border | Define a cor da borda quando o botão está desabilitado. |
|
|
132
|
+
| --ez-button--disabled-icon-color | Define a cor do icone quando o botão está desabilitado. |
|
|
118
133
|
| --ez-button--link-color | Define a cor do texto do botão no modo link. |
|
|
119
134
|
| --ez-button--link--hover-color | Define a cor do texto do botão no hover do modo link. |
|
|
135
|
+
| --ez-button--link-disabled-color | Define a cor do texto do botão no hover do modo link, quando desabilitado. |
|
|
120
136
|
| --ez-button--link--small--font-size | Define o tamanho small na fonte do texto do botão no modo link. |
|
|
121
137
|
| --ez-button--link--medium--font-size | Define o tamanho medium na fonte do texto do botão no modo link. |
|
|
122
138
|
| --ez-button--link--large--font-size | Define o tamanho large na fonte do texto do botão no modo link. |
|
|
@@ -32,7 +32,7 @@ Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de
|
|
|
32
32
|
|
|
33
33
|
Type: `Promise<void>`
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
---
|
|
36
36
|
|
|
37
37
|
### `fitVertical(topOffset: number, bottomOffset: number) => Promise<void>`
|
|
38
38
|
|
|
@@ -42,7 +42,7 @@ Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de es
|
|
|
42
42
|
|
|
43
43
|
Type: `Promise<void>`
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
---
|
|
46
46
|
|
|
47
47
|
### `hide() => Promise<void>`
|
|
48
48
|
|
|
@@ -52,7 +52,7 @@ Oculta o ez-calendar.
|
|
|
52
52
|
|
|
53
53
|
Type: `Promise<void>`
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
---
|
|
56
56
|
|
|
57
57
|
### `show(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>`
|
|
58
58
|
|
|
@@ -7,22 +7,22 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
|
|
12
|
-
| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean`
|
|
13
|
-
| `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean`
|
|
14
|
-
| `iconNameLeft` | `icon-name-left` | Define o icone esquerdo. | `string`
|
|
15
|
-
| `iconNameRight` | `icon-name-right` | Define o icone direito. | `string`
|
|
16
|
-
| `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string`
|
|
17
|
-
| `maxWidth` | `max-width` | Define o tamanho máximo do chip. | `string`
|
|
18
|
-
| `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"`
|
|
19
|
-
| `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"`
|
|
20
|
-
| `removeWithKeyboard` | `remove-with-keyboard` | Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. | `boolean`
|
|
21
|
-
| `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean`
|
|
22
|
-
| `size` | `size` | Define o tamanho do chip. | `"default" \| "large" \| "medium"`
|
|
23
|
-
| `tabIndex` | `tab-index` | Define o tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. | `number`
|
|
24
|
-
| `type` | `type` | Define o tipo de estilização do chip. | `"primary" \| "secondary"`
|
|
25
|
-
| `value` | `value` | Define o valor do ez-chip. | `boolean`
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- | ----------- |
|
|
12
|
+
| `disableAutoUpdateValue` | `disable-auto-update-value` | Desabilita a alteração da propriedade value ao clicar. | `boolean` | `false` |
|
|
13
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o ez-chip. | `boolean` | `true` |
|
|
14
|
+
| `iconNameLeft` | `icon-name-left` | Define o icone esquerdo. | `string` | `undefined` |
|
|
15
|
+
| `iconNameRight` | `icon-name-right` | Define o icone direito. | `string` | `undefined` |
|
|
16
|
+
| `label` | `label` | Texto a ser apresentado como título do ez-chip. | `string` | `undefined` |
|
|
17
|
+
| `maxWidth` | `max-width` | Define o tamanho máximo do chip. | `string` | `undefined` |
|
|
18
|
+
| `mode` | `mode` | Define o modo de uso do ez-chip. | `"action" \| "label"` | `undefined` |
|
|
19
|
+
| `removePosition` | `remove-position` | Determina o posicionamento do botão de remover (não disponível no modo `action`). Se não informado, não exibe o botão. | `"left" \| "right"` | `undefined` |
|
|
20
|
+
| `removeWithKeyboard` | `remove-with-keyboard` | Define se o chip deve ser removido ao pressionar a tecla Enter quando focado. | `boolean` | `false` |
|
|
21
|
+
| `showNativeTooltip` | `show-native-tooltip` | Exibe condicionalmente o tooltip nativo do navegador ao sobrepor o cursor acima do elemento. | `boolean` | `false` |
|
|
22
|
+
| `size` | `size` | Define o tamanho do chip. | `"default" \| "large" \| "medium"` | `'default'` |
|
|
23
|
+
| `tabIndex` | `tab-index` | Define o tabindex do chip. Por padrão é 0, permitindo que o chip seja focável. | `number` | `0` |
|
|
24
|
+
| `type` | `type` | Define o tipo de estilização do chip. | `"error" \| "error-light" \| "primary" \| "secondary" \| "success" \| "success-light" \| "warning" \| "warning-light"` | `'primary'` |
|
|
25
|
+
| `value` | `value` | Define o valor do ez-chip. | `boolean` | `false` |
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
## Events
|
|
@@ -45,7 +45,7 @@ Remove o foco do ez-chip.
|
|
|
45
45
|
|
|
46
46
|
Type: `Promise<void>`
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
---
|
|
49
49
|
|
|
50
50
|
### `setFocus() => Promise<void>`
|
|
51
51
|
|
|
@@ -96,14 +96,11 @@ graph TD;
|
|
|
96
96
|
| --ez-label-chip\_\_label\_\_container--border-radius | Define o raio da borda do container do chip. |
|
|
97
97
|
| --ez-label-chip\_\_label\_\_container--border | Define o estilo da borda do container. |
|
|
98
98
|
| --ez-label-chip\_\_label\_\_container--border-color-strokes | Define a cor da borda do container. |
|
|
99
|
-
| --ez-label-chip\_\_label\_\_container--
|
|
100
|
-
| --ez-label-chip\_\_label\_\_container-color--disable-secondary | Define a cor da borda e do fundo quando o chip está desativado. |
|
|
99
|
+
| --ez-label-chip\_\_label\_\_container-color--disabled | Define a cor da borda e do fundo quando o chip está desativado. |
|
|
101
100
|
| --ez-label-chip\_\_label\_\_container--background-color | Define a cor de fundo do container. |
|
|
102
|
-
| --ez-label-chip\_\_label\_\_container--border-color | Define a cor da borda do container quando ativo. |
|
|
103
101
|
| --ez-label-chip\_\_label\_\_container--border-color-active | Define a cor da borda do container quando ativo. |
|
|
104
|
-
| --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando
|
|
105
|
-
| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando
|
|
102
|
+
| --ez-label-chip\_\_label\_\_container--default--background-color--active | Define a cor do fundo do container quando está ativo. |
|
|
103
|
+
| --ez-label-chip\_\_label\_\_container--default--color--active | Define a cor do texto quando está ativo. |
|
|
106
104
|
| --ez-label-chip\_\_label\_\_container--text--disabled | Define a cor do texto e do ícone quando o chip está desabilitado. |
|
|
107
105
|
| --ez-label-chip\_\_label\_\_container--default--border-color--active | Define a cor da borda quando o componente está ativo. |
|
|
108
|
-
| --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
|
|
109
|
-
| --ez-label-chip\_\_label\_\_container--default--margin-top | Define a margem superior. |
|
|
106
|
+
| --ez-label-chip\_\_label\_\_container--secondary--border-color--active | Define a cor da borda quando o componente está ativo e na variação secundária. |
|
|
@@ -47,7 +47,7 @@ Oculta o popover.
|
|
|
47
47
|
|
|
48
48
|
Type: `Promise<void>`
|
|
49
49
|
|
|
50
|
-
|
|
50
|
+
---
|
|
51
51
|
|
|
52
52
|
### `setBlur() => Promise<void>`
|
|
53
53
|
|
|
@@ -57,7 +57,7 @@ Remove o foco do campo.
|
|
|
57
57
|
|
|
58
58
|
Type: `Promise<void>`
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
---
|
|
61
61
|
|
|
62
62
|
### `setFocus(option?: OptionsSetFocus) => Promise<void>`
|
|
63
63
|
|
|
@@ -67,7 +67,7 @@ Aplica o foco no campo.
|
|
|
67
67
|
|
|
68
68
|
Type: `Promise<void>`
|
|
69
69
|
|
|
70
|
-
|
|
70
|
+
---
|
|
71
71
|
|
|
72
72
|
### `setValue(option: IOption) => Promise<void>`
|
|
73
73
|
|
|
@@ -77,7 +77,7 @@ Type: `Promise<void>`
|
|
|
77
77
|
|
|
78
78
|
Type: `Promise<void>`
|
|
79
79
|
|
|
80
|
-
|
|
80
|
+
---
|
|
81
81
|
|
|
82
82
|
### `showPopover() => Promise<void>`
|
|
83
83
|
|
|
@@ -41,7 +41,7 @@ Aplica o foco no campo de edição de título.
|
|
|
41
41
|
|
|
42
42
|
Type: `Promise<void>`
|
|
43
43
|
|
|
44
|
-
|
|
44
|
+
---
|
|
45
45
|
|
|
46
46
|
### `cancelEdition() => Promise<void>`
|
|
47
47
|
|
|
@@ -51,7 +51,7 @@ Cancela a edição de título.
|
|
|
51
51
|
|
|
52
52
|
Type: `Promise<void>`
|
|
53
53
|
|
|
54
|
-
|
|
54
|
+
---
|
|
55
55
|
|
|
56
56
|
### `showHide() => Promise<void>`
|
|
57
57
|
|
|
@@ -30,7 +30,7 @@ Move a seleção para a próxima opção na lista.
|
|
|
30
30
|
|
|
31
31
|
Type: `Promise<void>`
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
---
|
|
34
34
|
|
|
35
35
|
### `previousOption() => Promise<void>`
|
|
36
36
|
|
|
@@ -40,7 +40,7 @@ Move a seleção para a opção anterior na lista, sem ultrapassar o início.
|
|
|
40
40
|
|
|
41
41
|
Type: `Promise<void>`
|
|
42
42
|
|
|
43
|
-
|
|
43
|
+
---
|
|
44
44
|
|
|
45
45
|
### `selectCurrentOption() => Promise<void>`
|
|
46
46
|
|
|
@@ -34,9 +34,10 @@
|
|
|
34
34
|
|
|
35
35
|
## Events
|
|
36
36
|
|
|
37
|
-
| Event
|
|
38
|
-
|
|
|
39
|
-
| `ezChange`
|
|
37
|
+
| Event | Description | Type |
|
|
38
|
+
| -------------------- | --------------------------------------------------------------- | ---------------------- |
|
|
39
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<IOption>` |
|
|
40
|
+
| `ezVisibilityChange` | Emitido quando acontece a alteração de visibilidade do popover. | `CustomEvent<boolean>` |
|
|
40
41
|
|
|
41
42
|
|
|
42
43
|
## Methods
|
|
@@ -49,7 +50,7 @@ Limpa o valor do campo de pesquisa
|
|
|
49
50
|
|
|
50
51
|
Type: `Promise<void>`
|
|
51
52
|
|
|
52
|
-
|
|
53
|
+
---
|
|
53
54
|
|
|
54
55
|
### `getValueAsync() => Promise<unknown>`
|
|
55
56
|
|
|
@@ -59,7 +60,7 @@ Type: `Promise<void>`
|
|
|
59
60
|
|
|
60
61
|
Type: `Promise<unknown>`
|
|
61
62
|
|
|
62
|
-
|
|
63
|
+
---
|
|
63
64
|
|
|
64
65
|
### `isInvalid() => Promise<boolean>`
|
|
65
66
|
|
|
@@ -69,7 +70,7 @@ Retorna se o conteúdo é inválido.
|
|
|
69
70
|
|
|
70
71
|
Type: `Promise<boolean>`
|
|
71
72
|
|
|
72
|
-
|
|
73
|
+
---
|
|
73
74
|
|
|
74
75
|
### `setBlur() => Promise<void>`
|
|
75
76
|
|
|
@@ -79,7 +80,7 @@ Remove o foco do campo.
|
|
|
79
80
|
|
|
80
81
|
Type: `Promise<void>`
|
|
81
82
|
|
|
82
|
-
|
|
83
|
+
---
|
|
83
84
|
|
|
84
85
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
85
86
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
Type: `Promise<Date>`
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
---
|
|
42
42
|
|
|
43
43
|
### `isInvalid() => Promise<boolean>`
|
|
44
44
|
|
|
@@ -48,7 +48,7 @@ Retorna se o conteúdo é inválido.
|
|
|
48
48
|
|
|
49
49
|
Type: `Promise<boolean>`
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
---
|
|
52
52
|
|
|
53
53
|
### `setBlur() => Promise<void>`
|
|
54
54
|
|
|
@@ -58,7 +58,7 @@ Remove o foco do campo.
|
|
|
58
58
|
|
|
59
59
|
Type: `Promise<void>`
|
|
60
60
|
|
|
61
|
-
|
|
61
|
+
---
|
|
62
62
|
|
|
63
63
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
64
64
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
Type: `Promise<Date>`
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
---
|
|
43
43
|
|
|
44
44
|
### `isInvalid() => Promise<boolean>`
|
|
45
45
|
|
|
@@ -49,7 +49,7 @@ Retorna se o conteúdo é inválido.
|
|
|
49
49
|
|
|
50
50
|
Type: `Promise<boolean>`
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
---
|
|
53
53
|
|
|
54
54
|
### `setBlur() => Promise<void>`
|
|
55
55
|
|
|
@@ -59,7 +59,7 @@ Remove o foco do campo.
|
|
|
59
59
|
|
|
60
60
|
Type: `Promise<void>`
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
---
|
|
63
63
|
|
|
64
64
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
65
65
|
|
|
@@ -39,7 +39,7 @@ Método responsável por resetar o valor do campo para o ultimo valor inputado.
|
|
|
39
39
|
|
|
40
40
|
Type: `Promise<void>`
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
---
|
|
43
43
|
|
|
44
44
|
### `isInvalid() => Promise<boolean>`
|
|
45
45
|
|
|
@@ -49,7 +49,7 @@ Retorna se o conteúdo é inválido.
|
|
|
49
49
|
|
|
50
50
|
Type: `Promise<boolean>`
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
---
|
|
53
53
|
|
|
54
54
|
### `setBlur() => Promise<void>`
|
|
55
55
|
|
|
@@ -59,7 +59,7 @@ Remove o foco do campo.
|
|
|
59
59
|
|
|
60
60
|
Type: `Promise<void>`
|
|
61
61
|
|
|
62
|
-
|
|
62
|
+
---
|
|
63
63
|
|
|
64
64
|
### `setFocus(options?: TFocusOptions) => Promise<void>`
|
|
65
65
|
|
|
@@ -69,7 +69,7 @@ Aplica o foco no campo.
|
|
|
69
69
|
|
|
70
70
|
Type: `Promise<void>`
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
---
|
|
73
73
|
|
|
74
74
|
### `setValue(newValue: string) => Promise<void>`
|
|
75
75
|
|
|
@@ -38,7 +38,7 @@ Registra um editor customizado para campos da grade e formulário.
|
|
|
38
38
|
|
|
39
39
|
Type: `Promise<void>`
|
|
40
40
|
|
|
41
|
-
|
|
41
|
+
---
|
|
42
42
|
|
|
43
43
|
### `setFieldProp(fieldName: string, propName: string, value: any) => Promise<void>`
|
|
44
44
|
|
|
@@ -48,7 +48,7 @@ Altera/adiciona uma propriedade nos metadados do campo.
|
|
|
48
48
|
|
|
49
49
|
Type: `Promise<void>`
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
---
|
|
52
52
|
|
|
53
53
|
### `validate() => Promise<void>`
|
|
54
54
|
|
|
@@ -141,6 +141,7 @@ graph TD;
|
|
|
141
141
|
ez-link-builder --> ez-modal-container
|
|
142
142
|
ez-link-builder --> ez-text-input
|
|
143
143
|
ez-link-builder --> ez-check
|
|
144
|
+
ez-popup --> ez-button
|
|
144
145
|
ez-modal-container --> ez-icon
|
|
145
146
|
ez-modal-container --> ez-button
|
|
146
147
|
ez-simple-image-uploader --> ez-popup
|
|
@@ -27,7 +27,7 @@ Retorna se o conteúdo é inválido.
|
|
|
27
27
|
|
|
28
28
|
Type: `Promise<boolean>`
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
---
|
|
31
31
|
|
|
32
32
|
### `setBlur() => Promise<void>`
|
|
33
33
|
|
|
@@ -37,7 +37,7 @@ Remove o foco do campo.
|
|
|
37
37
|
|
|
38
38
|
Type: `Promise<void>`
|
|
39
39
|
|
|
40
|
-
|
|
40
|
+
---
|
|
41
41
|
|
|
42
42
|
### `setFocus() => Promise<void>`
|
|
43
43
|
|
|
@@ -32,7 +32,7 @@ Registra um editor customizado para campos da grade e formulário.
|
|
|
32
32
|
|
|
33
33
|
Type: `Promise<void>`
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
---
|
|
36
36
|
|
|
37
37
|
### `setFieldProp(fieldName: string, propName: string, value: any) => Promise<void>`
|
|
38
38
|
|
|
@@ -42,7 +42,7 @@ Altera/adiciona uma propriedade nos metados do campo.
|
|
|
42
42
|
|
|
43
43
|
Type: `Promise<void>`
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
---
|
|
46
46
|
|
|
47
47
|
### `showUp() => Promise<void>`
|
|
48
48
|
|
|
@@ -144,6 +144,7 @@ graph TD;
|
|
|
144
144
|
ez-link-builder --> ez-modal-container
|
|
145
145
|
ez-link-builder --> ez-text-input
|
|
146
146
|
ez-link-builder --> ez-check
|
|
147
|
+
ez-popup --> ez-button
|
|
147
148
|
ez-modal-container --> ez-icon
|
|
148
149
|
ez-modal-container --> ez-button
|
|
149
150
|
ez-simple-image-uploader --> ez-popup
|