Files
PiliPlus/lib/pages/download/view.dart
dom 631197e3b9 opt perf
Signed-off-by: dom <githubaccount56556@proton.me>
2026-03-06 12:05:54 +08:00

407 lines
15 KiB
Dart

import 'dart:async';
import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/appbar/appbar.dart';
import 'package:PiliPlus/common/widgets/badge.dart';
import 'package:PiliPlus/common/widgets/dialog/dialog.dart';
import 'package:PiliPlus/common/widgets/flutter/layout_builder.dart';
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
import 'package:PiliPlus/common/widgets/select_mask.dart';
import 'package:PiliPlus/models/common/badge_type.dart';
import 'package:PiliPlus/models_new/download/bili_download_entry_info.dart';
import 'package:PiliPlus/models_new/download/download_info.dart';
import 'package:PiliPlus/pages/download/controller.dart';
import 'package:PiliPlus/pages/download/detail/view.dart';
import 'package:PiliPlus/pages/download/detail/widgets/item.dart';
import 'package:PiliPlus/pages/download/search/view.dart';
import 'package:PiliPlus/services/download/download_service.dart';
import 'package:PiliPlus/utils/extension/iterable_ext.dart' show IterableExt;
import 'package:PiliPlus/utils/grid.dart';
import 'package:PiliPlus/utils/platform_utils.dart';
import 'package:PiliPlus/utils/storage.dart';
import 'package:flutter/material.dart'
hide SliverGridDelegateWithMaxCrossAxisExtent, LayoutBuilder;
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
class DownloadPage extends StatefulWidget {
const DownloadPage({super.key});
@override
State<DownloadPage> createState() => _DownloadPageState();
}
class _DownloadPageState extends State<DownloadPage> {
final _downloadService = Get.find<DownloadService>();
final _controller = Get.put(DownloadPageController());
final _progress = ChangeNotifier();
@override
void dispose() {
_progress.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final padding = MediaQuery.viewPaddingOf(context);
return Obx(() {
final enableMultiSelect = _controller.enableMultiSelect.value;
return PopScope(
canPop: !enableMultiSelect,
onPopInvokedWithResult: (didPop, result) {
if (enableMultiSelect) {
_controller.handleSelect();
}
},
child: Scaffold(
resizeToAvoidBottomInset: false,
appBar: MultiSelectAppBarWidget(
ctr: _controller,
actions: [
TextButton(
style: TextButton.styleFrom(
visualDensity: VisualDensity.compact,
),
onPressed: () async {
final allChecked = _controller.allChecked.toSet();
_controller.handleSelect();
final list = <BiliDownloadEntryInfo>[];
for (final page in allChecked) {
list.addAll(page.entries);
}
final res = await Future.wait(
list.map(
(e) => _downloadService.downloadDanmaku(
entry: e,
isUpdate: true,
),
),
);
if (res.every((e) => e)) {
SmartDialog.showToast('更新成功');
} else {
SmartDialog.showToast('更新失败');
}
},
child: Text(
'更新',
style: TextStyle(color: theme.colorScheme.onSurface),
),
),
],
child: AppBar(
title: const Text('离线缓存'),
actions: [
IconButton(
tooltip: '搜索',
onPressed: () async {
await _downloadService.waitForInitialization;
if (!mounted) return;
Get.to(DownloadSearchPage(progress: _progress));
},
icon: const Icon(Icons.search),
),
IconButton(
tooltip: '多选',
onPressed: () {
if (enableMultiSelect) {
_controller.handleSelect();
} else {
_controller.enableMultiSelect.value = true;
}
},
icon: const Icon(Icons.edit_note),
),
const SizedBox(width: 6),
],
),
),
body: Padding(
padding: EdgeInsets.only(left: padding.left, right: padding.right),
child: CustomScrollView(
slivers: [
Obx(() {
final entry =
_downloadService.waitDownloadQueue.firstWhereOrNull(
(e) => e.cid == _downloadService.curCid,
) ??
_downloadService.waitDownloadQueue.firstOrNull;
if (entry != null) {
return SliverMainAxisGroup(
slivers: [
SliverPadding(
padding: const EdgeInsets.only(left: 12, bottom: 7),
sliver: SliverToBoxAdapter(
child: Text(
'正在缓存 (${_downloadService.waitDownloadQueue.length})',
),
),
),
SliverToBoxAdapter(
child: SizedBox(
height: 100,
child: DetailItem(
entry: entry,
progress: _progress,
downloadService: _downloadService,
showTitle: true,
isCurr: true,
controller: _controller,
),
),
),
],
);
}
return const SliverToBoxAdapter();
}),
Obx(() {
if (_controller.pages.isNotEmpty) {
return SliverMainAxisGroup(
slivers: [
SliverPadding(
padding: EdgeInsets.only(
left: 12,
bottom: 7,
top: _downloadService.waitDownloadQueue.isEmpty
? 0
: 7,
),
sliver: const SliverToBoxAdapter(
child: Text('已缓存视频'),
),
),
SliverGrid.builder(
gridDelegate:
SliverGridDelegateWithMaxCrossAxisExtent(
mainAxisSpacing: 2,
mainAxisExtent: 100,
maxCrossAxisExtent: Grid.smallCardWidth * 2,
),
itemBuilder: (context, index) {
final item = _controller.pages[index];
if (item.entries.length == 1) {
final entry = item.entries.first;
return DetailItem(
entry: entry,
progress: _progress,
downloadService: _downloadService,
showTitle: true,
onDelete: () {
_downloadService.deleteDownload(
entry: entry,
removeList: true,
);
GStorage.watchProgress.delete(
entry.cid.toString(),
);
},
checked: item.checked,
onSelect: (_) => _controller.onSelect(item),
controller: _controller,
);
}
return _buildItem(theme, item, enableMultiSelect);
},
itemCount: _controller.pages.length,
),
],
);
}
if (_downloadService.waitDownloadQueue.isNotEmpty) {
return const SliverToBoxAdapter();
}
return const HttpError();
}),
SliverToBoxAdapter(
child: SizedBox(height: padding.bottom + 100),
),
],
),
),
),
);
});
}
Widget _buildItem(
ThemeData theme,
DownloadPageInfo pageInfo,
bool enableMultiSelect,
) {
void onLongPress() => enableMultiSelect
? null
: showDialog(
context: context,
builder: (context) => AlertDialog(
clipBehavior: Clip.hardEdge,
contentPadding: const EdgeInsets.symmetric(vertical: 12),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
ListTile(
onTap: () {
Get.back();
showConfirmDialog(
context: context,
title: '确定删除?',
onConfirm: () async {
await GStorage.watchProgress.deleteAll(
pageInfo.entries.map((e) => e.cid.toString()),
);
_downloadService.deletePage(
pageDirPath: pageInfo.dirPath,
);
},
);
},
dense: true,
title: const Text(
'删除',
style: TextStyle(fontSize: 14),
),
),
ListTile(
onTap: () async {
Get.back();
final res = await Future.wait(
pageInfo.entries.map(
(e) => _downloadService.downloadDanmaku(
entry: e,
isUpdate: true,
),
),
);
if (res.every((e) => e)) {
SmartDialog.showToast('更新成功');
} else {
SmartDialog.showToast('更新失败');
}
},
dense: true,
title: const Text(
'更新弹幕',
style: TextStyle(fontSize: 14),
),
),
],
),
),
);
final first = pageInfo.entries.first;
return Material(
type: MaterialType.transparency,
child: InkWell(
onTap: () {
if (_controller.enableMultiSelect.value) {
_controller.onSelect(pageInfo);
return;
}
Get.to(
DownloadDetailPage(
pageId: pageInfo.pageId,
title: pageInfo.title,
progress: _progress,
),
);
},
onLongPress: onLongPress,
onSecondaryTap: PlatformUtils.isMobile ? null : onLongPress,
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: StyleString.safeSpace,
vertical: 5,
),
child: Row(
spacing: 10,
children: [
Stack(
clipBehavior: Clip.none,
children: [
AspectRatio(
aspectRatio: StyleString.aspectRatio,
child: LayoutBuilder(
builder: (context, constraints) => NetworkImgLayer(
src: pageInfo.cover,
width: constraints.maxWidth,
height: constraints.maxHeight,
),
),
),
PBadge(
text: '${pageInfo.entries.length}个视频',
right: 6.0,
bottom: 6.0,
isBold: false,
type: PBadgeType.gray,
),
if (pageInfo.seasonType case final pgcType?)
PBadge(
text: switch (pgcType) {
-1 => '课程',
1 => '番剧',
2 => '电影',
3 => '纪录片',
4 => '国创',
5 => '电视剧',
7 => '综艺',
_ => null,
},
right: 6.0,
top: 6.0,
),
Positioned.fill(
child: selectMask(theme, pageInfo.checked),
),
],
),
Expanded(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Text(
pageInfo.title,
textAlign: TextAlign.start,
style: TextStyle(
fontSize: theme.textTheme.bodyMedium!.fontSize,
height: 1.42,
letterSpacing: 0.3,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
),
Row(
crossAxisAlignment: .end,
mainAxisAlignment: .spaceBetween,
children: [
if (first.ownerName case final ownerName?)
Text(
ownerName,
style: TextStyle(
fontSize: 12,
height: 1.6,
color: theme.colorScheme.outline,
),
)
else
const Spacer(),
pageInfo.entries.first.moreBtn(theme),
],
),
],
),
),
],
),
),
),
);
}
}