feat(remote): 添加文件传输功能页面

- 新增 FileTransferPage 组件,支持本地与远程文件传输
- 添加 LocalFilePanel 和 RemoteFilePanel 组件
- 实现 TransferQueue 传输队列组件,支持拖动调整高度
- 优化侧边栏拖动条样式,修复拖动偏移问题
- 统一文件列表样式为灰白极简风格
- 支持 file-transfer-panel 协议打开文件传输标签页
This commit is contained in:
2026-03-08 17:03:21 +08:00
parent 7b2a88f27e
commit afe43c5ff9
11 changed files with 294 additions and 147 deletions

View File

@@ -187,9 +187,14 @@ export const RemotePage: React.FC = () => {
setShowConfig(true)
return
}
const url = `http://${selectedConfig.serverHost}:${selectedConfig.desktopPort}/files`
const deviceName = selectedConfig.deviceName ? ` - ${selectedConfig.deviceName}` : ''
const fileItem = createRemoteDesktopFileItem(url, `文件传输${deviceName}`, selectedConfig.deviceName)
const url = `file-transfer-panel?host=${encodeURIComponent(selectedConfig.serverHost)}&port=${selectedConfig.desktopPort}`
const fileItem: FileItem = {
name: `文件传输 - ${selectedConfig.deviceName}`,
path: url,
type: 'file',
size: 0,
modified: new Date().toISOString(),
}
selectFile(fileItem)
}