refa: live page

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

lib/pages/live/view.dart

@@ -2,17 +2,17 @@ import 'package:PiliPlus/common/constants.dart';
 import 'package:PiliPlus/common/skeleton/video_card_v.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/loading_widget/loading_widget.dart';
 import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
 import 'package:PiliPlus/common/widgets/self_sized_horizontal_list.dart';
 import 'package:PiliPlus/http/loading_state.dart';
-import 'package:PiliPlus/models/live/item.dart';
+import 'package:PiliPlus/models/live/live_feed_index/card_data_list_item.dart';
+import 'package:PiliPlus/models/live/live_feed_index/card_list.dart';
 import 'package:PiliPlus/pages/common/common_page.dart';
 import 'package:PiliPlus/pages/live/controller.dart';
-import 'package:PiliPlus/pages/live/widgets/live_item.dart';
-import 'package:PiliPlus/pages/live/widgets/live_item_follow.dart';
+import 'package:PiliPlus/pages/live/widgets/live_item_app.dart';
+import 'package:PiliPlus/pages/live_follow/view.dart';
+import 'package:PiliPlus/utils/extension.dart';
 import 'package:PiliPlus/utils/grid.dart';
-import 'package:PiliPlus/utils/utils.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 
@@ -49,18 +49,6 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
           controller: controller.scrollController,
           physics: const AlwaysScrollableScrollPhysics(),
           slivers: [
-            Obx(
-              () => controller.isLogin.value
-                  ? SliverPadding(
-                      padding: const EdgeInsets.symmetric(
-                        vertical: StyleString.cardSpace,
-                      ),
-                      sliver: SliverToBoxAdapter(
-                        child: _buildFollowList(),
-                      ),
-                    )
-                  : const SliverToBoxAdapter(),
-            ),
             SliverPadding(
               padding: EdgeInsets.only(
                 top: StyleString.cardSpace,
@@ -74,7 +62,7 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
     );
   }
 
-  Widget _buildBody(LoadingState<List<LiveItemModel>?> loadingState) {
+  Widget _buildBody(LoadingState<List<LiveCardList>?> loadingState) {
     return switch (loadingState) {
       Loading() => SliverGrid(
           gridDelegate: SliverGridDelegateWithExtentAndRatio(
@@ -92,25 +80,48 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
           ),
         ),
       Success() => loadingState.response?.isNotEmpty == true
-          ? SliverGrid(
-              gridDelegate: SliverGridDelegateWithExtentAndRatio(
-                mainAxisSpacing: StyleString.cardSpace,
-                crossAxisSpacing: StyleString.cardSpace,
-                maxCrossAxisExtent: Grid.smallCardWidth,
-                childAspectRatio: StyleString.aspectRatio,
-                mainAxisExtent: MediaQuery.textScalerOf(context).scale(90),
-              ),
-              delegate: SliverChildBuilderDelegate(
-                (context, index) {
-                  if (index == loadingState.response!.length - 1) {
-                    controller.onLoadMore();
-                  }
-                  return LiveCardV(liveItem: loadingState.response![index]);
-                },
-                childCount: loadingState.response!.length,
-              ),
-            )
-          : scrollErrorWidget(onReload: controller.onReload),
+          ? Builder(builder: (context) {
+              List<LiveCardList> list = loadingState.response!;
+              LiveCardList? followItem;
+              if (list.first.cardType == 'my_idol_v1') {
+                followItem = list.first;
+                list = list.sublist(1);
+              }
+              return SliverMainAxisGroup(
+                slivers: [
+                  if (followItem != null)
+                    SliverPadding(
+                      padding: const EdgeInsets.only(bottom: 12),
+                      sliver: SliverToBoxAdapter(
+                        child: _buildFollowList(followItem),
+                      ),
+                    ),
+                  if (list.isNotEmpty)
+                    SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.cardSpace,
+                        crossAxisSpacing: StyleString.cardSpace,
+                        maxCrossAxisExtent: Grid.smallCardWidth,
+                        childAspectRatio: StyleString.aspectRatio,
+                        mainAxisExtent:
+                            MediaQuery.textScalerOf(context).scale(90),
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          if (index == list.length - 1) {
+                            controller.onLoadMore();
+                          }
+                          return LiveCardVApp(
+                            item: list[index].cardData!.smallCardV1!,
+                          );
+                        },
+                        childCount: list.length,
+                      ),
+                    ),
+                ],
+              );
+            })
+          : HttpError(onReload: controller.onReload),
       Error() => HttpError(
           errMsg: loadingState.errMsg,
           onReload: controller.onReload,
@@ -118,7 +129,7 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
     };
   }
 
