feat: fav article page

Closes #402 Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-06 09:13:48 +08:00 · 2025-03-29 14:38:13 +08:00
parent 72fa9c51f0
commit 5dc8b8e54f
9 changed files with 373 additions and 9 deletions
--- a/lib/pages/fav/article/view.dart
+++ b/lib/pages/fav/article/view.dart
@@ -0,0 +1,102 @@
+import 'package:PiliPlus/common/constants.dart';
+import 'package:PiliPlus/common/skeleton/video_card_h.dart';
+import 'package:PiliPlus/common/widgets/dialog.dart';
+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/pages/fav/article/controller.dart';
+import 'package:PiliPlus/pages/fav/article/widget/item.dart';
+import 'package:PiliPlus/utils/grid.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class FavArticlePage extends StatefulWidget {
+  const FavArticlePage({super.key});
+
+  @override
+  State<FavArticlePage> createState() => _FavArticlePageState();
+}
+
+class _FavArticlePageState extends State<FavArticlePage>
+    with AutomaticKeepAliveClientMixin {
+  final FavArticleController _favArticleController =
+      Get.put(FavArticleController());
+
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return refreshIndicator(
+      onRefresh: () async {
+        await _favArticleController.onRefresh();
+      },
+      child: CustomScrollView(
+        slivers: [
+          Obx(() => _buildBody(_favArticleController.loadingState.value)),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildBody(LoadingState loadingState) {
+    return switch (loadingState) {
+      Loading() => SliverGrid(
+          gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+            mainAxisSpacing: 2,
+            maxCrossAxisExtent: Grid.mediumCardWidth * 2,
+            childAspectRatio: StyleString.aspectRatio * 2.2,
+          ),
+          delegate: SliverChildBuilderDelegate(
+            (context, index) {
+              return const VideoCardHSkeleton();
+            },
+            childCount: 10,
+          ),
+        ),
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? SliverPadding(
+              padding: EdgeInsets.only(
+                top: StyleString.safeSpace - 5,
+                bottom: MediaQuery.paddingOf(context).bottom + 80,
+              ),
+              sliver: SliverGrid(
+                gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                  mainAxisSpacing: 2,
+                  maxCrossAxisExtent: Grid.mediumCardWidth * 2,
+                  childAspectRatio: StyleString.aspectRatio * 2.6,
+                ),
+                delegate: SliverChildBuilderDelegate(
+                  (context, index) {
+                    if (index == loadingState.response.length - 1) {
+                      _favArticleController.onLoadMore();
+                    }
+                    return FavArticleItem(
+                      item: loadingState.response[index],
+                      onDelete: () {
+                        showConfirmDialog(
+                            context: context,
+                            title: '确定取消收藏？',
+                            onConfirm: () {
+                              _favArticleController.onRemove(
+                                index,
+                                loadingState.response[index]['opus_id'],
+                              );
+                            });
+                      },
+                    );
+                  },
+                  childCount: loadingState.response.length,
+                ),
+              ),
+            )
+          : HttpError(callback: _favArticleController.onReload),
+      Error() => HttpError(
+          errMsg: loadingState.errMsg,
+          callback: _favArticleController.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
+  }
+}