+ NetMount
+
+
+
+}
+
+const reactRoot = ReactDOM.createRoot(document.getElementById('root')!)
+reactRoot.render(
+
+
+ {t('starting') + ':' + startStr}
+ {t('goto_the_website_get_latest_version_ask')} + , + onOk: () => { + shell.open(info.website!) + }, + }) + }) + checkedUpdate = true; + } + + }, []) + + return ( +
+ {contextHolder}{noticeContextHolder}
+
+ {/*
+
+ 🧐
+
+
+
*/}
+ {/*
+ 运行时间：{formatETA(rcloneInfo.stats.elapsedTime)}
+ */}
+
+ {rcloneInfo.storageList && !(rcloneInfo.storageList.length > 0) &&
+
+ {/*
+ 存储和挂载概览
+
+ 存储数： +
+ 挂载数：{nmConfig.mount.lists.length} +
+ 已挂载：{rcloneInfo.mountList.length} + */}
+
+
+
+ )
+}
+
+/* 软件名称:NetMount
+软件功能:挂载云存储到本地
+
+主菜单（位于左边）:首页(待实现)，存储(添加存储，编辑存储，浏览和管理存储内文件)，挂载存储(挂载为本地路径或盘符)，传输（当前在传输的文件信息、速度、剩余时间等），任务(定时或间隔，可执行存储的文件同步、文件复制、文件删除、挂载等)
+
+软件整体布局为左：主菜单，右：对应页面
+
+现在就还有软件首页没有写了，请你为我的软件设计一个首页 */
+
+export { Home_page }
\ No newline at end of file
diff --git a/src/page/mount/add.tsx b/src/page/mount/add.tsx
new file mode 100644
index 0000000..6b5d7f2
--- /dev/null
+++ b/src/page/mount/add.tsx
@@ -0,0 +1,145 @@
+import { Button, Checkbox, Collapse, Form, Input, Notification, Select, Space, Switch } from '@arco-design/web-react'
+import React, { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useNavigate } from 'react-router-dom';
+import { ParametersType } from '../../type/rclone/storage/defaults';
+import { getProperties, getURLSearchParam } from '../../utils/utils';
+import { defaultMountConfig, defaultVfsConfig } from '../../controller/storage/mount/parameters/defaults';
+import { InputItem_module } from '../other/inputItem';
+import { rcloneInfo } from '../../services/rclone';
+import { addMountStorage, getAvailableDriveLetter, getMountStorage, mountStorage } from '../../controller/storage/mount/mount';
+
+const FormItem = Form.Item;
+
+const CollapseItem = Collapse.Item;
+
+export default function AddMount_page() {
+ const { t } = useTranslation()
+ const navigate = useNavigate();
+ const [storageName, setStorageName] = useState欢迎使用,统一管理和挂载云存储设施。
*/} +
+
+ {/*NetMount
+ {t('netmount_slogan')} +初次使用，请点击下方按钮进行配置
+
+
+ {t('please_add_storage_tip')}
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {/*
+ 存储数： +
+ 挂载数：{nmConfig.mount.lists.length} +
+ 已挂载：{rcloneInfo.mountList.length} +
+
+
+
+
+
+
+
+
+
+
+ 0 ? [
+ {
+ label: t('used_time'),
+ value: formatETA(rcloneInfo.stats.transferTime)
+ }
+ ] : []),
+ ...(Number(rcloneInfo.stats.eta) > 0 ? [
+ {
+ label: t('eta'),
+ value: formatETA(rcloneInfo.stats.eta!)
+ }
+ ] : []),
+ ...(rcloneInfo.stats.transferring && Number(rcloneInfo.stats.transferring.length) > 0 ? [
+ {
+ label: t('transferring'),
+ value: rcloneInfo.stats.transferring.length
+ }
+ ] : []),
+ ...(Number(rcloneInfo.stats.totalTransfers) > 0 ? [
+ {
+ label: t('transferred'),
+ value: rcloneInfo.stats.totalTransfers
+ }
+ ] : []),
+
+ ]} />
+
+
+
+
+ )
+}
diff --git a/src/page/mount/mount.tsx b/src/page/mount/mount.tsx
new file mode 100644
index 0000000..9ec0aea
--- /dev/null
+++ b/src/page/mount/mount.tsx
@@ -0,0 +1,103 @@
+import { Alert, Button, Grid, Message, Space, Table, TableColumnProps, Typography } from '@arco-design/web-react'
+import React, { useEffect, useReducer, useState } from 'react'
+import { rcloneInfo } from '../../services/rclone'
+import { delMountStorage, isMounted, mountStorage, reupMount, unmountStorage } from '../../controller/storage/mount/mount'
+import { useTranslation } from 'react-i18next'
+import { hooks } from '../../services/hook'
+import { useNavigate } from 'react-router-dom'
+import { nmConfig, osInfo } from '../../services/config'
+import { NoData_module } from '../other/noData'
+import { getWinFspInstallState, installWinFsp } from '../../utils/utils'
+const Row = Grid.Row;
+const Col = Grid.Col;
+
+function Mount_page() {
+ const { t } = useTranslation()
+ const [ignored, forceUpdate] = useReducer(x => x + 1, 0);//刷新组件
+ const navigate = useNavigate();
+ const [winFspInstallState, setWinFspInstallState] = useState{t('add_mount')}
+ +
+
+ )
+}
+export { Mount_page }
\ No newline at end of file
diff --git a/src/page/other/devTips.tsx b/src/page/other/devTips.tsx
new file mode 100644
index 0000000..3ba4619
--- /dev/null
+++ b/src/page/other/devTips.tsx
@@ -0,0 +1,16 @@
+import { Result } from '@arco-design/web-react'
+import { IconCodeBlock } from '@arco-design/web-react/icon'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+function DevTips_module() {
+ const { t } = useTranslation()
+
+ return (
+
+
+
+
+
+
+
+
+ { + winFspInstallState !== undefined && !winFspInstallState && <> +
+
+ }/>
+
+ + } +
} columns={columns} pagination={false} data={
+ nmConfig.mount.lists.map((item) => {
+ const mounted = isMounted(item.mountPath)
+ return {
+ ...item,
+ mounted: mounted ? t('mounted') : t('unmounted'),
+ actions:
+ {
+ mounted ? <>
+
+ :
+ <>
+
+
+ }
+
+ }
+ })} />
+
+ + { + winFspInstallState !== undefined && !winFspInstallState && <> +
+ + } +
+ +
+ {log}
+
+ })
+
+ }
+
+ useEffect(() => {
+ getAutostart()
+ }, [])
+
+
+
+ return (
+
+ {contextHolder}
+
+
+
+
+
+
+
+ {t('technology_stack')}:Tauri,TypeScript,Vite,React,Arco Design,Rust +
+ Copyright © 2024-Present VirtualHotBar + +
+ { open(roConfig.url.website + 'page/license') }}> {t('licence')} +
+ +
+
+
+ { shell.open(roConfig.url.rclone) }}>Rclone( {
+ rcloneInfo.process.log && showLog(rcloneInfo.process.log)
+ }}>{t('log')}): {rcloneInfo.version.version}
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/page/storage/add.tsx b/src/page/storage/add.tsx
new file mode 100644
index 0000000..74a8882
--- /dev/null
+++ b/src/page/storage/add.tsx
@@ -0,0 +1,197 @@
+import { Button, Checkbox, Form, Input, InputNumber, InputTag, Link, Message, Notification, Select, Space, Switch, Typography } from "@arco-design/web-react";
+import { DefaultParams, ParametersType } from "../../type/rclone/storage/defaults";
+import { useTranslation } from "react-i18next";
+import { searchStorage, storageListAll } from "../../controller/storage/listAll";
+import { CSSProperties, useEffect, useState } from "react";
+import { checkParams, createStorage } from "../../controller/storage/create";
+import { useNavigate, useParams } from "react-router-dom";
+import { getProperties, getURLSearchParam } from "../../utils/utils";
+import { getStorageParams } from "../../controller/storage/storage";
+import { InputItem_module } from "../other/inputItem";
+import { rcloneInfo } from "../../services/rclone";
+const FormItem = Form.Item;
+
+
+
+function AddStorage_page() {
+ const { t } = useTranslation()
+ const navigate = useNavigate();
+
+ //const [selectStorage, setSelectStorage] = useState+ {t('technology_stack')}:Tauri,TypeScript,Vite,React,Arco Design,Rust +
+ Copyright © 2024-Present VirtualHotBar + +
+ { open(roConfig.url.website + 'page/license') }}> {t('licence')} +
+ +
+
{t('add_storage')}
+ {step == 0 ?/* 选择类型 */ +
+
+
+ : step == 1 ?/* 填写参数 */
+
+
+
+
+ : ''
+ }
+}
+
+
+
+export { AddStorage_page }
\ No newline at end of file
diff --git a/src/page/storage/explorer.tsx b/src/page/storage/explorer.tsx
new file mode 100644
index 0000000..06f2f85
--- /dev/null
+++ b/src/page/storage/explorer.tsx
@@ -0,0 +1,370 @@
+import React, { CSSProperties, useEffect, useReducer, useState } from 'react'
+import { BackTop, Badge, Button, Divider, Dropdown, Grid, Input, Link, List, Menu, Message, Modal, Notification, Popconfirm, Select, Space, Spin, Table, TableColumnProps, Tabs, Tooltip, Typography, Upload } from '@arco-design/web-react';
+import { IconCopy, IconDelete, IconEdit, IconFolderAdd, IconLeft, IconMore, IconPaste, IconRefresh, IconScissor, IconUpCircle, IconUpload } from '@arco-design/web-react/icon';
+import { rcloneInfo } from '../../services/rclone';
+import { useTranslation } from 'react-i18next';
+import { copyDir, copyFile, delDir, delFile, formatPathRclone, getFileList, mkDir, moveDir, moveFile } from '../../controller/storage/storage';
+import { FileInfo } from '../../type/rclone/rcloneInfo';
+import { formatSize, getURLSearchParam } from '../../utils/utils';
+import { rcloneApiHeaders } from '../../utils/rclone/request';
+import { RequestOptions } from '@arco-design/web-react/es/Upload';
+import { NoData_module } from '../other/noData';
+import { clipListItem } from '../../type/page/storage/explorer';
+import { searchStorage } from '../../controller/storage/listAll';
+const Row = Grid.Row;
+const Col = Grid.Col;
+const TabPane = Tabs.TabPane;
+const tipsStyle: CSSProperties = {
+ textAlign: 'center',
+ paddingTop: '6rem',
+ fontSize: '1rem'
+};
+
+function Explorer_page() {
+ return (
+ <>
+ {/* +
+
+ {
+ //高级选项
+ !showAdvanced &&
+
+ }
+
+
+
+
+
+
+ )
+}
+
+
+
+export { Explorer_page }
\ No newline at end of file
diff --git a/src/page/storage/storage.tsx b/src/page/storage/storage.tsx
new file mode 100644
index 0000000..8ae8010
--- /dev/null
+++ b/src/page/storage/storage.tsx
@@ -0,0 +1,87 @@
+import { Button, Popconfirm, Space } from "@arco-design/web-react"
+import { useTranslation } from 'react-i18next';
+import { delStorage, reupStorage } from "../../controller/storage/storage"
+import { rcloneInfo } from "../../services/rclone"
+import { useEffect, useReducer, useState } from "react";
+import { hooks } from "../../services/hook";
+import { useNavigate } from "react-router-dom";
+
+import { Table, TableColumnProps } from '@arco-design/web-react';
+import { NoData_module } from "../other/noData";
+import { searchStorage } from "../../controller/storage/listAll";
+
+
+function Storage_page() {
+ const { t } = useTranslation()
+ const [ignored, forceUpdate] = useReducer(x => x + 1, 0);//刷新组件
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ hooks.upStorage = forceUpdate
+ }, [ignored])
+
+ const columns: TableColumnProps[] = [
+ {
+ title: t('name'),
+ dataIndex: 'name',
+
+ },
+ {
+ title: t('type'),
+ dataIndex: 'type',
+ },
+ {
+ title: t('actions'),
+ dataIndex: 'actions',
+ align: 'right'
+ }
+ ]
+
+ return (
+
+ {contextHolder}
+
+
+
+ {
+ clipList.forEach((item) => {
+ if (item.isMove) {
+ if (item.isDir) {
+ moveDir(item.storageName, item.path, storageName!, path!);
+ } else {
+ moveFile(item.storageName, item.path, storageName!, path!);
+ }
+ } else {
+ if (item.isDir) {
+ copyDir(item.storageName, item.path, storageName!, path!);
+ } else {
+ copyFile(item.storageName, item.path, storageName!, path!)
+ }
+ }
+ })
+ setClipList([])
+ Notification.success({
+ title: t('success'),
+ content: t('transm_task_created'),
+ })
+ }} key='p' disabled={!storageName && !path}>{t('paste')}({clipList.length})
+ setClipList([])} key='q'>{t('empty_the_clipboard')}
+ } position='bl'>
+ } type='text' />
+
+
+
+
+
+
+
+ {storageName ?
+ <>{
+ fileList ?
+
}
+ data={
+ fileList.map((item) => {
+ return {
+ ...item, fileName: { item.IsDir && updatePath(item.Path) }}>{item.Name} ,
+ fileSize: (item.Size != -1 ? formatSize(item.Size) : t('dir')),
+ fileModTime: (new Date(item.ModTime)).toLocaleString(),
+ actions:
+
+ }
+ })} />
+ : ''
+ }
+ :
+ !storageName && {t('please_select_storage')}
+ }
+
+
+
+ )
+}
+
+
+
+
+
+
+
+
+
+export { Storage_page }
\ No newline at end of file
diff --git a/src/page/task/add.tsx b/src/page/task/add.tsx
new file mode 100644
index 0000000..db0037c
--- /dev/null
+++ b/src/page/task/add.tsx
@@ -0,0 +1,309 @@
+import { Button, Divider, Form, Grid, Input, InputNumber, Notification, Select, Space, Tooltip } from '@arco-design/web-react';
+import React, { useReducer, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { nmConfig, roConfig } from '../../services/config';
+import { TaskListItem } from '../../type/config';
+import { rcloneInfo } from '../../services/rclone';
+import { IconQuestionCircle } from '@arco-design/web-react/icon';
+import { formatPathRclone } from '../../controller/storage/storage';
+import { useNavigate } from 'react-router-dom';
+import { saveTask } from '../../controller/task/task';
+const Row = Grid.Row;
+const Col = Grid.Col;
+
+const formatPath = (path: string) => {
+ path = path.replace(/\\/g, '/');
+ path = path.replace(/\/+/g, '/');
+
+ if (path.substring(0, 1) != '/') {
+ path = '/' + path;
+ }
+
+ return path
+}
+
+// 定义状态和 action 类型
+type TaskInfoState = TaskListItem;
+
+type Action =
+ | { type: 'setName'; payload: string }
+ | { type: 'setRunTypeMode'; payload: string }
+ | { type: 'setTaskType'; payload: string }
+ | { type: 'setSourceStorageName'; payload: string }
+ | { type: 'setSourcePath'; payload: string }
+ | { type: 'setTargetStorageName'; payload: string }
+ | { type: 'setTargetPath'; payload: string }
+ | { type: 'setIntervalDays'; payload: number }
+ | { type: 'setRunTime'; payload: { h: number, m: number, s: number } };
+
+// 定义 reducer 函数
+const reducer = (state: TaskInfoState, action: Action): TaskInfoState => {
+ switch (action.type) {
+ case 'setName':
+ return { ...state, name: action.payload };
+ case 'setRunTypeMode':
+ return { ...state, run: { ...state.run, mode: action.payload } };
+ case 'setTaskType':
+ return { ...state, taskType: action.payload };
+ case 'setSourceStorageName':
+ return { ...state, source: { ...state.source, storageName: action.payload } };
+ case 'setSourcePath':
+ return { ...state, source: { ...state.source, path: formatPath(action.payload) } };
+ case 'setTargetStorageName':
+ return { ...state, target: { ...state.target, storageName: action.payload } };
+ case 'setTargetPath':
+ return { ...state, target: { ...state.target, path: formatPath(action.payload) } };
+ case 'setIntervalDays':
+ return { ...state, run: { ...state.run, time: { ...state.run.time, intervalDays: action.payload } } };
+ case 'setRunTime':
+ return { ...state, run: { ...state.run, time: { ...state.run.time, ...action.payload } } };
+ default:
+ throw new Error('Invalid action');
+ }
+};
+
+function AddTask_page() {
+ const { t } = useTranslation();
+ const navigate = useNavigate();
+ const [taskInfo, dispatch] = useReducer(reducer, {
+ name: 'task_' + (nmConfig.task ? nmConfig.task.length + 1 : 1),
+ taskType: roConfig.options.task.taskType.select[roConfig.options.task.taskType.defIndex],
+ source: {
+ storageName:
+ rcloneInfo.storageList && rcloneInfo.storageList.length > 0
+ ? rcloneInfo.storageList[0].name
+ : '',
+ path: '/',
+ },
+ target: {
+ storageName:
+ rcloneInfo.storageList && rcloneInfo.storageList.length > 0
+ ? (rcloneInfo.storageList.length > 1
+ ? rcloneInfo.storageList[1].name
+ : rcloneInfo.storageList[0].name)
+ : '',
+ path: '/',
+ },
+ run: {
+ mode: roConfig.options.task.runMode.select[roConfig.options.task.runMode.defIndex], time: {
+ intervalDays: 1,
+ h: 10,
+ m: 30,
+ s: 0,
+ }
+ },
+ enable: true,
+ });
+
+ const [timeMultiplier, setTimeMultiplier] = useState({
+ ...roConfig.options.task.dateMultiplier.select[roConfig.options.task.dateMultiplier.defIndex],
+ multiplicand: 1
+ })
+
+ useEffect(() => {
+ if (taskInfo.run.mode === 'time') {
+ setTimeMultiplier({ ...roConfig.options.task.dateMultiplier.select[roConfig.options.task.dateMultiplier.defIndex], multiplicand: 1 })
+ } else if (taskInfo.run.mode === 'interval') {
+ setTimeMultiplier({ ...roConfig.options.task.intervalMultiplier.select[roConfig.options.task.intervalMultiplier.defIndex], multiplicand: 1 })
+ }
+ }, [taskInfo.run.mode])
+
+
+ return (
+
+
+
+
+
+
+
+
+
+
} columns={columns} pagination={false} data={
+ rcloneInfo.storageList.map((item) => {
+ return {
+ ...item,
+ type: searchStorage(item.type).name,
+ actions:
+ {
+ delStorage(item.name)
+ }}
+ >
+
+
+
+
+
+
+
+
+ }
+ })} />
+
+ +
+
+ );
+}
+
+
+
+export { AddTask_page };
\ No newline at end of file
diff --git a/src/page/task/task.tsx b/src/page/task/task.tsx
new file mode 100644
index 0000000..c33d829
--- /dev/null
+++ b/src/page/task/task.tsx
@@ -0,0 +1,64 @@
+import React, { useReducer } from 'react'
+import { DevTips_module } from '../other/devTips'
+import { Button, Space, Table, TableColumnProps } from '@arco-design/web-react'
+import { useTranslation } from 'react-i18next'
+import { nmConfig } from '../../services/config'
+import { useNavigate } from 'react-router-dom'
+import { delTask } from '../../controller/task/task'
+import { NoData_module } from '../other/noData'
+
+function Task_page() {
+ const { t } = useTranslation()
+ const navigate = useNavigate();
+ const [ignored, forceUpdate] = useReducer(x => x + 1, 0);//刷新组件
+
+ const columns: TableColumnProps[] = [
+ {
+ title: t('task_name'),
+ dataIndex: 'name',
+ },
+ {
+ title: t('state'),
+ dataIndex: 'state',
+ }, {
+ title: t('cycle'),
+ dataIndex: 'cycle',
+ }
+ , {
+ title: t('run_info'),
+ dataIndex: 'runInfo',
+ },
+ {
+ title: t('actions'),
+ dataIndex: 'actions',
+ align:'right'
+ }
+ ];
+ console.log(nmConfig.task);
+
+ return (
+ {t('add_task')}
+ +
+
+
+
+
+
+
+
+ )
+}
+
+export { Task_page }
\ No newline at end of file
diff --git a/src/page/transmit/transmit.tsx b/src/page/transmit/transmit.tsx
new file mode 100644
index 0000000..67cb677
--- /dev/null
+++ b/src/page/transmit/transmit.tsx
@@ -0,0 +1,135 @@
+import React, { useEffect, useState } from 'react'
+import { rcloneInfo, rcloneStatsHistory } from '../../services/rclone'
+import { hooks } from '../../services/hook'
+import { RcloneTransferItem } from '../../type/rclone/stats'
+import { Card, Descriptions, List, Progress, Space, Statistic, Grid, Typography } from '@arco-design/web-react'
+import { formatETA, formatSize } from '../../utils/utils'
+import { Area } from '@ant-design/charts'
+import { NoData_module } from '../other/noData'
+import { useTranslation } from 'react-i18next'
+const Row = Grid.Row;
+const Col = Grid.Col;
+
+function Transmit_page() {
+ const { t } = useTranslation()
+ const [transmitList, setTransmitList] = useState
+
+
+
+
+
+
+
} data={nmConfig.task.map((taskItem) => {
+ return {
+ ...taskItem,
+ state: taskItem.enable ? t('enabled') : t('disabled'),
+ cycle: t('task_run_mode_' + taskItem.run.mode),
+ runInfo:taskItem.runInfo?.msg,
+ actions: <>
+
+
+ }
+ })} />
+
+
+
+
+
+ {rcloneInfo.stats.bytes > 0 && }
+ 0 ? [
+ {
+ label:t('used_time'),
+ value: formatETA(rcloneInfo.stats.transferTime)
+ }
+ ] : []),
+ ...(Number(rcloneInfo.stats.eta) > 0 ? [
+ {
+ label: t('eta'),
+ value: formatETA(rcloneInfo.stats.eta!)
+ }
+ ] : []),
+ ...(Number(rcloneInfo.stats.totalTransfers) > 0 ? [
+ {
+ label: t('transferred'),
+ value: rcloneInfo.stats.totalTransfers
+ }
+ ] : []),
+
+ ]} />
+
+
+
+
+ {/* */}
+
+
+
+
+
+ {item.name}
+ 0 ? [
+ {
+ label: t('eta'),
+ value: formatETA(item.eta!)
+ }
+ ] : []),
+ ...(item.dstFs ? [
+ {
+ label: t('target'),
+ value: item.dstFs
+ }
+ ] : []),
+ ]} />
+
+
+
+ })
+ }
+
+
+
+
+ )
+}
+
+export { Transmit_page }
\ No newline at end of file
diff --git a/src/services/config.ts b/src/services/config.ts
new file mode 100644
index 0000000..d5f8818
--- /dev/null
+++ b/src/services/config.ts
@@ -0,0 +1,94 @@
+import { invoke } from "@tauri-apps/api"
+import { NMConfig, OSInfo } from "../type/config"
+
+const roConfig = {
+ url: {
+ website: 'https://www.netmount.cn/',
+ rclone: 'https://github.com/rclone/rclone',
+ },
+ options: {
+ task: {
+ runMode: {
+ defIndex: 0,
+ select: ['start', 'time', 'interval', 'disposable']
+ },
+ taskType: {
+ defIndex: 3,
+ select: ['copy', 'move', 'delete', 'sync', 'bisync']
+ },
+ dateMultiplier: {
+ defIndex: 0,
+ select: [{ name: 'day', value: 1 }, { name: 'week', value: 7 }, { name: 'month', value: 30 }]
+ },
+ intervalMultiplier: {
+ defIndex: 0,
+ select: [{ name: 'hour', value: 60 * 60 }, { name: 'minute', value: 60 }, { name: 'second', value: 1 }]
+ },
+ },
+ setting: {
+ themeMode: {
+ defIndex: 0,
+ select: ['auto', 'light', 'dark']
+ }, language: {
+ defIndex: 0,
+ select: [
+ { name: '简体中文', value: 'cn', langCode: 'zh-cn' },
+ { name: 'English', value: 'en', langCode: 'en-us' },
+ /* { name: '繁體中文(臺灣)', value: 'cht', langCode: 'zh-tw' },
+ { name: '繁體中文(香港)', value: 'cht', langCode: 'zh-hk' },
+ { name: 'Русский язык', value: 'ru', langCode: 'ru-RU' }, */
+ ]
+ }
+ }
+ }
+}
+
+let nmConfig: NMConfig = {
+ mount: {
+ lists: [],
+ },
+ task: [],
+ api: {
+ url: 'https://api.hotpe.top/test/NetMount',
+ },
+ settings: {
+ themeMode: roConfig.options.setting.themeMode.select[roConfig.options.setting.themeMode.defIndex],
+ startHide: false,
+ },
+}
+
+const setNmConfig = (config: NMConfig) => {
+ nmConfig = config
+}
+
+const readNmConfig = async () => {
+ await invoke('read_config_file').then(configData => {
+ setNmConfig(configData as NMConfig)
+ }).catch(err => {
+ console.log(err);
+ })
+}
+const saveNmConfig = async () => {
+ await invoke('write_config_file', {
+ configData: nmConfig
+ });
+}
+
+
+
+let osInfo: OSInfo = {
+ arch: 'unknown',
+ osType: 'unknown',
+ platform: 'unknown',
+ tempDir: '',
+ osVersion: ''
+}
+
+const setOsInfo = (osinfo: OSInfo) => {
+ osInfo = osinfo
+}
+
+
+
+
+export { nmConfig, setNmConfig, osInfo, setOsInfo, roConfig, readNmConfig, saveNmConfig }
\ No newline at end of file
diff --git a/src/services/hook.ts b/src/services/hook.ts
new file mode 100644
index 0000000..b70aec8
--- /dev/null
+++ b/src/services/hook.ts
@@ -0,0 +1,12 @@
+import { Hooks } from "../type/hook";
+import i18n from "./i18n";
+
+let hooks:Hooks = {
+ upStats:()=>{},
+ upStorage:()=>{},
+ upMount:()=>{},
+ navigate:()=>{},
+ setLocaleStr:()=>{}
+}
+
+export {hooks}
\ No newline at end of file
diff --git a/src/services/i18n.ts b/src/services/i18n.ts
new file mode 100644
index 0000000..f7e20e6
--- /dev/null
+++ b/src/services/i18n.ts
@@ -0,0 +1,27 @@
+// i18n.js 文件
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+
+// 引入语言文件
+import cn from '../controller/language/zh-cn.json';
+
+// 初始化资源文件，即各种语言的json文件
+const resources = {
+ cn: {
+ translation: cn
+ }
+};
+
+i18n
+ // 连接react-i18next与i18next的插件配置
+ .use(initReactI18next)
+ .init({
+ resources,
+/*lng: "cn", // 初始语言 */
+ keySeparator: false, // 是否允许keys使用点分隔符
+ interpolation: {
+ escapeValue: false // 转义字符
+ }
+ });
+
+export default i18n;
diff --git a/src/services/rclone.ts b/src/services/rclone.ts
new file mode 100644
index 0000000..83f9bee
--- /dev/null
+++ b/src/services/rclone.ts
@@ -0,0 +1,61 @@
+
+import { t } from "i18next"
+import { RcloneInfo } from "../type/rclone/rcloneInfo"
+import { RcloneStats } from "../type/rclone/stats"
+
+let rcloneInfo: RcloneInfo = {
+ process:{
+
+ },
+ endpoint: {
+ url: '',
+ isLocal: true,
+ auth: {
+ user: '',
+ pass: '',
+ },
+ localhost: {
+ port: 5572,
+ }
+ },
+ storageList: [],
+ mountList: [],
+ version: {
+ arch: "",
+ decomposed: [],
+ goTags: "",
+ goVersion: "",
+ isBeta: false,
+ isGit: false,
+ linking: "",
+ os: "",
+ version: ""
+ },
+ stats: {
+ bytes: 0,
+ checks: 0,
+ deletedDirs: 0,
+ deletes: 0,
+ elapsedTime: 0,
+ errors: 0,
+ eta: null,
+ fatalError: false,
+ renames: 0,
+ retryError: false,
+ serverSideCopies: 0,
+ serverSideCopyBytes: 0,
+ serverSideMoveBytes: 0,
+ serverSideMoves: 0,
+ speed: 0,
+ totalBytes: 0,
+ totalChecks: 0,
+ totalTransfers: 0,
+ transferTime: 0,
+ lastError: '',
+ transferring: []
+ }
+}
+
+let rcloneStatsHistory: RcloneStats[] = []
+
+export { rcloneInfo, rcloneStatsHistory }
\ No newline at end of file
diff --git a/src/type/config.d.ts b/src/type/config.d.ts
new file mode 100644
index 0000000..1aa07c8
--- /dev/null
+++ b/src/type/config.d.ts
@@ -0,0 +1,67 @@
+import { Arch, OsType, Platform } from "@tauri-apps/api/os"
+import { ParametersType } from "./rclone/storage/defaults"
+import { Notice } from "./controller/update"
+
+interface NMConfig {
+ mount: {
+ lists: MountListItem[]
+ },
+ task: TaskListItem[],
+ api: {
+ url: string
+ },
+ settings: {
+ themeMode: 'dark' | 'light' | 'auto' | string,
+ startHide:boolean,
+ language?:string
+ },
+ notice?:Notice
+}
+
+
+interface MountListItem {
+ storageName: string,
+ mountPath: string,
+ parameters: ParametersType,//挂载配置
+ autoMount: boolean,//软件启动自动挂载
+}
+
+interface TaskListItem {
+ name: string,
+ taskType: 'copy' | 'move' | 'delete' | 'sync' |'bisync'| string,
+ source: {
+ storageName: string,
+ path: string,
+ },
+ target: {
+ storageName: string,
+ path: string,
+ },
+ parameters?: ParametersType,
+ enable: boolean
+ run: {
+ runId?: number,//任务id,setTimeout或setInterval的返回值
+ mode: 'time' | 'interval' | 'start' |'disposable'| string,//start：软件启动时执行，time:定时执行，interval:间隔执行 , disposable:一次性执行(执行后删除任务)
+ time: {
+ intervalDays: number,//间隔天数
+ h: number,//小时
+ m: number,//分钟
+ s: number,//秒
+ },
+ interval?: number,//周期执行，单位ms
+ },
+ runInfo?: {
+ error:boolean
+ msg: string,
+ }
+}
+
+interface OSInfo {
+ arch: Arch | 'unknown',
+ osType: OsType | 'unknown',
+ platform: Platform | 'unknown',
+ tempDir: string,
+ osVersion: string
+}
+
+export { NMConfig, MountListItem, TaskListItem, OSInfo }
\ No newline at end of file
diff --git a/src/type/controller/update.d.ts b/src/type/controller/update.d.ts
new file mode 100644
index 0000000..adee664
--- /dev/null
+++ b/src/type/controller/update.d.ts
@@ -0,0 +1,30 @@
+export interface ResList {
+ [key: string]: ResItem;
+}
+
+export interface ResItem {
+ id: string;
+ name: string;
+ pushTime: string;
+ body?: string;
+ assets: ResAsset[];
+ website?: string;
+ download_url?: string;
+}
+
+export interface ResAsset {
+ name: string;
+ size: number;
+ download_url: string;
+}
+
+export interface Notice {
+ state: 'success' | string; // 假设状态还有 'failure' 等其他可能值，这里仅作示例
+ data: {
+ title: string;
+ content: string;
+ };
+ manual_close: boolean;
+ language: string; // 添加更多可能的语言选项，此处仅为示例
+ displayed:boolean
+}
\ No newline at end of file
diff --git a/src/type/hook.d.ts b/src/type/hook.d.ts
new file mode 100644
index 0000000..c76ae0d
--- /dev/null
+++ b/src/type/hook.d.ts
@@ -0,0 +1,9 @@
+interface Hooks{
+ upStats:Function;
+ upStorage:Function;
+ upMount:Function;
+ navigate:(path:string)=>void;
+ setLocaleStr:(localeStr:string)=>void|string;
+}
+
+export {Hooks}
\ No newline at end of file
diff --git a/src/type/page/storage/explorer.d.ts b/src/type/page/storage/explorer.d.ts
new file mode 100644
index 0000000..a8da823
--- /dev/null
+++ b/src/type/page/storage/explorer.d.ts
@@ -0,0 +1,8 @@
+interface clipListItem{
+ isMove:boolean;
+ storageName:string;
+ path:string;
+ isDir:boolean
+}
+
+export {clipListItem}
\ No newline at end of file
diff --git a/src/type/page/storage/pageMark.d.ts b/src/type/page/storage/pageMark.d.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/type/rclone/rcloneInfo.d.ts b/src/type/rclone/rcloneInfo.d.ts
new file mode 100644
index 0000000..0b94e6d
--- /dev/null
+++ b/src/type/rclone/rcloneInfo.d.ts
@@ -0,0 +1,60 @@
+import { Child, Command } from "@tauri-apps/api/shell";
+import { RcloneStats } from "./stats";
+
+interface RcloneInfo {
+ process:{
+ command?:Command,
+ child?:Child,
+ log?:string
+ },
+ endpoint: {
+ url: string,
+ isLocal: boolean,// 是否为本地地址
+ auth: {
+ user: string,
+ pass: string,
+ },
+ localhost: {
+ port: number,
+ }
+ },
+ version: RcloneVersion,
+ stats: RcloneStats,
+ storageList: Array