feat: local backup (#5054)

* feat: local backup

* refactor(backup): make local backup helpers synchronous and clean up redundant checks

- Converted local backup helpers to synchronous functions to remove unused async warnings and align command signatures.
- Updated list/delete/export commands to call the sync feature functions directly without awaits while preserving behavior.
- Simplified destination directory creation to always ensure parent folders exist without redundant checks, satisfying Clippy.

src/components/setting/mods/backup-table-viewer.tsx

@@ -1,4 +1,5 @@
 import DeleteIcon from "@mui/icons-material/Delete";
+import DownloadIcon from "@mui/icons-material/Download";
 import RestoreIcon from "@mui/icons-material/Restore";
 import {
   Box,
@@ -14,22 +15,20 @@ import {
   TablePagination,
 } from "@mui/material";
 import { Typography } from "@mui/material";
+import { save } from "@tauri-apps/plugin-dialog";
 import { useLockFn } from "ahooks";
 import { Dayjs } from "dayjs";
 import { SVGProps, memo } from "react";
 import { useTranslation } from "react-i18next";
 
-import {
-  deleteWebdavBackup,
-  restoreWebDavBackup,
-  restartApp,
-} from "@/services/cmds";
+import { restartApp } from "@/services/cmds";
 import { showNotice } from "@/services/noticeService";
 
-export type BackupFile = IWebDavFile & {
+export type BackupFile = {
   platform: string;
   backup_time: Dayjs;
   allow_apply: boolean;
+  filename: string;
 };
 
 export const DEFAULT_ROWS_PER_PAGE = 5;
@@ -43,6 +42,9 @@ interface BackupTableViewerProps {
   ) => void;
   total: number;
   onRefresh: () => Promise<void>;
+  onDelete: (filename: string) => Promise<void>;
+  onRestore: (filename: string) => Promise<void>;
+  onExport?: (filename: string, destination: string) => Promise<void>;
 }
 
 export const BackupTableViewer = memo(
@@ -52,21 +54,43 @@ export const BackupTableViewer = memo(
     onPageChange,
     total,
     onRefresh,
+    onDelete,
+    onRestore,
+    onExport,
   }: BackupTableViewerProps) => {
     const { t } = useTranslation();
 
     const handleDelete = useLockFn(async (filename: string) => {
-      await deleteWebdavBackup(filename);
+      await onDelete(filename);
       await onRefresh();
     });
 
     const handleRestore = useLockFn(async (filename: string) => {
-      await restoreWebDavBackup(filename).then(() => {
+      await onRestore(filename).then(() => {
         showNotice("success", t("Restore Success, App will restart in 1s"));
       });
       await restartApp();
     });
 
+    const handleExport = useLockFn(async (filename: string) => {
+      if (!onExport) {
+        return;
+      }
+      try {
+        const savePath = await save({
+          defaultPath: filename,
+        });
+        if (!savePath || Array.isArray(savePath)) {
+          return;
+        }
+        await onExport(filename, savePath);
+        showNotice("success", t("Local Backup Exported"));
+      } catch (error) {
+        console.error(error);
+        showNotice("error", t("Local Backup Export Failed"));
+      }
+    });
+
     return (
       <TableContainer component={Paper}>
         <Table>
@@ -102,6 +126,27 @@ export const BackupTableViewer = memo(
                         justifyContent: "flex-end",
                       }}
                     >
+                      {onExport && (
+                        <>
+                          <IconButton
+                            color="primary"
+                            aria-label={t("Export")}
+                            size="small"
+                            title={t("Export Backup")}
+                            onClick={async (e: React.MouseEvent) => {
+                              e.preventDefault();
+                              await handleExport(file.filename);
+                            }}
+                          >
+                            <DownloadIcon />
+                          </IconButton>
+                          <Divider
+                            orientation="vertical"
+                            flexItem
+                            sx={{ mx: 1, height: 24 }}
+                          />
+                        </>
+                      )}
                       <IconButton
                         color="secondary"
                         aria-label={t("Delete")}