QasDialog: mudanças gerais. by DouglasCalora · Pull Request #1432 · bildvitta/asteroid

DouglasCalora · 2025-11-18T19:53:14Z

closes #1346
closes #1360
closes #1121

Não publicado

BREAKING CHANGES

Componentes que usam dialog:
- QasBoardGenerator -> prop confirmDialogProps.
- QasGallery -> prop dialogProps.
- QasSelectListDialog -> prop dialogProps.
- QasSignatureUploader -> prop dialogProps.
- QasTextTruncate -> prop dialogProps.
- QasUploader -> prop dialogProps.
- QasDrawer -> prop dialogProps (prop persistent saiu do dialogProps e agora é passado diretamente para o QasDrawer).
QasDrawer: adicionado propriedade persistent para não utilizar dentro de dialogProps.
QasDialog:
- removido prop card em favor de suar as props title e description.
- removido slot actions em favor de fazer os controles somente por ok, cancel e tertiary.
- removido prop persistent, agora é feito sempre de forma automática.
- removido prop actionsProps.
- removido props useFullMaxWidth, maxWidth, minWidth em favor de utilizar a prop size.

Adicionado

QasDialog:
- adicionado propriedade size com default sm.
- adicionado propriedades title e description para ser usado no lugar da prop card.
- adicionada propriedade disableCloseButton para desabilitar botão de fechar (x).
- adicionada propriedade tertiary.
- adicionada propriedade useAutoCloseOnActions (#1360)(#1121)
- adicionada propriedade useCloseButton para remover botão de fechar (x).
- adicionada propriedade useHtmlDescription.
QasDrawer: adicionado propriedade persistent para não utilizar dentro de dialogProps.
QasDialog:
- removido prop card em favor de suar as props title e description.
- removido slot actions em favor de fazer os controles somente por ok, cancel e tertiary.
- removido prop persistent, agora é feito sempre de forma automática.
- removido prop actionsProps.
- removido props useFullMaxWidth, maxWidth, minWidth em favor de utilizar a prop size.

Modificado

QasDialog:
- mudanças gerais do dialog (#1346).
- removido uso de composable em arquivos separados para centralizar tudo no arquivo vue.
QasHeader: modificado propriedade badges para aceitar objeto quando tiver apenas 1 badge.
QasSignatureUploader: Modificado label e tamanho do dialog.
Normalização dos dialogs:
- QasSignatureUploader.
- QasTreeGenerator.
- QasTextTruncate.
- QasSelectListDialog.
- QasFormView.
- QasGallery -> PvGalleryCarouselDialog.
- composables/use-delete.js
- QasDrawer.

Removido

QasDialog:
- removido prop card em favor de suar as props title e description.
- removido slot actions em favor de fazer os controles somente por ok, cancel e tertiary.
- removido prop persistent, agora é feito sempre de forma automática.
- removido prop actionsProps.
- removido props useFullMaxWidth, maxWidth, minWidth em favor de utilizar a prop size.

Versão do asteroid

v2 -> a partir da branch v2.
v3-beta.x -> a partir da branch develop.
v3-stable -> a partir da branch main.

Tipo de alteração

Adicionado | Added (novos componentes e/ou funcionalidades);
Modificado | Changed (alterações que podem ou não conter breaking changes);
Corrigido | Fixed (correção de bugs, typos, etc);
Removido | removed (remoção de algum componente e/ou funcionalidade).

O que foi alterado/adicionado

Este pull request introduz algum breaking change?

Sim
Não

Checklist

Foi discutida anteriormente com os times de Frontend e Design;
Foi testado manualmente no ambiente de desenvolvimento (/docs se v3 ou ui/dev se v2);
Foi constatado que esta modificação não gerou erros ou alertas no Console;
Foi verificado se o código segue os padrões de escrita e validado com o ESLint;
Foi escrito teste automatizado;
Foi atualizada e testada a documentação;
Foi atualizado o changelog seguindo o padrão "Keep a Changelog";
Fiz meu próprio code review antes de abrir este pull request.

…directly

…ng and updating button properties

…dialog-changes

…inWidth prop

…efault dialog properties

…dialog-changes

…ty and consistency

refactor: clean up dialog examples by removing unnecessary properties and restructuring dialogProps feat: add support for HTML descriptions in QasDialog feat: introduce tertiary button functionality in QasDialog fix: enhance QasDrawer component to support persistent prop and improve dialog integration docs: update dialog documentation with new size options and example usage

…on properties

…ity and consistency; remove unused QasFormDialog component

cloudflare-workers-and-pages · 2025-11-18T20:27:37Z

Deploying asteroid with Cloudflare Pages

Latest commit:	`89e63b3`
Status:	✅ Deploy successful!
Preview URL:	https://4043f45f.asteroid-akr.pages.dev
Branch Preview URL:	https://feature-dialog-changes.asteroid-akr.pages.dev

View logs

…lts condition

…dialog-changes

eliasassuncao · 2025-11-19T20:04:28Z

docs/src/examples/QasDialog/ExDialogCancelAndOk.vue

+const dialogProps = computed(() => ({
+  useForm: true,
+  title: 'Título do dialog',
+  ok: {
+    label: 'Fechar',
+    loading: isLoading.value
  },
+  onCancel,
+  onOk
+}))


não usamos com este padrão, usamos o return {}

eliasassuncao · 2025-11-19T20:06:26Z

ui/src/components/dialog/QasDialog.yml

-    desc: Tamanho máximo do dialog.
-    type: String
+  description:
+    desc: Descrição do dialog, pode ser uma string ou um componente ou uma string com HTML (passando a prop useHtmlDescription).


... pode ser uma string, um componente ou uma string...

eliasassuncao · 2025-11-19T20:07:36Z

ui/src/components/dialog/QasDialog.yml

-  actions:
-    desc: Slot para ações (botões por exemplo).
+  tertiary:
+    desc: Props para o botão terciário


seria bom explicar que o botão terciário só vai ter quando ter essa prop.

Props para o botão terciário, onde só terá o botão caso passe essa prop

eliasassuncao · 2025-11-19T20:09:44Z

ui/src/components/signature-uploader/QasSignatureUploader.vue

-
      <template #description>
-        <div :style="signaturePadWidth">
+        <div>


precisa da div?

felipejuzo02 · 2025-11-21T11:17:37Z

CHANGELOG.md

+  - QasTextTruncate -> prop `dialogProps`.
+  - QasUploader -> prop `dialogProps`.
+  - QasDrawer -> prop `dialogProps` (prop `persistent` saiu do `dialogProps` e agora é passado diretamente para o QasDrawer).
+- `QasDrawer`: adicionado propriedade `persistent` para não utilizar dentro de `dialogProps`.


isso seria realmente um breaking change do drawer? faz sentido estar aqui?

Sim porque muda como usa.

CHANGELOG.md

felipejuzo02 · 2025-11-21T11:22:28Z

docs/src/examples/QasDialog/DialogWithTertiary.vue

+
+const dialogProps = {


// consts
assim esta ficando junto com as refs

felipejuzo02 · 2025-11-21T11:24:37Z

ui/src/components/dialog/composables/use-cancel.js

    return {
      label: 'Cancelar',
-      outline: true,
+      'data-cy': 'dialog-cancel-btn',


qual a necessidade do data agr?? ja comecei os testes?

felipejuzo02 · 2025-11-21T11:26:20Z

ui/src/components/gallery/private/PvGalleryCarouselDialog.vue

+  persistent: false,
+  cancel: false,
+  ok: false,


ja nao tem cancel e nem ok, pela regra comentada ate na doc, o persistent ja seria false, nao??

Sim, estava atoa.

…dialog-changes

…g component

…dialog-changes

DouglasCalora added 11 commits August 26, 2025 20:27

refactor: update dialog component to use title and description props …

cf58659

…directly

refactor: clean up QasDialog component markup and improve button binding

89eace5

refactor: enhance QasDialog component by improving action slot handli…

b5e6d1b

…ng and updating button properties

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

348c176

…dialog-changes

refactor: simplify button properties in QasDialog and remove unused m…

862ebf9

…inWidth prop

feat: add QasFormDialog component with integrated form handling and d…

1e7173c

…efault dialog properties

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

6a2906d

…dialog-changes

refactor: update dialog components and props for improved functionali…

003b45e

…ty and consistency

refactor: update dialog examples to use script setup and improve butt…

ef198ba

…on properties

refactor: update dialog and drawer components for improved functional…

3b2bc59

…ity and consistency; remove unused QasFormDialog component

DouglasCalora added 2 commits November 18, 2025 17:28

refactor: update containerStyle to adjust overflow based on hasNoResu…

c7155cb

…lts condition

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

b2a273d

…dialog-changes

eliasassuncao approved these changes Nov 19, 2025

View reviewed changes

felipejuzo02 requested changes Nov 21, 2025

View reviewed changes

DouglasCalora added 2 commits November 25, 2025 17:40

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

e8fdf7d

…dialog-changes

Remove persistent property from dialogProps in PvGalleryCarouselDialo…

ff15714

…g component

felipejuzo02 approved these changes Nov 26, 2025

View reviewed changes

DouglasCalora added 11 commits February 12, 2026 13:23

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

7f8bc6a

…dialog-changes

Add spacingTop property to defaultActionsProps in QasDialog

7a6291c

Releasing v3.20.0-beta.10-alpha.0

0651326

Refactor overlay-navigation import and log usage

46cea9c

Releasing v3.20.0-beta.10-alpha.1

761a826

Releasing v3.20.0-beta.10-alpha.2

028fefa

Releasing v3.20.0-beta.10-alpha.3

b63511d

Releasing v3.20.0-beta.10-alpha.4

a80bee5

Releasing v3.20.0-beta.10-alpha.5

dc8eadd

Releasing v3.20.0-beta.10-alpha.6

9b9cef2

Releasing v3.20.0-beta.10-alpha.7

0509b38

Merge branch 'develop' of github.com:bildvitta/asteroid into feature/…

89e63b3

…dialog-changes


		const dialogProps = {

Comments

Conversation

DouglasCalora commented Nov 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Não publicado

BREAKING CHANGES

Adicionado

Modificado

Removido

Versão do asteroid

Tipo de alteração

O que foi alterado/adicionado

Checklist

Uh oh!

cloudflare-workers-and-pages bot commented Nov 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying asteroid with Cloudflare Pages

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

DouglasCalora commented Nov 18, 2025 •

edited

Loading

cloudflare-workers-and-pages bot commented Nov 18, 2025 •

edited

Loading