feat: live search

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-24 11:06:51 +08:00 · 2025-05-06 20:31:09 +08:00
parent 867efecc54
commit 661e7bfa78
23 changed files with 835 additions and 68 deletions
--- a/lib/pages/live_search/child/view.dart
+++ b/lib/pages/live_search/child/view.dart
@@ -0,0 +1,151 @@
+import 'package:PiliPlus/common/constants.dart';
+import 'package:PiliPlus/common/skeleton/msg_feed_top.dart';
+import 'package:PiliPlus/common/skeleton/video_card_v.dart';
+import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
+import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/models/common/live_search_type.dart';
+import 'package:PiliPlus/pages/live_search/child/controller.dart';
+import 'package:PiliPlus/pages/live_search/widgets/live_search_room.dart';
+import 'package:PiliPlus/pages/live_search/widgets/live_search_user.dart';
+import 'package:PiliPlus/utils/grid.dart';
+import 'package:PiliPlus/utils/storage.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class LiveSearchChildPage extends StatefulWidget {
+  const LiveSearchChildPage({
+    super.key,
+    required this.controller,
+    required this.searchType,
+  });
+
+  final LiveSearchChildController controller;
+  final LiveSearchType searchType;
+
+  @override
+  State<LiveSearchChildPage> createState() => _LiveSearchChildPageState();
+}
+
+class _LiveSearchChildPageState extends State<LiveSearchChildPage>
+    with AutomaticKeepAliveClientMixin {
+  late final bool dynamicsWaterfallFlow = GStorage.setting
+      .get(SettingBoxKey.dynamicsWaterfallFlow, defaultValue: true);
+  LiveSearchChildController get _controller => widget.controller;
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    double padding = widget.searchType == LiveSearchType.room ? 12 : 0;
+    return refreshIndicator(
+      onRefresh: _controller.onRefresh,
+      child: CustomScrollView(
+        controller: _controller.scrollController,
+        slivers: [
+          SliverPadding(
+            padding: EdgeInsets.only(
+              top: padding,
+              left: padding,
+              right: padding,
+              bottom: MediaQuery.paddingOf(context).bottom + 80,
+            ),
+            sliver: Obx(() => _buildBody(_controller.loadingState.value)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget get _buildLoading {
+    return switch (widget.searchType) {
+      LiveSearchType.room => 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) {
+              return const VideoCardVSkeleton();
+            },
+            childCount: 10,
+          ),
+        ),
+      LiveSearchType.user => SliverGrid(
+          gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+            maxCrossAxisExtent: Grid.smallCardWidth * 2,
+            mainAxisExtent: 60,
+          ),
+          delegate: SliverChildBuilderDelegate(
+            (BuildContext context, int index) {
+              return const MsgFeedTopSkeleton();
+            },
+            childCount: 12,
+          ),
+        ),
+    };
+  }
+
+  Widget _buildBody(LoadingState<List?> loadingState) {
+    return switch (loadingState) {
+      Loading() => _buildLoading,
+      Success() => loadingState.response?.isNotEmpty == true
+          ? Builder(
+              builder: (context) {
+                return switch (widget.searchType) {
+                  LiveSearchType.room => SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.cardSpace,
+                        crossAxisSpacing: StyleString.cardSpace,
+                        maxCrossAxisExtent: Grid.smallCardWidth,
+                        childAspectRatio: StyleString.aspectRatio,
+                        mainAxisExtent:
+                            MediaQuery.textScalerOf(context).scale(60),
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          if (index == loadingState.response!.length - 1) {
+                            _controller.onLoadMore();
+                          }
+                          return LiveCardVSearch(
+                            item: loadingState.response![index],
+                          );
+                        },
+                        childCount: loadingState.response!.length,
+                      ),
+                    ),
+                  LiveSearchType.user => SliverGrid(
+                      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                        maxCrossAxisExtent: Grid.smallCardWidth * 2,
+                        mainAxisExtent: 60,
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (BuildContext context, int index) {
+                          if (index == loadingState.response!.length - 1) {
+                            _controller.onLoadMore();
+                          }
+                          return LiveSearchUserItem(
+                            item: loadingState.response![index],
+                          );
+                        },
+                        childCount: loadingState.response!.length,
+                      ),
+                    ),
+                };
+              },
+            )
+          : HttpError(
+              onReload: _controller.onReload,
+            ),
+      Error() => HttpError(
+          errMsg: loadingState.errMsg,
+          onReload: _controller.onReload,
+        ),
+    };
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+}