[PR #7750] [MERGED] feat: implement modal #8086

New issue

Closed

opened 2026-03-23 23:22:33 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 23:22:33 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7750
Author: @richardshiue
Created: 4/15/2025
Status: ✅ Merged
Merged: 4/15/2025
Merged by: @richardshiue

Base: feat/custom-prompt ← Head: feat/modal

📝 Commits (1)

d5ee5d7 feat: implement modal

📊 Changes

7 files changed (+404 additions, -6 deletions)

View changed files

➕ frontend/appflowy_flutter/lib/workspace/presentation/widgets/dialog_v2.dart (+109 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart (+6 -2)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/modal/modal_page.dart (+153 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart (+1 -4)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart (+1 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/modal/dimension.dart (+9 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/modal/modal.dart (+125 -0)

📄 Description

So... the commit got lost.

This PR relands https://github.com/AppFlowy-IO/AppFlowy/pull/7739

Feature Preview

PR Checklist

My code adheres to AppFlowy's Conventions
I've listed at least one issue that this PR fixes in the description above.
I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes.
All existing tests are passing.

Summary by Sourcery

Implement a modal component for the AppFlowy UI package, providing a flexible and customizable modal dialog system with support for different sizes and configurable header, body, and footer sections.

New Features:

Add a new modal component (AFModal) with support for small, medium, and large sizes
Create modal subcomponents including AFModalHeader, AFModalBody, and AFModalFooter for flexible modal composition
Implement a utility function showSimpleAFDialog for creating standard dialog patterns

Enhancements:

Improve UI component library with a reusable and themeable modal dialog system
Add dimension constants for standardizing modal sizes

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/7750 **Author:** [@richardshiue](https://github.com/richardshiue) **Created:** 4/15/2025 **Status:** ✅ Merged **Merged:** 4/15/2025 **Merged by:** [@richardshiue](https://github.com/richardshiue) **Base:** `feat/custom-prompt` ← **Head:** `feat/modal` --- ### 📝 Commits (1) - [`d5ee5d7`](https://github.com/AppFlowy-IO/AppFlowy/commit/d5ee5d789821956f0a7e896bae07dbe1d35e242c) feat: implement modal ### 📊 Changes **7 files changed** (+404 additions, -6 deletions) <details> <summary>View changed files</summary> ➕ `frontend/appflowy_flutter/lib/workspace/presentation/widgets/dialog_v2.dart` (+109 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart` (+6 -2) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/modal/modal_page.dart` (+153 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/button/base_button/base_button.dart` (+1 -4) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart` (+1 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/modal/dimension.dart` (+9 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/modal/modal.dart` (+125 -0) </details> ### 📄 Description So... the commit got lost. This PR relands https://github.com/AppFlowy-IO/AppFlowy/pull/7739 ### Feature Preview  ---  #### PR Checklist - [x] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/conventions) - [x] I've listed at least one issue that this PR fixes in the description above. - [x] I've added a test(s) to validate changes in this PR, or this PR only contains semantic changes. - [x] All existing tests are passing. ## Summary by Sourcery Implement a modal component for the AppFlowy UI package, providing a flexible and customizable modal dialog system with support for different sizes and configurable header, body, and footer sections. New Features: - Add a new modal component (AFModal) with support for small, medium, and large sizes - Create modal subcomponents including AFModalHeader, AFModalBody, and AFModalFooter for flexible modal composition - Implement a utility function showSimpleAFDialog for creating standard dialog patterns Enhancements: - Improve UI component library with a reusable and themeable modal dialog system - Add dimension constants for standardizing modal sizes --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>