dellevin/MookNote
1
0
Fork 0
generated from dellevin/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

支持微信读书导入摘抄

Browse Source
This commit is contained in:
DelLevin-Home
2026-07-04 22:24:48 +08:00
parent fab952a625
commit 7a2dcccf24
10 changed files with 1101 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

613
lib/pages/book/book_excerpts_page.dart
View File

@@ -1,9 +1,11 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:provider/provider.dart';
import '../../providers/app_provider.dart';
import '../../models/data_models.dart';
import '../../utils/toast_util.dart';
import '../../utils/epub/reader_dao.dart';
import '../../widgets/fade_in_local_image.dart';
import 'book_excerpt_form_page.dart';
/// 书籍摘抄列表页面
@@ -42,31 +44,124 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
}
}
int get _thoughtCount => _excerpts.where((e) => e.comment.isNotEmpty).length;
@override
Widget build(BuildContext context) {
final colors = Theme.of(context).colorScheme;
return Scaffold(
backgroundColor: colors.surface,
appBar: AppBar(
title: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('摘抄', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
if (_excerpts.isNotEmpty)
Text('共 ${_excerpts.length} 条', style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.4))),
],
),
title: const Text('摘抄', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
actions: [
IconButton(
icon: const Icon(Icons.note_add_outlined),
tooltip: '导入',
onPressed: _showImportSheet,
),
IconButton(
icon: const Icon(Icons.delete_sweep_outlined),
tooltip: '删除全部',
onPressed: _excerpts.isEmpty ? null : _showDeleteAllDialog,
),
],
),
body: _isLoading
? Center(child: CircularProgressIndicator(color: colors.primary))
: Column(
children: [
_buildBookHeader(colors),
Expanded(
child: _excerpts.isEmpty
? _buildEmptyState(colors)
: _buildExcerptList(colors),
),
],
),
floatingActionButton: FloatingActionButton.extended(
onPressed: _navigateToAddExcerpt,
icon: const Icon(Icons.add, size: 20),
label: const Text('添加摘抄'),
),
body: _isLoading
? Center(child: CircularProgressIndicator(color: colors.primary))
: _excerpts.isEmpty
? _buildEmptyState(colors)
: _buildExcerptList(colors),
);
}
// ── 书籍头部 ──
Widget _buildBookHeader(ColorScheme colors) {
final book = widget.book;
return Container(
padding: const EdgeInsets.fromLTRB(20, 12, 20, 16),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 封面
Container(
width: 52,
height: 70,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6),
color: colors.surfaceContainerHighest,
),
clipBehavior: Clip.antiAlias,
child: book.coverPath != null && book.coverPath!.isNotEmpty
? FadeInLocalImage(
path: book.coverPath,
fit: BoxFit.cover,
errorWidget: Icon(Icons.menu_book_outlined, size: 22, color: colors.onSurface.withValues(alpha: 0.25)),
)
: Icon(Icons.menu_book_outlined, size: 22, color: colors.onSurface.withValues(alpha: 0.25)),
),
const SizedBox(width: 14),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
book.title,
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: colors.onSurface),
),
if (book.authors.isNotEmpty) ...[
const SizedBox(height: 3),
Text(
book.authors.take(2).join('、'),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4)),
),
],
const SizedBox(height: 10),
// 统计行
Row(
children: [
_buildStatChip(colors, Icons.format_quote, '${_excerpts.length} 条摘抄'),
if (_thoughtCount > 0) ...[
const SizedBox(width: 12),
_buildStatChip(colors, Icons.chat_bubble_outline, '$_thoughtCount 条想法'),
],
],
),
],
),
),
],
),
);
}
Widget _buildStatChip(ColorScheme colors, IconData icon, String label) {
return Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(icon, size: 14, color: colors.onSurface.withValues(alpha: 0.35)),
const SizedBox(width: 4),
Text(
label,
style: TextStyle(fontSize: 12, color: colors.onSurface.withValues(alpha: 0.45)),
),
],
);
}
@@ -103,7 +198,7 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
Widget _buildExcerptList(ColorScheme colors) {
final chapters = _groupExcerptsByChapter().keys.toList();
return ListView.builder(
padding: const EdgeInsets.fromLTRB(16, 8, 16, 80),
padding: const EdgeInsets.fromLTRB(16, 4, 16, 80),
itemCount: chapters.length,
itemBuilder: (context, index) {
final chapter = chapters[index];
@@ -130,7 +225,7 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
Widget _buildChapterSection(String chapter, List<BookExcerpt> excerpts, ColorScheme colors, int chapterIndex) {
return Padding(
padding: EdgeInsets.only(bottom: 20),
padding: const EdgeInsets.only(bottom: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@@ -177,49 +272,55 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
// ── 摘抄卡片 ──
Widget _buildExcerptCard(BookExcerpt excerpt, ColorScheme colors) {
return Dismissible(
key: ValueKey(excerpt.id),
direction: DismissDirection.endToStart,
background: Container(
alignment: Alignment.centerRight,
padding: const EdgeInsets.only(right: 20),
decoration: BoxDecoration(
color: colors.error,
borderRadius: BorderRadius.circular(14),
),
child: const Icon(Icons.delete_outline, color: Colors.white),
),
confirmDismiss: (direction) => _showDeleteDialog(excerpt),
child: Material(
color: colors.surfaceContainerHigh,
borderRadius: BorderRadius.circular(14),
clipBehavior: Clip.antiAlias,
child: InkWell(
onTap: () => _navigateToEditExcerpt(excerpt),
child: Container(
return Material(
color: colors.surfaceContainerHigh,
borderRadius: BorderRadius.circular(14),
clipBehavior: Clip.antiAlias,
child: InkWell(
onTap: () => _navigateToEditExcerpt(excerpt),
onLongPress: () => _showDeleteDialog(excerpt),
child: Container(
width: double.infinity,
padding: const EdgeInsets.fromLTRB(16, 14, 14, 12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 引号 + 摘抄内容
Stack(
children: [
Positioned(
left: -6,
top: -6,
child: Text(
'"',
style: TextStyle(
fontSize: 32,
color: colors.primary.withValues(alpha: 0.15),
fontWeight: FontWeight.bold,
height: 1,
// 想法（在内容上方，无背景）
if (excerpt.comment.isNotEmpty) ...[
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(Icons.chat_bubble_outline, size: 13, color: colors.primary.withValues(alpha: 0.5)),
const SizedBox(width: 6),
Expanded(
child: Text(
excerpt.comment,
style: TextStyle(
fontSize: 12,
color: colors.onSurface.withValues(alpha: 0.5),
height: 1.6,
),
),
),
],
),
const SizedBox(height: 10),
],
// 摘抄内容
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'\u201C',
style: TextStyle(
fontSize: 20,
color: colors.primary.withValues(alpha: 0.35),
fontWeight: FontWeight.bold,
height: 1.2,
),
),
Padding(
padding: const EdgeInsets.only(left: 10),
const SizedBox(width: 4),
Expanded(
child: Text(
excerpt.content,
style: TextStyle(
@@ -231,30 +332,7 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
),
],
),
// 感悟
if (excerpt.comment.isNotEmpty) ...[
const SizedBox(height: 10),
Container(
width: double.infinity,
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
decoration: BoxDecoration(
color: colors.surface,
borderRadius: BorderRadius.circular(8),
border: Border(
left: BorderSide(color: colors.primary.withValues(alpha: 0.3), width: 2),
),
),
child: Text(
excerpt.comment,
style: TextStyle(
fontSize: 12,
color: colors.onSurface.withValues(alpha: 0.55),
height: 1.6,
),
),
),
],
// 底部：日期 + 操作
// 底部：日期
const SizedBox(height: 8),
Row(
children: [
@@ -264,22 +342,13 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
_formatDate(excerpt.createdAt),
style: TextStyle(fontSize: 11, color: colors.onSurface.withValues(alpha: 0.3)),
),
const Spacer(),
GestureDetector(
onTap: () => _navigateToEditExcerpt(excerpt),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
child: Icon(Icons.edit_outlined, size: 16, color: colors.onSurface.withValues(alpha: 0.35)),
),
),
],
),
],
),
),
),
),
);
);
}
String _formatDate(DateTime date) => '${date.year}.${date.month.toString().padLeft(2, '0')}.${date.day.toString().padLeft(2, '0')}';
@@ -300,12 +369,16 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
return AlertDialog(
backgroundColor: colors.surface,
elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
title: const Text('删除摘抄', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600)),
content: Text('确定删除这条摘抄吗？', style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6))),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
title: Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
content: Text('确定删除这条摘抄吗？', style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6), height: 1.5)),
actions: [
TextButton(onPressed: () => Navigator.pop(context, false), child: Text('取消', style: TextStyle(color: colors.onSurface.withValues(alpha: 0.4)))),
TextButton(
onPressed: () => Navigator.pop(context, false),
style: TextButton.styleFrom(foregroundColor: colors.onSurface.withValues(alpha: 0.6), padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8)),
child: const Text('取消'),
),
ElevatedButton(
onPressed: () async {
Navigator.pop(context, true);
final readerBook = await ReaderDao().getReaderBookByBookId(widget.book.id);
@@ -315,15 +388,373 @@ class _BookExcerptsPageState extends State<BookExcerptsPage> {
excerpt.content,
);
}
await context.read<AppProvider>().removeBookExcerpt(excerpt.id);
await this.context.read<AppProvider>().removeBookExcerpt(excerpt.id);
_loadExcerpts();
if (mounted) ToastUtil.show(context, '已删除');
if (mounted) ToastUtil.show(this.context, '已删除');
},
child: Text('删除', style: TextStyle(color: colors.error, fontWeight: FontWeight.w600)),
style: ElevatedButton.styleFrom(
backgroundColor: colors.error, foregroundColor: colors.onError, elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
),
child: const Text('删除'),
),
],
);
},
);
}
void _showDeleteAllDialog() {
final colors = Theme.of(context).colorScheme;
showDialog(
context: context,
builder: (context) {
return AlertDialog(
backgroundColor: colors.surface,
elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
title: Text('确认删除', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
content: Text('确定删除全部 ${_excerpts.length} 条摘抄吗？此操作不可恢复。', style: TextStyle(fontSize: 14, color: colors.onSurface.withValues(alpha: 0.6), height: 1.5)),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
style: TextButton.styleFrom(foregroundColor: colors.onSurface.withValues(alpha: 0.6), padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8)),
child: const Text('取消'),
),
ElevatedButton(
onPressed: () async {
Navigator.pop(context);
final provider = this.context.read<AppProvider>();
for (final excerpt in _excerpts) {
await provider.removeBookExcerpt(excerpt.id);
}
_loadExcerpts();
if (mounted) ToastUtil.show(this.context, '已删除全部摘抄');
},
style: ElevatedButton.styleFrom(
backgroundColor: colors.error, foregroundColor: colors.onError, elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
),
child: const Text('删除全部'),
),
],
);
},
);
}
// ── 导入 ──
void _showImportSheet() {
final colors = Theme.of(context).colorScheme;
showModalBottomSheet(
context: context,
backgroundColor: Colors.transparent,
isScrollControlled: true,
builder: (context) {
return Container(
decoration: BoxDecoration(
color: colors.surface,
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
),
child: SafeArea(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 40,
height: 4,
margin: const EdgeInsets.only(top: 12),
decoration: BoxDecoration(
color: colors.outline,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(height: 20),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Row(
children: [
Text('导入摘抄', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
],
),
),
const SizedBox(height: 16),
// 微信读书
InkWell(
onTap: () {
Navigator.pop(context);
_showWechatReadImport();
},
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 14),
child: Row(
children: [
Container(
width: 44,
height: 44,
decoration: BoxDecoration(
color: const Color(0xFF07C160).withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(10),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(10),
child: Image.asset('assets/images/imp_book/wxreader.webp', width: 44, height: 44),
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('微信读书', style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500, color: colors.onSurface)),
const SizedBox(height: 2),
Text('粘贴微信读书导出的笔记', style: TextStyle(fontSize: 13, color: colors.onSurface.withValues(alpha: 0.4))),
],
),
),
Icon(Icons.chevron_right, color: colors.onSurface.withValues(alpha: 0.25), size: 20),
],
),
),
),
const SizedBox(height: 16),
],
),
),
);
},
);
}
void _showWechatReadImport() {
final colors = Theme.of(context).colorScheme;
showModalBottomSheet(
context: context,
backgroundColor: Colors.transparent,
isScrollControlled: true,
builder: (sheetContext) {
final controller = TextEditingController();
return Padding(
padding: EdgeInsets.only(bottom: MediaQuery.of(sheetContext).viewInsets.bottom),
child: Container(
constraints: BoxConstraints(maxHeight: MediaQuery.of(sheetContext).size.height * 0.75),
decoration: BoxDecoration(
color: colors.surface,
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
),
child: SafeArea(
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
width: 40,
height: 4,
margin: const EdgeInsets.only(top: 12),
decoration: BoxDecoration(
color: colors.outline,
borderRadius: BorderRadius.circular(2),
),
),
const SizedBox(height: 20),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Row(
children: [
Text('微信读书导入', style: TextStyle(fontSize: 18, fontWeight: FontWeight.w600, color: colors.onSurface)),
const Spacer(),
TextButton(
onPressed: () async {
final data = await Clipboard.getData('text/plain');
if (data?.text != null) {
controller.text = data!.text!;
}
},
child: Text('粘贴', style: TextStyle(color: colors.primary, fontSize: 14)),
),
],
),
),
const SizedBox(height: 8),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: TextField(
controller: controller,
maxLines: 8,
decoration: InputDecoration(
hintText: '粘贴微信读书导出的笔记内容...',
hintStyle: TextStyle(color: colors.onSurface.withValues(alpha: 0.25)),
filled: true,
fillColor: colors.surfaceContainerHighest,
border: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide.none),
),
style: TextStyle(fontSize: 14, color: colors.onSurface),
),
),
const SizedBox(height: 16),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: SizedBox(
width: double.infinity,
child: ElevatedButton(
onPressed: () {
final text = controller.text.trim();
if (text.isEmpty) {
ToastUtil.show(sheetContext, '请粘贴内容');
return;
}
Navigator.pop(sheetContext);
_importWechatRead(text);
},
style: ElevatedButton.styleFrom(
backgroundColor: colors.primary,
foregroundColor: colors.onPrimary,
elevation: 0,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
padding: const EdgeInsets.symmetric(vertical: 14),
),
child: const Text('导入', style: TextStyle(fontSize: 15, fontWeight: FontWeight.w600)),
),
),
),
const SizedBox(height: 16),
],
),
),
),
),
);
},
);
}
void _importWechatRead(String text) {
final excerpts = _parseWechatRead(text);
if (excerpts.isEmpty) {
ToastUtil.show(context, '未识别到有效摘抄');
return;
}
_saveImportedExcerpts(excerpts);
}
/// 解析微信读书导出格式
List<({String content, String comment, String chapter})> _parseWechatRead(String text) {
final lines = text.split(RegExp(r'\r?\n'));
final results = <({String content, String comment, String chapter})>[];
String? currentComment;
bool waitingForOriginal = false;
String currentChapter = '';
for (int i = 0; i < lines.length; i++) {
final line = lines[i].trim();
// 跳过空行和结尾
if (line.isEmpty || line.startsWith('-- 来自微信读书')) continue;
// 跳过书名行（以《开头）和笔记数量行
if (line.startsWith('《') || RegExp(r'^\d+个笔记$').hasMatch(line)) continue;
// 匹配 "◆ YYYY/MM/DD发表想法"
final thoughtMatch = RegExp(r'^◆\s*\d{4}/\d{2}/\d{2}发表想法').firstMatch(line);
if (thoughtMatch != null) {
// 如果之前有未匹配原文的想法，先保存
if (currentComment != null && !waitingForOriginal) {
results.add((content: currentComment, comment: '', chapter: currentChapter));
currentComment = null;
}
// 想法行本身可能有内容在 "发表想法" 之后
final afterThought = line.substring(thoughtMatch.end).trim();
currentComment = afterThought.isNotEmpty ? afterThought : '';
waitingForOriginal = true;
continue;
}
// 匹配 "原文：..."
if (line.startsWith('原文：') || line.startsWith('原文:')) {
final originalText = line.substring(3).trim();
if (originalText.isNotEmpty) {
results.add((content: originalText, comment: currentComment ?? '', chapter: currentChapter));
currentComment = null;
waitingForOriginal = false;
}
continue;
}
// 匹配普通划线 "◆ ..."
if (line.startsWith('◆ ')) {
// 如果之前有未匹配原文的想法，先保存想法本身
if (currentComment != null && waitingForOriginal) {
if (currentComment.isNotEmpty) {
results.add((content: currentComment, comment: '', chapter: currentChapter));
}
currentComment = null;
waitingForOriginal = false;
}
final content = line.substring(2).trim();
if (content.isNotEmpty) {
results.add((content: content, comment: '', chapter: currentChapter));
}
continue;
}
// 多行想法内容（想法紧接在 "发表想法" 行之后）
if (currentComment != null && waitingForOriginal && line.isNotEmpty) {
// 检查是否是 "原文：" 行
if (line.startsWith('原文：') || line.startsWith('原文:')) {
final originalText = line.substring(3).trim();
if (originalText.isNotEmpty) {
results.add((content: originalText, comment: currentComment, chapter: currentChapter));
}
currentComment = null;
waitingForOriginal = false;
} else {
// 追加到想法内容
currentComment = currentComment.isEmpty ? line : '$currentComment\n$line';
}
continue;
}
// 其他非空行视为章节标题
if (line.isNotEmpty) {
currentChapter = line;
}
}
// 处理末尾残留
if (currentComment != null && currentComment.isNotEmpty) {
results.add((content: currentComment, comment: '', chapter: currentChapter));
}
return results;
}
Future<void> _saveImportedExcerpts(List<({String content, String comment, String chapter})> excerpts) async {
final provider = context.read<AppProvider>();
final now = DateTime.now();
int imported = 0;
for (int i = 0; i < excerpts.length; i++) {
final item = excerpts[i];
final excerpt = BookExcerpt(
id: '${widget.book.id}_${now.millisecondsSinceEpoch}_$i',
bookId: widget.book.id,
chapter: item.chapter,
content: item.content,
comment: item.comment,
createdAt: now,
updatedAt: now,
);
await provider.addBookExcerpt(excerpt);
imported++;
}
_loadExcerpts();
if (mounted) {
ToastUtil.show(context, '成功导入 $imported 条摘抄');
}
}
}