@dev-tcloud/tcloud-ui 6.28.3-beta.0 → 6.28.3
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/docs/tcloud-ui-dialog.md +20 -1
- package/docs/tcloud-ui-el-copy.md +10 -0
- package/fesm2022/dev-tcloud-tcloud-ui.mjs +2090 -127
- package/fesm2022/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/js/tcloud-ui-app.js +1 -1
- package/lib/_modules/tcloud-ui-dialog/models/tcloud-ui-dialog.model.d.ts +3 -1
- package/lib/_modules/tcloud-ui-dialog/tcloud-ui-dialog.component.d.ts +2 -0
- package/lib/revitalizacao/components/tc-rev-breadcrumb/tc-rev-breadcrumb.component.d.ts +12 -0
- package/lib/revitalizacao/components/tc-rev-breadcrumb/tc-rev-breadcrumb.service.d.ts +16 -0
- package/lib/revitalizacao/components/tc-rev-button/tc-rev-button.directive.d.ts +13 -0
- package/lib/revitalizacao/components/tc-rev-calendar/tc-rev-calendar.component.d.ts +43 -0
- package/lib/revitalizacao/components/tc-rev-card/tc-rev-card.component.d.ts +12 -0
- package/lib/revitalizacao/components/tc-rev-card-accordion/tc-rev-card-accordion.component.d.ts +23 -0
- package/lib/revitalizacao/components/tc-rev-card-title/tc-rev-card-title.component.d.ts +6 -0
- package/lib/revitalizacao/components/tc-rev-checkbox/tc-rev-checkbox.directive.d.ts +6 -0
- package/lib/revitalizacao/components/tc-rev-components.module.d.ts +41 -0
- package/lib/revitalizacao/components/tc-rev-dropdown/tc-rev-dropdown.component.d.ts +46 -0
- package/lib/revitalizacao/components/tc-rev-dropdown-grouped/tc-rev-dropdown-grouped.component.d.ts +54 -0
- package/lib/revitalizacao/components/tc-rev-dropdown-multi/tc-rev-dropdown-multi.component.d.ts +44 -0
- package/lib/revitalizacao/components/tc-rev-dropdown-multi-level/tc-rev-dropdown-multi-level.component.d.ts +42 -0
- package/lib/revitalizacao/components/tc-rev-dropdown-multi-level/tc-rev-dropdown-sub-menu/tc-rev-dropdown-sub-menu.component.d.ts +17 -0
- package/lib/revitalizacao/components/tc-rev-empty-content/tc-rev-empty-content.component.d.ts +5 -0
- package/lib/revitalizacao/components/tc-rev-faq/tc-rev-faq.component.d.ts +12 -0
- package/lib/revitalizacao/components/tc-rev-icon-button/tc-rev-icon-button.directive.d.ts +12 -0
- package/lib/revitalizacao/components/tc-rev-input/tc-rev-input.directive.d.ts +10 -0
- package/lib/revitalizacao/components/tc-rev-input-container/tc-rev-input-container.component.d.ts +10 -0
- package/lib/revitalizacao/components/tc-rev-loading/tc-rev-loading.component.d.ts +6 -0
- package/lib/revitalizacao/components/tc-rev-message/tc-rev-message.component.d.ts +7 -0
- package/lib/revitalizacao/components/tc-rev-multi-input/tc-rev-multi-input.component.d.ts +24 -0
- package/lib/revitalizacao/components/tc-rev-pagination/tc-rev-pagination.component.d.ts +14 -0
- package/lib/revitalizacao/components/tc-rev-progress-status-bar/tc-rev-progress-status-bar.component.d.ts +23 -0
- package/lib/revitalizacao/components/tc-rev-radio/tc-rev-radio.directive.d.ts +6 -0
- package/lib/revitalizacao/components/tc-rev-search-input/tc-rev-search-input.component.d.ts +17 -0
- package/lib/revitalizacao/components/tc-rev-side-drawer/tc-rev-side-drawer.component.d.ts +24 -0
- package/lib/revitalizacao/components/tc-rev-skeleton-loading/tc-rev-skeleton-loading.component.d.ts +17 -0
- package/lib/revitalizacao/components/tc-rev-slide-toggle/tc-rev-slide-toggle.directive.d.ts +5 -0
- package/lib/revitalizacao/components/tc-rev-small-loading/tc-rev-small-loading.component.d.ts +26 -0
- package/lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-group.component.d.ts +12 -0
- package/lib/revitalizacao/components/tc-rev-tab-group/tc-rev-tab-item/tc-rev-tab-item.component.d.ts +10 -0
- package/lib/revitalizacao/components/tc-rev-tag/tag-colors.enum.d.ts +29 -0
- package/lib/revitalizacao/components/tc-rev-tag/tc-rev-tag.component.d.ts +10 -0
- package/lib/revitalizacao/components/tc-rev-toast/tc-rev-toast.component.d.ts +8 -0
- package/lib/revitalizacao/components/tc-rev-tooltip/tc-rev-tooltip.directive.d.ts +19 -0
- package/lib/revitalizacao/components/tc-rev-wizard-steps/tc-rev-wizard-steps.component.d.ts +19 -0
- package/lib/revitalizacao/components/tc-sub-navbar/component/tc-sub-navbar-item/tc-sub-navbar-item.component.d.ts +13 -0
- package/lib/revitalizacao/components/tc-sub-navbar/tc-sub-navbar.component.d.ts +12 -0
- package/package.json +1 -1
- package/public-api.d.ts +38 -2
- /package/lib/{util → revitalizacao/charts}/echarts.d.ts +0 -0
- /package/lib/{util → revitalizacao/util}/ellipsed-text.d.ts +0 -0
package/docs/tcloud-ui-dialog.md
CHANGED
|
@@ -7,7 +7,7 @@ Componente standalone de diálogo de confirmação criado dinamicamente via `TCl
|
|
|
7
7
|
- Abertura imperativa com `ComponentFactoryResolver` e `ViewContainerRef` raiz definido pelo consumidor
|
|
8
8
|
- Título, mensagem (`innerHTML`), textos de botões e rótulos via `TCloudUiDialogModel` e i18n padrão
|
|
9
9
|
- Modo de confirmação por palavra (`TCloudUiDialogTextConfirmationEnum`) com validação case-insensitive
|
|
10
|
-
- Indicador de carregamento (`
|
|
10
|
+
- Indicador de carregamento (`tc-rev-small-loading`) quando `data.loading` é verdadeiro
|
|
11
11
|
- Tecla Escape e botão fechar disparam fluxo de cancelamento; animação de entrada/saída (`fade`)
|
|
12
12
|
- `BehaviorSubject` `events` notifica ciclo de vida (`open` / `close`); após `close` o serviço destrói a instância do componente
|
|
13
13
|
|
|
@@ -52,6 +52,7 @@ Valores passados em `_data` são mesclados com padrões do serviço (incluindo c
|
|
|
52
52
|
| `disable` | `boolean` | Desabilita botões, fechar e Escape | `undefined` / herdado |
|
|
53
53
|
| `disableClickOutside` | `boolean` | Comportamento do clique no backdrop: quando **falso** ou indefinido, o clique é ignorado; quando **verdadeiro** e `disable` é falso, o clique chama `close(true)` (mesmo fluxo que cancelar) | `undefined` / herdado |
|
|
54
54
|
| `inputConfirmationText` | `TCloudUiDialogTextConfirmationEnum` | Palavra esperada no campo de confirmação (mapeada para texto i18n) | `confirm` |
|
|
55
|
+
| `showInputConfirmation` | `boolean` | Controla a exibição do campo de confirmação por texto. Quando **`true`** (padrão), o input é exibido e validado antes de confirmar. Quando **`false`**, o input não é renderizado e o botão Confirmar dispara `onConfirm` diretamente, sem validação — apenas os botões | `true` |
|
|
55
56
|
| `buttonConfirmText` | `string` | Armazenado em `TCloudUiDialogModel`; o template atual do diálogo exibe no botão principal o valor de `textConfirmation` com `titlecase`, não este campo | Opcional |
|
|
56
57
|
| `buttonCancelText` | `string` | Rótulo do botão cancelar | Tradução de `dialogConfirmation.cancel` se omitido |
|
|
57
58
|
|
|
@@ -135,6 +136,23 @@ export class ExampleComponent implements AfterViewInit {
|
|
|
135
136
|
}
|
|
136
137
|
```
|
|
137
138
|
|
|
139
|
+
### Confirmação simples (apenas botões)
|
|
140
|
+
|
|
141
|
+
Quando não é necessária a confirmação por texto digitado, defina `showInputConfirmation: false`. O campo de confirmação não é exibido e o botão Confirmar dispara `onConfirm` diretamente.
|
|
142
|
+
|
|
143
|
+
```typescript
|
|
144
|
+
open(): void {
|
|
145
|
+
this.dialog
|
|
146
|
+
.open({
|
|
147
|
+
title: 'Confirmar operação',
|
|
148
|
+
message: '<p>Deseja prosseguir?</p>',
|
|
149
|
+
showInputConfirmation: false,
|
|
150
|
+
})
|
|
151
|
+
.onConfirm((d) => d.close(false))
|
|
152
|
+
.onCancel(() => {});
|
|
153
|
+
}
|
|
154
|
+
```
|
|
155
|
+
|
|
138
156
|
### Uso avançado
|
|
139
157
|
|
|
140
158
|
Padrão da página de demonstração: confirmação com palavra `remove`, bloqueio de clique externo até confirmar texto, fluxo assíncrono com `loading` e fechamento sem callback de cancelamento após sucesso.
|
|
@@ -165,3 +183,4 @@ Notas de comportamento:
|
|
|
165
183
|
- `dialog.close(false)` após operações bem-sucedidas evita executar o handler registrado em `onCancel`.
|
|
166
184
|
- Enquanto `data.loading` ou `data.disable` é verdadeiro, Escape não fecha o diálogo e os botões permanecem desabilitados.
|
|
167
185
|
- Com campo de confirmação ativo, o valor digitado deve coincidir com `textConfirmation` (comparação sem diferenciar maiúsculas/minúsculas).
|
|
186
|
+
- Com `showInputConfirmation: false`, não há validação por texto: o botão Confirmar chama `onConfirm` no clique (o botão segue desabilitado apenas durante `loading`/`disable`).
|
|
@@ -21,6 +21,16 @@ import { TCloudUiElCopyDirective } from 'projects/tcloud-ui/src/public-api';
|
|
|
21
21
|
export class ExampleComponent {}
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
+
Ou via módulo:
|
|
25
|
+
```ts
|
|
26
|
+
import { TcRevComponentsLibModule } from 'projects/tcloud-ui/src/public-api';
|
|
27
|
+
|
|
28
|
+
@NgModule({
|
|
29
|
+
imports: [TcRevComponentsLibModule]
|
|
30
|
+
})
|
|
31
|
+
export class AppModule {}
|
|
32
|
+
```
|
|
33
|
+
|
|
24
34
|
## Propriedades (API)
|
|
25
35
|
### Inputs
|
|
26
36
|
| Nome | Tipo | Descrição | Valor Default |
|