Files
2026-07-14 11:11:36 +08:00

746 lines
22 KiB
Dart

part of 'danmaku_panel_body.dart';
extension _DanmakuPanelBodyView on _DanmakuPanelBodyState {
Widget? _buildEmptyState() {
final state = widget.sessionState;
if (state is DanmakuSessionIdle) {
if (!widget.danmakuSourceConfigured) {
return _emptyStatePage(
icon: Icons.subtitles,
title: '弹幕未配置',
description: '请先在设置中配置弹幕数据源',
actions: [
if (widget.onGoToSettings != null)
_emptyStateCta('前往设置', widget.onGoToSettings!),
],
);
}
if (widget.danmakuGlobalEnabled) {
return _emptyStatePage(
icon: Icons.subtitles,
title: '正在搜索弹幕…',
showSpinner: true,
);
}
return _emptyStatePage(
icon: Icons.subtitles,
title: '弹幕已关闭',
description: '开启后将自动匹配弹幕',
actions: [
if (widget.onToggleDanmakuEnabled != null)
_emptyStateCta('开启弹幕', widget.onToggleDanmakuEnabled!),
],
);
}
if (state is DanmakuSessionMatching ||
(state is DanmakuSessionMatched &&
state.commentStatus == DanmakuCommentStatus.loading)) {
return _emptyStatePage(
icon: Icons.subtitles,
title: '正在搜索弹幕…',
showSpinner: true,
);
}
if (state is DanmakuSessionEmpty) {
return _emptyStatePage(
icon: Icons.search_off,
title: '未找到匹配弹幕',
description: '可尝试手动搜索匹配',
actions: [_emptyStateCta('搜索弹幕', widget.onOpenSearch)],
);
}
if (state is DanmakuSessionFailed) {
return _emptyStatePage(
icon: Icons.error_outline,
title: '加载失败',
description: '弹幕匹配请求出错',
actions: [
if (widget.onRetry != null) _emptyStateCta('重试', widget.onRetry!),
_emptyStateCta('搜索弹幕', widget.onOpenSearch),
],
);
}
return null;
}
Widget _emptyStatePage({
required IconData icon,
required String title,
String? description,
List<Widget> actions = const [],
bool showSpinner = false,
}) {
return SingleChildScrollView(
child: Container(
padding: const EdgeInsets.symmetric(vertical: 28, horizontal: 24),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
if (showSpinner)
Stack(
alignment: Alignment.center,
children: [
Icon(icon, color: const Color(0x61FFFFFF), size: 40),
const AppLoadingRing(size: 52, color: Color(0x99FFFFFF)),
],
)
else
Icon(icon, color: const Color(0x61FFFFFF), size: 40),
const SizedBox(height: 12),
Text(
title,
style: const TextStyle(
color: Colors.white70,
fontSize: 14,
fontWeight: FontWeight.w500,
),
),
if (description != null) ...[
const SizedBox(height: 4),
Text(
description,
style: const TextStyle(color: Colors.white38, fontSize: 12),
textAlign: TextAlign.center,
),
],
if (actions.isNotEmpty) ...[
const SizedBox(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
for (var i = 0; i < actions.length; i++) ...[
if (i > 0) const SizedBox(width: 8),
actions[i],
],
],
),
],
],
),
),
);
}
Widget _emptyStateCta(String label, VoidCallback onTap) {
return TextButton(
onPressed: onTap,
style: TextButton.styleFrom(
foregroundColor: Colors.white,
backgroundColor: Colors.white12,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
),
child: Text(label, style: const TextStyle(fontSize: 12)),
);
}
Widget _buildMainMenu() {
final hasMatch =
widget.selectedMatchIndex >= 0 &&
widget.selectedMatchIndex < widget.matches.length;
final matchTitle = hasMatch
? widget.matches[widget.selectedMatchIndex].animeTitle
: null;
return SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_sectionHeader('弹幕数据'),
_menuItem(
icon: Icons.search,
label: '搜索弹幕',
hasCheck: hasMatch,
subtitle: matchTitle,
onTap: widget.onOpenSearch,
),
const FDivider(
style: .delta(
color: Color(0x1AFFFFFF),
padding: .value(EdgeInsetsDirectional.only(start: 16)),
),
),
_sectionHeader('操作'),
_menuItem(
icon: Icons.tune,
label: '显示设置',
onTap: () => _navigateTo(_DanmakuView.settings),
),
_menuItem(
icon: Icons.filter_alt_outlined,
label: '过滤关键词',
badge: widget.blockedKeywords.isNotEmpty
? '${widget.blockedKeywords.length}'
: null,
onTap: () => _navigateTo(_DanmakuView.filter),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: PanelToggleRow(
label: '高能进度条',
value: s.heatmapEnabled,
onChanged: (v) => _emit(s.copyWith(heatmapEnabled: v)),
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: PanelToggleRow(
label: '弹幕',
value: s.enabled,
onChanged: (v) => _emit(s.copyWith(enabled: v)),
),
),
const SizedBox(height: 4),
],
),
);
}
Widget _sectionHeader(String title) {
return Padding(
padding: const EdgeInsets.fromLTRB(16, 10, 16, 4),
child: Text(
title,
style: const TextStyle(
color: Colors.white38,
fontSize: 11,
fontWeight: FontWeight.w500,
letterSpacing: 0.4,
),
),
);
}
Widget _menuItem({
required IconData icon,
required String label,
String? subtitle,
String? badge,
bool hasCheck = false,
bool showArrow = true,
required VoidCallback onTap,
}) {
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(6),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
child: Row(
children: [
if (hasCheck)
const Icon(Icons.check, color: Colors.white70, size: 16)
else
Icon(icon, color: Colors.white54, size: 16),
const SizedBox(width: 10),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Text(
label,
style: const TextStyle(color: Colors.white, fontSize: 13),
),
if (subtitle != null) ...[
const SizedBox(height: 1),
Text(
subtitle,
style: const TextStyle(
color: Colors.white38,
fontSize: 11,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
],
],
),
),
if (badge != null) ...[
Container(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
decoration: BoxDecoration(
color: Colors.white12,
borderRadius: BorderRadius.circular(8),
),
child: Text(
badge,
style: const TextStyle(color: Colors.white54, fontSize: 11),
),
),
const SizedBox(width: 4),
],
if (showArrow)
const Icon(Icons.chevron_right, color: Colors.white24, size: 16),
],
),
),
);
}
Widget _buildSettingsDrawer() {
return PlayerDrawerPanel(
title: '显示设置',
onBack: _back,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
PanelToggleRow(
label: '固定弹幕转滚动',
value: s.fixedToScroll,
onChanged: (v) => _emit(s.copyWith(fixedToScroll: v)),
),
PanelStepperRow(
label: '弹幕行数',
display: s.maxRows == 0 ? '自动' : '${s.maxRows}',
onDecrement: s.maxRows > 0
? () => _emit(s.copyWith(maxRows: s.maxRows - 1))
: null,
onIncrement: s.maxRows < 10
? () => _emit(s.copyWith(maxRows: s.maxRows + 1))
: null,
),
const FDivider(
style: .delta(
color: Color(0x1AFFFFFF),
padding: .value(EdgeInsets.zero),
),
),
const SizedBox(height: 6),
PanelSliderRow(
label: '延迟显示',
value: s.offset,
min: -10.0,
max: 10.0,
step: 0.5,
display:
'${s.offset >= 0 ? '+' : ''}${s.offset.toStringAsFixed(1)}s',
onChanged: (v) => _emit(s.copyWith(offset: _round(v, -10.0, 10.0))),
),
PanelSliderRow(
label: '行间距',
value: s.lineHeight,
min: 1.0,
max: 3.0,
step: 0.1,
display: s.lineHeight.toStringAsFixed(1),
onChanged: (v) =>
_emit(s.copyWith(lineHeight: _round(v, 1.0, 3.0))),
),
PanelSliderRow(
label: '基础速度',
value: s.speed,
min: 0.25,
max: 2.0,
step: 0.25,
display: '${s.speed.toStringAsFixed(2)}x',
onChanged: (v) => _emit(s.copyWith(speed: v.clamp(0.25, 2.0))),
),
PanelSliderRow(
label: '字号大小',
value: s.fontSize,
min: 12,
max: 40,
step: 2,
display: s.fontSize.round().toString(),
onChanged: (v) => _emit(s.copyWith(fontSize: _round(v, 12, 40))),
),
PanelToggleRow(
label: '粗体',
value: s.bold,
onChanged: (v) => _emit(s.copyWith(bold: v)),
),
const FDivider(
style: .delta(
color: Color(0x1AFFFFFF),
padding: .value(EdgeInsets.zero),
),
),
const SizedBox(height: 6),
PanelSliderRow(
label: '不透明度',
value: s.opacity,
min: 0.1,
max: 1.0,
step: 0.1,
display: '${(s.opacity * 100).round()}%',
onChanged: (v) => _emit(s.copyWith(opacity: _round(v, 0.1, 1.0))),
),
PanelSliderRow(
label: '描边大小',
value: s.strokeWidth,
min: 0.0,
max: 3.0,
step: 0.5,
display: s.strokeWidth.toStringAsFixed(1),
onChanged: (v) =>
_emit(s.copyWith(strokeWidth: _round(v, 0.0, 3.0))),
),
const FDivider(
style: .delta(
color: Color(0x1AFFFFFF),
padding: .value(EdgeInsets.zero),
),
),
_fontFamilyRow(),
const SizedBox(height: 8),
_resetButton(),
const SizedBox(height: 4),
],
),
);
}
static double _round(double v, double min, double max) =>
(v.clamp(min, max) * 10).round() / 10;
static const _fontPresets = [
(label: '系统默认', value: null),
(label: 'PingFang SC', value: 'PingFang SC'),
(label: 'Heiti SC', value: 'Heiti SC'),
(label: 'Arial', value: 'Arial'),
];
Widget _fontFamilyRow() {
final current = s.fontFamily;
final label =
_fontPresets.where((p) => p.value == current).firstOrNull?.label ??
'系统默认';
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6),
child: Row(
children: [
const Expanded(
child: Text(
'字体',
style: TextStyle(color: Colors.white70, fontSize: 13),
),
),
GestureDetector(
onTap: _showFontPicker,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
label,
style: const TextStyle(
color: Colors.lightBlueAccent,
fontSize: 13,
),
),
const SizedBox(width: 2),
const Icon(
Icons.unfold_more,
color: Colors.lightBlueAccent,
size: 14,
),
],
),
),
],
),
);
}
void _showFontPicker() {
showModalBottomSheet<void>(
context: context,
backgroundColor: const Color(0xFF252525),
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(14)),
),
builder: (_) => Column(
mainAxisSize: MainAxisSize.min,
children: [
const Padding(
padding: EdgeInsets.fromLTRB(20, 16, 20, 8),
child: Text(
'选择字体',
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w600,
),
),
),
for (final p in _fontPresets)
ListTile(
title: Text(
p.label,
style: TextStyle(
color: Colors.white,
fontFamily: p.value,
fontSize: 14,
),
),
trailing: s.fontFamily == p.value
? const Icon(Icons.check, color: Colors.white70, size: 18)
: null,
onTap: () {
Navigator.pop(context);
_emit(s.copyWith(fontFamily: p.value));
},
),
const SizedBox(height: 16),
],
),
);
}
Widget _resetButton() {
return SizedBox(
width: double.infinity,
child: TextButton(
onPressed: () => _emit(defaultDanmakuPanelSettings()),
style: TextButton.styleFrom(
foregroundColor: Colors.white54,
backgroundColor: Colors.white10,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.symmetric(vertical: 10),
),
child: const Text('重置', style: TextStyle(fontSize: 13)),
),
);
}
Widget _buildFilterDrawer() {
return PlayerDrawerPanel(
title: '弹幕过滤',
onBack: _back,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_keywordInput(),
const SizedBox(height: 8),
const FDivider(
style: .delta(
color: Color(0x1AFFFFFF),
padding: .value(EdgeInsets.zero),
),
),
const SizedBox(height: 4),
_keywordList(),
const SizedBox(height: 4),
],
),
);
}
Widget _keywordInput() {
return Container(
decoration: BoxDecoration(
color: Colors.white.withValues(alpha: 0.05),
borderRadius: BorderRadius.circular(8),
border: Border.all(color: Colors.white12),
),
child: Row(
children: [
const Padding(
padding: EdgeInsets.only(left: 10),
child: Icon(
Icons.filter_alt_outlined,
color: Colors.white38,
size: 16,
),
),
Expanded(
child: TextField(
controller: _keywordController,
style: const TextStyle(color: Colors.white, fontSize: 13),
decoration: const InputDecoration(
hintText: '输入要过滤的关键词',
hintStyle: TextStyle(color: Colors.white38, fontSize: 13),
border: InputBorder.none,
contentPadding: EdgeInsets.symmetric(
horizontal: 10,
vertical: 10,
),
isDense: true,
),
onSubmitted: _addKeyword,
inputFormatters: [LengthLimitingTextInputFormatter(30)],
),
),
IconButton(
icon: const Icon(Icons.add_circle_outline, size: 18),
color: Colors.white54,
padding: const EdgeInsets.only(right: 8),
constraints: const BoxConstraints(minWidth: 32, minHeight: 32),
onPressed: () => _addKeyword(_keywordController.text),
),
],
),
);
}
void _addKeyword(String raw) {
final kw = raw.trim();
if (kw.isEmpty) return;
if (widget.blockedKeywords.contains(kw)) {
_keywordController.clear();
return;
}
widget.onAddKeyword(kw);
_keywordController.clear();
}
Widget _keywordList() {
final keywords = widget.blockedKeywords;
if (keywords.isEmpty) {
return const Padding(
padding: EdgeInsets.symmetric(vertical: 12),
child: Center(
child: Text(
'暂无屏蔽关键词',
style: TextStyle(color: Colors.white38, fontSize: 12),
),
),
);
}
return Column(
mainAxisSize: MainAxisSize.min,
children: [
for (final kw in keywords)
Padding(
padding: const EdgeInsets.only(bottom: 4),
child: Row(
children: [
const Icon(
Icons.label_outline,
color: Colors.white38,
size: 14,
),
const SizedBox(width: 8),
Expanded(
child: Text(
kw,
style: const TextStyle(color: Colors.white70, fontSize: 13),
),
),
IconButton(
icon: const Icon(Icons.close, size: 14),
color: Colors.white38,
padding: EdgeInsets.zero,
constraints: const BoxConstraints(
minWidth: 28,
minHeight: 28,
),
onPressed: () => widget.onRemoveKeyword(kw),
),
],
),
),
],
);
}
Widget _buildSearchDrawer() {
return PlayerDrawerPanel(
title: '搜索弹幕',
onBack: _back,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
_matchesContent(),
const SizedBox(height: 8),
_manualSearchTrigger(),
const SizedBox(height: 4),
],
),
);
}
Widget _matchesContent() {
if (widget.isLoading) {
return const Padding(
padding: EdgeInsets.symmetric(vertical: 16),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
AppLoadingRing(size: 14, color: Colors.white54),
SizedBox(width: 8),
Text(
'正在匹配弹幕源…',
style: TextStyle(color: Colors.white54, fontSize: 12),
),
],
),
);
}
final matches = widget.matches;
if (matches.isEmpty) {
return const Padding(
padding: EdgeInsets.symmetric(vertical: 12),
child: Row(
children: [
Icon(Icons.info_outline, color: Colors.white24, size: 14),
SizedBox(width: 6),
Expanded(
child: Text(
'未匹配到弹幕源,可手动搜索',
style: TextStyle(color: Colors.white38, fontSize: 12),
),
),
],
),
);
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(bottom: 6),
child: Text(
'弹幕源 (${matches.length} 条)',
style: const TextStyle(color: Colors.white38, fontSize: 11),
),
),
...List.generate(matches.length, (i) {
final m = matches[i];
final selected = i == widget.selectedMatchIndex;
return DanmakuMatchTile(
candidate: m,
selected: selected,
onTap: () => widget.onMatchSelected(i),
);
}),
],
);
}
Widget _manualSearchTrigger() {
return SizedBox(
width: double.infinity,
height: 40,
child: OutlinedButton.icon(
onPressed: widget.onOpenSearch,
style: OutlinedButton.styleFrom(
alignment: Alignment.centerLeft,
foregroundColor: Colors.white,
side: const BorderSide(color: Color(0x664FA8FF)),
backgroundColor: const Color(0x10FFFFFF),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.symmetric(horizontal: 12),
),
icon: const Icon(Icons.manage_search, size: 16),
label: const Row(
children: [
Expanded(
child: Text(
'搜索并手动选择分集',
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500),
),
),
Icon(Icons.chevron_right, size: 14, color: Colors.white38),
],
),
),
);
}
}