multi mention

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/models_new/dynamic/dyn_mention/item.dart

@@ -1,4 +1,7 @@
-class MentionItem {
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
+
+class MentionItem with MultiSelectData {
   String? face;
   int? fans;
   String? name;

lib/models_new/fav/fav_detail/media.dart

@@ -2,7 +2,8 @@ import 'package:PiliPlus/models/model_owner.dart';
 import 'package:PiliPlus/models_new/fav/fav_detail/cnt_info.dart';
 import 'package:PiliPlus/models_new/fav/fav_detail/ogv.dart';
 import 'package:PiliPlus/models_new/fav/fav_detail/ugc.dart';
-import 'package:PiliPlus/pages/common/multi_select_controller.dart';
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
 
 class FavDetailItemModel with MultiSelectData {
   int? id;

lib/models_new/fav/fav_note/list.dart

@@ -1,4 +1,5 @@
-import 'package:PiliPlus/pages/common/multi_select_controller.dart';
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
 
 class FavNoteItemModel with MultiSelectData {
   FavNoteItemModel({

lib/models_new/fav/fav_pgc/list.dart

@@ -11,7 +11,8 @@ import 'package:PiliPlus/models_new/fav/fav_pgc/rights.dart';
 import 'package:PiliPlus/models_new/fav/fav_pgc/section.dart';
 import 'package:PiliPlus/models_new/fav/fav_pgc/series.dart';
 import 'package:PiliPlus/models_new/fav/fav_pgc/stat.dart';
-import 'package:PiliPlus/pages/common/multi_select_controller.dart';
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
 
 class FavPgcItemModel with MultiSelectData {
   int? seasonId;

lib/models_new/history/list.dart

@@ -1,5 +1,6 @@
 import 'package:PiliPlus/models_new/history/history.dart';
-import 'package:PiliPlus/pages/common/multi_select_controller.dart';
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
 
 class HistoryItemModel with MultiSelectData {
   String? title;

lib/models_new/later/list.dart

@@ -1,11 +1,11 @@
-import 'package:PiliPlus/pages/common/multi_select_controller.dart';
-
 import 'package:PiliPlus/models_new/later/bangumi.dart';
 import 'package:PiliPlus/models_new/later/dimension.dart';
 import 'package:PiliPlus/models_new/later/owner.dart';
 import 'package:PiliPlus/models_new/later/page.dart';
 import 'package:PiliPlus/models_new/later/rights.dart';
 import 'package:PiliPlus/models_new/later/stat.dart';
+import 'package:PiliPlus/pages/common/multi_select_controller.dart'
+    show MultiSelectData;
 
 class LaterItemModel with MultiSelectData {
   int? aid;

lib/pages/common/publish/common_rich_text_pub_page.dart

@@ -240,23 +240,32 @@ abstract class CommonRichTextPubPageState<T extends CommonRichTextPubPage>
   double _mentionOffset = 0;
   Future<void> onMention([bool fromClick = false]) async {
     controller.keepChatPanel();
-    await DynMentionPanel.onDynMention(
+    final res = await DynMentionPanel.onDynMention(
       context,
       offset: _mentionOffset,
       callback: (offset) => _mentionOffset = offset,
-    ).then((MentionItem? res) {
+    );
     if (res != null) {
+      if (res is MentionItem) {
+        _onInsertUser(res, fromClick);
+      } else if (res is Iterable<MentionItem>) {
+        for (var e in res) {
+          _onInsertUser(e, fromClick);
+        }
+      }
+    }
+    controller.restoreChatPanel();
+  }
+
+  void _onInsertUser(MentionItem e, bool fromClick) {
     onInsertText(
-          '@${res.name} ',
+      '@${e.name} ',
       RichTextType.at,
-          rawText: res.name,
+      rawText: e.name,
-          id: res.uid,
+      id: e.uid,
       fromClick: fromClick,
     );
   }
-    });
-    controller.restoreChatPanel();
-  }
 
   void onInsertText(
     String text,

lib/pages/dynamics_mention/controller.dart

@@ -1,6 +1,7 @@
 import 'package:PiliPlus/http/dynamics.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models_new/dynamic/dyn_mention/group.dart';
+import 'package:PiliPlus/models_new/dynamic/dyn_mention/item.dart';
 import 'package:PiliPlus/pages/common/common_list_controller.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
@@ -12,12 +13,26 @@ class DynMentionController
 
   final RxBool enableClear = false.obs;
 
+  final RxBool showBtn = false.obs;
+  Set<MentionItem>? mentionList;
+
+  void updateBtn() {
+    showBtn.value = mentionList?.isNotEmpty == true;
+  }
+
   @override
   void onInit() {
     super.onInit();
     queryData();
   }
 
+  @override
+  Future<void> onRefresh() {
+    mentionList?.clear();
+    showBtn.value = false;
+    return super.onRefresh();
+  }
+
   @override
   Future<LoadingState<List<MentionGroup>?>> customGetData() =>
       DynamicsHttp.dynMention(keyword: controller.text);
@@ -26,6 +41,17 @@ class DynMentionController
   void onClose() {
     focusNode.dispose();
     controller.dispose();
+    mentionList?.clear();
+    mentionList = null;
     super.onClose();
   }
+
+  void onCheck(bool? value, MentionItem item) {
+    if (value == true) {
+      (mentionList ??= <MentionItem>{}).add(item);
+    } else {
+      mentionList!.remove(item);
+    }
+    updateBtn();
+  }
 }

lib/pages/dynamics_mention/view.dart

@@ -8,7 +8,6 @@ import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
 import 'package:PiliPlus/common/widgets/loading_widget/loading_widget.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models_new/dynamic/dyn_mention/group.dart';
-import 'package:PiliPlus/models_new/dynamic/dyn_mention/item.dart';
 import 'package:PiliPlus/pages/dynamics_mention/controller.dart';
 import 'package:PiliPlus/pages/dynamics_mention/widgets/item.dart';
 import 'package:PiliPlus/utils/extension.dart';
@@ -26,12 +25,12 @@ class DynMentionPanel extends StatefulWidget {
   final ScrollController? scrollController;
   final ValueChanged<double>? callback;
 
-  static Future<MentionItem?> onDynMention(
+  static Future onDynMention(
     BuildContext context, {
     double offset = 0,
     ValueChanged<double>? callback,
   }) {
-    return showModalBottomSheet<MentionItem?>(
+    return showModalBottomSheet(
       context: Get.context!,
       useSafeArea: true,
       isScrollControlled: true,
@@ -89,6 +88,8 @@ class _DynMentionPanelState extends State<DynMentionPanel> {
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
+    final padding = MediaQuery.paddingOf(context).bottom;
+    final viewInset = MediaQuery.viewInsetsOf(context).bottom;
     return Column(
       children: [
         SizedBox(
@@ -163,7 +164,10 @@ class _DynMentionPanelState extends State<DynMentionPanel> {
           ),
         ),
         Expanded(
-          child: NotificationListener<ScrollNotification>(
+          child: Stack(
+            clipBehavior: Clip.none,
+            children: [
+              NotificationListener<ScrollNotification>(
                 onNotification: (notification) {
                   if (notification is UserScrollNotification) {
                     if (_controller.focusNode.hasFocus) {
@@ -177,17 +181,48 @@ class _DynMentionPanelState extends State<DynMentionPanel> {
                 child: CustomScrollView(
                   controller: widget.scrollController,
                   slivers: [
-                Obx(() => _buildBody(theme, _controller.loadingState.value)),
+                    Obx(() =>
+                        _buildBody(theme, _controller.loadingState.value)),
                     SliverToBoxAdapter(
                       child: SizedBox(
-                    height: MediaQuery.paddingOf(context).bottom +
+                        height: padding + viewInset + 80,
-                        MediaQuery.viewInsetsOf(context).bottom +
-                        80,
                       ),
                     ),
                   ],
                 ),
               ),
+              Obx(() {
+                return Positioned(
+                  right: 16,
+                  bottom: padding +
+                      16 +
+                      (_controller.showBtn.value ? viewInset : 0),
+                  child: AnimatedSlide(
+                    offset: _controller.showBtn.value
+                        ? Offset.zero
+                        : const Offset(0, 3),
+                    duration: const Duration(milliseconds: 120),
+                    child: FloatingActionButton(
+                      onPressed: () {
+                        if (_controller.mentionList.isNullOrEmpty) {
+                          _controller.showBtn.value = false;
+                          return;
+                        }
+                        Get.back(result: _controller.mentionList!.toSet());
+                        for (var e in _controller.mentionList!) {
+                          e.checked = null;
+                        }
+                        _controller
+                          ..mentionList!.clear()
+                          ..showBtn.value = false;
+                      },
+                      child: const Icon(Icons.check),
+                    ),
+                  ),
+                );
+              }),
+            ],
+          ),
         ),
       ],
     );
@@ -200,8 +235,8 @@ class _DynMentionPanelState extends State<DynMentionPanel> {
           padding: const EdgeInsets.only(top: 8),
           sliver: linearLoading,
         ),
-      Success<List<MentionGroup>?>(:var response) =>
+      Success<List<MentionGroup>?>(:var response) => response?.isNotEmpty ==
-        response?.isNotEmpty == true
+              true
           ? SliverMainAxisGroup(
               slivers: response!.map((group) {
                 if (group.items.isNullOrEmpty) {
@@ -225,9 +260,11 @@ class _DynMentionPanelState extends State<DynMentionPanel> {
                     SliverList.builder(
                       itemCount: group.items!.length,
                       itemBuilder: (context, index) {
+                        final item = group.items![index];
                         return DynMentionItem(
-                            item: group.items![index],
+                          item: item,
-                            onTap: (e) => Get.back(result: e),
+                          onTap: () => Get.back(result: item),
+                          onCheck: (value) => _controller.onCheck(value, item),
                         );
                       },
                     ),

lib/pages/dynamics_mention/widgets/item.dart

@@ -9,10 +9,12 @@ class DynMentionItem extends StatelessWidget {
     super.key,
     required this.item,
     required this.onTap,
+    required this.onCheck,
   });
 
   final MentionItem item;
-  final ValueChanged<MentionItem> onTap;
+  final VoidCallback onTap;
+  final ValueChanged<bool?> onCheck;
 
   @override
   Widget build(BuildContext context) {
@@ -20,7 +22,7 @@ class DynMentionItem extends StatelessWidget {
       type: MaterialType.transparency,
       child: ListTile(
         dense: true,
-        onTap: () => onTap(item),
+        onTap: onTap,
         leading: NetworkImgLayer(
           src: item.face,
           width: 42,
@@ -35,6 +37,15 @@ class DynMentionItem extends StatelessWidget {
           '${NumUtil.numFormat(item.fans)}粉丝',
           style: TextStyle(color: Theme.of(context).colorScheme.outline),
         ),
+        trailing: Checkbox(
+          tristate: false,
+          value: item.checked ?? false,
+          onChanged: (value) {
+            item.checked = value;
+            (context as Element).markNeedsBuild();
+            onCheck(value);
+          },
+        ),
       ),
     );
   }