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/Plugins que usam dialog:
- QasBoardGenerator -> prop confirmDialogProps.
- QasGallery -> prop dialogProps.
- QasDelete -> 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).
- Delete.js -> config dialogProps.
QasDialog:
- removido prop card em favor de usar 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.
- agora todos dialogs tem a propriedade title sendo obrigatória.
- Recomendação: Lugares que usam a prop useForm sem ter formulário só para desativar o auto close no botão ok modificar pela prop useAutoCloseOnOk.
QasBoardGenerator:
- necessário passar a prop useConfirmDialog caso queria dialog de confirmação.
- necessário repassar title na propriedade confirmDialogProps pois é obrigatória no QasDialog caso esteja usando a prop useConfirmDialog.
QasDrawer: adicionado propriedade persistent para não utilizar dentro de dialogProps

Adicionado

QasDialog/Dialog.js:
- adicionado propriedade size com default sm.
- adicionado propriedades title com required: true 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 useAutoCloseOnOk e useAutoCloseOnCancel (#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.
QasBoardGenerator: adicionado nova propriedade use-confirm-dialog para controlar quando vai ter ou não o dialog de confirmação.

Modificado

QasDialog/Dialog.js:
- 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/Dialog.js:
- removido prop card em favor de usar 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:	`21ff54d`
Status:	✅ Deploy successful!
Preview URL:	https://70e07c79.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:07:36Z

-  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

isto fica redundante.

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

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


precisa da div?

Sim, pra englobar os 2.

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

+  - 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.

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

    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

+  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

…inks

…tion dialog support

eliasassuncao · 2026-03-04T14:17:08Z

-      }, 2000)
-    }
-  }
+  setTimeout(() => {


pq o timeout?

simula loading

eliasassuncao · 2026-03-04T14:19:52Z

+ensureLink('.agents', '.agent')
+ensureLink('.agents', '.claude')
+
+module.exports = ensureLink


oq é isso?

faz o setup dos "agents" de ia para o asteroid

…dialog-changes

felipejuzo02 · 2026-03-04T14:20:32Z

nao entendi esse script, pra que serve?

tem a explicação acima.

felipejuzo02 · 2026-04-02T13:36:16Z

+.agent
+.claude


quais arquivos sao esses?

Agents LLM, melhor explicar isto em call.

felipejuzo02 · 2026-04-02T13:37:07Z

    "setup:ui": "cd ui && npm i && cd ..",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "setup:agent-links": "node scripts/setup-links.js"


pra que serve esse comando?

explicação acima

…n consistency

DouglasCalora · 2026-03-02T13:08:19Z

Serve para configurar os links simbolicos para skills de agentes LLMs como copilot, claude...

DouglasCalora · 2026-04-02T12:39:25Z

-      }, 2000)
-    }
-  }
+  setTimeout(() => {


simula loading

DouglasCalora · 2026-04-02T12:39:48Z

+ensureLink('.agents', '.agent')
+ensureLink('.agents', '.claude')
+
+module.exports = ensureLink


faz o setup dos "agents" de ia para o asteroid

DouglasCalora · 2026-04-02T16:19:53Z

tem a explicação acima.

DouglasCalora · 2026-04-02T16:30:53Z

+.agent
+.claude


Agents LLM, melhor explicar isto em call.

DouglasCalora · 2026-04-02T16:37:29Z

    "setup:ui": "cd ui && npm i && cd ..",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "setup:agent-links": "node scripts/setup-links.js"


explicação acima

DouglasCalora · 2026-04-02T18:16:04Z

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


isto fica redundante.

DouglasCalora · 2026-04-02T18:18:02Z

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


Sim, pra englobar os 2.

…dialog-changes

feat: criado prop size no QasDrawer

…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

DouglasCalora added 6 commits February 19, 2026 16:50

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

89e63b3

…dialog-changes

refactor: update .gitignore and add setup-links script for agent syml…

654cdb4

…inks

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

7050579

feat: enhance dialog components with required title prop and confirma…

bf55b0d

…tion dialog support

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

a66ba9c

feat: add consts section to dialog examples for better organization

fca7a6d

eliasassuncao requested changes Mar 4, 2026

View reviewed changes

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

7440090

…dialog-changes

felipejuzo02 requested changes Apr 2, 2026

View reviewed changes

DouglasCalora added 2 commits April 2, 2026 13:15

fix: resolve merge conflict in CHANGELOG.md

d84d430

feat: update dialog properties to enhance user experience and maintai…

ae6fcac

…n consistency

felipejuzo02 approved these changes Apr 2, 2026

View reviewed changes

fix: correct description formatting in QasDialog.yml

0001c10

eliasassuncao approved these changes Apr 2, 2026

View reviewed changes

DouglasCalora commented Apr 6, 2026

View reviewed changes

DouglasCalora and others added 11 commits April 6, 2026 10:17

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

9671c66

…dialog-changes

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

435a1b7

…dialog-changes

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

6669349

feat: criado prop size no QasDrawer

a55ffdd

feat: adicionado propriedade size pra controlar o tamanho do drawer

c2900d6

feat: code review

d3425d8

feat: drawer size

06b4b14

feat: code review

8f2c249

feat: code review

8de3db0

Merge pull request #1511 from bildvitta/feature/drawer-size

9d397f0

feat: criado prop size no QasDrawer

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

21ff54d

…dialog-changes

DouglasCalora merged commit d828791 into develop Apr 16, 2026
1 check passed

DouglasCalora deleted the feature/dialog-changes branch April 16, 2026 01:09

		.agent
		.claude

		.agent
		.claude

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!

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!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

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!

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!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

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!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

DouglasCalora commented Nov 18, 2025 •

edited

Loading

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

edited

Loading