[PR #4063] [MERGED] feat: new property ui revamp #6034

New issue

Closed

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

mirror commented

2026-03-23 22:21:25 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/4063
Author: @LucasXu0
Created: 12/1/2023
Status: ✅ Merged
Merged: 12/1/2023
Merged by: @LucasXu0

Base: main ← Head: new_property

📝 Commits (10+)

fccbc79 feat: implement new property page
a207a77 Merge branch 'main' into hide_tabbar
32210bc Merge branch 'main' into new_property
dfffe38 feat: implement date option
b260fb3 feat: add include time
827c84a feat: add field header
4cda85f Merge branch 'main' into new_property
2efeed5 feat: implement new property page
b496a10 feat: add icons
59a94ab feat: add color list

📊 Changes

39 files changed (+1703 additions, -158 deletions)

View changed files

📝 frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar_actions.dart (+26 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/base/option_color_list.dart (+56 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart (+7 -5)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_create_field_screen.dart (+100 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/_field_options.dart (+114 -0)
➕ frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/_new_field_option.dart (+867 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart (+17 -46)
📝 frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_option_decorate_box.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart (+248 -29)
📝 frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/type_option_service.dart (+15 -3)
📝 frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart (+53 -8)
📝 frontend/appflowy_flutter/lib/plugins/database_view/tab_bar/mobile/mobile_tab_bar_header.dart (+1 -0)
📝 frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/mobile_select_option_editor.dart (+22 -66)
📝 frontend/appflowy_flutter/lib/startup/tasks/generate_router.dart (+25 -0)
➕ frontend/appflowy_flutter/lib/util/field_type_extension.dart (+46 -0)
📝 frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/text_field.dart (+3 -0)
➕ frontend/resources/flowy_icons/16x/blue_check.svg (+3 -0)
➕ frontend/resources/flowy_icons/16x/field_option_checkbox.svg (+4 -0)
➕ frontend/resources/flowy_icons/16x/field_option_date.svg (+3 -0)
➕ frontend/resources/flowy_icons/16x/field_option_number.svg (+3 -0)

...and 19 more files

📄 Description

Feature Preview

How to integrate the new property page

final optionValues = await context.push<FieldOptionValues>(
  Uri(
    path: MobileNewPropertyScreen.routeName,
    queryParameters: {
      MobileNewPropertyScreen.argViewId: widget.viewId,
      MobileNewPropertyScreen.argFieldTypeId:
          type.value.toString(),
    },
  ).toString(),
);
if (optionValues != null) {
  await optionValues.create(viewId: widget.viewId);
  if (context.mounted) {
    context.pop();
  }
}

https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/bfd8cac5-e17b-4c87-9f4e-bed9621ad715

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/4063 **Author:** [@LucasXu0](https://github.com/LucasXu0) **Created:** 12/1/2023 **Status:** ✅ Merged **Merged:** 12/1/2023 **Merged by:** [@LucasXu0](https://github.com/LucasXu0) **Base:** `main` ← **Head:** `new_property` --- ### 📝 Commits (10+) - [`fccbc79`](https://github.com/AppFlowy-IO/AppFlowy/commit/fccbc79eb50f901b93513509d1739077d275eb64) feat: implement new property page - [`a207a77`](https://github.com/AppFlowy-IO/AppFlowy/commit/a207a77a6dcc28229e73a40c7ddf811c9ac2a99d) Merge branch 'main' into hide_tabbar - [`32210bc`](https://github.com/AppFlowy-IO/AppFlowy/commit/32210bcdfc16dc9ec1b0cc03da4ca98e4bd0ec0b) Merge branch 'main' into new_property - [`dfffe38`](https://github.com/AppFlowy-IO/AppFlowy/commit/dfffe3859b5a881e1633c54de9d0fafd834f73d4) feat: implement date option - [`b260fb3`](https://github.com/AppFlowy-IO/AppFlowy/commit/b260fb37ffe362133e3971eb63bc2dfdc556e3c5) feat: add include time - [`827c84a`](https://github.com/AppFlowy-IO/AppFlowy/commit/827c84a075bb5b257545e9ab3b2d8747d8efcf87) feat: add field header - [`4cda85f`](https://github.com/AppFlowy-IO/AppFlowy/commit/4cda85f2bcb0fb320721a022669be357430c963d) Merge branch 'main' into new_property - [`2efeed5`](https://github.com/AppFlowy-IO/AppFlowy/commit/2efeed5104d529e65c45182160ce2a1a02442fa1) feat: implement new property page - [`b496a10`](https://github.com/AppFlowy-IO/AppFlowy/commit/b496a101c8d8881cd1c2f48e629df6fd293dbe13) feat: add icons - [`59a94ab`](https://github.com/AppFlowy-IO/AppFlowy/commit/59a94abc9f8fbadd0f22810eb659b82752371b0e) feat: add color list ### 📊 Changes **39 files changed** (+1703 additions, -158 deletions) <details> <summary>View changed files</summary> 📝 `frontend/appflowy_flutter/lib/mobile/presentation/base/app_bar_actions.dart` (+26 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/base/option_color_list.dart` (+56 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/bottom_sheet/show_mobile_bottom_sheet.dart` (+7 -5) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/mobile_create_field_screen.dart` (+100 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/_field_options.dart` (+114 -0) ➕ `frontend/appflowy_flutter/lib/mobile/presentation/database/card/card_detail/widgets/_new_field_option.dart` (+867 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/database/date_picker/mobile_date_picker_screen.dart` (+17 -46) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_mobile_option_decorate_box.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/mobile/presentation/widgets/flowy_option_tile.dart` (+248 -29) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/application/field/type_option/type_option_service.dart` (+15 -3) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/grid/presentation/widgets/header/grid_header.dart` (+53 -8) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/tab_bar/mobile/mobile_tab_bar_header.dart` (+1 -0) 📝 `frontend/appflowy_flutter/lib/plugins/database_view/widgets/row/cells/select_option_cell/mobile_select_option_editor.dart` (+22 -66) 📝 `frontend/appflowy_flutter/lib/startup/tasks/generate_router.dart` (+25 -0) ➕ `frontend/appflowy_flutter/lib/util/field_type_extension.dart` (+46 -0) 📝 `frontend/appflowy_flutter/packages/flowy_infra_ui/lib/style_widget/text_field.dart` (+3 -0) ➕ `frontend/resources/flowy_icons/16x/blue_check.svg` (+3 -0) ➕ `frontend/resources/flowy_icons/16x/field_option_checkbox.svg` (+4 -0) ➕ `frontend/resources/flowy_icons/16x/field_option_date.svg` (+3 -0) ➕ `frontend/resources/flowy_icons/16x/field_option_number.svg` (+3 -0) _...and 19 more files_ </details> ### 📄 Description   ### Feature Preview How to integrate the new property page ```dart final optionValues = await context.push<FieldOptionValues>( Uri( path: MobileNewPropertyScreen.routeName, queryParameters: { MobileNewPropertyScreen.argViewId: widget.viewId, MobileNewPropertyScreen.argFieldTypeId: type.value.toString(), }, ).toString(), ); if (optionValues != null) { await optionValues.create(viewId: widget.viewId); if (context.mounted) { context.pop(); } } ``` https://github.com/AppFlowy-IO/AppFlowy/assets/11863087/bfd8cac5-e17b-4c87-9f4e-bed9621ad715  ---  #### PR Checklist - [ ] My code adheres to [AppFlowy's Conventions](https://docs.appflowy.io/docs/documentation/software-contributions/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. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>