refa: whisper page

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

lib/http/msg.dart

@@ -312,15 +312,14 @@ class MsgHttp {
       'csrf_token': csrf,
       'csrf': csrf
     });
-    var res = await Request()
+    var res = await Request().post(
-        .post(HttpString.tUrl + Api.removeMsg, data: FormData.fromMap(data));
+      HttpString.tUrl + Api.removeMsg,
+      data: FormData.fromMap(data),
+    );
     if (res.data['code'] == 0) {
       return {'status': true};
     } else {
-      return {
+      return {'status': false, 'msg': res.data['message']};
-        'status': false,
-        'msg': res.data['message'],
-      };
     }
   }
 
@@ -381,10 +380,10 @@ class MsgHttp {
     }
   }
 
-  static Future setTop(
+  static Future setTop({
-    dynamic talkerId,
+    required dynamic talkerId,
-    int opType,
+    required int opType,
-  ) async {
+  }) async {
     String csrf = await Request.getCsrf();
     Map<String, dynamic> data = await WbiSign.makSign({
       'talker_id': talkerId,
@@ -408,32 +407,28 @@ class MsgHttp {
   }
 
   // 会话列表
-  static Future sessionList({int? endTs}) async {
+  static Future<LoadingState<List<SessionList>?>> sessionList(
-    Map<String, dynamic> params = {
+      {int? endTs}) async {
+    final params = await WbiSign.makSign({
       'session_type': 1,
       'group_fold': 1,
       'unfollow_fold': 0,
       'sort_rule': 2,
       'build': 0,
       'mobi_app': 'web',
-    };
+      if (endTs != null) 'end_ts': endTs,
-    if (endTs != null) {
+    });
-      params['end_ts'] = endTs;
+    var res = await Request().get(Api.sessionList, queryParameters: params);
-    }
-
-    Map signParams = await WbiSign.makSign(params);
-    var res = await Request().get(Api.sessionList, queryParameters: signParams);
     if (res.data['code'] == 0) {
       try {
-        return {
+        return LoadingState.success(
-          'status': true,
+          SessionDataModel.fromJson(res.data['data']).sessionList,
-          'data': SessionDataModel.fromJson(res.data['data']).sessionList,
+        );
-        };
       } catch (err) {
-        return {'status': false, 'msg': err.toString()};
+        return LoadingState.error(err.toString());
       }
     } else {
-      return {'status': false, 'msg': res.data['message']};
+      return LoadingState.error(res.data['message']);
     }
   }
 

lib/models/msg/msgfeed_unread.dart

@@ -4,7 +4,7 @@ class MsgFeedUnread {
     this.chat = 0,
     this.like = 0,
     this.reply = 0,
-    this.sys_msg = 0,
+    this.sysMsg = 0,
     this.up = 0,
   });
 
@@ -12,7 +12,7 @@ class MsgFeedUnread {
   int chat = 0;
   int like = 0;
   int reply = 0;
-  int sys_msg = 0;
+  int sysMsg = 0;
   int up = 0;
 
   MsgFeedUnread.fromJson(Map<String, dynamic> json) {
@@ -20,7 +20,7 @@ class MsgFeedUnread {
     chat = json['chat'] ?? 0;
     like = json['like'] ?? 0;
     reply = json['reply'] ?? 0;
-    sys_msg = json['sys_msg'] ?? 0;
+    sysMsg = json['sys_msg'] ?? 0;
     up = json['up'] ?? 0;
   }
 }

lib/pages/whisper/controller.dart

@@ -1,160 +1,159 @@
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/models/msg/account.dart';
+import 'package:PiliPlus/models/msg/session.dart';
+import 'package:PiliPlus/pages/common/common_list_controller.dart';
+import 'package:PiliPlus/utils/extension.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
 import 'package:PiliPlus/http/msg.dart';
-import 'package:PiliPlus/models/msg/account.dart';
-import 'package:PiliPlus/models/msg/session.dart';
 
 import '../../models/msg/msgfeed_unread.dart';
 import '../../utils/storage.dart';
 
-class WhisperController extends GetxController {
+class WhisperController
-  RxList<SessionList> sessionList = <SessionList>[].obs;
+    extends CommonListController<List<SessionList>?, SessionList> {
-  RxList<AccountListModel> accountList = <AccountListModel>[].obs;
+  late final bool disableLikeMsg;
-  bool isLoading = false;
+  late final List msgFeedTopItems;
-  Rx<MsgFeedUnread> msgFeedUnread = MsgFeedUnread().obs;
+  late final RxList<int> unreadCounts;
-  RxList msgFeedTop = [
+
-    {
+  int? endTs;
-      "name": "回复我的",
+
-      "icon": Icons.message_outlined,
+  @override
-      "route": "/replyMe",
+  void onInit() {
-      "enabled": true,
+    super.onInit();
-      "value": 0
+    disableLikeMsg =
-    },
+        GStorage.setting.get(SettingBoxKey.disableLikeMsg, defaultValue: false);
-    {
+    msgFeedTopItems = [
-      "name": "@我",
+      {
-      "icon": Icons.alternate_email_outlined,
+        "name": "回复我的",
-      "route": "/atMe",
+        "icon": Icons.message_outlined,
-      "enabled": true,
+        "route": "/replyMe",
-      "value": 0
+        "enabled": true,
-    },
+      },
-    {
+      {
-      "name": "收到的赞",
+        "name": "@我",
-      "icon": Icons.favorite_border_outlined,
+        "icon": Icons.alternate_email_outlined,
-      "route": "/likeMe",
+        "route": "/atMe",
-      "enabled": true,
+        "enabled": true,
-      "value": 0
+      },
-    },
+      {
-    {
+        "name": "收到的赞",
-      "name": "系统通知",
+        "icon": Icons.favorite_border_outlined,
-      "icon": Icons.notifications_none_outlined,
+        "route": "/likeMe",
-      "route": "/sysMsg",
+        "enabled": !disableLikeMsg,
-      "enabled": true,
+      },
-      "value": 0
+      {
-    },
+        "name": "系统通知",
-  ].obs;
+        "icon": Icons.notifications_none_outlined,
+        "route": "/sysMsg",
+        "enabled": true,
+      },
+    ];
+    unreadCounts =
+        List.generate(msgFeedTopItems.length, (index) => 0).toList().obs;
+    queryMsgFeedUnread();
+    queryData();
+  }
 
   Future queryMsgFeedUnread() async {
     var res = await MsgHttp.msgFeedUnread();
     if (res['status']) {
-      msgFeedUnread.value = MsgFeedUnread.fromJson(res['data']);
+      final data = MsgFeedUnread.fromJson(res['data']);
-      msgFeedTop[0]["value"] = msgFeedUnread.value.reply;
+      unreadCounts.value = [data.reply, data.at, data.like, data.sysMsg];
-      msgFeedTop[1]["value"] = msgFeedUnread.value.at;
-      msgFeedTop[2]["value"] = msgFeedUnread.value.like;
-      msgFeedTop[3]["value"] = msgFeedUnread.value.sys_msg;
-      if (GStorage.setting
-          .get(SettingBoxKey.disableLikeMsg, defaultValue: false)) {
-        msgFeedTop[2]["value"] = -1;
-        msgFeedTop[2]["enabled"] = false;
-      }
-      // 触发更新
-      msgFeedTop.refresh();
     } else {
       SmartDialog.showToast(res['msg']);
     }
   }
 
-  Future onRemove(int index) async {
+  @override
-    var res = await MsgHttp.removeMsg(sessionList[index].talkerId);
+  Future<LoadingState<List<SessionList>?>> customGetData() =>
+      MsgHttp.sessionList(endTs: endTs);
+
+  @override
+  bool customHandleResponse(
+      bool isRefresh, Success<List<SessionList>?> response) {
+    endTs = response.response?.lastOrNull?.sessionTs;
+    List<SessionList>? dataList = response.response;
+    if (dataList.isNullOrEmpty) {
+      isEnd = true;
+      if (isRefresh) {
+        loadingState.value = LoadingState<List<SessionList>?>.success(dataList);
+      }
+      isLoading = false;
+      return true;
+    }
+    queryAccountList(dataList!).then((_) {
+      if (isRefresh) {
+        loadingState.value = LoadingState<List<SessionList>?>.success(dataList);
+      } else if (loadingState.value is Success) {
+        List<SessionList> list = (loadingState.value as Success).response;
+        list.addAll(dataList);
+        loadingState.refresh();
+      }
+    });
+    return true;
+  }
+
+  @override
+  Future<void> onRefresh() {
+    queryMsgFeedUnread();
+    endTs = null;
+    return super.onRefresh();
+  }
+
+  Future onRemove(int index, int? talkerId) async {
+    var res = await MsgHttp.removeMsg(talkerId);
     if (res['status']) {
-      sessionList.removeAt(index);
+      List<SessionList> list = (loadingState.value as Success).response;
+      list.removeAt(index);
+      loadingState.refresh();
       SmartDialog.showToast('删除成功');
     } else {
       SmartDialog.showToast(res['msg']);
     }
   }
 
-  Future onSetTop(int index) async {
+  Future onSetTop(int index, bool isTop, int? talkerId) async {
-    bool isTop = sessionList[index].topTs != 0;
     var res = await MsgHttp.setTop(
-      sessionList[index].talkerId,
+      talkerId: talkerId,
-      isTop ? 1 : 0,
+      opType: isTop ? 1 : 0,
     );
     if (res['status']) {
-      List<SessionList> list = sessionList.map((item) {
+      List<SessionList> list = (loadingState.value as Success).response;
-        if (item.talkerId == sessionList[index].talkerId) {
+      list[index].topTs = isTop ? 0 : 1;
-          return item..topTs = isTop ? 0 : 1;
-        } else {
-          return item;
-        }
-      }).toList();
       if (!isTop) {
         SessionList item = list.removeAt(index);
         list.insert(0, item);
       }
-      sessionList.value = list;
+      loadingState.refresh();
       SmartDialog.showToast('${isTop ? '移除' : ''}置顶成功');
     } else {
       SmartDialog.showToast(res['msg']);
     }
   }
 
-  Future querySessionList(String? type) async {
+  void onTap(int index) {
-    if (isLoading) return;
+    List<SessionList> list = (loadingState.value as Success).response;
-    var res = await MsgHttp.sessionList(
+    list[index].unreadCount = 0;
-      endTs: type == 'onLoad' ? sessionList.last.sessionTs : null,
+    loadingState.refresh();
-    );
-    if (res['status']) {
-      List<SessionList>? sessionList = res['data'];
-      if (sessionList != null) {
-        if (sessionList.isNotEmpty) {
-          await queryAccountList(sessionList);
-          // 将 accountList 转换为 Map 结构
-          Map<int, dynamic> accountMap = {};
-          for (var j in accountList) {
-            accountMap[j.mid!] = j;
-          }
-
-          // 遍历 sessionList，通过 mid 查找并赋值 accountInfo
-          for (var i in sessionList) {
-            var accountInfo = accountMap[i.talkerId];
-            if (accountInfo != null) {
-              i.accountInfo = accountInfo;
-            }
-            if (i.talkerId == 844424930131966) {
-              i.accountInfo = AccountListModel(
-                name: 'UP主小助手',
-                face:
-                    'https://message.biliimg.com/bfs/im/489a63efadfb202366c2f88853d2217b5ddc7a13.png',
-              );
-            }
-          }
-        }
-
-        if (type == 'onLoad') {
-          this.sessionList.addAll(sessionList);
-        } else {
-          this.sessionList.value = sessionList;
-        }
-      }
-    }
-    isLoading = false;
-    return res;
   }
 
   Future queryAccountList(List<SessionList> sessionList) async {
     List<int?> midsList = sessionList.map((e) => e.talkerId).toList();
     var res = await MsgHttp.accountList(midsList.join(','));
     if (res['status']) {
-      accountList.value = res['data'];
+      List<AccountListModel> accountList = res['data'];
+      Map<int, AccountListModel> accountMap = {};
+      for (AccountListModel item in accountList) {
+        accountMap[item.mid!] = item;
+      }
+      for (SessionList item in sessionList) {
+        AccountListModel? accountInfo = accountMap[item.talkerId];
+        if (accountInfo != null) {
+          item.accountInfo = accountInfo;
+        }
+      }
     }
   }
-
-  Future onLoad() async {
-    querySessionList('onLoad');
-  }
-
-  Future onRefresh() async {
-    querySessionList('onRefresh');
-  }
 }

lib/pages/whisper/view.dart

@@ -1,12 +1,11 @@
 import 'package:PiliPlus/common/widgets/http_error.dart';
 import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
+import 'package:PiliPlus/http/loading_state.dart';
 import 'package:PiliPlus/models/msg/session.dart';
-import 'package:easy_debounce/easy_throttle.dart';
+import 'package:PiliPlus/pages/whisper/widgets/item.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
 import 'package:get/get.dart';
-import 'package:PiliPlus/common/widgets/network_img_layer.dart';
-import 'package:PiliPlus/utils/utils.dart';
 
 import 'controller.dart';
 
@@ -18,329 +17,126 @@ class WhisperPage extends StatefulWidget {
 }
 
 class _WhisperPageState extends State<WhisperPage> {
-  late final WhisperController _whisperController =
+  final _whisperController = Get.put(WhisperController());
-      Get.put(WhisperController());
-  late Future _futureBuilderFuture;
-  final ScrollController _scrollController = ScrollController();
-
-  @override
-  void initState() {
-    super.initState();
-    _whisperController.queryMsgFeedUnread();
-    _futureBuilderFuture = _whisperController.querySessionList('init');
-    _scrollController.addListener(_scrollListener);
-  }
-
-  @override
-  void dispose() {
-    _scrollController.removeListener(_scrollListener);
-    _scrollController.dispose();
-    super.dispose();
-  }
-
-  Future _scrollListener() async {
-    if (_scrollController.position.pixels >=
-        _scrollController.position.maxScrollExtent - 200) {
-      EasyThrottle.throttle('my-throttler', const Duration(milliseconds: 800),
-          () async {
-        await _whisperController.onLoad();
-        _whisperController.isLoading = true;
-      });
-    }
-  }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(
+      appBar: AppBar(title: const Text('消息')),
-        title: const Text('消息'),
-        // actions: [
-        //   IconButton(
-        //     icon: Icon(Icons.open_in_browser_outlined,
-        //         color: Theme.of(context).colorScheme.primary),
-        //     tooltip: '用浏览器打开',
-        //     onPressed: () {
-        //       Get.toNamed('/webview', parameters: {
-        //         'url': 'https://message.bilibili.com',
-        //         'type': 'whisper',
-        //         'pageTitle': '消息中心',
-        //         'uaType': 'pc',
-        //       });
-        //     },
-        //   ),
-        //   const SizedBox(width: 12)
-        // ],
-      ),
       body: refreshIndicator(
         onRefresh: () async {
-          await Future.wait([
+          await _whisperController.onRefresh();
-            _whisperController.queryMsgFeedUnread(),
-            _whisperController.onRefresh(),
-          ]);
         },
-        // TODO: refactor
+        child: CustomScrollView(
-        child: ListView(
-          padding: EdgeInsets.only(bottom: 80),
-          controller: _scrollController,
           physics: const AlwaysScrollableScrollPhysics(),
-          children: [
+          slivers: [
-            LayoutBuilder(
+            SliverSafeArea(
-                builder: (BuildContext context, BoxConstraints constraints) {
+              top: false,
-              // 在这里根据父级容器的约束条件构建小部件树
+              bottom: false,
-              return Padding(
+              sliver: _buildTopItems,
-                padding: const EdgeInsets.only(left: 20, right: 20),
+            ),
-                child: SizedBox(
+            Obx(() => _buildBody(_whisperController.loadingState.value)),
-                  height: 90,
-                  child: Obx(
-                    () => Row(
-                      children: Iterable<int>.generate(
-                              _whisperController.msgFeedTop.length)
-                          .map((idx) {
-                        return Expanded(
-                            child: GestureDetector(
-                          child: Column(
-                            crossAxisAlignment: CrossAxisAlignment.center,
-                            mainAxisAlignment: MainAxisAlignment.center,
-                            children: [
-                              Badge(
-                                isLabelVisible: _whisperController
-                                        .msgFeedTop[idx]['value'] >
-                                    0,
-                                label: Text(
-                                    " ${_whisperController.msgFeedTop[idx]['value']} "),
-                                alignment: Alignment.topRight,
-                                child: CircleAvatar(
-                                  radius: 22,
-                                  backgroundColor: Theme.of(context)
-                                      .colorScheme
-                                      .onInverseSurface,
-                                  child: Icon(
-                                    _whisperController.msgFeedTop[idx]['icon'],
-                                    size: 20,
-                                    color:
-                                        Theme.of(context).colorScheme.primary,
-                                  ),
-                                ),
-                              ),
-                              const SizedBox(height: 6),
-                              Text(_whisperController.msgFeedTop[idx]['name'],
-                                  style: const TextStyle(fontSize: 13))
-                            ],
-                          ),
-                          onTap: () {
-                            if (!_whisperController.msgFeedTop[idx]
-                                ['enabled']) {
-                              SmartDialog.showToast('已禁用');
-                              return;
-                            }
-                            setState(() {
-                              _whisperController.msgFeedTop[idx]['value'] = 0;
-                            });
-                            Get.toNamed(
-                                _whisperController.msgFeedTop[idx]['route']);
-                          },
-                        ));
-                      }).toList(),
-                    ),
-                  ),
-                ),
-              );
-            }),
-            FutureBuilder(
-              future: _futureBuilderFuture,
-              builder: (context, snapshot) {
-                if (snapshot.connectionState == ConnectionState.done &&
-                    snapshot.data != null) {
-                  // TODO: refactor
-                  if (snapshot.data is! Map) {
-                    return HttpError(
-                      isSliver: false,
-                      callback: () => setState(() {
-                        _futureBuilderFuture =
-                            _whisperController.querySessionList('init');
-                      }),
-                    );
-                  }
-                  Map data = snapshot.data as Map;
-                  if (data['status']) {
-                    List<SessionList> sessionList =
-                        _whisperController.sessionList;
-                    return Obx(
-                      () => sessionList.isEmpty
-                          ? const SizedBox()
-                          : ListView.separated(
-                              itemCount: sessionList.length,
-                              shrinkWrap: true,
-                              physics: const NeverScrollableScrollPhysics(),
-                              itemBuilder: (context, int i) {
-                                dynamic content =
-                                    sessionList[i].lastMsg?.content;
-                                if (content == null || content == "") {
-                                  content = '不支持的消息类型';
-                                } else {
-                                  dynamic msg = content['text'] ??
-                                      content['content'] ??
-                                      content['title'] ??
-                                      content['reply_content'];
-                                  if (msg == null) {
-                                    if (content['imageType'] != null) {
-                                      msg = '[图片消息]';
-                                    }
-                                  }
-                                  content = msg ?? content.toString();
-                                }
-                                return ListTile(
-                                  tileColor: sessionList[i].topTs == 0
-                                      ? null
-                                      : Theme.of(context)
-                                          .colorScheme
-                                          .onInverseSurface,
-                                  onLongPress: () {
-                                    showDialog(
-                                      context: context,
-                                      builder: (context) {
-                                        return AlertDialog(
-                                          clipBehavior: Clip.hardEdge,
-                                          contentPadding:
-                                              const EdgeInsets.symmetric(
-                                                  vertical: 12),
-                                          content: Column(
-                                            mainAxisSize: MainAxisSize.min,
-                                            children: [
-                                              ListTile(
-                                                dense: true,
-                                                onTap: () {
-                                                  Get.back();
-                                                  _whisperController
-                                                      .onSetTop(i);
-                                                },
-                                                title: Text(
-                                                  sessionList[i].topTs == 0
-                                                      ? '置顶'
-                                                      : '移除置顶',
-                                                  style: const TextStyle(
-                                                      fontSize: 14),
-                                                ),
-                                              ),
-                                              ListTile(
-                                                dense: true,
-                                                onTap: () {
-                                                  Get.back();
-                                                  _whisperController
-                                                      .onRemove(i);
-                                                },
-                                                title: const Text(
-                                                  '删除',
-                                                  style:
-                                                      TextStyle(fontSize: 14),
-                                                ),
-                                              ),
-                                            ],
-                                          ),
-                                        );
-                                      },
-                                    );
-                                  },
-                                  onTap: () {
-                                    setState(() {
-                                      sessionList[i].unreadCount = 0;
-                                    });
-                                    Get.toNamed(
-                                      '/whisperDetail',
-                                      parameters: {
-                                        'talkerId':
-                                            '${sessionList[i].talkerId}',
-                                        'name':
-                                            sessionList[i].accountInfo?.name ??
-                                                '',
-                                        'face':
-                                            sessionList[i].accountInfo?.face ??
-                                                '',
-                                        if (sessionList[i].accountInfo?.mid !=
-                                            null)
-                                          'mid':
-                                              '${sessionList[i].accountInfo?.mid}',
-                                      },
-                                    );
-                                  },
-                                  leading: Builder(builder: (context) {
-                                    Widget buildAvatar() => NetworkImgLayer(
-                                          width: 45,
-                                          height: 45,
-                                          type: 'avatar',
-                                          src: sessionList[i]
-                                                  .accountInfo
-                                                  ?.face ??
-                                              "",
-                                        );
-                                    return sessionList[i].unreadCount != null
-                                        ? Badge(
-                                            isLabelVisible:
-                                                sessionList[i].unreadCount! > 0,
-                                            label: Text(
-                                                " ${sessionList[i].unreadCount} "),
-                                            alignment: Alignment.topRight,
-                                            child: buildAvatar(),
-                                          )
-                                        : buildAvatar();
-                                  }),
-                                  title: Text(
-                                      sessionList[i].accountInfo?.name ?? ""),
-                                  subtitle: Text(
-                                    '$content',
-                                    maxLines: 1,
-                                    overflow: TextOverflow.ellipsis,
-                                    style: Theme.of(context)
-                                        .textTheme
-                                        .labelMedium!
-                                        .copyWith(
-                                            color: Theme.of(context)
-                                                .colorScheme
-                                                .outline),
-                                  ),
-                                  trailing: sessionList[i].lastMsg?.timestamp !=
-                                          null
-                                      ? Text(
-                                          Utils.dateFormat(
-                                              sessionList[i].lastMsg!.timestamp,
-                                              formatType: "day"),
-                                          style: Theme.of(context)
-                                              .textTheme
-                                              .labelSmall!
-                                              .copyWith(
-                                                  color: Theme.of(context)
-                                                      .colorScheme
-                                                      .outline),
-                                        )
-                                      : null,
-                                );
-                              },
-                              separatorBuilder:
-                                  (BuildContext context, int index) {
-                                return Divider(
-                                  indent: 72,
-                                  endIndent: 20,
-                                  height: 6,
-                                  color: Colors.grey.withOpacity(0.1),
-                                );
-                              },
-                            ),
-                    );
-                  } else {
-                    // 请求错误
-                    return Center(
-                      child: Text(data['msg'] ?? '请求异常'),
-                    );
-                  }
-                } else {
-                  // 骨架屏
-                  return const SizedBox();
-                }
-              },
-            )
           ],
         ),
       ),
     );
   }
+
+  Widget _buildBody(LoadingState<List<SessionList>?> loadingState) {
+    return switch (loadingState) {
+      Loading() => const SliverToBoxAdapter(),
+      Success() => loadingState.response?.isNotEmpty == true
+          ? SliverPadding(
+              padding: EdgeInsets.only(
+                bottom: MediaQuery.paddingOf(context).bottom + 100,
+              ),
+              sliver: SliverList.separated(
+                itemCount: loadingState.response!.length,
+                itemBuilder: (context, index) {
+                  if (index == loadingState.response!.length - 1) {
+                    _whisperController.onLoadMore();
+                  }
+                  return WhisperSessionItem(
+                    item: loadingState.response![index],
+                    onSetTop: (isTop, talkerId) =>
+                        _whisperController.onSetTop(index, isTop, talkerId),
+                    onRemove: (talkerId) =>
+                        _whisperController.onRemove(index, talkerId),
+                    onTap: () => _whisperController.onTap(index),
+                  );
+                },
+                separatorBuilder: (context, index) => Divider(
+                  indent: 72,
+                  endIndent: 20,
+                  height: 1,
+                  color: Colors.grey.withOpacity(0.1),
+                ),
+              ),
+            )
+          : HttpError(
+              callback: _whisperController.onReload,
+            ),
+      Error() => HttpError(
+          errMsg: loadingState.errMsg,
+          callback: _whisperController.onReload,
+        ),
+      _ => throw UnimplementedError(),
+    };
+  }
+
+  Widget get _buildTopItems => SliverToBoxAdapter(
+        child: Padding(
+          padding: const EdgeInsets.only(left: 20, right: 20, bottom: 10),
+          child: Row(
+            children: List.generate(_whisperController.msgFeedTopItems.length,
+                (index) {
+              return Expanded(
+                child: GestureDetector(
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    crossAxisAlignment: CrossAxisAlignment.center,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Obx(
+                        () => Badge(
+                          isLabelVisible:
+                              _whisperController.unreadCounts[index] > 0,
+                          label: Text(
+                              " ${_whisperController.unreadCounts[index]} "),
+                          alignment: Alignment.topRight,
+                          child: CircleAvatar(
+                            radius: 22,
+                            backgroundColor:
+                                Theme.of(context).colorScheme.onInverseSurface,
+                            child: Icon(
+                              _whisperController.msgFeedTopItems[index]['icon'],
+                              size: 20,
+                              color: Theme.of(context).colorScheme.primary,
+                            ),
+                          ),
+                        ),
+                      ),
+                      const SizedBox(height: 6),
+                      Text(
+                        _whisperController.msgFeedTopItems[index]['name'],
+                        style: const TextStyle(fontSize: 13),
+                      ),
+                    ],
+                  ),
+                  onTap: () {
+                    if (!_whisperController.msgFeedTopItems[index]['enabled']) {
+                      SmartDialog.showToast('已禁用');
+                      return;
+                    }
+                    _whisperController.unreadCounts[index] = 0;
+                    Get.toNamed(
+                      _whisperController.msgFeedTopItems[index]['route'],
+                    );
+                  },
+                ),
+              );
+            }).toList(),
+          ),
+        ),
+      );
 }

lib/pages/whisper/widgets/item.dart

@@ -0,0 +1,132 @@
+import 'package:PiliPlus/common/widgets/network_img_layer.dart';
+import 'package:PiliPlus/models/msg/session.dart';
+import 'package:PiliPlus/utils/utils.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class WhisperSessionItem extends StatelessWidget {
+  const WhisperSessionItem({
+    super.key,
+    required this.item,
+    required this.onSetTop,
+    required this.onRemove,
+    required this.onTap,
+  });
+
+  final SessionList item;
+  final Function(bool isTop, int? talkerId) onSetTop;
+  final ValueChanged<int?> onRemove;
+  final VoidCallback onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    dynamic content = item.lastMsg?.content;
+    if (content == null || content == "") {
+      content = '不支持的消息类型';
+    } else {
+      dynamic msg = content['text'] ??
+          content['content'] ??
+          content['title'] ??
+          content['reply_content'];
+      if (msg == null) {
+        if (content['imageType'] != null) {
+          msg = '[图片消息]';
+        }
+      }
+      content = msg ?? content.toString();
+    }
+
+    return ListTile(
+      tileColor: item.topTs == 0
+          ? null
+          : Theme.of(context).colorScheme.onInverseSurface,
+      onLongPress: () {
+        showDialog(
+          context: context,
+          builder: (context) {
+            return AlertDialog(
+              clipBehavior: Clip.hardEdge,
+              contentPadding: const EdgeInsets.symmetric(vertical: 12),
+              content: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  ListTile(
+                    dense: true,
+                    onTap: () {
+                      Get.back();
+                      onSetTop(item.topTs != 0, item.talkerId);
+                    },
+                    title: Text(
+                      item.topTs == 0 ? '置顶' : '移除置顶',
+                      style: const TextStyle(fontSize: 14),
+                    ),
+                  ),
+                  ListTile(
+                    dense: true,
+                    onTap: () {
+                      Get.back();
+                      onRemove(item.talkerId);
+                    },
+                    title: const Text(
+                      '删除',
+                      style: TextStyle(fontSize: 14),
+                    ),
+                  ),
+                ],
+              ),
+            );
+          },
+        );
+      },
+      onTap: () {
+        onTap();
+        Get.toNamed(
+          '/whisperDetail',
+          parameters: {
+            'talkerId': '${item.talkerId}',
+            'name': item.accountInfo?.name ?? '',
+            'face': item.accountInfo?.face ?? '',
+            if (item.accountInfo?.mid != null)
+              'mid': '${item.accountInfo?.mid}',
+          },
+        );
+      },
+      leading: Builder(
+        builder: (context) {
+          Widget buildAvatar() => NetworkImgLayer(
+                width: 45,
+                height: 45,
+                type: 'avatar',
+                src: item.accountInfo?.face ?? "",
+              );
+          return item.unreadCount != null && item.unreadCount! > 0
+              ? Badge(
+                  label: Text(" ${item.unreadCount} "),
+                  alignment: Alignment.topRight,
+                  child: buildAvatar(),
+                )
+              : buildAvatar();
+        },
+      ),
+      title: Text(item.accountInfo?.name ?? ""),
+      subtitle: Text(
+        '$content',
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+        style: Theme.of(context)
+            .textTheme
+            .labelMedium!
+            .copyWith(color: Theme.of(context).colorScheme.outline),
+      ),
+      trailing: item.lastMsg?.timestamp != null
+          ? Text(
+              Utils.dateFormat(item.lastMsg!.timestamp, formatType: "day"),
+              style: TextStyle(
+                fontSize: 12,
+                color: Theme.of(context).colorScheme.outline,
+              ),
+            )
+          : null,
+    );
+  }
+}