jingyun
281 lines
10 KiB
Dart
281 lines
10 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
import 'package:shadcn_ui/shadcn_ui.dart';
|
|
|
|
import '../../data/api/report_data_source.dart';
|
|
import '../../data/content_providers.dart';
|
|
import '../../data/models/models.dart';
|
|
import '../../routing/app_routes.dart';
|
|
import '../../theme/yanting_text.dart';
|
|
import '../../theme/yanting_tokens.dart';
|
|
import '../../widgets/mini_player.dart';
|
|
import '../../widgets/page_header.dart';
|
|
import '../../widgets/states.dart';
|
|
import '../shared/report_card_widget.dart';
|
|
|
|
class ReportsPage extends HookConsumerWidget {
|
|
const ReportsPage({
|
|
required this.dataSource,
|
|
required this.onPlay,
|
|
this.player = const PlayerStateModel(),
|
|
this.onStartModuleAudio,
|
|
this.onToggleAudio,
|
|
this.onSeekAudio,
|
|
this.onSpeed,
|
|
super.key,
|
|
});
|
|
|
|
final ReportDataSource dataSource;
|
|
final void Function(AudioItem item) onPlay;
|
|
final PlayerStateModel player;
|
|
final void Function(
|
|
String audioId,
|
|
String reportId,
|
|
String title,
|
|
int durationSec,
|
|
)?
|
|
onStartModuleAudio;
|
|
final VoidCallback? onToggleAudio;
|
|
final void Function(int delta)? onSeekAudio;
|
|
final VoidCallback? onSpeed;
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final theme = ShadTheme.of(context);
|
|
final searchController = useTextEditingController();
|
|
final query = useState('');
|
|
final topic = useState('');
|
|
final hasAudio = useState(false);
|
|
final snapshot = ref.watch(reportsProvider);
|
|
|
|
return snapshot.when(
|
|
loading: () => const LoadingState(label: '正在搜索研报'),
|
|
error: (error, _) => ErrorState(
|
|
message: error.toString(),
|
|
onRetry: () => ref.invalidate(reportsProvider),
|
|
),
|
|
data: (items) {
|
|
final currentQuery = query.value;
|
|
final currentTopic = topic.value;
|
|
final currentHasAudio = hasAudio.value;
|
|
final filtered = _applyFilters(
|
|
items,
|
|
query: currentQuery,
|
|
topic: currentTopic,
|
|
hasAudio: currentHasAudio,
|
|
);
|
|
|
|
return SingleChildScrollView(
|
|
padding: const EdgeInsets.fromLTRB(
|
|
YantingSpacing.screenX,
|
|
4,
|
|
YantingSpacing.screenX,
|
|
16,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
const PageHeader(title: '研报', subtitle: '全部已发布研报解读'),
|
|
ShadInput(
|
|
controller: searchController,
|
|
placeholder: const Text('搜索标题、机构或主题'),
|
|
leading: const Padding(
|
|
padding: EdgeInsets.only(right: 8),
|
|
child: Icon(LucideIcons.search, size: 16),
|
|
),
|
|
trailing: currentQuery.isEmpty
|
|
? null
|
|
: Padding(
|
|
padding: const EdgeInsets.only(left: 8),
|
|
child: ShadButton.ghost(
|
|
size: ShadButtonSize.sm,
|
|
onPressed: () {
|
|
searchController.clear();
|
|
query.value = '';
|
|
},
|
|
child: const Icon(LucideIcons.x, size: 16),
|
|
),
|
|
),
|
|
onChanged: (value) => query.value = value.trim(),
|
|
),
|
|
const SizedBox(height: YantingSpacing.x3),
|
|
Wrap(
|
|
spacing: YantingSpacing.x2,
|
|
runSpacing: YantingSpacing.x2,
|
|
children: [
|
|
ShadButton.outline(
|
|
onPressed: items.isEmpty
|
|
? null
|
|
: () => _openFilterSheet(
|
|
context,
|
|
items: items,
|
|
topic: topic,
|
|
),
|
|
leading: const Icon(
|
|
LucideIcons.slidersHorizontal,
|
|
size: 16,
|
|
),
|
|
child: const Text('筛选'),
|
|
),
|
|
ShadButton.outline(
|
|
onPressed: () {},
|
|
leading: const Icon(LucideIcons.arrowUpDown, size: 16),
|
|
child: const Text('最新'),
|
|
),
|
|
ShadBadge.secondary(
|
|
onPressed: () => hasAudio.value = !currentHasAudio,
|
|
backgroundColor: currentHasAudio
|
|
? theme.colorScheme.foreground
|
|
: theme.colorScheme.secondary,
|
|
foregroundColor: currentHasAudio
|
|
? theme.colorScheme.background
|
|
: theme.colorScheme.secondaryForeground,
|
|
hoverBackgroundColor: currentHasAudio
|
|
? theme.colorScheme.foreground.withValues(alpha: 0.9)
|
|
: theme.colorScheme.border,
|
|
child: const Text('音频'),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Align(
|
|
alignment: Alignment.centerRight,
|
|
child: Text('共 ${filtered.length} 篇', style: YantingText.meta),
|
|
),
|
|
const SizedBox(height: YantingSpacing.x3),
|
|
const ShadSeparator.horizontal(),
|
|
const SizedBox(height: YantingSpacing.x3),
|
|
if (filtered.isEmpty)
|
|
EmptyState(
|
|
title: currentQuery.isNotEmpty ? '未找到相关研报' : '当前筛选下暂无研报',
|
|
message: currentQuery.isNotEmpty ? '换个关键词试试' : '调整筛选条件后再试',
|
|
actionLabel: '清除筛选',
|
|
onAction: () {
|
|
searchController.clear();
|
|
query.value = '';
|
|
topic.value = '';
|
|
hasAudio.value = false;
|
|
},
|
|
)
|
|
else
|
|
for (final report in filtered) ...[
|
|
ReportCardWidget(
|
|
report: report,
|
|
onTap: () => openReportDetail(
|
|
context,
|
|
dataSource,
|
|
report,
|
|
player: player,
|
|
onStartAudio: onStartModuleAudio,
|
|
onToggleAudio: onToggleAudio,
|
|
onSeekAudio: onSeekAudio,
|
|
onSpeed: onSpeed,
|
|
),
|
|
onPlayTap: () => onPlay(
|
|
AudioItem(
|
|
audioId: 'local_${report.id}',
|
|
reportId: report.id,
|
|
titleCn: report.titleCn,
|
|
reportTitleCn: report.titleCn,
|
|
durationSec: 180,
|
|
institution: report.institution,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: YantingSpacing.x3),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
List<ReportCardModel> _applyFilters(
|
|
List<ReportCardModel> items, {
|
|
required String query,
|
|
required String topic,
|
|
required bool hasAudio,
|
|
}) {
|
|
return items.where((item) {
|
|
final hay =
|
|
'${item.titleCn} ${item.institution.nameCn} ${item.topics.join(' ')}'
|
|
.toLowerCase();
|
|
if (query.isNotEmpty && !hay.contains(query.toLowerCase())) return false;
|
|
if (topic.isNotEmpty && !item.topics.contains(topic)) return false;
|
|
if (hasAudio && !item.hasAudio) return false;
|
|
return true;
|
|
}).toList();
|
|
}
|
|
|
|
void _openFilterSheet(
|
|
BuildContext context, {
|
|
required List<ReportCardModel> items,
|
|
required ValueNotifier<String> topic,
|
|
}) {
|
|
final topics = {for (final item in items) ...item.topics}.toList();
|
|
showShadSheet<void>(
|
|
context: context,
|
|
side: ShadSheetSide.bottom,
|
|
builder: (context) {
|
|
final theme = ShadTheme.of(context);
|
|
final selectedBackground = theme.colorScheme.foreground;
|
|
final selectedForeground = theme.colorScheme.background;
|
|
final unselectedBackground = theme.colorScheme.secondary;
|
|
final unselectedForeground = theme.colorScheme.secondaryForeground;
|
|
|
|
return ShadSheet(
|
|
title: const Text('筛选研报'),
|
|
description: const Text('按主题快速收窄列表。'),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Wrap(
|
|
spacing: YantingSpacing.x2,
|
|
runSpacing: YantingSpacing.x2,
|
|
children: [
|
|
ShadBadge.secondary(
|
|
onPressed: () => topic.value = '',
|
|
backgroundColor: topic.value.isEmpty
|
|
? selectedBackground
|
|
: unselectedBackground,
|
|
foregroundColor: topic.value.isEmpty
|
|
? selectedForeground
|
|
: unselectedForeground,
|
|
hoverBackgroundColor: topic.value.isEmpty
|
|
? selectedBackground.withValues(alpha: 0.9)
|
|
: theme.colorScheme.border,
|
|
child: const Text('全部主题'),
|
|
),
|
|
for (final t in topics)
|
|
ShadBadge.secondary(
|
|
onPressed: () => topic.value = t,
|
|
backgroundColor: topic.value == t
|
|
? selectedBackground
|
|
: unselectedBackground,
|
|
foregroundColor: topic.value == t
|
|
? selectedForeground
|
|
: unselectedForeground,
|
|
hoverBackgroundColor: topic.value == t
|
|
? selectedBackground.withValues(alpha: 0.9)
|
|
: theme.colorScheme.border,
|
|
child: Text(t),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
ShadButton(
|
|
width: double.infinity,
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text('完成'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|