common dyn page

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

lib/pages/article/controller.dart

@@ -12,27 +12,29 @@ import 'package:PiliPlus/models/dynamics/result.dart';
 import 'package:PiliPlus/models/model_avatar.dart';
 import 'package:PiliPlus/models_new/article/article_info/data.dart';
 import 'package:PiliPlus/models_new/article/article_view/data.dart';
-import 'package:PiliPlus/pages/common/reply_controller.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_controller.dart';
 import 'package:PiliPlus/utils/accounts.dart';
 import 'package:PiliPlus/utils/storage_pref.dart';
 import 'package:PiliPlus/utils/url_utils.dart';
+import 'package:flutter/rendering.dart' show ScrollDirection;
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 
-class ArticleController extends ReplyController<MainListReply> {
+class ArticleController extends CommonDynController<MainListReply> {
   late String id;
   late String type;
 
   late String url;
-  late int commentType;
   late int commentId;
+  @override
+  int get oid => commentId;
+  late int commentType;
+  @override
+  int get replyType => commentType;
   final summary = Summary();
 
-  RxBool showTitle = false.obs;
-
   late final RxInt topIndex = 0.obs;
 
-  late final horizontalPreview = Pref.horizontalPreview;
   late final showDynActionBar = Pref.showDynActionBar;
 
   @override
@@ -186,19 +188,20 @@ class ArticleController extends ReplyController<MainListReply> {
   }
 
   Future<void> onFav() async {
-    bool isFav = stats.value?.favorite?.status == true;
+    final favorite = stats.value?.favorite;
+    bool isFav = favorite?.status == true;
     final res = type == 'read'
         ? isFav
               ? await FavHttp.delFavArticle(id: commentId)
               : await FavHttp.addFavArticle(id: commentId)
         : await FavHttp.communityAction(opusId: id, action: isFav ? 4 : 3);
     if (res['status']) {
-      stats.value?.favorite?.status = !isFav;
+      favorite?.status = !isFav;
-      var count = stats.value?.favorite?.count ?? 0;
+      var count = favorite?.count ?? 0;
       if (isFav) {
-        stats.value?.favorite?.count = count - 1;
+        favorite?.count = count - 1;
       } else {
-        stats.value?.favorite?.count = count + 1;
+        favorite?.count = count + 1;
       }
       stats.refresh();
       SmartDialog.showToast('${isFav ? '取消' : ''}收藏成功');
@@ -208,18 +211,19 @@ class ArticleController extends ReplyController<MainListReply> {
   }
 
   Future<void> onLike() async {
-    bool isLike = stats.value?.like?.status == true;
+    final like = stats.value?.like;
+    bool isLike = like?.status == true;
     final res = await DynamicsHttp.thumbDynamic(
       dynamicId: opusData?.idStr ?? articleData?.dynIdStr,
       up: isLike ? 2 : 1,
     );
     if (res['status']) {
-      stats.value?.like?.status = !isLike;
+      like?.status = !isLike;
-      int count = stats.value?.like?.count ?? 0;
+      int count = like?.count ?? 0;
       if (isLike) {
-        stats.value?.like?.count = count - 1;
+        like?.count = count - 1;
       } else {
-        stats.value?.like?.count = count + 1;
+        like?.count = count + 1;
       }
       stats.refresh();
       SmartDialog.showToast(!isLike ? '点赞成功' : '取消赞');
@@ -227,6 +231,22 @@ class ArticleController extends ReplyController<MainListReply> {
       SmartDialog.showToast(res['msg']);
     }
   }
+
+  @override
+  void listener() {
+    showTitle.value = scrollController.positions.last.pixels >= 45;
+    final ScrollDirection direction1 =
+        scrollController.positions.first.userScrollDirection;
+    late final ScrollDirection direction2 =
+        scrollController.positions.last.userScrollDirection;
+    if (direction1 == ScrollDirection.forward ||
+        direction2 == ScrollDirection.forward) {
+      showFab();
+    } else if (direction1 == ScrollDirection.reverse ||
+        direction2 == ScrollDirection.reverse) {
+      hideFab();
+    }
+  }
 }
 
 class Summary {

lib/pages/common/dyn/common_dyn_controller.dart

@@ -0,0 +1,80 @@
+import 'package:PiliPlus/pages/common/reply_controller.dart';
+import 'package:PiliPlus/utils/storage_pref.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart' show ScrollDirection;
+import 'package:get/get.dart';
+
+abstract class CommonDynController<R> extends ReplyController<R>
+    with GetSingleTickerProviderStateMixin {
+  int get oid;
+  int get replyType;
+
+  bool _showFab = true;
+  late final AnimationController fabAnimationCtr;
+  late final Animation<Offset> fabAnim;
+
+  final RxBool showTitle = false.obs;
+
+  late final horizontalPreview = Pref.horizontalPreview;
+  late final List<double> ratio = Pref.dynamicDetailRatio;
+
+  double offsetDy = 1;
+
+  @override
+  void onInit() {
+    fabAnimationCtr = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 300),
+    );
+    fabAnim =
+        Tween<Offset>(
+          begin: Offset(0, offsetDy),
+          end: Offset.zero,
+        ).animate(
+          CurvedAnimation(
+            parent: fabAnimationCtr,
+            curve: Curves.easeInOut,
+          ),
+        );
+    fabAnimationCtr.forward();
+    scrollController.addListener(listener);
+    super.onInit();
+  }
+
+  void listener() {
+    showTitle.value = scrollController.positions.first.pixels > 55;
+
+    final ScrollDirection direction1 =
+        scrollController.positions.first.userScrollDirection;
+    late final ScrollDirection direction2 =
+        scrollController.positions.last.userScrollDirection;
+    if (direction1 == ScrollDirection.forward ||
+        direction2 == ScrollDirection.forward) {
+      showFab();
+    } else if (direction1 == ScrollDirection.reverse ||
+        direction2 == ScrollDirection.reverse) {
+      hideFab();
+    }
+  }
+
+  void showFab() {
+    if (!_showFab) {
+      _showFab = true;
+      fabAnimationCtr.forward();
+    }
+  }
+
+  void hideFab() {
+    if (_showFab) {
+      _showFab = false;
+      fabAnimationCtr.reverse();
+    }
+  }
+
+  @override
+  void onClose() {
+    fabAnimationCtr.dispose();
+    scrollController.removeListener(listener);
+    super.onClose();
+  }
+}

lib/pages/common/dyn/common_dyn_page.dart

@@ -0,0 +1,219 @@
+import 'package:PiliPlus/common/skeleton/video_reply.dart';
+import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
+import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
+import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart'
+    show ReplyInfo;
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_controller.dart';
+import 'package:PiliPlus/pages/video/reply/widgets/reply_item_grpc.dart';
+import 'package:PiliPlus/pages/video/reply_reply/view.dart';
+import 'package:PiliPlus/utils/num_util.dart';
+import 'package:PiliPlus/utils/page_utils.dart';
+import 'package:easy_debounce/easy_throttle.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+abstract class CommonDynPage extends StatefulWidget {
+  const CommonDynPage({super.key});
+}
+
+abstract class CommonDynPageState<T extends CommonDynPage> extends State<T>
+    with TickerProviderStateMixin {
+  CommonDynController get controller;
+
+  late final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  bool get horizontalPreview =>
+      context.orientation == Orientation.landscape &&
+      controller.horizontalPreview;
+  Function(List<String> imgList, int index)? imageCallback;
+
+  dynamic get arguments;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    imageCallback = horizontalPreview
+        ? (imgList, index) {
+            controller.hideFab();
+            PageUtils.onHorizontalPreview(
+              scaffoldKey,
+              this,
+              imgList,
+              index,
+            );
+          }
+        : null;
+  }
+
+  Widget buildReplyHeader(ThemeData theme) {
+    final secondary = theme.colorScheme.secondary;
+    return SliverPersistentHeader(
+      pinned: true,
+      delegate: CustomSliverPersistentHeaderDelegate(
+        extent: 45,
+        bgColor: theme.colorScheme.surface,
+        child: Container(
+          height: 45,
+          padding: const EdgeInsets.only(left: 12, right: 6),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Obx(
+                () => Text(
+                  '${controller.count.value == -1 ? 0 : NumUtil.numFormat(controller.count.value)}条回复',
+                ),
+              ),
+              SizedBox(
+                height: 35,
+                child: TextButton.icon(
+                  onPressed: controller.queryBySort,
+                  icon: Icon(
+                    Icons.sort,
+                    size: 16,
+                    color: secondary,
+                  ),
+                  label: Obx(
+                    () => Text(
+                      controller.sortType.value.label,
+                      style: TextStyle(fontSize: 13, color: secondary),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget replyList(
+    ThemeData theme,
+    LoadingState<List<ReplyInfo>?> loadingState,
+  ) {
+    return switch (loadingState) {
+      Loading() => SliverList.builder(
+        itemCount: 12,
+        itemBuilder: (context, index) {
+          return const VideoReplySkeleton();
+        },
+      ),
+      Success(:var response) =>
+        response?.isNotEmpty == true
+            ? SliverList.builder(
+                itemCount: response!.length + 1,
+                itemBuilder: (context, index) {
+                  if (index == response.length) {
+                    controller.onLoadMore();
+                    return Container(
+                      alignment: Alignment.center,
+                      margin: EdgeInsets.only(
+                        bottom: MediaQuery.paddingOf(context).bottom,
+                      ),
+                      height: 125,
+                      child: Text(
+                        controller.isEnd ? '没有更多了' : '加载中...',
+                        style: TextStyle(
+                          fontSize: 12,
+                          color: theme.colorScheme.outline,
+                        ),
+                      ),
+                    );
+                  } else {
+                    return ReplyItemGrpc(
+                      replyItem: response[index],
+                      replyLevel: 1,
+                      replyReply: (replyItem, id) =>
+                          replyReply(context, replyItem, id),
+                      onReply: (replyItem) => controller.onReply(
+                        context,
+                        replyItem: replyItem,
+                      ),
+                      onDelete: (item, subIndex) =>
+                          controller.onRemove(index, item, subIndex),
+                      upMid: controller.upMid,
+                      callback: imageCallback,
+                      onCheckReply: (item) =>
+                          controller.onCheckReply(item, isManual: true),
+                      onToggleTop: (item) => controller.onToggleTop(
+                        item,
+                        index,
+                        controller.oid,
+                        controller.replyType,
+                      ),
+                    );
+                  }
+                },
+              )
+            : HttpError(onReload: controller.onReload),
+      Error(:var errMsg) => HttpError(
+        errMsg: errMsg,
+        onReload: controller.onReload,
+      ),
+    };
+  }
+
+  void replyReply(BuildContext context, ReplyInfo replyItem, int? id) {
+    EasyThrottle.throttle('replyReply', const Duration(milliseconds: 500), () {
+      int oid = replyItem.oid.toInt();
+      int rpid = replyItem.id.toInt();
+      Widget replyReplyPage({bool showBackBtn = true}) => Scaffold(
+        appBar: AppBar(
+          toolbarHeight: showBackBtn ? null : 45,
+          title: const Text('评论详情'),
+          titleSpacing: showBackBtn ? null : 12,
+          automaticallyImplyLeading: showBackBtn,
+          actions: showBackBtn
+              ? null
+              : [
+                  IconButton(
+                    tooltip: '关闭',
+                    icon: const Icon(Icons.close, size: 20),
+                    onPressed: Get.back,
+                  ),
+                ],
+        ),
+        body: SafeArea(
+          top: false,
+          bottom: false,
+          child: VideoReplyReplyPanel(
+            enableSlide: false,
+            id: id,
+            oid: oid,
+            rpid: rpid,
+            isVideoDetail: false,
+            replyType: controller.replyType,
+            firstFloor: replyItem,
+          ),
+        ),
+      );
+      if (this.context.orientation == Orientation.portrait) {
+        Get.to(
+          replyReplyPage,
+          routeName: 'dynamicDetail-Copy',
+          arguments: arguments,
+        );
+      } else {
+        ScaffoldState? scaffoldState = Scaffold.maybeOf(context);
+        if (scaffoldState != null) {
+          controller.hideFab();
+          scaffoldState.showBottomSheet(
+            backgroundColor: Colors.transparent,
+            (context) => MediaQuery.removePadding(
+              context: context,
+              removeLeft: true,
+              child: replyReplyPage(showBackBtn: false),
+            ),
+          );
+        } else {
+          Get.to(
+            replyReplyPage,
+            routeName: 'dynamicDetail-Copy',
+            arguments: arguments,
+          );
+        }
+      }
+    });
+  }
+}

lib/pages/dynamics/widgets/action_panel.dart

@@ -1,173 +1,104 @@
-import 'package:PiliPlus/http/dynamics.dart';
 import 'package:PiliPlus/models/dynamics/result.dart';
 import 'package:PiliPlus/pages/dynamics_repost/view.dart';
-import 'package:PiliPlus/utils/feed_back.dart';
 import 'package:PiliPlus/utils/num_util.dart';
 import 'package:PiliPlus/utils/page_utils.dart';
+import 'package:PiliPlus/utils/request_utils.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 
-class ActionPanel extends StatefulWidget {
+class ActionPanel extends StatelessWidget {
   const ActionPanel({
     super.key,
     required this.item,
   });
   final DynamicItemModel item;
 
-  @override
-  State<ActionPanel> createState() => _ActionPanelState();
-}
-
-class _ActionPanelState extends State<ActionPanel> {
-  bool isProcessing = false;
-  Future<void> handleState(Future Function() action) async {
-    if (!isProcessing) {
-      isProcessing = true;
-      await action();
-      isProcessing = false;
-    }
-  }
-
-  // 动态点赞
-  Future<void> onLikeDynamic() async {
-    feedBack();
-    final item = widget.item;
-    String dynamicId = item.idStr!;
-    // 1 已点赞 2 不喜欢 0 未操作
-    DynamicStat? like = item.modules.moduleStat?.like;
-    int count = like?.count ?? 0;
-    bool status = like?.status == true;
-    int up = status ? 2 : 1;
-    var res = await DynamicsHttp.thumbDynamic(dynamicId: dynamicId, up: up);
-    if (res['status']) {
-      SmartDialog.showToast(!status ? '点赞成功' : '取消赞');
-      if (up == 1) {
-        item.modules.moduleStat?.like
-          ?..count = count + 1
-          ..status = true;
-      } else {
-        item.modules.moduleStat?.like
-          ?..count = count - 1
-          ..status = false;
-      }
-      if (mounted) {
-        setState(() {});
-      }
-    } else {
-      SmartDialog.showToast(res['msg']);
-    }
-  }
-
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
-    final color = theme.colorScheme.outline;
     final primary = theme.colorScheme.primary;
     final outline = theme.colorScheme.outline;
+    final moduleStat = item.modules.moduleStat!;
+    final forward = moduleStat.forward!;
+    final comment = moduleStat.comment!;
+    final like = moduleStat.like!;
+    final btnStyle = TextButton.styleFrom(
+      padding: const EdgeInsets.symmetric(horizontal: 15),
+      foregroundColor: outline,
+    );
     return Row(
       mainAxisAlignment: MainAxisAlignment.spaceAround,
       children: [
         Expanded(
-          flex: 1,
           child: TextButton.icon(
             onPressed: () => showModalBottomSheet(
               context: context,
               isScrollControlled: true,
               useSafeArea: true,
-              builder: (context) => RepostPanel(
+              builder: (_) => RepostPanel(
-                item: widget.item,
+                item: item,
                 callback: () {
-                  int count =
+                  int count = forward.count ?? 0;
-                      widget.item.modules.moduleStat?.forward?.count ?? 0;
+                  forward.count = count + 1;
-                  widget.item.modules.moduleStat!.forward!.count = count + 1;
+                  if (context.mounted) {
-                  setState(() {});
+                    (context as Element?)?.markNeedsBuild();
+                  }
                 },
               ),
             ),
             icon: Icon(
               FontAwesomeIcons.shareFromSquare,
               size: 16,
-              color: color,
+              color: outline,
               semanticLabel: "转发",
             ),
-            style: TextButton.styleFrom(
+            style: btnStyle,
-              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
-              foregroundColor: outline,
-            ),
             label: Text(
-              widget.item.modules.moduleStat!.forward!.count != null
+              forward.count != null ? NumUtil.numFormat(forward.count) : '转发',
-                  ? NumUtil.numFormat(
-                      widget.item.modules.moduleStat!.forward!.count,
-                    )
-                  : '转发',
             ),
           ),
         ),
         Expanded(
-          flex: 1,
           child: TextButton.icon(
             onPressed: () =>
-                PageUtils.pushDynDetail(widget.item, 1, action: 'comment'),
+                PageUtils.pushDynDetail(item, 1, action: 'comment'),
             icon: Icon(
               FontAwesomeIcons.comment,
               size: 16,
-              color: color,
+              color: outline,
               semanticLabel: "评论",
             ),
-            style: TextButton.styleFrom(
+            style: btnStyle,
-              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
-              foregroundColor: outline,
-            ),
             label: Text(
-              widget.item.modules.moduleStat!.comment!.count != null
+              comment.count != null ? NumUtil.numFormat(comment.count) : '评论',
-                  ? NumUtil.numFormat(
-                      widget.item.modules.moduleStat!.comment!.count,
-                    )
-                  : '评论',
             ),
           ),
         ),
         Expanded(
-          flex: 1,
           child: TextButton.icon(
-            onPressed: () => handleState(onLikeDynamic),
+            onPressed: () => RequestUtils.onLikeDynamic(item, () {
+              if (context.mounted) {
+                (context as Element?)?.markNeedsBuild();
+              }
+            }),
             icon: Icon(
-              widget.item.modules.moduleStat!.like!.status!
+              like.status!
                   ? FontAwesomeIcons.solidThumbsUp
                   : FontAwesomeIcons.thumbsUp,
               size: 16,
-              color: widget.item.modules.moduleStat!.like!.status!
+              color: like.status! ? primary : outline,
-                  ? primary
+              semanticLabel: like.status! ? "已赞" : "点赞",
-                  : color,
-              semanticLabel: widget.item.modules.moduleStat!.like!.status!
-                  ? "已赞"
-                  : "点赞",
-            ),
-            style: TextButton.styleFrom(
-              padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
-              foregroundColor: outline,
             ),
+            style: btnStyle,
             label: AnimatedSwitcher(
               duration: const Duration(milliseconds: 400),
               transitionBuilder: (Widget child, Animation<double> animation) {
                 return ScaleTransition(scale: animation, child: child);
               },
               child: Text(
-                widget.item.modules.moduleStat!.like!.count != null
+                like.count != null ? NumUtil.numFormat(like.count) : '点赞',
-                    ? NumUtil.numFormat(
+                key: ValueKey<String>(like.count?.toString() ?? '点赞'),
-                        widget.item.modules.moduleStat!.like!.count,
+                style: TextStyle(color: like.status! ? primary : outline),
-                      )
-                    : '点赞',
-                key: ValueKey<String>(
-                  widget.item.modules.moduleStat!.like!.count?.toString() ??
-                      '点赞',
-                ),
-                style: TextStyle(
-                  color: widget.item.modules.moduleStat!.like!.status!
-                      ? primary
-                      : color,
-                ),
               ),
             ),
           ),

lib/pages/dynamics_detail/controller.dart

@@ -4,18 +4,19 @@ import 'package:PiliPlus/grpc/reply.dart';
 import 'package:PiliPlus/http/dynamics.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models/dynamics/result.dart';
-import 'package:PiliPlus/pages/common/reply_controller.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_controller.dart';
 import 'package:PiliPlus/utils/id_utils.dart';
 import 'package:PiliPlus/utils/storage_pref.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 
-class DynamicDetailController extends ReplyController<MainListReply> {
+class DynamicDetailController extends CommonDynController<MainListReply> {
+  @override
   late int oid;
+  @override
   late int replyType;
   late DynamicItemModel dynItem;
 
-  late final horizontalPreview = Pref.horizontalPreview;
   late final showDynActionBar = Pref.showDynActionBar;
 
   @override

lib/pages/dynamics_detail/view.dart

@@ -1,222 +1,58 @@
 import 'dart:math';
 
-import 'package:PiliPlus/common/skeleton/video_reply.dart';
 import 'package:PiliPlus/common/widgets/custom_icon.dart';
-import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
-import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
 import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
-import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart'
-    show ReplyInfo;
 import 'package:PiliPlus/http/constants.dart';
-import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models/dynamics/result.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_page.dart';
 import 'package:PiliPlus/pages/dynamics/widgets/author_panel.dart';
 import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart';
 import 'package:PiliPlus/pages/dynamics_detail/controller.dart';
 import 'package:PiliPlus/pages/dynamics_repost/view.dart';
-import 'package:PiliPlus/pages/video/reply/widgets/reply_item_grpc.dart';
-import 'package:PiliPlus/pages/video/reply_reply/view.dart';
 import 'package:PiliPlus/utils/feed_back.dart';
 import 'package:PiliPlus/utils/grid.dart';
 import 'package:PiliPlus/utils/num_util.dart';
-import 'package:PiliPlus/utils/page_utils.dart';
 import 'package:PiliPlus/utils/request_utils.dart';
 import 'package:PiliPlus/utils/storage.dart';
 import 'package:PiliPlus/utils/storage_key.dart';
-import 'package:PiliPlus/utils/storage_pref.dart';
 import 'package:PiliPlus/utils/utils.dart';
-import 'package:easy_debounce/easy_throttle.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:get/get.dart';
 
-class DynamicDetailPage extends StatefulWidget {
+class DynamicDetailPage extends CommonDynPage {
   const DynamicDetailPage({super.key});
 
   @override
   State<DynamicDetailPage> createState() => _DynamicDetailPageState();
 }
 
-class _DynamicDetailPageState extends State<DynamicDetailPage>
+class _DynamicDetailPageState extends CommonDynPageState<DynamicDetailPage> {
-    with TickerProviderStateMixin {
+  @override
-  final _controller = Get.put(
+  final DynamicDetailController controller = Get.put(
     DynamicDetailController(),
     tag: Utils.generateRandomString(8),
   );
-  late final AnimationController _fabAnimationCtr;
-  late final Animation<Offset> _anim;
-
-  final RxBool _visibleTitle = false.obs;
-  bool _isFabVisible = true;
-
-  late final List<double> _ratio = Pref.dynamicDetailRatio;
-
-  bool get _horizontalPreview =>
-      context.orientation == Orientation.landscape &&
-      _controller.horizontalPreview;
-
-  late final _key = GlobalKey<ScaffoldState>();
-
-  late Function(List<String> imgList, int index)? _imageCallback;
 
   @override
-  void initState() {
+  dynamic get arguments => {
-    super.initState();
+    'item': controller.dynItem,
-    _fabAnimationCtr = AnimationController(
+  };
-      vsync: this,
-      duration: const Duration(milliseconds: 300),
-    );
-    _anim =
-        Tween<Offset>(
-          begin: const Offset(0, 1),
-          end: Offset.zero,
-        ).animate(
-          CurvedAnimation(
-            parent: _fabAnimationCtr,
-            curve: Curves.easeInOut,
-          ),
-        );
-    _fabAnimationCtr.forward();
-    _controller.scrollController.addListener(listener);
-  }
-
-  // 查看二级评论
-  void replyReply(BuildContext context, ReplyInfo replyItem, int? id) {
-    EasyThrottle.throttle('replyReply', const Duration(milliseconds: 500), () {
-      int oid = replyItem.oid.toInt();
-      int rpid = replyItem.id.toInt();
-      Widget replyReplyPage({bool showBackBtn = true}) => Scaffold(
-        appBar: AppBar(
-          toolbarHeight: showBackBtn ? null : 45,
-          title: const Text('评论详情'),
-          titleSpacing: showBackBtn ? null : 12,
-          automaticallyImplyLeading: showBackBtn,
-          actions: showBackBtn
-              ? null
-              : [
-                  IconButton(
-                    tooltip: '关闭',
-                    icon: const Icon(Icons.close, size: 20),
-                    onPressed: Get.back,
-                  ),
-                ],
-        ),
-        body: SafeArea(
-          top: false,
-          bottom: false,
-          child: VideoReplyReplyPanel(
-            enableSlide: false,
-            id: id,
-            oid: oid,
-            rpid: rpid,
-            isVideoDetail: false,
-            replyType: _controller.replyType,
-            firstFloor: replyItem,
-          ),
-        ),
-      );
-      if (this.context.orientation == Orientation.portrait) {
-        Get.to(
-          replyReplyPage,
-          routeName: 'dynamicDetail-Copy',
-          arguments: {
-            'item': _controller.dynItem,
-          },
-        );
-      } else {
-        ScaffoldState? scaffoldState = Scaffold.maybeOf(context);
-        if (scaffoldState != null) {
-          bool isFabVisible = _isFabVisible;
-          if (isFabVisible) {
-            _hideFab();
-          }
-          scaffoldState.showBottomSheet(
-            backgroundColor: Colors.transparent,
-            (context) => MediaQuery.removePadding(
-              context: context,
-              removeLeft: true,
-              child: replyReplyPage(showBackBtn: false),
-            ),
-          );
-        } else {
-          Get.to(
-            replyReplyPage,
-            routeName: 'dynamicDetail-Copy',
-            arguments: {
-              'item': _controller.dynItem,
-            },
-          );
-        }
-      }
-    });
-  }
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
     WidgetsBinding.instance.addPostFrameCallback((_) {
-      if (_controller.scrollController.hasClients) {
+      if (controller.scrollController.hasClients) {
-        _visibleTitle.value =
+        controller.showTitle.value =
-            _controller.scrollController.positions.first.pixels > 55;
+            controller.scrollController.positions.first.pixels > 55;
       }
     });
   }
 
-  void listener() {
-    // 标题
-    _visibleTitle.value =
-        _controller.scrollController.positions.first.pixels > 55;
-
-    // fab按钮
-    final ScrollDirection direction1 =
-        _controller.scrollController.positions.first.userScrollDirection;
-    late final ScrollDirection direction2 =
-        _controller.scrollController.positions.last.userScrollDirection;
-    if (direction1 == ScrollDirection.forward ||
-        direction2 == ScrollDirection.forward) {
-      _showFab();
-    } else if (direction1 == ScrollDirection.reverse ||
-        direction2 == ScrollDirection.reverse) {
-      _hideFab();
-    }
-  }
-
-  void _showFab() {
-    if (!_isFabVisible) {
-      _isFabVisible = true;
-      _fabAnimationCtr.forward();
-    }
-  }
-
-  void _hideFab() {
-    if (_isFabVisible) {
-      _isFabVisible = false;
-      _fabAnimationCtr.reverse();
-    }
-  }
-
-  @override
-  void dispose() {
-    _fabAnimationCtr.dispose();
-    _controller.scrollController.removeListener(listener);
-    super.dispose();
-  }
-
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
-    _imageCallback = _horizontalPreview
-        ? (imgList, index) {
-            _hideFab();
-            PageUtils.onHorizontalPreview(
-              _key,
-              this,
-              imgList,
-              index,
-            );
-          }
-        : null;
     return Scaffold(
       resizeToAvoidBottomInset: false,
       appBar: AppBar(
@@ -225,12 +61,12 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
           child: Obx(
             () {
               return AnimatedOpacity(
-                opacity: _visibleTitle.value ? 1 : 0,
+                opacity: controller.showTitle.value ? 1 : 0,
                 duration: const Duration(milliseconds: 300),
                 child: IgnorePointer(
-                  ignoring: !_visibleTitle.value,
+                  ignoring: !controller.showTitle.value,
                   child: AuthorPanel(
-                    item: _controller.dynItem,
+                    item: controller.dynItem,
                     isDetail: true,
                   ),
                 ),
@@ -257,14 +93,15 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
                           builder: (context) => Slider(
                             min: 1,
                             max: 100,
-                            value: _ratio.first,
+                            value: controller.ratio.first,
                             onChanged: (value) {
                               if (value >= 10 && value <= 90) {
-                                _ratio[0] = value.toPrecision(2);
+                                controller.ratio
-                                _ratio[1] = 100 - value;
+                                  ..[0] = value.toPrecision(2)
+                                  ..[1] = 100 - value;
                                 GStorage.setting.put(
                                   SettingBoxKey.dynamicDetailRatio,
-                                  _ratio,
+                                  controller.ratio,
                                 );
                                 (context as Element).markNeedsBuild();
                                 setState(() {});
@@ -289,7 +126,7 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
         bottom: false,
         child: context.orientation == Orientation.portrait
             ? refreshIndicator(
-                onRefresh: _controller.onRefresh,
+                onRefresh: controller.onRefresh,
                 child: _buildBody(context.orientation, theme),
               )
             : _buildBody(context.orientation, theme),
@@ -305,21 +142,20 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
           double padding = max(context.width / 2 - Grid.smallCardWidth, 0);
           if (orientation == Orientation.portrait) {
             return CustomScrollView(
-              controller: _controller.scrollController,
+              controller: controller.scrollController,
               physics: const AlwaysScrollableScrollPhysics(),
               slivers:
                   [
                         SliverToBoxAdapter(
                           child: DynamicPanel(
-                            item: _controller.dynItem,
+                            item: controller.dynItem,
                             isDetail: true,
-                            callback: _imageCallback,
+                            callback: imageCallback,
                           ),
                         ),
-                        replyPersistentHeader(theme),
+                        buildReplyHeader(theme),
                         Obx(
-                          () =>
+                          () => replyList(theme, controller.loadingState.value),
-                              replyList(theme, _controller.loadingState.value),
                         ),
                       ]
                       .map<Widget>(
@@ -334,9 +170,9 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
             return Row(
               children: [
                 Expanded(
-                  flex: _ratio[0].toInt(),
+                  flex: controller.ratio[0].toInt(),
                   child: CustomScrollView(
-                    controller: _controller.scrollController,
+                    controller: controller.scrollController,
                     physics: const AlwaysScrollableScrollPhysics(),
                     slivers: [
                       SliverPadding(
@@ -346,9 +182,9 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
                         ),
                         sliver: SliverToBoxAdapter(
                           child: DynamicPanel(
-                            item: _controller.dynItem,
+                            item: controller.dynItem,
                             isDetail: true,
-                            callback: _imageCallback,
+                            callback: imageCallback,
                           ),
                         ),
                       ),
@@ -356,26 +192,26 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
                   ),
                 ),
                 Expanded(
-                  flex: _ratio[1].toInt(),
+                  flex: controller.ratio[1].toInt(),
                   child: Scaffold(
-                    key: _key,
+                    key: scaffoldKey,
                     backgroundColor: Colors.transparent,
                     body: refreshIndicator(
-                      onRefresh: _controller.onRefresh,
+                      onRefresh: controller.onRefresh,
                       child: CustomScrollView(
-                        controller: _controller.scrollController,
+                        controller: controller.scrollController,
                         physics: const AlwaysScrollableScrollPhysics(),
                         slivers: [
                           SliverPadding(
                             padding: EdgeInsets.only(right: padding / 4),
-                            sliver: replyPersistentHeader(theme),
+                            sliver: buildReplyHeader(theme),
                           ),
                           SliverPadding(
                             padding: EdgeInsets.only(right: padding / 4),
                             sliver: Obx(
                               () => replyList(
                                 theme,
-                                _controller.loadingState.value,
+                                controller.loadingState.value,
                               ),
                             ),
                           ),
@@ -389,396 +225,170 @@ class _DynamicDetailPageState extends State<DynamicDetailPage>
           }
         },
       ),
-      Positioned(
+      _buildBottom(theme),
-        left: 0,
-        right: 0,
-        bottom: 0,
-        child: SlideTransition(
-          position: _anim,
-          child: Builder(
-            builder: (context) {
-              Widget button() => FloatingActionButton(
-                heroTag: null,
-                onPressed: () {
-                  feedBack();
-                  _controller.onReply(
-                    context,
-                    oid: _controller.oid,
-                    replyType: _controller.replyType,
-                  );
-                },
-                tooltip: '评论动态',
-                child: const Icon(Icons.reply),
-              );
-              return !_controller.showDynActionBar
-                  ? Align(
-                      alignment: Alignment.bottomRight,
-                      child: Padding(
-                        padding: EdgeInsets.only(
-                          right: 14,
-                          bottom: MediaQuery.paddingOf(context).bottom + 14,
-                        ),
-                        child: button(),
-                      ),
-                    )
-                  : Column(
-                      mainAxisSize: MainAxisSize.min,
-                      crossAxisAlignment: CrossAxisAlignment.end,
-                      children: [
-                        Padding(
-                          padding: const EdgeInsets.only(right: 14, bottom: 14),
-                          child: button(),
-                        ),
-                        Container(
-                          decoration: BoxDecoration(
-                            color: theme.colorScheme.surface,
-                            border: Border(
-                              top: BorderSide(
-                                color: theme.colorScheme.outline.withValues(
-                                  alpha: 0.08,
-                                ),
-                              ),
-                            ),
-                          ),
-                          padding: EdgeInsets.only(
-                            bottom: MediaQuery.paddingOf(context).bottom,
-                          ),
-                          child: Row(
-                            mainAxisAlignment: MainAxisAlignment.spaceAround,
-                            children: [
-                              Expanded(
-                                child: Builder(
-                                  builder: (btnContext) => TextButton.icon(
-                                    onPressed: () => showModalBottomSheet(
-                                      context: context,
-                                      isScrollControlled: true,
-                                      useSafeArea: true,
-                                      builder: (context) => RepostPanel(
-                                        item: _controller.dynItem,
-                                        callback: () {
-                                          int count =
-                                              _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.forward
-                                                  ?.count ??
-                                              0;
-                                          _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat ??=
-                                              ModuleStatModel();
-                                          _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.forward ??=
-                                              DynamicStat();
-                                          _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat!
-                                                  .forward!
-                                                  .count =
-                                              count + 1;
-                                          if (btnContext.mounted) {
-                                            (btnContext as Element?)
-                                                ?.markNeedsBuild();
-                                          }
-                                        },
-                                      ),
-                                    ),
-                                    icon: Icon(
-                                      FontAwesomeIcons.shareFromSquare,
-                                      size: 16,
-                                      color: theme.colorScheme.outline,
-                                      semanticLabel: "转发",
-                                    ),
-                                    style: TextButton.styleFrom(
-                                      padding: const EdgeInsets.fromLTRB(
-                                        15,
-                                        0,
-                                        15,
-                                        0,
-                                      ),
-                                      foregroundColor:
-                                          theme.colorScheme.outline,
-                                    ),
-                                    label: Text(
-                                      _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.forward
-                                                  ?.count !=
-                                              null
-                                          ? NumUtil.numFormat(
-                                              _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat!
-                                                  .forward!
-                                                  .count,
-                                            )
-                                          : '转发',
-                                    ),
-                                  ),
-                                ),
-                              ),
-                              Expanded(
-                                child: TextButton.icon(
-                                  onPressed: () => Utils.shareText(
-                                    '${HttpString.dynamicShareBaseUrl}/${_controller.dynItem.idStr}',
-                                  ),
-                                  icon: Icon(
-                                    CustomIcon.share_node,
-                                    size: 16,
-                                    color: theme.colorScheme.outline,
-                                    semanticLabel: "分享",
-                                  ),
-                                  style: TextButton.styleFrom(
-                                    padding: const EdgeInsets.fromLTRB(
-                                      15,
-                                      0,
-                                      15,
-                                      0,
-                                    ),
-                                    foregroundColor: theme.colorScheme.outline,
-                                  ),
-                                  label: const Text('分享'),
-                                ),
-                              ),
-                              Expanded(
-                                child: Builder(
-                                  builder: (context) => TextButton.icon(
-                                    onPressed: () => RequestUtils.onLikeDynamic(
-                                      _controller.dynItem,
-                                      () {
-                                        if (context.mounted) {
-                                          (context as Element?)
-                                              ?.markNeedsBuild();
-                                        }
-                                      },
-                                    ),
-                                    icon: Icon(
-                                      _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.like
-                                                  ?.status ==
-                                              true
-                                          ? FontAwesomeIcons.solidThumbsUp
-                                          : FontAwesomeIcons.thumbsUp,
-                                      size: 16,
-                                      color:
-                                          _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.like
-                                                  ?.status ==
-                                              true
-                                          ? theme.colorScheme.primary
-                                          : theme.colorScheme.outline,
-                                      semanticLabel:
-                                          _controller
-                                                  .dynItem
-                                                  .modules
-                                                  .moduleStat
-                                                  ?.like
-                                                  ?.status ==
-                                              true
-                                          ? "已赞"
-                                          : "点赞",
-                                    ),
-                                    style: TextButton.styleFrom(
-                                      padding: const EdgeInsets.fromLTRB(
-                                        15,
-                                        0,
-                                        15,
-                                        0,
-                                      ),
-                                      foregroundColor:
-                                          theme.colorScheme.outline,
-                                    ),
-                                    label: AnimatedSwitcher(
-                                      duration: const Duration(
-                                        milliseconds: 400,
-                                      ),
-                                      transitionBuilder:
-                                          (
-                                            Widget child,
-                                            Animation<double> animation,
-                                          ) {
-                                            return ScaleTransition(
-                                              scale: animation,
-                                              child: child,
-                                            );
-                                          },
-                                      child: Text(
-                                        _controller
-                                                    .dynItem
-                                                    .modules
-                                                    .moduleStat
-                                                    ?.like
-                                                    ?.count !=
-                                                null
-                                            ? NumUtil.numFormat(
-                                                _controller
-                                                    .dynItem
-                                                    .modules
-                                                    .moduleStat!
-                                                    .like!
-                                                    .count,
-                                              )
-                                            : '点赞',
-                                        style: TextStyle(
-                                          color:
-                                              _controller
-                                                      .dynItem
-                                                      .modules
-                                                      .moduleStat
-                                                      ?.like
-                                                      ?.status ==
-                                                  true
-                                              ? theme.colorScheme.primary
-                                              : theme.colorScheme.outline,
-                                        ),
-                                      ),
-                                    ),
-                                  ),
-                                ),
-                              ),
-                            ],
-                          ),
-                        ),
-                      ],
-                    );
-            },
-          ),
-        ),
-      ),
     ],
   );
 
-  SliverPersistentHeader replyPersistentHeader(ThemeData theme) {
+  Widget _buildBottom(ThemeData theme) {
-    return SliverPersistentHeader(
+    return Positioned(
-      delegate: CustomSliverPersistentHeaderDelegate(
+      left: 0,
-        bgColor: theme.colorScheme.surface,
+      right: 0,
-        child: Container(
+      bottom: 0,
-          height: 45,
+      child: SlideTransition(
-          padding: const EdgeInsets.only(left: 12, right: 6),
+        position: controller.fabAnim,
-          child: Row(
+        child: Builder(
-            children: [
+          builder: (context) {
-              Obx(
+            Widget button() => FloatingActionButton(
-                () => AnimatedSwitcher(
+              heroTag: null,
-                  duration: const Duration(milliseconds: 400),
+              onPressed: () {
-                  transitionBuilder:
+                feedBack();
-                      (Widget child, Animation<double> animation) {
+                controller.onReply(
-                        return ScaleTransition(scale: animation, child: child);
+                  context,
-                      },
+                  oid: controller.oid,
-                  child: Text(
+                  replyType: controller.replyType,
-                    '${_controller.count.value == -1 ? 0 : NumUtil.numFormat(_controller.count.value)}条回复',
+                );
-                    key: ValueKey<int>(_controller.count.value),
+              },
+              tooltip: '评论动态',
+              child: const Icon(Icons.reply),
+            );
+
+            final bottom = MediaQuery.paddingOf(context).bottom;
+            if (!controller.showDynActionBar) {
+              return Align(
+                alignment: Alignment.bottomRight,
+                child: Padding(
+                  padding: EdgeInsets.only(
+                    right: 14,
+                    bottom: bottom + 14,
                   ),
+                  child: button(),
                 ),
-              ),
+              );
-              const Spacer(),
+            }
-              SizedBox(
+
-                height: 35,
+            final moduleStat = controller.dynItem.modules.moduleStat;
-                child: TextButton.icon(
+            final primary = theme.colorScheme.primary;
-                  onPressed: _controller.queryBySort,
+            final outline = theme.colorScheme.outline;
-                  icon: Icon(
+            final btnStyle = TextButton.styleFrom(
-                    Icons.sort,
+              padding: const EdgeInsets.symmetric(horizontal: 15),
-                    size: 16,
+              foregroundColor: outline,
-                    color: theme.colorScheme.secondary,
+            );
-                  ),
+
-                  label: Obx(
+            Widget textIconButton({
-                    () => Text(
+              required IconData icon,
-                      _controller.sortType.value.label,
+              required String text,
-                      style: TextStyle(
+              required DynamicStat? stat,
-                        fontSize: 13,
+              required VoidCallback onPressed,
-                        color: theme.colorScheme.secondary,
+              IconData? activitedIcon,
+            }) {
+              final status = stat?.status == true;
+              final color = status ? primary : outline;
+              return TextButton.icon(
+                onPressed: onPressed,
+                icon: Icon(
+                  status ? activitedIcon : icon,
+                  size: 16,
+                  color: color,
+                ),
+                style: btnStyle,
+                label: Text(
+                  stat?.count != null ? NumUtil.numFormat(stat!.count) : text,
+                  style: TextStyle(color: color),
+                ),
+              );
+            }
+
+            return Column(
+              mainAxisSize: MainAxisSize.min,
+              crossAxisAlignment: CrossAxisAlignment.end,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.only(right: 14, bottom: 14),
+                  child: button(),
+                ),
+                Container(
+                  decoration: BoxDecoration(
+                    color: theme.colorScheme.surface,
+                    border: Border(
+                      top: BorderSide(
+                        color: theme.colorScheme.outline.withValues(
+                          alpha: 0.08,
+                        ),
                       ),
                     ),
                   ),
-                ),
+                  padding: EdgeInsets.only(bottom: bottom),
-              ),
+                  child: Row(
-            ],
+                    mainAxisAlignment: MainAxisAlignment.spaceAround,
-          ),
+                    children: [
-        ),
+                      Expanded(
-      ),
+                        child: Builder(
-      pinned: true,
+                          builder: (btnContext) {
-    );
+                            final forward = moduleStat?.forward;
-  }
+                            return textIconButton(
-
+                              icon: FontAwesomeIcons.shareFromSquare,
-  Widget replyList(
+                              text: '转发',
-    ThemeData theme,
+                              stat: forward,
-    LoadingState<List<ReplyInfo>?> loadingState,
+                              onPressed: () => showModalBottomSheet(
-  ) {
+                                context: context,
-    return switch (loadingState) {
+                                isScrollControlled: true,
-      Loading() => SliverList.builder(
+                                useSafeArea: true,
-        itemBuilder: (context, index) {
+                                builder: (context) => RepostPanel(
-          return const VideoReplySkeleton();
+                                  item: controller.dynItem,
-        },
+                                  callback: () {
-        itemCount: 8,
+                                    if (forward != null) {
-      ),
+                                      int count = forward.count ?? 0;
-      Success(:var response) =>
+                                      forward.count = count + 1;
-        response?.isNotEmpty == true
+                                      if (btnContext.mounted) {
-            ? SliverList.builder(
+                                        (btnContext as Element?)
-                itemBuilder: (context, index) {
+                                            ?.markNeedsBuild();
-                  if (index == response.length) {
+                                      }
-                    _controller.onLoadMore();
+                                    }
-                    return Container(
+                                  },
-                      alignment: Alignment.center,
+                                ),
-                      margin: EdgeInsets.only(
+                              ),
-                        bottom: MediaQuery.paddingOf(context).bottom,
+                            );
-                      ),
+                          },
-                      height: 125,
-                      child: Text(
-                        _controller.isEnd ? '没有更多了' : '加载中...',
-                        style: TextStyle(
-                          fontSize: 12,
-                          color: theme.colorScheme.outline,
                         ),
                       ),
-                    );
+                      Expanded(
-                  } else {
+                        child: textIconButton(
-                    return ReplyItemGrpc(
+                          icon: CustomIcon.share_node,
-                      replyItem: response[index],
+                          text: '分享',
-                      replyLevel: 1,
+                          stat: null,
-                      replyReply: (replyItem, id) =>
+                          onPressed: () => Utils.shareText(
-                          replyReply(context, replyItem, id),
+                            '${HttpString.dynamicShareBaseUrl}/${controller.dynItem.idStr}',
-                      onReply: (replyItem) => _controller.onReply(
+                          ),
-                        context,
+                        ),
-                        replyItem: replyItem,
                       ),
-                      onDelete: (item, subIndex) =>
+                      Expanded(
-                          _controller.onRemove(index, item, subIndex),
+                        child: Builder(
-                      upMid: _controller.upMid,
+                          builder: (context) {
-                      callback: _imageCallback,
+                            return textIconButton(
-                      onCheckReply: (item) =>
+                              icon: FontAwesomeIcons.thumbsUp,
-                          _controller.onCheckReply(item, isManual: true),
+                              activitedIcon: FontAwesomeIcons.solidThumbsUp,
-                      onToggleTop: (item) => _controller.onToggleTop(
+                              text: '点赞',
-                        item,
+                              stat: moduleStat?.like,
-                        index,
+                              onPressed: () => RequestUtils.onLikeDynamic(
-                        _controller.oid,
+                                controller.dynItem,
-                        _controller.replyType,
+                                () {
+                                  if (context.mounted) {
+                                    (context as Element?)?.markNeedsBuild();
+                                  }
+                                },
+                              ),
+                            );
+                          },
+                        ),
                       ),
-                    );
+                    ],
-                  }
+                  ),
-                },
+                ),
-                itemCount: response!.length + 1,
+              ],
-              )
+            );
-            : HttpError(
+          },
-                onReload: _controller.onReload,
+        ),
-              ),
-      Error(:var errMsg) => HttpError(
-        errMsg: errMsg,
-        onReload: _controller.onReload,
       ),
-    };
+    );
   }
 }

lib/pages/match_info/controller.dart

@@ -3,28 +3,30 @@ import 'package:PiliPlus/grpc/reply.dart';
 import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/http/match.dart';
 import 'package:PiliPlus/models_new/match/match_info/contest.dart';
-import 'package:PiliPlus/pages/common/reply_controller.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_controller.dart';
 import 'package:get/get.dart';
 
-class MatchInfoController extends ReplyController<MainListReply> {
+class MatchInfoController extends CommonDynController<MainListReply> {
-  final int cid = int.parse(Get.parameters['cid']!);
+  @override
-
+  final int oid = int.parse(Get.parameters['cid']!);
+  @override
   int get replyType => 27;
 
   @override
-  dynamic get sourceId => cid.toString();
+  dynamic get sourceId => oid.toString();
 
   final Rx<LoadingState<MatchContest?>> infoState =
       LoadingState<MatchContest?>.loading().obs;
 
   @override
   void onInit() {
+    offsetDy = 2;
     super.onInit();
     getMatchInfo();
   }
 
   Future<void> getMatchInfo() async {
-    var res = await MatchHttp.matchInfo(cid);
+    var res = await MatchHttp.matchInfo(oid);
     if (res.isSuccess) {
       queryData();
     }
@@ -39,7 +41,7 @@ class MatchInfoController extends ReplyController<MainListReply> {
   @override
   Future<LoadingState<MainListReply>> customGetData() => ReplyGrpc.mainList(
     type: replyType,
-    oid: cid,
+    oid: oid,
     mode: mode.value,
     cursorNext: cursorNext,
     offset: paginationReply?.nextOffset,

lib/pages/match_info/view.dart

@@ -1,5 +1,4 @@
 import 'package:PiliPlus/common/skeleton/video_reply.dart';
-import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
 import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
 import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
 import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
@@ -9,31 +8,35 @@ import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models/common/image_type.dart';
 import 'package:PiliPlus/models_new/match/match_info/contest.dart';
 import 'package:PiliPlus/models_new/match/match_info/team.dart';
+import 'package:PiliPlus/pages/common/dyn/common_dyn_page.dart';
 import 'package:PiliPlus/pages/match_info/controller.dart';
 import 'package:PiliPlus/pages/video/reply/widgets/reply_item_grpc.dart';
 import 'package:PiliPlus/pages/video/reply_reply/view.dart';
 import 'package:PiliPlus/utils/date_util.dart';
 import 'package:PiliPlus/utils/feed_back.dart';
-import 'package:PiliPlus/utils/num_util.dart';
 import 'package:PiliPlus/utils/utils.dart';
 import 'package:easy_debounce/easy_throttle.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:intl/intl.dart';
 
-class MatchInfoPage extends StatefulWidget {
+class MatchInfoPage extends CommonDynPage {
   const MatchInfoPage({super.key});
 
   @override
   State<MatchInfoPage> createState() => _MatchInfoPageState();
 }
 
-class _MatchInfoPageState extends State<MatchInfoPage> {
+class _MatchInfoPageState extends CommonDynPageState<MatchInfoPage> {
-  final _controller = Get.put(
+  @override
+  final MatchInfoController controller = Get.put(
     MatchInfoController(),
     tag: Utils.generateRandomString(8),
   );
 
+  @override
+  dynamic get arguments => null;
+
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
@@ -42,36 +45,39 @@ class _MatchInfoPageState extends State<MatchInfoPage> {
       body: SafeArea(
         bottom: false,
         child: refreshIndicator(
-          onRefresh: _controller.onRefresh,
+          onRefresh: controller.onRefresh,
           child: CustomScrollView(
-            controller: _controller.scrollController,
+            controller: controller.scrollController,
             physics: const AlwaysScrollableScrollPhysics(),
             slivers: [
-              Obx(() => _buildInfo(theme, _controller.infoState.value)),
+              Obx(() => _buildInfo(theme, controller.infoState.value)),
               SliverPadding(
                 padding: EdgeInsets.only(
                   bottom: MediaQuery.paddingOf(context).bottom + 80,
                 ),
                 sliver: Obx(
-                  () => _buildReply(theme, _controller.loadingState.value),
+                  () => _buildReply(theme, controller.loadingState.value),
                 ),
               ),
             ],
           ),
         ),
       ),
-      floatingActionButton: FloatingActionButton(
+      floatingActionButton: SlideTransition(
-        heroTag: null,
+        position: controller.fabAnim,
-        onPressed: () {
+        child: FloatingActionButton(
-          feedBack();
+          heroTag: null,
-          _controller.onReply(
+          onPressed: () {
-            context,
+            feedBack();
-            oid: _controller.cid,
+            controller.onReply(
-            replyType: _controller.replyType,
+              context,
-          );
+              oid: controller.oid,
-        },
+              replyType: controller.replyType,
-        tooltip: '评论动态',
+            );
-        child: const Icon(Icons.reply),
+          },
+          tooltip: '评论动态',
+          child: const Icon(Icons.reply),
+        ),
       ),
     );
   }
@@ -214,46 +220,47 @@ class _MatchInfoPageState extends State<MatchInfoPage> {
         response?.isNotEmpty == true
             ? SliverMainAxisGroup(
                 slivers: [
-                  _buildHeader(theme),
+                  buildReplyHeader(theme),
                   SliverList.builder(
                     itemCount: response!.length,
                     itemBuilder: (context, index) {
                       if (index == response.length - 1) {
-                        _controller.onLoadMore();
+                        controller.onLoadMore();
                       }
                       return ReplyItemGrpc(
                         replyItem: response[index],
                         replyLevel: 1,
                         replyReply: (replyItem, id) =>
                             replyReply(context, replyItem, id),
-                        onReply: (replyItem) => _controller.onReply(
+                        onReply: (replyItem) => controller.onReply(
                           context,
                           replyItem: replyItem,
                         ),
                         onDelete: (item, subIndex) =>
-                            _controller.onRemove(index, item, subIndex),
+                            controller.onRemove(index, item, subIndex),
-                        upMid: _controller.upMid,
+                        upMid: controller.upMid,
                         onCheckReply: (item) =>
-                            _controller.onCheckReply(item, isManual: true),
+                            controller.onCheckReply(item, isManual: true),
-                        onToggleTop: (item) => _controller.onToggleTop(
+                        onToggleTop: (item) => controller.onToggleTop(
                           item,
                           index,
-                          _controller.cid,
+                          controller.oid,
-                          _controller.replyType,
+                          controller.replyType,
                         ),
                       );
                     },
                   ),
                 ],
               )
-            : HttpError(onReload: _controller.onReload),
+            : HttpError(onReload: controller.onReload),
       Error(:var errMsg) => HttpError(
         errMsg: errMsg,
-        onReload: _controller.onReload,
+        onReload: controller.onReload,
       ),
     };
   }
 
+  @override
   void replyReply(BuildContext context, ReplyInfo replyItem, int? id) {
     EasyThrottle.throttle('replyReply', const Duration(milliseconds: 500), () {
       int oid = replyItem.oid.toInt();
@@ -270,7 +277,7 @@ class _MatchInfoPageState extends State<MatchInfoPage> {
               oid: oid,
               rpid: rpid,
               isVideoDetail: false,
-              replyType: _controller.replyType,
+              replyType: controller.replyType,
               firstFloor: replyItem,
             ),
           ),
@@ -278,61 +285,4 @@ class _MatchInfoPageState extends State<MatchInfoPage> {
       );
     });
   }
-
-  Widget _buildHeader(ThemeData theme) {
-    return SliverPersistentHeader(
-      delegate: CustomSliverPersistentHeaderDelegate(
-        bgColor: theme.colorScheme.surface,
-        child: Container(
-          height: 45,
-          padding: const EdgeInsets.only(left: 12, right: 6),
-          child: Row(
-            children: [
-              Obx(
-                () {
-                  final count = _controller.count.value;
-                  return AnimatedSwitcher(
-                    duration: const Duration(milliseconds: 400),
-                    transitionBuilder:
-                        (Widget child, Animation<double> animation) {
-                          return ScaleTransition(
-                            scale: animation,
-                            child: child,
-                          );
-                        },
-                    child: Text(
-                      '${count == -1 ? 0 : NumUtil.numFormat(count)}条回复',
-                      key: ValueKey<int>(count),
-                    ),
-                  );
-                },
-              ),
-              const Spacer(),
-              SizedBox(
-                height: 35,
-                child: TextButton.icon(
-                  onPressed: _controller.queryBySort,
-                  icon: Icon(
-                    Icons.sort,
-                    size: 16,
-                    color: theme.colorScheme.secondary,
-                  ),
-                  label: Obx(
-                    () => Text(
-                      _controller.sortType.value.label,
-                      style: TextStyle(
-                        fontSize: 13,
-                        color: theme.colorScheme.secondary,
-                      ),
-                    ),
-                  ),
-                ),
-              ),
-            ],
-          ),
-        ),
-      ),
-      pinned: true,
-    );
-  }
 }

lib/pages/video/reply/widgets/zan_grpc.dart

@@ -8,7 +8,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 
-class ZanButtonGrpc extends StatefulWidget {
+class ZanButtonGrpc extends StatelessWidget {
   const ZanButtonGrpc({
     super.key,
     required this.replyItem,
@@ -16,23 +16,24 @@ class ZanButtonGrpc extends StatefulWidget {
 
   final ReplyInfo replyItem;
 
-  @override
+  Future<void> onHateReply(
-  State<ZanButtonGrpc> createState() => _ZanButtonGrpcState();
+    BuildContext context,
-}
+    bool isProcessing,
-
+    VoidCallback onDone, {
-class _ZanButtonGrpcState extends State<ZanButtonGrpc> {
+    required bool isLike,
-  bool get isLike => widget.replyItem.replyControl.action == $fixnum.Int64.ONE;
+    required bool isDislike,
-  bool get isDislike =>
+  }) async {
-      widget.replyItem.replyControl.action == $fixnum.Int64.TWO;
+    if (isProcessing) {
-
+      return;
-  Future<void> onHateReply() async {
+    }
+    isProcessing = true;
     feedBack();
-    final int oid = widget.replyItem.oid.toInt();
+    final int oid = replyItem.oid.toInt();
-    final int rpid = widget.replyItem.id.toInt();
+    final int rpid = replyItem.id.toInt();
     // 1 已点赞 2 不喜欢 0 未操作
     final int action = isDislike ? 0 : 2;
     final res = await ReplyHttp.hateReply(
-      type: widget.replyItem.type.toInt(),
+      type: replyItem.type.toInt(),
       action: action == 2 ? 1 : 0,
       oid: oid,
       rpid: rpid,
@@ -41,28 +42,39 @@ class _ZanButtonGrpcState extends State<ZanButtonGrpc> {
     if (res['status']) {
       SmartDialog.showToast(isDislike ? '取消踩' : '点踩成功');
       if (action == 2) {
-        if (isLike) widget.replyItem.like -= $fixnum.Int64.ONE;
+        if (isLike) replyItem.like -= $fixnum.Int64.ONE;
-        widget.replyItem.replyControl.action = $fixnum.Int64.TWO;
+        replyItem.replyControl.action = $fixnum.Int64.TWO;
       } else {
-        widget.replyItem.replyControl.action = $fixnum.Int64.ZERO;
+        replyItem.replyControl.action = $fixnum.Int64.ZERO;
       }
-      if (mounted) {
+      if (context.mounted) {
-        setState(() {});
+        (context as Element?)?.markNeedsBuild();
       }
     } else {
       SmartDialog.showToast(res['msg']);
     }
+    onDone();
   }
 
   // 评论点赞
-  Future<void> onLikeReply() async {
+  Future<void> onLikeReply(
+    BuildContext context,
+    bool isProcessing,
+    VoidCallback onDone, {
+    required bool isLike,
+    required bool isDislike,
+  }) async {
+    if (isProcessing) {
+      return;
+    }
+    isProcessing = true;
     feedBack();
-    final int oid = widget.replyItem.oid.toInt();
+    final int oid = replyItem.oid.toInt();
-    final int rpid = widget.replyItem.id.toInt();
+    final int rpid = replyItem.id.toInt();
     // 1 已点赞 2 不喜欢 0 未操作
     final int action = isLike ? 0 : 1;
     final res = await ReplyHttp.likeReply(
-      type: widget.replyItem.type.toInt(),
+      type: replyItem.type.toInt(),
       oid: oid,
       rpid: rpid,
       action: action,
@@ -70,36 +82,32 @@ class _ZanButtonGrpcState extends State<ZanButtonGrpc> {
     if (res['status']) {
       SmartDialog.showToast(isLike ? '取消赞' : '点赞成功');
       if (action == 1) {
-        widget.replyItem
+        replyItem
           ..like += $fixnum.Int64.ONE
           ..replyControl.action = $fixnum.Int64.ONE;
       } else {
-        widget.replyItem
+        replyItem
           ..like -= $fixnum.Int64.ONE
           ..replyControl.action = $fixnum.Int64.ZERO;
       }
-      if (mounted) {
+      if (context.mounted) {
-        setState(() {});
+        (context as Element?)?.markNeedsBuild();
       }
     } else {
       SmartDialog.showToast(res['msg']);
     }
-  }
+    onDone();
-
-  bool isProcessing = false;
-  Future<void> handleState(Future Function() action) async {
-    if (!isProcessing) {
-      isProcessing = true;
-      await action();
-      isProcessing = false;
-    }
   }
 
   @override
   Widget build(BuildContext context) {
     final ThemeData theme = Theme.of(context);
-    final Color color = theme.colorScheme.outline;
+    late bool isProcessing = false;
-    final Color primary = theme.colorScheme.primary;
+    final action = replyItem.replyControl.action;
+    final isLike = action == $fixnum.Int64.ONE;
+    final isDislike = action == $fixnum.Int64.TWO;
+    final outline = theme.colorScheme.outline;
+    final primary = theme.colorScheme.primary;
     final ButtonStyle style = TextButton.styleFrom(
       padding: EdgeInsets.zero,
       tapTargetSize: MaterialTapTargetSize.shrinkWrap,
@@ -112,13 +120,19 @@ class _ZanButtonGrpcState extends State<ZanButtonGrpc> {
           height: 32,
           child: TextButton(
             style: style,
-            onPressed: () => handleState(onHateReply),
+            onPressed: () => onHateReply(
+              context,
+              isProcessing,
+              () => isProcessing = false,
+              isLike: isLike,
+              isDislike: isDislike,
+            ),
             child: Icon(
               isDislike
                   ? FontAwesomeIcons.solidThumbsDown
                   : FontAwesomeIcons.thumbsDown,
               size: 16,
-              color: isDislike ? primary : color,
+              color: isDislike ? primary : outline,
               semanticLabel: isDislike ? '已踩' : '点踩',
             ),
           ),
@@ -127,30 +141,29 @@ class _ZanButtonGrpcState extends State<ZanButtonGrpc> {
           height: 32,
           child: TextButton(
             style: style,
-            onPressed: () => handleState(onLikeReply),
+            onPressed: () => onLikeReply(
+              context,
+              isProcessing,
+              () => isProcessing = false,
+              isLike: isLike,
+              isDislike: isDislike,
+            ),
             child: Row(
+              spacing: 4,
               children: [
                 Icon(
                   isLike
                       ? FontAwesomeIcons.solidThumbsUp
                       : FontAwesomeIcons.thumbsUp,
                   size: 16,
-                  color: isLike ? primary : color,
+                  color: isLike ? primary : outline,
                   semanticLabel: isLike ? '已赞' : '点赞',
                 ),
-                const SizedBox(width: 4),
+                Text(
-                AnimatedSwitcher(
+                  NumUtil.numFormat(replyItem.like.toInt()),
-                  duration: const Duration(milliseconds: 400),
+                  style: TextStyle(
-                  transitionBuilder:
+                    color: isLike ? primary : outline,
-                      (Widget child, Animation<double> animation) {
+                    fontSize: theme.textTheme.labelSmall!.fontSize,
-                        return ScaleTransition(scale: animation, child: child);
-                      },
-                  child: Text(
-                    NumUtil.numFormat(widget.replyItem.like.toInt()),
-                    style: TextStyle(
-                      color: isLike ? primary : color,
-                      fontSize: theme.textTheme.labelSmall!.fontSize,
-                    ),
                   ),
                 ),
               ],

lib/utils/request_utils.dart

@@ -341,7 +341,7 @@ class RequestUtils {
   // 动态点赞
   static Future<void> onLikeDynamic(
     DynamicItemModel item,
-    VoidCallback callback,
+    VoidCallback onSuccess,
   ) async {
     feedBack();
     String dynamicId = item.idStr!;
@@ -362,7 +362,7 @@ class RequestUtils {
           ?..count = count - 1
           ..status = false;
       }
-      callback();
+      onSuccess();
     } else {
       SmartDialog.showToast(res['msg']);
     }