feat: member shop

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-22 01:56:47 +08:00 · 2025-08-31 12:51:58 +08:00
parent 86346d568e
commit 2956b43f42
25 changed files with 734 additions and 10 deletions
--- a/lib/pages/member_shop/view.dart
+++ b/lib/pages/member_shop/view.dart
@@ -0,0 +1,139 @@
+import 'package:PiliPlus/common/constants.dart';
+import 'package:PiliPlus/common/skeleton/space_opus.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_new/space/space_shop/item.dart';
+import 'package:PiliPlus/pages/member_shop/controller.dart';
+import 'package:PiliPlus/pages/member_shop/widgets/item.dart';
+import 'package:PiliPlus/utils/extension.dart';
+import 'package:PiliPlus/utils/grid.dart';
+import 'package:PiliPlus/utils/waterfall.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:waterfall_flow/waterfall_flow.dart'
+    hide SliverWaterfallFlowDelegateWithMaxCrossAxisExtent;
+
+class MemberShop extends StatefulWidget {
+  const MemberShop({
+    super.key,
+    required this.heroTag,
+    required this.mid,
+  });
+
+  final String? heroTag;
+  final int mid;
+
+  @override
+  State<MemberShop> createState() => _MemberShopState();
+}
+
+class _MemberShopState extends State<MemberShop>
+    with AutomaticKeepAliveClientMixin {
+  late final _controller = Get.put(
+    MemberShopController(widget.mid),
+    tag: widget.heroTag,
+  );
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return refreshIndicator(
+      onRefresh: _controller.onRefresh,
+      child: CustomScrollView(
+        physics: const AlwaysScrollableScrollPhysics(),
+        slivers: [
+          SliverPadding(
+            padding: EdgeInsets.only(
+              top: 12,
+              left: StyleString.safeSpace,
+              right: StyleString.safeSpace,
+              bottom: MediaQuery.viewPaddingOf(context).bottom + 100,
+            ),
+            sliver: Obx(() => _buildBody(_controller.loadingState.value)),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+
+  late double _maxWidth;
+
+  late final gridDelegate = SliverWaterfallFlowDelegateWithMaxCrossAxisExtent(
+    maxCrossAxisExtent: Grid.smallCardWidth,
+    mainAxisSpacing: StyleString.safeSpace,
+    crossAxisSpacing: StyleString.safeSpace,
+    callback: (value) => _maxWidth = value,
+  );
+
+  Widget _buildBody(LoadingState<List<SpaceShopItem>?> loadingState) {
+    switch (loadingState) {
+      case Loading():
+        return SliverWaterfallFlow(
+          gridDelegate: gridDelegate,
+          delegate: SliverChildBuilderDelegate(
+            (context, index) => const SpaceOpusSkeleton(),
+            childCount: 10,
+          ),
+        );
+      case Success(:var response):
+        if (response.isNullOrEmpty) {
+          return HttpError(onReload: _controller.onReload);
+        }
+        Widget sliver = SliverWaterfallFlow(
+          gridDelegate: gridDelegate,
+          delegate: SliverChildBuilderDelegate(
+            (_, index) {
+              return MemberShopItem(
+                item: response[index],
+                maxWidth: _maxWidth,
+              );
+            },
+            childCount: response!.length,
+          ),
+        );
+        if (_controller.showMoreTab == true) {
+          sliver = SliverMainAxisGroup(
+            slivers: [
+              sliver,
+              SliverToBoxAdapter(
+                child: Padding(
+                  padding: const EdgeInsets.only(top: 25),
+                  child: Center(
+                    child: FilledButton.tonal(
+                      onPressed: () {
+                        if (_controller.clickUrl case String clickUrl) {
+                          final url = Uri.parse(
+                            clickUrl,
+                          ).queryParameters['url'];
+                          if (url case String url) {
+                            Get.toNamed(
+                              '/webview',
+                              parameters: {'url': url},
+                            );
+                          }
+                        }
+                      },
+                      style: FilledButton.styleFrom(
+                        visualDensity: VisualDensity.compact,
+                      ),
+                      child: Text(_controller.showMoreDesc ?? ''),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          );
+        }
+        return sliver;
+      case Error(:var errMsg):
+        return HttpError(
+          errMsg: errMsg,
+          onReload: _controller.onReload,
+        );
+    }
+  }
+}