feat: member shop

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

lib/pages/member/view.dart

@@ -17,6 +17,7 @@ import 'package:PiliPlus/pages/member_dynamics/view.dart';
 import 'package:PiliPlus/pages/member_favorite/view.dart';
 import 'package:PiliPlus/pages/member_home/view.dart';
 import 'package:PiliPlus/pages/member_pgc/view.dart';
+import 'package:PiliPlus/pages/member_shop/view.dart';
 import 'package:PiliPlus/utils/utils.dart';
 import 'package:extended_nested_scroll_view/extended_nested_scroll_view.dart';
 import 'package:flutter/material.dart';
@@ -319,6 +320,10 @@ class _MemberPageState extends State<MemberPage> {
           heroTag: _heroTag,
           mid: _mid,
         ),
+        'shop' => MemberShop(
+          heroTag: _heroTag,
+          mid: _mid,
+        ),
         _ => Center(child: Text(item.title ?? '')),
       };
     }).toList(),

lib/pages/member_opus/view.dart

@@ -57,7 +57,7 @@ class _MemberOpusState extends State<MemberOpus>
                   top: widget.isSingle ? 12 : 0,
                   left: StyleString.safeSpace,
                   right: StyleString.safeSpace,
-                  bottom: bottom + 90,
+                  bottom: bottom + 100,
                 ),
                 sliver: Obx(() => _buildBody(_controller.loadingState.value)),
               ),

lib/pages/member_shop/controller.dart

@@ -0,0 +1,35 @@
+import 'package:PiliPlus/http/loading_state.dart';
+import 'package:PiliPlus/http/member.dart';
+import 'package:PiliPlus/models_new/space/space_shop/data.dart';
+import 'package:PiliPlus/models_new/space/space_shop/item.dart';
+import 'package:PiliPlus/pages/common/common_list_controller.dart';
+
+class MemberShopController
+    extends CommonListController<SpaceShopData, SpaceShopItem> {
+  MemberShopController(this.mid);
+
+  final int mid;
+
+  @override
+  void onInit() {
+    super.onInit();
+    queryData();
+  }
+
+  bool? showMoreTab;
+  String? clickUrl;
+  String? showMoreDesc;
+
+  @override
+  List<SpaceShopItem>? getDataList(SpaceShopData response) {
+    isEnd = response.haveNextPage == false;
+    showMoreTab = response.showMoreTab;
+    clickUrl = response.clickUrl;
+    showMoreDesc = response.showMoreDesc;
+    return response.data;
+  }
+
+  @override
+  Future<LoadingState<SpaceShopData>> customGetData() =>
+      MemberHttp.spaceShop(mid: mid);
+}

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,
+        );
+    }
+  }
+}

lib/pages/member_shop/widgets/item.dart

@@ -0,0 +1,123 @@
+import 'package:PiliPlus/common/widgets/badge.dart';
+import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
+import 'package:PiliPlus/models/common/badge_type.dart';
+import 'package:PiliPlus/models_new/space/space_shop/item.dart';
+import 'package:PiliPlus/models_new/space/space_shop/net_price.dart';
+import 'package:PiliPlus/utils/extension.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class MemberShopItem extends StatelessWidget {
+  const MemberShopItem({
+    super.key,
+    required this.item,
+    required this.maxWidth,
+  });
+
+  final SpaceShopItem item;
+  final double maxWidth;
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+    final belowLabels = item.belowLabels?.map((e) => e.title).join('|');
+    return Card(
+      clipBehavior: Clip.hardEdge,
+      shape: const RoundedRectangleBorder(
+        borderRadius: BorderRadius.all(Radius.circular(6)),
+      ),
+      child: InkWell(
+        onTap: () {
+          if (item.cardUrl case String cardUrl) {
+            Get.toNamed('/webview', parameters: {'url': cardUrl});
+          }
+        },
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            NetworkImgLayer(
+              radius: 0,
+              src: item.cover?.url,
+              width: maxWidth,
+              height: maxWidth,
+            ),
+            Padding(
+              padding: const EdgeInsets.all(8),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(
+                    item.title!,
+                    maxLines: 2,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                  if (belowLabels?.isNotEmpty == true)
+                    Padding(
+                      padding: const EdgeInsets.symmetric(vertical: 2),
+                      child: PBadge(
+                        text: belowLabels,
+                        type: PBadgeType.shop,
+                        size: PBadgeSize.small,
+                        isStack: false,
+                        fontSize: 10,
+                        padding: const EdgeInsets.symmetric(
+                          horizontal: 3,
+                          vertical: 2,
+                        ),
+                      ),
+                    ),
+                  Row(
+                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                    children: [
+                      if (item.netPrice case NetPrice netPrice)
+                        Text.rich(
+                          style: TextStyle(color: colorScheme.vipColor),
+                          TextSpan(
+                            children: [
+                              if (netPrice.pricePrefix?.isNotEmpty == true)
+                                TextSpan(
+                                  text: '${netPrice.pricePrefix} ',
+                                  style: const TextStyle(fontSize: 11),
+                                ),
+                              TextSpan(
+                                text:
+                                    '${netPrice.priceSymbol}${netPrice.netPrice}',
+                                style: const TextStyle(
+                                  fontWeight: FontWeight.w500,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      if (item.benefitInfos?.isNotEmpty == true)
+                        Text(
+                          item.benefitInfos!
+                              .map(
+                                (e) =>
+                                    '${e.prefix ?? ''}${e.amount ?? ''}${e.suffix ?? ''}',
+                              )
+                              .join('|'),
+                          style: TextStyle(
+                            fontSize: 11,
+                            color: colorScheme.outline,
+                          ),
+                        ),
+                    ],
+                  ),
+                  if (item.itemSourceName?.isNotEmpty == true)
+                    Text(
+                      '来自${item.itemSourceName}',
+                      style: TextStyle(
+                        fontSize: 11,
+                        color: colorScheme.freeColor,
+                      ),
+                    ),
+                ],
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/pages/setting/models/extra_settings.dart

@@ -921,6 +921,14 @@ List<SettingsModel> get extraSettings => [
       }
     },
   ),
+  SettingsModel(
+    settingsType: SettingsType.sw1tch,
+    title: '显示UP主页小店TAB',
+    leading: const Icon(Icons.shop_outlined),
+    setKey: SettingBoxKey.showMemberShop,
+    defaultVal: false,
+    onChanged: (value) => MemberTabType.showMemberShop = value,
+  ),
   SettingsModel(
     settingsType: SettingsType.sw1tch,
     onTap: () {

lib/pages/webdav/view.dart

@@ -46,7 +46,7 @@ class _WebDavSettingPageState extends State<WebDavSettingPage> {
           top: 20,
           left: padding.left + 20,
           right: padding.right + 20,
-          bottom: padding.bottom + 90,
+          bottom: padding.bottom + 100,
         ),
         children: [
           TextField(