290 lines
9.3 KiB
Dart
290 lines
9.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:miaoji_zhang/shared/api/api_client.dart';
|
|
import 'package:miaoji_zhang/shared/services/current_ledger_store.dart';
|
|
import 'package:miaoji_zhang/shared/theme/app_theme.dart';
|
|
import 'package:miaoji_zhang/shared/widgets/app_icons.dart';
|
|
import 'package:miaoji_zhang/shared/widgets/app_controls.dart';
|
|
|
|
/// P17 账本切换底部弹层
|
|
class LedgerSheet extends StatefulWidget {
|
|
const LedgerSheet({super.key});
|
|
|
|
@override
|
|
State<LedgerSheet> createState() => _LedgerSheetState();
|
|
|
|
static Future<void> show(BuildContext context) => showModalBottomSheet(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
backgroundColor: Colors.transparent,
|
|
builder: (_) => const LedgerSheet(),
|
|
);
|
|
}
|
|
|
|
class _LedgerSheetState extends State<LedgerSheet> {
|
|
List<LedgerInfo> _ledgers = [];
|
|
bool _loading = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_load();
|
|
}
|
|
|
|
Future<void> _load() async {
|
|
try {
|
|
await CurrentLedgerStore.instance.ensureLoaded(force: true);
|
|
if (mounted) {
|
|
setState(() {
|
|
_ledgers = CurrentLedgerStore.instance.ledgers;
|
|
_loading = false;
|
|
});
|
|
}
|
|
} catch (error) {
|
|
if (mounted) {
|
|
setState(() => _loading = false);
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text(apiErrorMessage(error))));
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _setDefault(int id) async {
|
|
try {
|
|
await CurrentLedgerStore.instance.select(id);
|
|
if (mounted) Navigator.pop(context, true);
|
|
} catch (error) {
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text(apiErrorMessage(error))));
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _create() async {
|
|
final name = await showJzTextInputSheet(
|
|
context,
|
|
title: '新建账本',
|
|
label: '账本名称',
|
|
maxLength: 12,
|
|
);
|
|
if (name == null || name.isEmpty) return;
|
|
try {
|
|
await CurrentLedgerStore.instance.create(name);
|
|
await _load();
|
|
} catch (error) {
|
|
if (mounted) _showError(error);
|
|
}
|
|
}
|
|
|
|
Future<void> _rename(LedgerInfo ledger) async {
|
|
final name = await showJzTextInputSheet(
|
|
context,
|
|
title: '重命名账本',
|
|
label: '账本名称',
|
|
initialValue: ledger.name,
|
|
maxLength: 12,
|
|
);
|
|
if (name == null || name.isEmpty || name == ledger.name) return;
|
|
try {
|
|
await CurrentLedgerStore.instance.rename(ledger.id, name, ledger.iconKey);
|
|
await _load();
|
|
} catch (error) {
|
|
if (mounted) _showError(error);
|
|
}
|
|
}
|
|
|
|
Future<void> _delete(LedgerInfo ledger) async {
|
|
final confirmed = await showJzConfirmSheet(
|
|
context,
|
|
title: '删除账本',
|
|
message: '仅能删除没有账单和预算的非默认账本。',
|
|
confirmLabel: '删除',
|
|
destructive: true,
|
|
);
|
|
if (!confirmed) return;
|
|
try {
|
|
await CurrentLedgerStore.instance.delete(ledger.id);
|
|
await _load();
|
|
} catch (error) {
|
|
if (mounted) _showError(error);
|
|
}
|
|
}
|
|
|
|
Future<void> _showActions(LedgerInfo ledger) async {
|
|
final action = await showJzOptionSheet<String>(
|
|
context,
|
|
title: ledger.name,
|
|
options: [
|
|
const JzOption(value: 'rename', label: '重命名'),
|
|
if (!ledger.isDefault)
|
|
const JzOption(value: 'delete', label: '删除账本', subtitle: '仅空账本可以删除'),
|
|
],
|
|
);
|
|
if (!mounted) return;
|
|
if (action == 'rename') await _rename(ledger);
|
|
if (action == 'delete') await _delete(ledger);
|
|
}
|
|
|
|
void _showError(Object error) {
|
|
ScaffoldMessenger.of(
|
|
context,
|
|
).showSnackBar(SnackBar(content: Text(apiErrorMessage(error))));
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: context.jz.card,
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(22)),
|
|
),
|
|
padding: EdgeInsets.only(
|
|
bottom: MediaQuery.of(context).padding.bottom + 12,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: 36,
|
|
height: 5,
|
|
margin: const EdgeInsets.only(top: 10, bottom: 6),
|
|
decoration: BoxDecoration(
|
|
color: context.jz.line,
|
|
borderRadius: BorderRadius.circular(3),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 8),
|
|
child: Text(
|
|
'切换账本',
|
|
style: TextStyle(fontSize: 15, fontWeight: FontWeight.w700),
|
|
),
|
|
),
|
|
if (_loading)
|
|
Padding(
|
|
padding: EdgeInsets.all(40),
|
|
child: CircularProgressIndicator(
|
|
color: AppTheme.primary,
|
|
strokeWidth: 2,
|
|
),
|
|
)
|
|
else
|
|
..._ledgers.map(
|
|
(l) => Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 18,
|
|
vertical: 4,
|
|
),
|
|
child: InkWell(
|
|
onTap: l.isDefault ? null : () => _setDefault(l.id),
|
|
child: Container(
|
|
padding: const EdgeInsets.all(13),
|
|
decoration: BoxDecoration(
|
|
color: context.jz.card,
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(
|
|
color: l.isDefault ? AppTheme.primary : context.jz.line,
|
|
width: l.isDefault ? 1.5 : 0.5,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 34,
|
|
height: 34,
|
|
decoration: BoxDecoration(
|
|
color: l.isDefault
|
|
? context.jz.primaryBackground
|
|
: context.jz.background,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Center(
|
|
child: AppIcons.byKey(
|
|
l.iconKey,
|
|
size: 17,
|
|
color: l.isDefault
|
|
? AppTheme.primary
|
|
: context.jz.text3,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
l.name,
|
|
style: TextStyle(
|
|
fontSize: 13.5,
|
|
fontWeight: FontWeight.w600,
|
|
color: l.isDefault
|
|
? AppTheme.primary
|
|
: context.jz.text,
|
|
),
|
|
),
|
|
Text(
|
|
'${l.transactionCount} 笔',
|
|
style: TextStyle(
|
|
fontSize: 11,
|
|
color: context.jz.text3,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (l.isDefault)
|
|
AppIcons.icon(
|
|
AppIcons.check,
|
|
size: 18,
|
|
color: AppTheme.primary,
|
|
),
|
|
IconButton(
|
|
tooltip: '账本操作',
|
|
onPressed: () => _showActions(l),
|
|
icon: Icon(Icons.more_horiz_rounded, size: 19),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 18, vertical: 4),
|
|
child: InkWell(
|
|
onTap: _create,
|
|
child: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.symmetric(vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: context.jz.card,
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(color: context.jz.line, width: 0.5),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
AppIcons.icon(
|
|
AppIcons.plus,
|
|
size: 14,
|
|
color: context.jz.text2,
|
|
),
|
|
SizedBox(width: 6),
|
|
Text(
|
|
'新建账本',
|
|
style: TextStyle(fontSize: 13, color: context.jz.text2),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|