merge new features

2026-05-27 19:19:11 +08:00
parent 886046a72b
commit 98af110531
37 changed files with 6405 additions and 993 deletions
@@ -56,10 +56,7 @@ class _FilesPageState extends State<FilesPage> {

    Future.delayed(const Duration(milliseconds: 100), () {
      if (mounted) {
-        final fileManager = Provider.of<FileManagerProvider>(
-          context,
-          listen: false,
-        );
+        final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
        final screenWidth = MediaQuery.of(context).size.width;
        if (screenWidth >= 1000) {
          fileManager.setViewType(FileViewType.grid);
@@ -70,10 +67,7 @@ class _FilesPageState extends State<FilesPage> {
          fileManager.loadFiles();
          _isFirstLoad = false;
        }
-        final downloadManager = Provider.of<DownloadManagerProvider>(
-          context,
-          listen: false,
-        );
+        final downloadManager = Provider.of<DownloadManagerProvider>(context, listen: false);
        downloadManager.initialize();
      }
    });
@@ -81,13 +75,8 @@ class _FilesPageState extends State<FilesPage> {
    // 上传完成 → 自动刷新当前目录文件列表
    UploadService.instance.onUploadCompleted = (targetPath, fileName) {
      if (!mounted) return;
-      final fileManager = Provider.of<FileManagerProvider>(
-        context,
-        listen: false,
-      );
-      final normalizedCurrent = FileUtils.toCloudreveUri(
-        fileManager.currentPath,
-      );
+      final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
+      final normalizedCurrent = FileUtils.toCloudreveUri(fileManager.currentPath);
      if (targetPath == normalizedCurrent) {
        final fileUri = targetPath.endsWith('/')
            ? '$targetPath$fileName'
@@ -112,6 +101,38 @@ class _FilesPageState extends State<FilesPage> {
    });
  }

+  void _showSelectionMore(
+    FileModel file,
+    FileManagerProvider fileManager,
+  ) {
+    showModalBottomSheet<void>(
+      context: context,
+      builder: (sheetContext) => SafeArea(
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            ListTile(
+              leading: const Icon(Icons.edit),
+              title: const Text('重命名'),
+              onTap: () {
+                Navigator.of(sheetContext).pop();
+                FileOperationDialogs.showRenameDialog(context, fileManager, file);
+              },
+            ),
+            ListTile(
+              leading: const Icon(Icons.info_outline),
+              title: const Text('查看详情'),
+              onTap: () {
+                Navigator.of(sheetContext).pop();
+                _showFileInfo(file);
+              },
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
  // ---- FAB 显隐控制 ----

  void _hideFab() {
@@ -188,14 +209,22 @@ class _FilesPageState extends State<FilesPage> {
    );
  }

+  /// 循环解码路径段，处理多重 URL 编码（如 %25E4%25B8%25AD → 中文）
  String _decodePathSegment(String segment) {
-    return FileUtils.safeDecodePathSegment(segment);
+    var decoded = segment;
+    for (var i = 0; i < 5; i++) {
+      try {
+        final next = Uri.decodeComponent(decoded);
+        if (next == decoded) break;
+        decoded = next;
+      } catch (_) {
+        break;
+      }
+    }
+    return decoded;
  }

-  Widget _buildDesktopBreadcrumb(
-    BuildContext context,
-    FileManagerProvider fileManager,
-  ) {
+  Widget _buildDesktopBreadcrumb(BuildContext context, FileManagerProvider fileManager) {
    final theme = Theme.of(context);
    final colorScheme = theme.colorScheme;
    final pathParts = fileManager.currentPath.split('/');
@@ -205,9 +234,7 @@ class _FilesPageState extends State<FilesPage> {
      mainAxisSize: MainAxisSize.min,
      children: [
        InkWell(
-          onTap: () => fileManager.currentPath != '/'
-              ? fileManager.enterFolder('/')
-              : null,
+          onTap: () => fileManager.currentPath != '/' ? fileManager.enterFolder('/') : null,
          borderRadius: BorderRadius.circular(6),
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 4),
@@ -217,18 +244,12 @@ class _FilesPageState extends State<FilesPage> {
        for (int i = 0; i < pathParts.length; i++) ...[
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 2),
-            child: Icon(
-              LucideIcons.chevronRight,
-              size: 14,
-              color: theme.hintColor.withValues(alpha: 0.5),
-            ),
+            child: Icon(LucideIcons.chevronRight, size: 14, color: theme.hintColor.withValues(alpha: 0.5)),
          ),
          InkWell(
            onTap: () {
              final targetPath = '/${pathParts.sublist(0, i + 1).join('/')}';
-              if (targetPath != fileManager.currentPath) {
-                fileManager.enterFolder(targetPath);
-              }
+              if (targetPath != fileManager.currentPath) fileManager.enterFolder(targetPath);
            },
            borderRadius: BorderRadius.circular(6),
            child: Padding(
@@ -236,12 +257,8 @@ class _FilesPageState extends State<FilesPage> {
              child: Text(
                _decodePathSegment(pathParts[i]),
                style: TextStyle(
-                  color: i == pathParts.length - 1
-                      ? colorScheme.onSurface
-                      : colorScheme.primary,
-                  fontWeight: i == pathParts.length - 1
-                      ? FontWeight.w600
-                      : FontWeight.normal,
+                  color: i == pathParts.length - 1 ? colorScheme.onSurface : colorScheme.primary,
+                  fontWeight: i == pathParts.length - 1 ? FontWeight.w600 : FontWeight.normal,
                ),
              ),
            ),
@@ -251,10 +268,7 @@ class _FilesPageState extends State<FilesPage> {
    );
  }

-  Widget _buildMobileBreadcrumb(
-    BuildContext context,
-    FileManagerProvider fileManager,
-  ) {
+  Widget _buildMobileBreadcrumb(BuildContext context, FileManagerProvider fileManager) {
    final theme = Theme.of(context);
    final colorScheme = theme.colorScheme;
    final pathParts = fileManager.currentPath.split('/');
@@ -263,6 +277,7 @@ class _FilesPageState extends State<FilesPage> {
    return SizedBox(
      height: 40,
      child: ListView(
+        key: const PageStorageKey('mobile_breadcrumb'),
        scrollDirection: Axis.horizontal,
        children: [
          _buildBreadcrumbChip(
@@ -270,18 +285,12 @@ class _FilesPageState extends State<FilesPage> {
            label: '文件',
            icon: LucideIcons.home,
            color: colorScheme.primary,
-            onTap: () => fileManager.currentPath != '/'
-                ? fileManager.enterFolder('/')
-                : null,
+            onTap: () => fileManager.currentPath != '/' ? fileManager.enterFolder('/') : null,
          ),
          for (int i = 0; i < pathParts.length; i++) ...[
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 2),
-              child: Icon(
-                LucideIcons.chevronRight,
-                size: 14,
-                color: theme.hintColor.withValues(alpha: 0.5),
-              ),
+              child: Icon(LucideIcons.chevronRight, size: 14, color: theme.hintColor.withValues(alpha: 0.5)),
            ),
            _buildBreadcrumbChip(
              context,
@@ -291,9 +300,7 @@ class _FilesPageState extends State<FilesPage> {
              isLast: i == pathParts.length - 1,
              onTap: () {
                final targetPath = '/${pathParts.sublist(0, i + 1).join('/')}';
-                if (targetPath != fileManager.currentPath) {
-                  fileManager.enterFolder(targetPath);
-                }
+                if (targetPath != fileManager.currentPath) fileManager.enterFolder(targetPath);
              },
            ),
          ],
@@ -317,9 +324,7 @@ class _FilesPageState extends State<FilesPage> {
        height: 28,
        padding: const EdgeInsets.symmetric(horizontal: 8),
        decoration: BoxDecoration(
-          color: isLast
-              ? color.withValues(alpha: 0.15)
-              : color.withValues(alpha: 0.06),
+          color: isLast ? color.withValues(alpha: 0.15) : color.withValues(alpha: 0.06),
          borderRadius: BorderRadius.circular(14),
        ),
        child: Row(
@@ -353,9 +358,7 @@ class _FilesPageState extends State<FilesPage> {
      Consumer<FileManagerProvider>(
        builder: (context, fileManager, child) {
          return IconButton(
-            icon: Icon(
-              fileManager.isLoading ? Icons.hourglass_empty : Icons.refresh,
-            ),
+            icon: Icon(fileManager.isLoading ? Icons.hourglass_empty : Icons.refresh),
            onPressed: () => fileManager.refreshFiles(),
            tooltip: '刷新',
          );
@@ -375,19 +378,14 @@ class _FilesPageState extends State<FilesPage> {
                    : FileViewType.list,
              );
            },
-            tooltip: fileManager.viewType == FileViewType.list
-                ? '网格视图'
-                : '列表视图',
+            tooltip: fileManager.viewType == FileViewType.list ? '网格视图' : '列表视图',
          );
        },
      ),
      IconButton(
        icon: const Icon(Icons.add),
        onPressed: () {
-          final fileManager = Provider.of<FileManagerProvider>(
-            context,
-            listen: false,
-          );
+          final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
          FileOperationDialogs.showCreateDialog(context, fileManager);
        },
        tooltip: '新建',
@@ -399,8 +397,7 @@ class _FilesPageState extends State<FilesPage> {
      ),
      IconButton(
        icon: const Icon(Icons.cloud_download),
-        onPressed: () =>
-            Provider.of<NavigationProvider>(context, listen: false).setIndex(2),
+        onPressed: () => Provider.of<NavigationProvider>(context, listen: false).setIndex(2),
        tooltip: '下载',
      ),
    ];
@@ -422,9 +419,7 @@ class _FilesPageState extends State<FilesPage> {
                    : FileViewType.list,
              );
            },
-            tooltip: fileManager.viewType == FileViewType.list
-                ? '网格视图'
-                : '列表视图',
+            tooltip: fileManager.viewType == FileViewType.list ? '网格视图' : '列表视图',
          );
        },
      ),
@@ -476,16 +471,8 @@ class _FilesPageState extends State<FilesPage> {
              isDark: isDark,
              colorScheme: colorScheme,
              onTap: () {
-                final fileManager = Provider.of<FileManagerProvider>(
-                  context,
-                  listen: false,
-                );
-                _onFabSubAction(
-                  () => FileOperationDialogs.showCreateDialog(
-                    context,
-                    fileManager,
-                  ),
-                );
+                final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
+                _onFabSubAction(() => FileOperationDialogs.showCreateDialog(context, fileManager));
              },
            ),
            _buildFabSubItem(
@@ -495,10 +482,7 @@ class _FilesPageState extends State<FilesPage> {
              label: '离线下载',
              isDark: isDark,
              colorScheme: colorScheme,
-              onTap: () => _onFabSubAction(
-                () =>
-                    Navigator.of(context).pushNamed(RouteNames.remoteDownload),
-              ),
+              onTap: () => _onFabSubAction(() => Navigator.of(context).pushNamed(RouteNames.remoteDownload)),
            ),
            Consumer<FileManagerProvider>(
              builder: (context, fileManager, _) {
@@ -584,10 +568,7 @@ class _FilesPageState extends State<FilesPage> {
                  child: BackdropFilter(
                    filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
                    child: Container(
-                      padding: const EdgeInsets.symmetric(
-                        horizontal: 12,
-                        vertical: 7,
-                      ),
+                      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 7),
                      decoration: BoxDecoration(
                        color: isDark
                            ? Colors.white.withValues(alpha: 0.12)
@@ -668,8 +649,7 @@ class _FilesPageState extends State<FilesPage> {
    final isDesktop = MediaQuery.of(context).size.width >= 1000;
    final child = _buildFileList(context);

-    if (!isDesktop ||
-        !Platform.isWindows && !Platform.isLinux && !Platform.isMacOS) {
+    if (!isDesktop || !Platform.isWindows && !Platform.isLinux && !Platform.isMacOS) {
      return child;
    }

@@ -693,19 +673,13 @@ class _FilesPageState extends State<FilesPage> {
                    strokeAlign: BorderSide.strokeAlignOutside,
                  ),
                  borderRadius: BorderRadius.circular(8),
-                  color: Theme.of(
-                    context,
-                  ).colorScheme.surface.withValues(alpha: 0.85),
+                  color: Theme.of(context).colorScheme.surface.withValues(alpha: 0.85),
                ),
                child: Center(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
-                      Icon(
-                        LucideIcons.upload,
-                        size: 48,
-                        color: Theme.of(context).colorScheme.primary,
-                      ),
+                      Icon(LucideIcons.upload, size: 48, color: Theme.of(context).colorScheme.primary),
                      const SizedBox(height: 12),
                      Text(
                        '释放文件以上传到当前目录',
@@ -735,14 +709,8 @@ class _FilesPageState extends State<FilesPage> {
    }
    if (files.isEmpty) return;

-    final uploadManager = Provider.of<UploadManagerProvider>(
-      context,
-      listen: false,
-    );
-    final fileManager = Provider.of<FileManagerProvider>(
-      context,
-      listen: false,
-    );
+    final uploadManager = Provider.of<UploadManagerProvider>(context, listen: false);
+    final fileManager = Provider.of<FileManagerProvider>(context, listen: false);
    uploadManager.markShouldShowDialog();
    uploadManager.startUpload(files, fileManager.currentPath);
    ToastHelper.info('已添加 ${files.length} 个文件到上传队列');
@@ -772,19 +740,12 @@ class _FilesPageState extends State<FilesPage> {
    );
  }

-  Widget _buildErrorView(
-    BuildContext context,
-    FileManagerProvider fileManager,
-  ) {
+  Widget _buildErrorView(BuildContext context, FileManagerProvider fileManager) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
-          Icon(
-            Icons.error_outline,
-            size: 64,
-            color: Theme.of(context).colorScheme.error,
-          ),
+          Icon(Icons.error_outline, size: 64, color: Theme.of(context).colorScheme.error),
          const SizedBox(height: 16),
          Text(
            fileManager.errorMessage!,
@@ -832,12 +793,13 @@ class _FilesPageState extends State<FilesPage> {
            child: NotificationListener<ScrollNotification>(
              onNotification: _onScrollNotification,
              child: ListView.builder(
+                key: PageStorageKey('files_list_${fileManager.currentPath}'),
+                cacheExtent: 900,
+                keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
                itemCount: fileManager.files.length,
                itemBuilder: (context, index) {
                  final file = fileManager.files[index];
-                  final isSelected = fileManager.selectedFiles.contains(
-                    file.path,
-                  );
+                  final isSelected = fileManager.selectedFiles.contains(file.path);

                  return FileListItem(
                    key: ValueKey('file_${file.id}'),
@@ -859,37 +821,14 @@ class _FilesPageState extends State<FilesPage> {
                      }
                    },
                    onSelect: () => fileManager.toggleSelection(file.path),
-                    onDownload: !file.isFolder
-                        ? () => _downloadFile(context, fileManager, file)
-                        : null,
-                    onOpenInBrowser: !file.isFolder
-                        ? () => _openInBrowser(context, file)
-                        : null,
-                    onRename: () => FileOperationDialogs.showRenameDialog(
-                      context,
-                      fileManager,
-                      file,
-                    ),
-                    onMove: () => FileOperationDialogs.showMoveDialog(
-                      context,
-                      fileManager,
-                      file,
-                      false,
-                    ),
-                    onCopy: () => FileOperationDialogs.showMoveDialog(
-                      context,
-                      fileManager,
-                      file,
-                      true,
-                    ),
-                    onShare: () =>
-                        FileOperationDialogs.showShareDialog(context, file),
-                    onDelete: () =>
-                        FileOperationDialogs.showDeleteSingleConfirmation(
-                          context,
-                          fileManager,
-                          file,
-                        ),
+                    onDownload: !file.isFolder ? () => _downloadFile(context, fileManager, file) : null,
+                    onOpenInBrowser: !file.isFolder ? () => _openInBrowser(context, file) : null,
+                    onOpenInCloudreveApp: !file.isFolder ? () => _openInCloudreveApp(context, file) : null,
+                    onRename: () => FileOperationDialogs.showRenameDialog(context, fileManager, file),
+                    onMove: () => FileOperationDialogs.showMoveDialog(context, fileManager, file, false),
+                    onCopy: () => FileOperationDialogs.showMoveDialog(context, fileManager, file, true),
+                    onShare: () => FileOperationDialogs.showShareDialog(context, file),
+                    onDelete: () => FileOperationDialogs.showDeleteSingleConfirmation(context, fileManager, file),
                    onInfo: () => _showFileInfo(file),
                  );
                },
@@ -918,8 +857,7 @@ class _FilesPageState extends State<FilesPage> {
      crossAxisCount = 5;
    }

-    final itemWidth =
-        (availableWidth - spacing * (crossAxisCount - 1)) / crossAxisCount;
+    final itemWidth = (availableWidth - spacing * (crossAxisCount - 1)) / crossAxisCount;
    final childAspectRatio = itemWidth / 160;
    final showCheckbox = fileManager.hasSelection;

@@ -928,6 +866,9 @@ class _FilesPageState extends State<FilesPage> {
      child: NotificationListener<ScrollNotification>(
        onNotification: _onScrollNotification,
        child: GridView.builder(
+          key: PageStorageKey('files_grid_${fileManager.currentPath}'),
+          cacheExtent: 1100,
+          keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
          padding: const EdgeInsets.all(8),
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: crossAxisCount,
@@ -959,36 +900,14 @@ class _FilesPageState extends State<FilesPage> {
                }
              },
              onSelect: () => fileManager.toggleSelection(file.path),
-              onDownload: !file.isFolder
-                  ? () => _downloadFile(context, fileManager, file)
-                  : null,
-              onOpenInBrowser: !file.isFolder
-                  ? () => _openInBrowser(context, file)
-                  : null,
-              onRename: () => FileOperationDialogs.showRenameDialog(
-                context,
-                fileManager,
-                file,
-              ),
-              onMove: () => FileOperationDialogs.showMoveDialog(
-                context,
-                fileManager,
-                file,
-                false,
-              ),
-              onCopy: () => FileOperationDialogs.showMoveDialog(
-                context,
-                fileManager,
-                file,
-                true,
-              ),
-              onShare: () =>
-                  FileOperationDialogs.showShareDialog(context, file),
-              onDelete: () => FileOperationDialogs.showDeleteSingleConfirmation(
-                context,
-                fileManager,
-                file,
-              ),
+              onDownload: !file.isFolder ? () => _downloadFile(context, fileManager, file) : null,
+              onOpenInBrowser: !file.isFolder ? () => _openInBrowser(context, file) : null,
+              onOpenInCloudreveApp: !file.isFolder ? () => _openInCloudreveApp(context, file) : null,
+              onRename: () => FileOperationDialogs.showRenameDialog(context, fileManager, file),
+              onMove: () => FileOperationDialogs.showMoveDialog(context, fileManager, file, false),
+              onCopy: () => FileOperationDialogs.showMoveDialog(context, fileManager, file, true),
+              onShare: () => FileOperationDialogs.showShareDialog(context, file),
+              onDelete: () => FileOperationDialogs.showDeleteSingleConfirmation(context, fileManager, file),
              onInfo: () => _showFileInfo(file),
            );
          },
@@ -1006,33 +925,34 @@ class _FilesPageState extends State<FilesPage> {
        if (fileManager.hasSelection) {
          return SelectionToolbar(
            selectionCount: fileManager.selectedFiles.length,
+            totalCount: fileManager.files.length,
            onCancel: () => fileManager.clearSelection(),
-            onRename: fileManager.selectedFiles.length == 1
-                ? () => FileOperationDialogs.showRenameDialog(
-                    context,
-                    fileManager,
-                    fileManager.files.firstWhere(
-                      (f) => f.path == fileManager.selectedFiles.first,
-                    ),
-                  )
+            onSelectAll: () => fileManager.selectAll(),
+            onMore: fileManager.selectedFiles.length == 1
+                ? () => _showSelectionMore(
+                      fileManager.files.firstWhere(
+                        (f) => f.path == fileManager.selectedFiles.first,
+                      ),
+                      fileManager,
+                    )
                : null,
            onMove: () => FileOperationDialogs.showBatchMoveDialog(
-              context,
-              fileManager,
-              fileManager.selectedFiles,
-              false,
-            ),
+                  context,
+                  fileManager,
+                  fileManager.selectedFiles,
+                  false,
+                ),
            onCopy: () => FileOperationDialogs.showBatchMoveDialog(
-              context,
-              fileManager,
-              fileManager.selectedFiles,
-              true,
-            ),
+                  context,
+                  fileManager,
+                  fileManager.selectedFiles,
+                  true,
+                ),
            onDelete: () => FileOperationDialogs.showDeleteConfirmation(
-              context,
-              fileManager,
-              fileManager.selectedFiles,
-            ),
+                  context,
+                  fileManager,
+                  fileManager.selectedFiles,
+                ),
          );
        }

@@ -1056,17 +976,11 @@ class _FilesPageState extends State<FilesPage> {
    } else if (FileTypeUtils.isAudio(file.name)) {
      Navigator.of(context).pushNamed(RouteNames.audioPreview, arguments: file);
    } else if (FileTypeUtils.isMarkdown(file.name)) {
-      Navigator.of(
-        context,
-      ).pushNamed(RouteNames.markdownPreview, arguments: file);
+      Navigator.of(context).pushNamed(RouteNames.markdownPreview, arguments: file);
    } else if (FileTypeUtils.isTextCode(file.name)) {
-      Navigator.of(
-        context,
-      ).pushNamed(RouteNames.documentPreview, arguments: file);
+      Navigator.of(context).pushNamed(RouteNames.documentPreview, arguments: file);
    } else {
-      ToastHelper.info(
-        '暂不支持预览 ${FileTypeUtils.getFileTypeDescription(file.name)}',
-      );
+      ToastHelper.info('暂不支持预览 ${FileTypeUtils.getFileTypeDescription(file.name)}');
    }
  }

@@ -1075,10 +989,7 @@ class _FilesPageState extends State<FilesPage> {
    FileManagerProvider fileManager,
    FileModel file,
  ) async {
-    final downloadManager = Provider.of<DownloadManagerProvider>(
-      context,
-      listen: false,
-    );
+    final downloadManager = Provider.of<DownloadManagerProvider>(context, listen: false);
    final task = await downloadManager.addDownloadTask(
      fileName: file.name,
      fileUri: file.relativePath,
@@ -1124,4 +1035,13 @@ class _FilesPageState extends State<FilesPage> {
      }
    }
  }
+
+  void _openInCloudreveApp(BuildContext context, FileModel file) {
+    Navigator.of(context).pushNamed(
+      RouteNames.cloudreveFileApp,
+      arguments: {
+        'file': file,
+      },
+    );
+  }
 }