296 lines
8.6 KiB
Dart
296 lines
8.6 KiB
Dart
import 'package:cloudreve4_flutter/core/constants/quick_access_defaults.dart';
|
|
import 'package:cloudreve4_flutter/main.dart' show routeObserver;
|
|
import 'package:cloudreve4_flutter/presentation/providers/file_manager_provider.dart';
|
|
import 'package:cloudreve4_flutter/presentation/providers/navigation_provider.dart';
|
|
import 'package:cloudreve4_flutter/services/storage_service.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:lucide_icons/lucide_icons.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class QuickAccessGrid extends StatefulWidget {
|
|
final bool fillHeight;
|
|
const QuickAccessGrid({super.key, this.fillHeight = false});
|
|
|
|
@override
|
|
State<QuickAccessGrid> createState() => _QuickAccessGridState();
|
|
}
|
|
|
|
class _QuickAccessGridState extends State<QuickAccessGrid> with RouteAware {
|
|
List<QuickAccessConfig> _items = [];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadShortcuts();
|
|
}
|
|
|
|
@override
|
|
void didChangeDependencies() {
|
|
super.didChangeDependencies();
|
|
routeObserver.subscribe(this, ModalRoute.of(context) as PageRoute);
|
|
}
|
|
|
|
@override
|
|
void didPopNext() {
|
|
_loadShortcuts();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
routeObserver.unsubscribe(this);
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _loadShortcuts() async {
|
|
// 先尝试 v2 格式
|
|
var saved = await StorageService.instance.getString(QuickAccessConfig.storageKey);
|
|
if (saved != null && saved.isNotEmpty) {
|
|
try {
|
|
if (mounted) setState(() => _items = QuickAccessConfig.parseSaved(saved));
|
|
return;
|
|
} catch (_) {}
|
|
}
|
|
// 迁移 v1 格式
|
|
final v1 = await StorageService.instance.getString('quick_access_shortcuts');
|
|
if (v1 != null && v1.isNotEmpty) {
|
|
final migrated = QuickAccessConfig.migrateV1(v1);
|
|
if (mounted) {
|
|
setState(() => _items = migrated);
|
|
await StorageService.instance.setString(
|
|
QuickAccessConfig.storageKey,
|
|
QuickAccessConfig.serialize(migrated),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
if (mounted) setState(() => _items = List.from(QuickAccessConfig.defaults));
|
|
}
|
|
|
|
void _navigateTo(String path) {
|
|
final navProvider = Provider.of<NavigationProvider>(context, listen: false);
|
|
final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
|
|
navProvider.setIndex(1);
|
|
fileManager.enterFolder(path);
|
|
}
|
|
|
|
Future<void> _editShortcut(int index) async {
|
|
final item = _items[index];
|
|
final labelController = TextEditingController(text: item.label);
|
|
final pathController = TextEditingController(text: item.path);
|
|
|
|
final result = await showDialog<String>(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: Text('编辑 "${item.label}"'),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
TextField(
|
|
controller: labelController,
|
|
decoration: const InputDecoration(labelText: '名称'),
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextField(
|
|
controller: pathController,
|
|
decoration: const InputDecoration(labelText: '目录路径', hintText: '例如: /Images'),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(onPressed: () => Navigator.of(ctx).pop(), child: const Text('取消')),
|
|
FilledButton(onPressed: () => Navigator.of(ctx).pop(pathController.text), child: const Text('确定')),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (result != null && result.isNotEmpty) {
|
|
setState(() {
|
|
_items[index] = item.copyWith(path: result);
|
|
});
|
|
await _save();
|
|
}
|
|
}
|
|
|
|
Future<void> _save() async {
|
|
await StorageService.instance.setString(
|
|
QuickAccessConfig.storageKey,
|
|
QuickAccessConfig.serialize(_items),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: widget.fillHeight ? MainAxisSize.max : MainAxisSize.min,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 4, bottom: 14),
|
|
child: Row(
|
|
children: [
|
|
Icon(LucideIcons.zap, size: 18, color: theme.colorScheme.primary),
|
|
const SizedBox(width: 8),
|
|
Text('快捷入口', style: theme.textTheme.titleMedium?.copyWith(fontWeight: FontWeight.w600)),
|
|
],
|
|
),
|
|
),
|
|
..._buildRows(),
|
|
],
|
|
);
|
|
}
|
|
|
|
List<Widget> _buildRows() {
|
|
final total = _items.length;
|
|
if (total == 0) return [];
|
|
|
|
final maxCols = total > 6 ? 3 : 2;
|
|
const gap = 10.0;
|
|
final rows = <Widget>[];
|
|
|
|
for (int i = 0; i < total; i += maxCols) {
|
|
final rowItems = <Widget>[];
|
|
final remaining = total - i;
|
|
final colsInRow = remaining < maxCols ? remaining : maxCols;
|
|
|
|
for (int j = 0; j < colsInRow; j++) {
|
|
final index = i + j;
|
|
if (j > 0) rowItems.add(const SizedBox(width: gap));
|
|
rowItems.add(
|
|
Expanded(
|
|
child: _AccessChip(
|
|
item: _items[index],
|
|
onTap: () => _navigateTo(_items[index].path),
|
|
onLongPress: () => _editShortcut(index),
|
|
expanded: true,
|
|
fillHeight: widget.fillHeight,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
final row = Row(children: rowItems);
|
|
rows.add(widget.fillHeight ? Expanded(child: row) : row);
|
|
if (i + maxCols < total) {
|
|
rows.add(const SizedBox(height: gap));
|
|
}
|
|
}
|
|
return rows;
|
|
}
|
|
}
|
|
|
|
/// 渐变胶囊
|
|
class _AccessChip extends StatefulWidget {
|
|
final QuickAccessConfig item;
|
|
final VoidCallback onTap;
|
|
final VoidCallback onLongPress;
|
|
final bool expanded;
|
|
final bool fillHeight;
|
|
|
|
const _AccessChip({
|
|
required this.item,
|
|
required this.onTap,
|
|
required this.onLongPress,
|
|
this.expanded = false,
|
|
this.fillHeight = false,
|
|
});
|
|
|
|
@override
|
|
State<_AccessChip> createState() => _AccessChipState();
|
|
}
|
|
|
|
class _AccessChipState extends State<_AccessChip> with SingleTickerProviderStateMixin {
|
|
bool _hovered = false;
|
|
late final AnimationController _controller;
|
|
late final Animation<double> _scaleAnim;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(milliseconds: 120),
|
|
lowerBound: 0.94,
|
|
upperBound: 1.0,
|
|
)..value = 1.0;
|
|
_scaleAnim = _controller.view;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final item = widget.item;
|
|
final gradient = LinearGradient(
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
colors: [item.color, item.color.darken(0.12)],
|
|
);
|
|
|
|
final child = AnimatedContainer(
|
|
duration: const Duration(milliseconds: 200),
|
|
curve: Curves.easeOut,
|
|
width: widget.expanded ? double.infinity : null,
|
|
height: widget.fillHeight ? double.infinity : null,
|
|
alignment: widget.expanded ? Alignment.center : null,
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: widget.expanded ? 0 : 18,
|
|
vertical: 12,
|
|
),
|
|
decoration: BoxDecoration(
|
|
gradient: gradient,
|
|
borderRadius: BorderRadius.circular(14),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: item.color.withValues(alpha: _hovered ? 0.4 : 0.18),
|
|
blurRadius: _hovered ? 16 : 8,
|
|
offset: Offset(0, _hovered ? 6 : 3),
|
|
),
|
|
],
|
|
),
|
|
child: Row(
|
|
mainAxisSize: widget.expanded ? MainAxisSize.max : MainAxisSize.min,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(item.icon, size: 18, color: Colors.white),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
item.label,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 13,
|
|
letterSpacing: 0.2,
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
maxLines: 1,
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
return MouseRegion(
|
|
onEnter: (_) => setState(() => _hovered = true),
|
|
onExit: (_) => setState(() => _hovered = false),
|
|
child: GestureDetector(
|
|
onTapDown: (_) => _controller.reverse(),
|
|
onTapUp: (_) {
|
|
_controller.forward();
|
|
widget.onTap();
|
|
},
|
|
onTapCancel: () => _controller.forward(),
|
|
onLongPress: widget.onLongPress,
|
|
child: AnimatedBuilder(
|
|
animation: _scaleAnim,
|
|
builder: (context, _) => Transform.scale(scale: _scaleAnim.value, child: child),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|