[PR #903] [MERGED] Feat: appflowy_popover #4421

New issue

Closed

opened 2026-03-23 21:37:44 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 21:37:44 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/903
Author: @vincentdchan
Created: 8/25/2022
Status: ✅ Merged
Merged: 9/6/2022
Merged by: @appflowy

Base: main ← Head: feat/flowy-overlay

📝 Commits (10+)

58ad84b feat: flowy overlay
84b5762 feat: unify styles
ddc394f feat: introduce popover widget
4fb760e feat: add popover overlay
e9b215e feat: poover anchor on the object
5cdd1d3 feat: aciton sheet
2fb1151 feat: add popover package
fe549e8 feat: add example
072d94e feat: add secondary button
defef55 feat: add exclusive

📊 Changes

177 files changed (+6816 additions, -842 deletions)

View changed files

📝 frontend/app_flowy/lib/plugins/board/presentation/board_page.dart (+10 -4)
📝 frontend/app_flowy/lib/plugins/board/presentation/toolbar/board_setting.dart (+48 -39)
📝 frontend/app_flowy/lib/plugins/board/presentation/toolbar/board_toolbar.dart (+16 -7)
📝 frontend/app_flowy/lib/plugins/grid/presentation/grid_page.dart (+9 -4)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_accessory.dart (+35 -7)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_builder.dart (+3 -3)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_container.dart (+1 -1)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/date_cell/date_cell.dart (+29 -18)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/date_cell/date_editor.dart (+88 -115)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_cell.dart (+49 -11)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_editor.dart (+68 -59)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/url_cell/cell_editor.dart (+24 -45)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/url_cell/url_cell.dart (+77 -21)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_cell.dart (+22 -32)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_cell_action_sheet.dart (+53 -45)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_editor.dart (+29 -33)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_type_option_editor.dart (+27 -53)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart (+42 -12)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/builder.dart (+15 -18)
📝 frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/date.dart (+53 -31)

...and 80 more files

📄 Description

A Popover can be used to display some content on top of another.

Features

A popover is a transient view that appears above other content onscreen when you tap a control or in an area. Typically, a popover includes an arrow pointing to the location from which it emerged. Popovers can be nonmodal or modal. A nonmodal popover is dismissed by tapping another part of the screen or a button on the popover. A modal popover is dismissed by tapping a Cancel or other button on the popover.

Source: Human Interface Guidelines.

Basic popover style
Nested popover support
Exclusive popover API

_{🔄 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/903 **Author:** [@vincentdchan](https://github.com/vincentdchan) **Created:** 8/25/2022 **Status:** ✅ Merged **Merged:** 9/6/2022 **Merged by:** [@appflowy](https://github.com/appflowy) **Base:** `main` ← **Head:** `feat/flowy-overlay` --- ### 📝 Commits (10+) - [`58ad84b`](https://github.com/AppFlowy-IO/AppFlowy/commit/58ad84b7df9c16d53aa71ec9f84a4e350c70ab42) feat: flowy overlay - [`84b5762`](https://github.com/AppFlowy-IO/AppFlowy/commit/84b5762017638f5b8808aee58350c3d9970d3c6c) feat: unify styles - [`ddc394f`](https://github.com/AppFlowy-IO/AppFlowy/commit/ddc394fcd73d4fbcd6c0b72ceaccdf0dd5f238ac) feat: introduce popover widget - [`4fb760e`](https://github.com/AppFlowy-IO/AppFlowy/commit/4fb760e44c12d739bd72c1ab5c575c0e7b6c5448) feat: add popover overlay - [`e9b215e`](https://github.com/AppFlowy-IO/AppFlowy/commit/e9b215ebbd9f972961d8dadabc22fc0b76abc577) feat: poover anchor on the object - [`5cdd1d3`](https://github.com/AppFlowy-IO/AppFlowy/commit/5cdd1d38c485b7d728f2692bac88a191b31380a2) feat: aciton sheet - [`2fb1151`](https://github.com/AppFlowy-IO/AppFlowy/commit/2fb11519d2411d5f97adfd20038d61a6ab6d53ca) feat: add popover package - [`fe549e8`](https://github.com/AppFlowy-IO/AppFlowy/commit/fe549e8d6794182dc614d1bf88e69518342009ea) feat: add example - [`072d94e`](https://github.com/AppFlowy-IO/AppFlowy/commit/072d94ebe6e91fa5e3989e3af264f62971fe5637) feat: add secondary button - [`defef55`](https://github.com/AppFlowy-IO/AppFlowy/commit/defef552ed3a88278dfbfe8630b505d0e7b51f76) feat: add exclusive ### 📊 Changes **177 files changed** (+6816 additions, -842 deletions) <details> <summary>View changed files</summary> 📝 `frontend/app_flowy/lib/plugins/board/presentation/board_page.dart` (+10 -4) 📝 `frontend/app_flowy/lib/plugins/board/presentation/toolbar/board_setting.dart` (+48 -39) 📝 `frontend/app_flowy/lib/plugins/board/presentation/toolbar/board_toolbar.dart` (+16 -7) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/grid_page.dart` (+9 -4) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_accessory.dart` (+35 -7) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_builder.dart` (+3 -3) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/cell_container.dart` (+1 -1) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/date_cell/date_cell.dart` (+29 -18) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/date_cell/date_editor.dart` (+88 -115) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_cell.dart` (+49 -11) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/select_option_cell/select_option_editor.dart` (+68 -59) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/url_cell/cell_editor.dart` (+24 -45) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/cell/url_cell/url_cell.dart` (+77 -21) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_cell.dart` (+22 -32) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_cell_action_sheet.dart` (+53 -45) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_editor.dart` (+29 -33) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/field_type_option_editor.dart` (+27 -53) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/grid_header.dart` (+42 -12) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/builder.dart` (+15 -18) 📝 `frontend/app_flowy/lib/plugins/grid/presentation/widgets/header/type_option/date.dart` (+53 -31) _...and 80 more files_ </details> ### 📄 Description A Popover can be used to display some content on top of another. ## Features > A popover is a transient view that appears above other content onscreen when you tap a control or in an area. Typically, a popover includes an arrow pointing to the location from which it emerged. Popovers can be nonmodal or modal. A nonmodal popover is dismissed by tapping another part of the screen or a button on the popover. A modal popover is dismissed by tapping a Cancel or other button on the popover. Source: [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/ios/views/popovers/). - Basic popover style - Nested popover support - Exclusive popover API --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>