[PR #7933] [MERGED] feat: add menu / avatar component #8222

New issue

Closed

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

mirror commented

2026-03-23 23:23:11 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/7933
Author: @LucasXu0
Created: 5/14/2025
Status: ✅ Merged
Merged: 5/14/2025
Merged by: @LucasXu0

Base: main ← Head: new_components

📝 Commits (7)

edb611f feat: support avatar in appflowy_ui package
71742aa feat: add menu component
fb3afd9 feat: optimize section component
7b5a8b3 feat: add menu example
e7bdf14 feat: add menu item selected status
42c66f8 feat: support popover
d1f16cc fix: analyze issue

📊 Changes

20 files changed (+1861 additions, -5 deletions)

View changed files

➕ frontend/appflowy_flutter/packages/appflowy_ui/example/assets/images/arrow_right.svg (+5 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/assets/images/vector.svg (+3 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart (+6 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/avatar/avatar_page.dart (+89 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/menu/menu_page.dart (+199 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner.xcodeproj/project.pbxproj (+7 -1)
➕ frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings (+5 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner/DebugProfile.entitlements (+2 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/example/pubspec.yaml (+6 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/avatar/avatar.dart (+158 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart (+3 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/menu.dart (+41 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/menu_item.dart (+102 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/section.dart (+42 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/anchor.dart (+33 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/popover.dart (+276 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/shadcn/_mouse_area.dart (+515 -0)
➕ frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/shadcn/_portal.dart (+364 -0)
📝 frontend/appflowy_flutter/packages/appflowy_ui/lib/src/theme/definition/text_style/base/default_text_style.dart (+4 -4)
📝 frontend/appflowy_flutter/packages/appflowy_ui/pubspec.yaml (+1 -0)

📄 Description

Feature Preview

avatar
menu
popover

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.

_{🔄 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/7933 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 5/14/2025 **Status:** ✅ Merged **Merged:** 5/14/2025 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `new_components` --- ### 📝 Commits (7) - [`edb611f`](https://github.com/AppFlowy-IO/AppFlowy/commit/edb611f5c53e37f29303507ececc227eae38cba9) feat: support avatar in appflowy_ui package - [`71742aa`](https://github.com/AppFlowy-IO/AppFlowy/commit/71742aa327dd07bab4c62aa845082c348b2aba09) feat: add menu component - [`fb3afd9`](https://github.com/AppFlowy-IO/AppFlowy/commit/fb3afd9c72ab6a05dbd453458e8b0145b9629a65) feat: optimize section component - [`7b5a8b3`](https://github.com/AppFlowy-IO/AppFlowy/commit/7b5a8b38e5f87985e3e238fa404f59a9b9e59484) feat: add menu example - [`e7bdf14`](https://github.com/AppFlowy-IO/AppFlowy/commit/e7bdf1486a4ff07664f1bbfee0eb3baf6fd045d4) feat: add menu item selected status - [`42c66f8`](https://github.com/AppFlowy-IO/AppFlowy/commit/42c66f8daf8efb87fcafe1bf455aa2ce0aa4dc13) feat: support popover - [`d1f16cc`](https://github.com/AppFlowy-IO/AppFlowy/commit/d1f16cc741c15382025bb83d3c51358f3f2d81a2) fix: analyze issue ### 📊 Changes **20 files changed** (+1861 additions, -5 deletions) <details> <summary>View changed files</summary> ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/assets/images/arrow_right.svg` (+5 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/assets/images/vector.svg` (+3 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/main.dart` (+6 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/avatar/avatar_page.dart` (+89 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/lib/src/menu/menu_page.dart` (+199 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner.xcodeproj/project.pbxproj` (+7 -1) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings` (+5 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/macos/Runner/DebugProfile.entitlements` (+2 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/example/pubspec.yaml` (+6 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/avatar/avatar.dart` (+158 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/component.dart` (+3 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/menu.dart` (+41 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/menu_item.dart` (+102 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/menu/section.dart` (+42 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/anchor.dart` (+33 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/popover.dart` (+276 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/shadcn/_mouse_area.dart` (+515 -0) ➕ `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/component/popover/shadcn/_portal.dart` (+364 -0) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/lib/src/theme/definition/text_style/base/default_text_style.dart` (+4 -4) 📝 `frontend/appflowy_flutter/packages/appflowy_ui/pubspec.yaml` (+1 -0) </details> ### 📄 Description   ### Feature Preview - [x] avatar - [x] menu - [x] popover <img width="775" alt="Screenshot 2025-05-14 at 17 25 25" src="https://github.com/user-attachments/assets/484fe290-dc97-4482-a197-6011e817d459" /> <img width="775" alt="Screenshot 2025-05-14 at 17 25 29" src="https://github.com/user-attachments/assets/adf5b59d-275b-40bc-b075-8d9205194b77" /> <img width="775" alt="Screenshot 2025-05-14 at 18 07 28" src="https://github.com/user-attachments/assets/e27a8511-6c9c-4e86-8fd9-12ec64733046" />  ---  #### 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. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>