-  Widget _buildFollowList() {
+  Widget _buildFollowList(LiveCardList item) {
     final theme = Theme.of(context);
     return Column(
       mainAxisSize: MainAxisSize.min,
@@ -126,33 +137,32 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
       children: [
         Row(
           children: [
-            Obx(
-              () => Text.rich(
-                TextSpan(
-                  children: [
-                    const TextSpan(text: '我的关注  '),
-                    TextSpan(
-                      text: '${controller.liveCount.value}',
-                      style: TextStyle(
-                        fontSize: 13,
-                        color: theme.colorScheme.primary,
-                      ),
+            Text.rich(
+              TextSpan(
+                children: [
+                  const TextSpan(text: '我的关注  '),
+                  TextSpan(
+                    text:
+                        '${item.cardData?.myIdolV1?.extraInfo?.totalCount ?? 0}',
+                    style: TextStyle(
+                      fontSize: 13,
+                      color: theme.colorScheme.primary,
                     ),
-                    TextSpan(
-                      text: '人正在直播',
-                      style: TextStyle(
-                        fontSize: 13,
-                        color: theme.colorScheme.outline,
-                      ),
+                  ),
+                  TextSpan(
+                    text: '人正在直播',
+                    style: TextStyle(
+                      fontSize: 13,
+                      color: theme.colorScheme.outline,
                     ),
-                  ],
-                ),
+                  ),
+                ],
               ),
             ),
             const Spacer(),
             GestureDetector(
               onTap: () {
-                Get.to(_buildFollowListPage);
+                Get.to(const LiveFollowPage());
               },
               child: Row(
                 mainAxisSize: MainAxisSize.min,
@@ -173,161 +183,69 @@ class _LivePageState extends CommonPageState<LivePage, LiveController>
             ),
           ],
         ),
-        Obx(() => _buildFollowBody(theme, controller.followListState.value)),
+        _buildFollowBody(theme, item.cardData?.myIdolV1?.list),
       ],
     );
   }
 
-  Widget _buildFollowBody(ThemeData theme, LoadingState loadingState) {
-    return switch (loadingState) {
-      Loading() => SizedBox(
-          height: 80,
-          child: loadingWidget,
-        ),
-      Success() => (loadingState.response as List?)?.isNotEmpty == true
-          ? MediaQuery.removePadding(
-              context: context,
-              removeLeft: context.orientation == Orientation.landscape,
-              child: SelfSizedHorizontalList(
-                gapSize: 5,
-                childBuilder: (index) {
-                  if (index == loadingState.response.length - 1) {
-                    controller.fetchLiveFollowing(false);
-                  }
-                  return SizedBox(
-                    width: 65,
-                    child: GestureDetector(
-                      onTap: () {
-                        Get.toNamed(
-                          '/liveRoom?roomid=${loadingState.response[index].roomId}',
-                        );
-                      },
-                      onLongPress: () {
-                        Feedback.forLongPress(context);
-                        Get.toNamed(
-                          '/member?mid=${loadingState.response[index].uid}',
-                          arguments: {
-                            'face': loadingState.response[index].face,
-                            'heroTag': Utils.makeHeroTag(
-                                loadingState.response[index].uid)
-                          },
-                        );
-                      },
-                      child: Column(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          const SizedBox(height: 8),
-                          Container(
-                            margin: const EdgeInsets.all(2),
-                            padding: const EdgeInsets.all(2),
-                            decoration: BoxDecoration(
-                              border: Border.all(
-                                width: 1.5,
-                                color: theme.colorScheme.primary,
-                                strokeAlign: BorderSide.strokeAlignOutside,
-                              ),
-                              shape: BoxShape.circle,
-                            ),
-                            child: NetworkImgLayer(
-                              type: 'avatar',
-                              width: 45,
-                              height: 45,
-                              src: loadingState.response[index].face,
-                            ),
-                          ),
-                          const SizedBox(height: 4),
-                          Text(
-                            loadingState.response[index].uname,
-                            maxLines: 1,
-                            overflow: TextOverflow.ellipsis,
-                            style: const TextStyle(fontSize: 12),
-                            textAlign: TextAlign.center,
-                          ),
-                        ],
-                      ),
-                    ),
-                  );
-                },
-                itemCount: loadingState.response.length,
-              ),
-            )
-          : const SizedBox.shrink(),
-      Error() => GestureDetector(
-          onTap: () {
-            controller.fetchLiveFollowing();
-          },
-          child: Container(
-            height: 80,
-            alignment: Alignment.center,
-            padding: const EdgeInsets.symmetric(horizontal: 16),
-            child: Text(
-              loadingState.errMsg,
-              textAlign: TextAlign.center,
-            ),
-          ),
-        ),
-    };
-  }
-
-  Widget get _buildFollowListPage => Scaffold(
-        appBar: AppBar(
-          title: Obx(
-            () => Text('${controller.liveCount.value}人正在直播'),
-          ),
-        ),
-        body: SafeArea(
-          top: false,
-          bottom: false,
-          child: CustomScrollView(
-            slivers: [
-              Obx(() => _buildFollowListBody(controller.followListState.value)),
-            ],
-          ),
-        ),
-      );
-
-  Widget _buildFollowListBody(LoadingState loadingState) {
-    return switch (loadingState) {
-      Success() || Loading() => SliverPadding(
-          padding: EdgeInsets.only(
-            top: StyleString.safeSpace,
-            left: StyleString.safeSpace,
-            right: StyleString.safeSpace,
-            bottom: MediaQuery.paddingOf(context).bottom + 80,
-          ),
-          sliver: SliverGrid(
-            gridDelegate: SliverGridDelegateWithExtentAndRatio(
-              mainAxisSpacing: StyleString.cardSpace,
-              crossAxisSpacing: StyleString.cardSpace,
-              maxCrossAxisExtent: Grid.smallCardWidth,
-              childAspectRatio: StyleString.aspectRatio,
-              mainAxisExtent: MediaQuery.textScalerOf(context).scale(90),
-            ),
-            delegate: SliverChildBuilderDelegate(
-              (BuildContext context, int index) {
-                if (loadingState is Success &&
-                    index == loadingState.response.length - 1) {
-                  controller.fetchLiveFollowing(false);
-                }
-                return loadingState is Success
-                    ? LiveCardVFollow(
-                        liveItem: loadingState.response[index],
-                      )
-                    : const VideoCardVSkeleton();
+  Widget _buildFollowBody(ThemeData theme, List<CardLiveItem>? list) {
+    if (list.isNullOrEmpty) {
+      return const SizedBox.shrink();
+    }
+    return MediaQuery.removePadding(
+      context: context,
+      removeLeft: context.orientation == Orientation.landscape,
+      child: SelfSizedHorizontalList(
+        gapSize: 5,
+        childBuilder: (index) {
+          final item = list[index];
+          return SizedBox(
+            width: 65,
+            child: GestureDetector(
+              onTap: () {
+                Get.toNamed('/liveRoom?roomid=${item.roomid}');
               },
-              childCount:
-                  loadingState is Success ? loadingState.response.length : 10,
+              onLongPress: () {
+                Feedback.forLongPress(context);
+                Get.toNamed('/member?mid=${item.uid}');
+              },
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  const SizedBox(height: 8),
+                  Container(
+                    margin: const EdgeInsets.all(2),
+                    padding: const EdgeInsets.all(2),
+                    decoration: BoxDecoration(
+                      border: Border.all(
+                        width: 1.5,
+                        color: theme.colorScheme.primary,
+                        strokeAlign: BorderSide.strokeAlignOutside,
+                      ),
+                      shape: BoxShape.circle,
+                    ),
+                    child: NetworkImgLayer(
+                      type: 'avatar',
+                      width: 45,
+                      height: 45,
+                      src: item.face,
+                    ),
+                  ),
+                  const SizedBox(height: 4),
+                  Text(
+                    item.uname!,
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: const TextStyle(fontSize: 12),
+                    textAlign: TextAlign.center,
+                  ),
+                ],
+              ),
             ),
-          ),
-        ),
-      Error() => HttpError(
-          errMsg: loadingState.errMsg,
-          onReload: () {
-            controller
-              ..followListState.value = LoadingState.loading()
-              ..fetchLiveFollowing();
-          },
-        ),
-    };
+          );
+        },
+        itemCount: list!.length,
+      ),
+    );
   }
 }