Files
PiliPlus/lib/pages/search_panel/view.dart
bggRGjQaUbCoE 95caf111ae mod: add skeleton
Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-04-21 10:19:57 +08:00

135 lines
4.3 KiB
Dart

import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/skeleton/media_bangumi.dart';
import 'package:PiliPlus/common/skeleton/msg_feed_top.dart';
import 'package:PiliPlus/common/skeleton/video_card_h.dart';
import 'package:PiliPlus/common/skeleton/video_card_v.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/models/search/result.dart';
import 'package:PiliPlus/utils/grid.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPlus/models/common/search_type.dart';
import 'controller.dart';
abstract class CommonSearchPanel extends StatefulWidget {
const CommonSearchPanel({
super.key,
required this.keyword,
required this.searchType,
required this.tag,
this.hasHeader = false,
});
final String keyword;
final SearchType searchType;
final String tag;
final bool hasHeader;
}
abstract class CommonSearchPanelState<
S extends CommonSearchPanel,
R extends SearchNumData<T>,
T> extends State<S> with AutomaticKeepAliveClientMixin {
SearchPanelController<R, T> get controller;
@override
bool get wantKeepAlive => true;
@override
Widget build(BuildContext context) {
super.build(context);
return refreshIndicator(
onRefresh: () async {
await controller.onRefresh();
},
child: SafeArea(
bottom: false,
child: CustomScrollView(
controller: controller.scrollController,
physics: const AlwaysScrollableScrollPhysics(),
slivers: [
if (widget.hasHeader)
Obx(() => buildHeader(controller.loadingState.value)),
Obx(() => _buildBody(controller.loadingState.value)),
],
),
),
);
}
Widget buildHeader(LoadingState<List<T>?> loadingState) {
throw UnimplementedError();
}
Widget get _builLoading {
return SliverGrid(
gridDelegate: switch (widget.searchType) {
SearchType.media_bangumi ||
SearchType.media_ft =>
SliverGridDelegateWithExtentAndRatio(
mainAxisSpacing: 2,
maxCrossAxisExtent: Grid.smallCardWidth * 2,
childAspectRatio: StyleString.aspectRatio * 1.5,
minHeight: MediaQuery.textScalerOf(context).scale(155),
),
SearchType.live_room => SliverGridDelegateWithExtentAndRatio(
mainAxisSpacing: StyleString.cardSpace,
crossAxisSpacing: StyleString.cardSpace,
maxCrossAxisExtent: Grid.smallCardWidth,
childAspectRatio: StyleString.aspectRatio,
mainAxisExtent: MediaQuery.textScalerOf(context).scale(90),
),
SearchType.bili_user => SliverGridDelegateWithMaxCrossAxisExtent(
maxCrossAxisExtent: Grid.smallCardWidth * 2,
mainAxisExtent: 66,
),
_ => Grid.videoCardHDelegate(context),
},
delegate: SliverChildBuilderDelegate(
(context, index) {
switch (widget.searchType) {
case SearchType.media_bangumi || SearchType.media_ft:
return const MediaBangumiSkeleton();
case SearchType.bili_user:
return const MsgFeedTopSkeleton();
case SearchType.live_room:
return const VideoCardVSkeleton();
default:
return const VideoCardHSkeleton();
}
},
childCount: 16,
),
);
}
Widget _buildBody(LoadingState<List<T>?> loadingState) {
return switch (loadingState) {
Loading() => widget.searchType == SearchType.live_room
? SliverPadding(
padding: const EdgeInsets.only(
left: StyleString.cardSpace,
right: StyleString.cardSpace,
),
sliver: _builLoading,
)
: _builLoading,
Success() => loadingState.response?.isNotEmpty == true
? buildList(loadingState.response!)
: HttpError(
callback: controller.onReload,
),
Error() => HttpError(
errMsg: loadingState.errMsg,
callback: controller.onReload,
),
_ => throw UnimplementedError(),
};
}
Widget buildList(List<T> list);
}