mirror of
https://github.com/HChaZZY/PiliPlus.git
synced 2025-12-23 02:26:52 +08:00
324 lines
13 KiB
Dart
324 lines
13 KiB
Dart
import 'package:PiliPlus/common/constants.dart';
|
|
import 'package:PiliPlus/common/widgets/badge.dart';
|
|
import 'package:PiliPlus/common/widgets/button/icon_button.dart';
|
|
import 'package:PiliPlus/common/widgets/dialog/dialog.dart';
|
|
import 'package:PiliPlus/common/widgets/image/image_save.dart';
|
|
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
|
|
import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
|
|
import 'package:PiliPlus/common/widgets/stat/stat.dart';
|
|
import 'package:PiliPlus/http/search.dart';
|
|
import 'package:PiliPlus/models/common/badge_type.dart';
|
|
import 'package:PiliPlus/models/common/stat_type.dart';
|
|
import 'package:PiliPlus/models_new/media_list/media_list.dart';
|
|
import 'package:PiliPlus/pages/common/common_collapse_slide_page.dart';
|
|
import 'package:PiliPlus/utils/duration_util.dart';
|
|
import 'package:flutter/material.dart' hide RefreshCallback;
|
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
|
|
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
|
|
|
|
class MediaListPanel extends CommonCollapseSlidePage {
|
|
const MediaListPanel({
|
|
super.key,
|
|
required this.mediaList,
|
|
this.changeMediaList,
|
|
this.panelTitle,
|
|
required this.getBvId,
|
|
required this.loadMoreMedia,
|
|
required this.count,
|
|
required this.desc,
|
|
required this.onReverse,
|
|
required this.loadPrevious,
|
|
this.onDelete,
|
|
});
|
|
|
|
final List<MediaListItemModel> mediaList;
|
|
final Function? changeMediaList;
|
|
final String? panelTitle;
|
|
final Function getBvId;
|
|
final VoidCallback loadMoreMedia;
|
|
final int? count;
|
|
final bool desc;
|
|
final VoidCallback onReverse;
|
|
final RefreshCallback? loadPrevious;
|
|
final Function(dynamic item, int index)? onDelete;
|
|
|
|
@override
|
|
State<MediaListPanel> createState() => _MediaListPanelState();
|
|
}
|
|
|
|
class _MediaListPanelState
|
|
extends CommonCollapseSlidePageState<MediaListPanel> {
|
|
final _scrollController = ItemScrollController();
|
|
late RxBool desc;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
desc = widget.desc.obs;
|
|
}
|
|
|
|
@override
|
|
void init() {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
if (mounted) {
|
|
int index = widget.mediaList
|
|
.indexWhere((item) => item.bvid == widget.getBvId());
|
|
if (index > 0) {
|
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
|
try {
|
|
_scrollController.jumpTo(index: index);
|
|
} catch (_) {}
|
|
});
|
|
}
|
|
setState(() {
|
|
isInit = false;
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget buildPage(ThemeData theme) {
|
|
return Material(
|
|
color: theme.colorScheme.surface,
|
|
child: Column(
|
|
children: [
|
|
AppBar(
|
|
toolbarHeight: 45,
|
|
automaticallyImplyLeading: false,
|
|
titleSpacing: 16,
|
|
title: Text(widget.panelTitle ?? '稍后再看'),
|
|
backgroundColor: Colors.transparent,
|
|
actions: [
|
|
Obx(
|
|
() => mediumButton(
|
|
tooltip: desc.value ? '顺序播放' : '倒序播放',
|
|
icon: desc.value
|
|
? MdiIcons.sortAscending
|
|
: MdiIcons.sortDescending,
|
|
onPressed: () {
|
|
widget.onReverse();
|
|
desc.value = !desc.value;
|
|
},
|
|
),
|
|
),
|
|
mediumButton(
|
|
tooltip: '关闭',
|
|
icon: Icons.close,
|
|
onPressed: Get.back,
|
|
),
|
|
const SizedBox(width: 14),
|
|
],
|
|
),
|
|
Divider(
|
|
height: 1,
|
|
color: theme.colorScheme.outline.withValues(alpha: 0.1),
|
|
),
|
|
Expanded(
|
|
child: enableSlide ? slideList(theme) : buildList(theme),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget buildList(ThemeData theme) {
|
|
return widget.loadPrevious != null
|
|
? refreshIndicator(
|
|
onRefresh: widget.loadPrevious!,
|
|
child: _buildList(theme),
|
|
)
|
|
: _buildList(theme);
|
|
}
|
|
|
|
Widget _buildList(ThemeData theme) => Obx(
|
|
() {
|
|
final showDelBtn =
|
|
widget.onDelete != null && widget.mediaList.length > 1;
|
|
return ScrollablePositionedList.separated(
|
|
itemScrollController: _scrollController,
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|
itemCount: widget.mediaList.length,
|
|
padding: EdgeInsets.only(
|
|
top: 7,
|
|
bottom: MediaQuery.paddingOf(context).bottom + 80,
|
|
),
|
|
itemBuilder: ((context, index) {
|
|
var item = widget.mediaList[index];
|
|
if (index == widget.mediaList.length - 1 &&
|
|
(widget.count == null ||
|
|
widget.mediaList.length < widget.count!)) {
|
|
widget.loadMoreMedia();
|
|
}
|
|
final isCurr = item.bvid == widget.getBvId();
|
|
return SizedBox(
|
|
height: 98,
|
|
child: Material(
|
|
type: MaterialType.transparency,
|
|
child: InkWell(
|
|
onTap: () async {
|
|
if (item.type != 2) {
|
|
SmartDialog.showToast('不支持播放该类型视频');
|
|
return;
|
|
}
|
|
Get.back();
|
|
String bvid = item.bvid!;
|
|
int? aid = item.aid;
|
|
String cover = item.cover ?? '';
|
|
final int? cid = item.cid ??
|
|
await SearchHttp.ab2c(aid: aid, bvid: bvid);
|
|
if (cid != null) {
|
|
widget.changeMediaList?.call(bvid, cid, aid, cover);
|
|
}
|
|
},
|
|
onLongPress: () => imageSaveDialog(
|
|
title: item.title,
|
|
cover: item.cover,
|
|
aid: item.aid,
|
|
bvid: item.bvid,
|
|
),
|
|
child: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 5,
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
AspectRatio(
|
|
aspectRatio: StyleString.aspectRatio,
|
|
child: LayoutBuilder(
|
|
builder: (context, boxConstraints) {
|
|
return Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
NetworkImgLayer(
|
|
src: item.cover,
|
|
width: boxConstraints.maxWidth,
|
|
height: boxConstraints.maxHeight,
|
|
),
|
|
if (item.badge?.text?.isNotEmpty ==
|
|
true)
|
|
PBadge(
|
|
text: item.badge?.text,
|
|
right: 6.0,
|
|
top: 6.0,
|
|
type: switch (item.badge?.text) {
|
|
'充电专属' => PBadgeType.error,
|
|
_ => PBadgeType.primary,
|
|
},
|
|
),
|
|
PBadge(
|
|
text: DurationUtil.formatDuration(
|
|
item.duration),
|
|
right: 6.0,
|
|
bottom: 6.0,
|
|
type: PBadgeType.gray,
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 10),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
item.title!,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontWeight:
|
|
isCurr ? FontWeight.bold : null,
|
|
color: isCurr
|
|
? theme.colorScheme.primary
|
|
: null,
|
|
),
|
|
),
|
|
if (item.type == 24 &&
|
|
item.intro?.isNotEmpty == true) ...[
|
|
const SizedBox(height: 3),
|
|
Text(
|
|
item.intro!,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontSize: 13,
|
|
color: theme.colorScheme.outline,
|
|
),
|
|
),
|
|
],
|
|
const Spacer(),
|
|
Text(
|
|
item.upper!.name!,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: theme.colorScheme.outline,
|
|
),
|
|
),
|
|
if (item.type == 2) ...[
|
|
const SizedBox(height: 3),
|
|
Row(
|
|
spacing: 8,
|
|
children: [
|
|
StatWidget(
|
|
type: StatType.play,
|
|
value: item.cntInfo!.play,
|
|
),
|
|
StatWidget(
|
|
type: StatType.danmaku,
|
|
value: item.cntInfo!.danmaku,
|
|
),
|
|
],
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (showDelBtn && !isCurr)
|
|
Positioned(
|
|
right: 12,
|
|
bottom: -6,
|
|
child: InkWell(
|
|
customBorder: const CircleBorder(),
|
|
onTap: () => showConfirmDialog(
|
|
context: context,
|
|
title: '确定移除该视频？',
|
|
onConfirm: () => widget.onDelete!(item, index),
|
|
),
|
|
onLongPress: () => widget.onDelete!(item, index),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(9),
|
|
child: Icon(
|
|
Icons.clear,
|
|
size: 18,
|
|
color: theme.colorScheme.outline,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
separatorBuilder: (context, index) => const SizedBox(height: 2),
|
|
);
|
|
},
|
|
);
|
|
}
|