opt: relation modify

lib/common/widgets/group_panel.dart

@@ -1,12 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
-import 'package:hive/hive.dart';
 import 'package:pilipala/common/widgets/http_error.dart';
 import 'package:pilipala/http/member.dart';
 import 'package:pilipala/models/member/tags.dart';
 import 'package:pilipala/utils/feed_back.dart';
-import 'package:pilipala/utils/storage.dart';
 
 class GroupPanel extends StatefulWidget {
   final int? mid;
@@ -18,7 +16,6 @@ class GroupPanel extends StatefulWidget {
 }
 
 class _GroupPanelState extends State<GroupPanel> {
-  final Box<dynamic> localCache = GStorage.localCache;
   late Future _futureBuilderFuture;
   late List<MemberTagItemModel> tagsList;
   bool showDefault = true;
@@ -137,7 +134,7 @@ class _GroupPanelState extends State<GroupPanel> {
             left: 20,
             right: 20,
             top: 12,
-            bottom: MediaQuery.of(context).padding.bottom + 12,
+            bottom: MediaQuery.paddingOf(context).bottom + 12,
           ),
           child: Row(
             mainAxisAlignment: MainAxisAlignment.end,

lib/pages/follow/widgets/follow_item.dart

@@ -3,8 +3,8 @@ import 'package:get/get.dart';
 import 'package:pilipala/common/widgets/network_img_layer.dart';
 import 'package:pilipala/models/follow/result.dart';
 import 'package:pilipala/pages/follow/index.dart';
-import 'package:pilipala/pages/video/detail/introduction/widgets/group_panel.dart';
 import 'package:pilipala/utils/feed_back.dart';
+import 'package:pilipala/utils/follow.dart';
 import 'package:pilipala/utils/utils.dart';
 
 class FollowItem extends StatelessWidget {
@@ -47,28 +47,11 @@ class FollowItem extends StatelessWidget {
               height: 34,
               child: TextButton(
                 onPressed: () async {
-                  await showModalBottomSheet(
+                  int followStatus = await FollowUtils(
                     context: context,
-                    useSafeArea: true,
+                    followStatus: 2,
-                    isScrollControlled: true,
+                    mid: item.mid!,
-                    builder: (BuildContext context) {
+                  ).showFollowSheet();
-                      return DraggableScrollableSheet(
-                        initialChildSize: 0.6,
-                        minChildSize: 0,
-                        maxChildSize: 1,
-                        snap: true,
-                        expand: false,
-                        snapSizes: const [0.6],
-                        builder: (BuildContext context,
-                            ScrollController scrollController) {
-                          return GroupPanel(
-                            mid: item.mid!,
-                            scrollController: scrollController,
-                          );
-                        },
-                      );
-                    },
-                  );
                 },
                 style: TextButton.styleFrom(
                   padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),

lib/pages/member/controller.dart

@@ -1,15 +1,14 @@
-import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import 'package:hive/hive.dart';
 import 'package:pilipala/http/member.dart';
 import 'package:pilipala/http/user.dart';
-import 'package:pilipala/http/video.dart';
 import 'package:pilipala/models/member/archive.dart';
 import 'package:pilipala/models/member/coin.dart';
 import 'package:pilipala/models/member/info.dart';
 import 'package:pilipala/models/member/like.dart';
 import 'package:pilipala/models/user/info.dart';
+import 'package:pilipala/utils/follow.dart';
 import 'package:pilipala/utils/storage.dart';
 import 'package:share_plus/share_plus.dart';
 
@@ -29,6 +28,12 @@ class MemberController extends GetxController {
   RxList<MemberCoinsDataModel> recentCoinsList = <MemberCoinsDataModel>[].obs;
   RxList<MemberLikeDataModel> recentLikeList = <MemberLikeDataModel>[].obs;
   RxBool isOwner = false.obs;
+  final Map<int, String> attributeTextMap = {
+    1: '悄悄关注',
+    2: '已关注',
+    6: '已互粉',
+    128: '已拉黑',
+  };
 
   @override
   void onInit() {
@@ -85,11 +90,12 @@ class MemberController extends GetxController {
       SmartDialog.showToast('账号未登录');
       return;
     }
-    if (attribute.value == 128) {
+    attribute.value = await FollowUtils(
-      modifyRelation('block');
+      context: Get.context!,
-    } else {
+      followStatus: attribute.value,
-      modifyRelation('follow');
+      mid: mid,
-    }
+    ).showFollowSheet();
+    attributeText.value = attributeTextMap[attribute.value] ?? '关注';
   }
 
   // 关系查询
@@ -99,16 +105,10 @@ class MemberController extends GetxController {
     var res = await UserHttp.hasFollow(mid);
     if (res['status']) {
       attribute.value = res['data']['attribute'];
-      final Map<int, String> attributeTextMap = {
-        1: '悄悄关注',
-        2: '已关注',
-        6: '已互关',
-        128: '已拉黑',
-      };
-      attributeText.value = attributeTextMap[attribute.value] ?? '关注';
       if (res['data']['special'] == 1) {
         attributeText.value = '特别关注';
       }
+      attributeText.value = attributeTextMap[attribute.value] ?? '关注';
     }
   }
 
@@ -118,66 +118,15 @@ class MemberController extends GetxController {
       SmartDialog.showToast('账号未登录');
       return;
     }
-    modifyRelation('block');
+    final String actionType = attribute.value == 128 ? 'remove' : 'block';
-  }
+    attribute.value = await FollowUtils(
-
-// 合并关注/取关和拉黑逻辑
-  Future modifyRelation(String actionType) async {
-    String contentText;
-    int act;
-    if (actionType == 'follow') {
-      contentText = memberInfo.value.isFollowed! ? '确定取消关注UP主?' : '确定关注UP主?';
-      act = memberInfo.value.isFollowed! ? 2 : 1;
-    } else if (actionType == 'block') {
-      contentText = attribute.value != 128 ? '确定拉黑UP主?' : '确定从黑名单移除UP主?';
-      act = attribute.value != 128 ? 5 : 6;
-    } else {
-      return;
-    }
-
-    showDialog(
       context: Get.context!,
-      builder: (BuildContext context) {
+      followStatus: attribute.value,
-        return AlertDialog(
+      mid: mid,
-          title: const Text('提示'),
+    ).modifyRelationFetch(actionType, isDirect: true);
-          content: Text(contentText),
+    if (attribute.value != -1) {
-          actions: [
+      attributeText.value = attributeTextMap[attribute.value] ?? '关注';
-            TextButton(
+    }
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(
-                '点错了',
-                style: TextStyle(color: Theme.of(context).colorScheme.outline),
-              ),
-            ),
-            TextButton(
-              onPressed: () async {
-                var res = await VideoHttp.relationMod(
-                  mid: mid,
-                  act: act,
-                  reSrc: 11,
-                );
-                SmartDialog.dismiss();
-                if (res['status']) {
-                  if (actionType == 'follow') {
-                    memberInfo.value.isFollowed = !memberInfo.value.isFollowed!;
-                  } else if (actionType == 'block') {
-                    attribute.value = attribute.value != 128 ? 128 : 0;
-                    attributeText.value = attribute.value == 128 ? '已拉黑' : '关注';
-                    memberInfo.value.isFollowed = false;
-                  }
-                  relationSearch();
-                  if (context.mounted) {
-                    Navigator.of(context).pop();
-                  }
-                  memberInfo.update((val) {});
-                }
-              },
-              child: const Text('确定'),
-            )
-          ],
-        );
-      },
-    );
   }
 
   void shareUser() {

lib/pages/video/detail/introduction/controller.dart

@@ -17,6 +17,7 @@ import 'package:pilipala/pages/video/detail/controller.dart';
 import 'package:pilipala/pages/video/detail/reply/index.dart';
 import 'package:pilipala/plugin/pl_player/models/play_repeat.dart';
 import 'package:pilipala/utils/feed_back.dart';
+import 'package:pilipala/utils/follow.dart';
 import 'package:pilipala/utils/global_data_cache.dart';
 import 'package:pilipala/utils/id_utils.dart';
 import 'package:pilipala/utils/storage.dart';
@@ -26,7 +27,6 @@ import '../../../../common/pages_bottom_sheet.dart';
 import '../../../../models/common/video_episode_type.dart';
 import '../../../../utils/drawer.dart';
 import '../related/index.dart';
-import 'widgets/group_panel.dart';
 
 class VideoIntroController extends GetxController {
   VideoIntroController({required this.bvid});
@@ -50,7 +50,7 @@ class VideoIntroController extends GetxController {
   List addMediaIdsNew = [];
   List delMediaIdsNew = [];
   // 关注状态 默认未关注
-  RxMap followStatus = {}.obs;
+  RxInt followStatus = (-1).obs;
   RxInt lastPlayCid = 0.obs;
   UserInfoData? userInfo;
   RxList<VideoTagItem> videoTags = <VideoTagItem>[].obs;
@@ -337,113 +337,23 @@ class VideoIntroController extends GetxController {
     }
     var result = await VideoHttp.hasFollow(mid: videoDetail.value.owner!.mid!);
     if (result['status']) {
-      followStatus.value = result['data'];
+      followStatus.value = result['data']['attribute'];
     }
     return result;
   }
 
   // 关注/取关up
-  Future actionRelationMod() async {
+  Future actionRelationMod(BuildContext context) async {
     feedBack();
     if (userInfo == null) {
       SmartDialog.showToast('账号未登录');
       return;
     }
-    final int currentStatus = followStatus['attribute'];
+    followStatus.value = await FollowUtils(
-    if (currentStatus == 128) {
+      context: context,
-      modifyRelation('block', currentStatus);
+      followStatus: followStatus.value,
-    } else {
+      mid: videoDetail.value.owner!.mid!,
-      modifyRelation('follow', currentStatus);
+    ).showFollowSheet();
-    }
-  }
-
-  // 操作用户关系
-  Future modifyRelation(String actionType, int currentStatus) async {
-    final int mid = videoDetail.value.owner!.mid!;
-    String contentText;
-    int act;
-    if (actionType == 'follow') {
-      contentText = currentStatus != 0 ? '确定取消关注UP主?' : '确定关注UP主?';
-      act = currentStatus != 0 ? 2 : 1;
-    } else if (actionType == 'block') {
-      contentText = '确定从黑名单移除UP主?';
-      act = 6;
-    } else {
-      return;
-    }
-
-    showDialog(
-      context: Get.context!,
-      builder: (BuildContext context) {
-        final Color outline = Theme.of(Get.context!).colorScheme.outline;
-        return AlertDialog(
-          title: const Text('提示'),
-          content: Text(contentText),
-          actions: [
-            TextButton(
-              onPressed: Navigator.of(context).pop,
-              child: Text('点错了', style: TextStyle(color: outline)),
-            ),
-            TextButton(
-              onPressed: () => modifyRelationFetch(
-                context,
-                mid,
-                act,
-                currentStatus,
-                actionType,
-              ),
-              child: const Text('确定'),
-            )
-          ],
-        );
-      },
-    );
-  }
-
-  // 操作用户关系Future
-  Future modifyRelationFetch(
-    BuildContext context,
-    mid,
-    act,
-    currentStatus,
-    actionType,
-  ) async {
-    var res = await VideoHttp.relationMod(mid: mid, act: act, reSrc: 11);
-    if (context.mounted) {
-      Navigator.of(context).pop();
-    }
-    if (res['status']) {
-      if (actionType == 'follow') {
-        final Map<int, int> statusMap = {
-          0: 2,
-          2: 0,
-        };
-        late int actionStatus;
-        actionStatus = statusMap[currentStatus] ?? 0;
-        followStatus['attribute'] = actionStatus;
-        if (currentStatus == 0 && Get.context!.mounted) {
-          ScaffoldMessenger.of(Get.context!).showSnackBar(
-            SnackBar(
-              content: const Text('关注成功'),
-              duration: const Duration(seconds: 2),
-              action: SnackBarAction(
-                label: '设置分组',
-                onPressed: setFollowGroup,
-              ),
-              showCloseIcon: true,
-            ),
-          );
-        } else {
-          SmartDialog.showToast('取消关注成功');
-        }
-      } else if (actionType == 'block') {
-        followStatus['attribute'] = 0;
-        SmartDialog.showToast('取消拉黑成功');
-      }
-      followStatus.refresh();
-    } else {
-      SmartDialog.showToast(res['msg']);
-    }
   }
 
   // 修改分P或番剧分集
@@ -568,33 +478,33 @@ class VideoIntroController extends GetxController {
   }
 
   // 设置关注分组
-  void setFollowGroup() async {
+  // void setFollowGroup() async {
-    final mediaQueryData = MediaQuery.of(Get.context!);
+  //   final mediaQueryData = MediaQuery.of(Get.context!);
-    final contentHeight = mediaQueryData.size.height - kToolbarHeight;
+  //   final contentHeight = mediaQueryData.size.height - kToolbarHeight;
-    final double initialChildSize =
+  //   final double initialChildSize =
-        (contentHeight - Get.width * 9 / 16) / contentHeight;
+  //       (contentHeight - Get.width * 9 / 16) / contentHeight;
-    await showModalBottomSheet(
+  //   await showModalBottomSheet(
-      context: Get.context!,
+  //     context: Get.context!,
-      useSafeArea: true,
+  //     useSafeArea: true,
-      isScrollControlled: true,
+  //     isScrollControlled: true,
-      builder: (BuildContext context) {
+  //     builder: (BuildContext context) {
-        return DraggableScrollableSheet(
+  //       return DraggableScrollableSheet(
-          initialChildSize: initialChildSize,
+  //         initialChildSize: initialChildSize,
-          minChildSize: 0,
+  //         minChildSize: 0,
-          maxChildSize: 1,
+  //         maxChildSize: 1,
-          snap: true,
+  //         snap: true,
-          expand: false,
+  //         expand: false,
-          snapSizes: [initialChildSize],
+  //         snapSizes: [initialChildSize],
-          builder: (BuildContext context, ScrollController scrollController) {
+  //         builder: (BuildContext context, ScrollController scrollController) {
-            return GroupPanel(
+  //           return GroupPanel(
-              mid: videoDetail.value.owner!.mid!,
+  //             mid: videoDetail.value.owner!.mid!,
-              scrollController: scrollController,
+  //             scrollController: scrollController,
-            );
+  //           );
-          },
+  //         },
-        );
+  //       );
-      },
+  //     },
-    );
+  //   );
-  }
+  // }
 
   // ai总结
   Future aiConclusion() async {

lib/pages/video/detail/introduction/view.dart

@@ -18,6 +18,7 @@ import 'package:pilipala/models/video_detail_res.dart';
 import 'package:pilipala/pages/video/detail/introduction/controller.dart';
 import 'package:pilipala/pages/video/detail/widgets/ai_detail.dart';
 import 'package:pilipala/utils/feed_back.dart';
+import 'package:pilipala/utils/follow.dart';
 import 'package:pilipala/utils/global_data_cache.dart';
 import 'package:pilipala/utils/storage.dart';
 import 'package:pilipala/utils/utils.dart';
@@ -458,14 +459,14 @@ class _VideoInfoState extends State<VideoInfo> with TickerProviderStateMixin {
                     Obx(
                       () {
                         final int attr =
-                            videoIntroController.followStatus['attribute'] ?? 0;
+                            videoIntroController.followStatus.value;
-                        return videoIntroController.followStatus.isEmpty
+                        return attr == -1
                             ? const SizedBox()
                             : SizedBox(
                                 height: 32,
                                 child: TextButton(
-                                  onPressed:
+                                  onPressed: () => videoIntroController
-                                      videoIntroController.actionRelationMod,
+                                      .actionRelationMod(context),
                                   style: TextButton.styleFrom(
                                     padding: const EdgeInsets.only(
                                       left: 8,

lib/utils/follow.dart

@@ -0,0 +1,207 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
+import 'package:pilipala/common/widgets/drag_handle.dart';
+import 'package:pilipala/common/widgets/group_panel.dart';
+import 'package:pilipala/http/video.dart';
+import 'package:pilipala/utils/global_data_cache.dart';
+
+class FollowUtils {
+  final BuildContext context;
+  final int followStatus;
+  final int mid;
+
+  FollowUtils({
+    required this.context,
+    required this.followStatus,
+    required this.mid,
+  });
+
+  // static final Map<int, Map<String, dynamic>> followMap = {
+  //   // 未关注
+  //   0: {
+  //     'desc': '确定关注UP主?',
+  //     // 1 关注 5 拉黑
+  //     'act': 1,
+  //   },
+  //   // 已关注
+  //   2: {
+  //     'desc': '确定取消关注UP主?',
+  //     'act': 2,
+  //   },
+  //   // 已互粉
+  //   6: {
+  //     'desc': '确定取消关注UP主?',
+  //     'act': 2,
+  //   },
+  //   // 已拉黑
+  //   128: {
+  //     'desc': '确定从黑名单移除UP主?',
+  //     'act': 6,
+  //   },
+  // };
+
+  static final Map<String, Map<String, dynamic>> actionTypeMap = {
+    'remove': {
+      'desc': '确定从黑名单移除UP主?',
+      'tips': '已从黑名单移除',
+      'act': 6,
+      'followStatus': 0,
+    },
+    'unFollow': {
+      'desc': '确定取消关注UP主?',
+      'tips': '已取消关注',
+      'act': 2,
+      'followStatus': 0,
+    },
+    'follow': {
+      'desc': '确定关注UP主?',
+      'tips': '关注成功',
+      'act': 1,
+      'followStatus': 2,
+    },
+    'block': {
+      'desc': '确定拉黑UP主?',
+      'tips': '已拉黑',
+      'act': 5,
+      'followStatus': 128,
+    },
+  };
+
+  Future<int> showFollowSheet() async {
+    var res = await showModalBottomSheet(
+      context: context,
+      isScrollControlled: true,
+      builder: (context) {
+        return Padding(
+          padding:
+              EdgeInsets.only(bottom: MediaQuery.paddingOf(context).bottom),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const DragHandle(),
+              if (followStatus == 128) ...[
+                ListTile(
+                  leading: const Icon(Icons.remove_circle_outline_rounded),
+                  onTap: () => modifyRelation('remove'),
+                  title: const Text('从黑名单移除'),
+                ),
+              ],
+              if ([2, 6].contains(followStatus)) ...[
+                ListTile(
+                  leading: const Icon(Icons.group_add_outlined),
+                  onTap: () {
+                    Navigator.of(context).pop();
+                    setFollowGroup();
+                  },
+                  title: const Text('设置分组'),
+                ),
+                ListTile(
+                  leading: const Icon(Icons.heart_broken_outlined),
+                  onTap: () => modifyRelation('unFollow'),
+                  title: const Text('取消关注'),
+                ),
+              ],
+              if (followStatus == 0) ...[
+                ListTile(
+                  leading: const Icon(Icons.favorite_border_rounded),
+                  onTap: () => modifyRelation('follow'),
+                  title: const Text('关注up主'),
+                ),
+                ListTile(
+                  leading: const Icon(Icons.block_rounded),
+                  onTap: () => modifyRelation('block'),
+                  title: const Text('拉黑up主'),
+                ),
+              ],
+            ],
+          ),
+        );
+      },
+    );
+    return res ?? followStatus;
+  }
+
+  // 操作用户关系
+  Future modifyRelation(String actionType) async {
+    showDialog(
+      context: context,
+      builder: (BuildContext context) {
+        final Color outline = Theme.of(context).colorScheme.outline;
+        return AlertDialog(
+          title: const Text('提示'),
+          content: Text(actionTypeMap[actionType]!['desc']),
+          actions: [
+            TextButton(
+              onPressed: Navigator.of(context).pop,
+              child: Text('点错了', style: TextStyle(color: outline)),
+            ),
+            TextButton(
+              onPressed: () => modifyRelationFetch(actionType),
+              child: const Text('确定'),
+            )
+          ],
+        );
+      },
+    );
+  }
+
+  // 操作用户关系Future
+  Future<int> modifyRelationFetch(String actionType, {bool? isDirect}) async {
+    if (isDirect != true) {
+      Navigator.of(context).pop();
+    }
+
+    SmartDialog.showLoading(msg: '请求中');
+    var res = await VideoHttp.relationMod(
+      mid: mid,
+      act: actionTypeMap[actionType]!['act'],
+      reSrc: 11,
+    );
+    SmartDialog.dismiss();
+    if (res['status']) {
+      final int newFollowStatus = actionTypeMap[actionType]!['followStatus'];
+      SmartDialog.showToast(actionTypeMap[actionType]!['tips']);
+      if (context.mounted) {
+        if (isDirect != true) {
+          Navigator.of(context).pop(newFollowStatus);
+        }
+      }
+      return newFollowStatus;
+    } else {
+      SmartDialog.showToast(res['msg']);
+      if (context.mounted && isDirect != true) {
+        Navigator.of(context).pop(-1);
+      }
+      return -1;
+    }
+  }
+
+  // 设置分组
+  Future setFollowGroup() async {
+    final size = MediaQuery.sizeOf(context);
+    final contentHeight = size.height - kToolbarHeight;
+    final double initialChildSize =
+        (contentHeight - size.width * 9 / 16) / contentHeight;
+    await showModalBottomSheet(
+      context: context,
+      useSafeArea: true,
+      isScrollControlled: true,
+      builder: (BuildContext context) {
+        return DraggableScrollableSheet(
+          initialChildSize: initialChildSize,
+          minChildSize: 0,
+          maxChildSize: 1,
+          snap: true,
+          expand: false,
+          snapSizes: [initialChildSize],
+          builder: (BuildContext context, ScrollController scrollController) {
+            return GroupPanel(
+              mid: GlobalDataCache.userInfo!.mid!,
+              scrollController: scrollController,
+            );
+          },
+        );
+      },
+    );
+  }
+}