manager/orion-visor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔨 下载文件.

Browse Source
This commit is contained in:
lijiahang
2024-02-22 19:20:14 +08:00
parent 1711981d80
commit 3d38246c25
17 changed files with 221 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table-header.vue
View File

@@ -190,7 +190,7 @@
selectedFiles: Array<string>
}>();
const emits = defineEmits(['loadFile']);
const emits = defineEmits(['update:selectedFiles', 'loadFile', 'download']);
const showHiddenFile = ref(false);
const analysisPaths = ref<Array<PathAnalysis>>([]);
@@ -268,8 +268,8 @@
// 下载文件
const downloadFile = () => {
// TODO
console.log(props.selectedFiles);
emits('download', [...props.selectedFiles]);
emits('update:selectedFiles', []);
};
</script>

16
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-table.vue
View File

@@ -68,7 +68,7 @@
</span>
</a-tooltip>
<!-- 编辑内容 -->
<a-tooltip v-if="canEditable(record.size, record.attr)"
<a-tooltip v-if="canEditable(record.size, record.isDir)"
position="top"
:mini="true"
:overlay-inverse="true"
@@ -161,7 +161,7 @@
selectedFiles: Array<string>;
}>();
const emits = defineEmits(['update:selectedFiles', 'loadFile', 'editFile']);
const emits = defineEmits(['update:selectedFiles', 'loadFile', 'editFile', 'download']);
const openSftpMoveModal = inject(openSftpMoveModalKey) as (sessionId: string, path: string) => void;
const openSftpChmodModal = inject(openSftpChmodModalKey) as (sessionId: string, path: string, permission: number) => void;
@@ -204,12 +204,9 @@
};
// 是否可编辑
const canEditable = (size: number, attr: string) => {
const typeValue = formatFileType(attr).value;
// 非文件夹和链接文件 并且文件小于 配置大小(MB) 可以编辑
return FILE_TYPE.DIRECTORY.value !== typeValue
&& FILE_TYPE.LINK_FILE.value !== typeValue
&& size <= previewSize * 1024 * 1024;
const canEditable = (size: number, isDir: boolean) => {
// 非文件夹并且文件小于 配置大小(MB) 可以编辑
return !isDir && size <= previewSize * 1024 * 1024;
};
// 点击文件名称
@@ -235,8 +232,7 @@
// 下载文件
const downloadFile = (path: string) => {
// TODO
console.log(path);
emits('download', [path]);
};
// 移动文件

16
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-upload-modal.vue
View File

@@ -112,20 +112,8 @@
return true;
}
// 添加到上传列表
const files = fileList.value.map(s => {
return {
fileId: nextId(10),
type: TransferType.UPLOAD,
hostId: hostId.value,
name: s.file.webkitRelativePath || s.file.name,
currentSize: 0,
totalSize: s.file.size,
status: TransferStatus.WAITING,
parentPath: parentPath.value,
file: s.file
};
});
transferManager.addTransfer(files);
const files = fileList.value.map(s => s.file);
transferManager.addUpload(hostId.value, parentPath.value, files);
Message.success('已开始上传, 点击右侧传输列表查看进度');
// 清空
handlerClear();

29
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-view.vue
View File

@@ -11,10 +11,11 @@
:hide-icon="true">
<!-- 表头 -->
<sftp-table-header class="sftp-table-header"
v-model:selected-files="selectFiles"
:current-path="currentPath"
:session="session"
:selected-files="selectFiles"
@load-file="loadFiles" />
@load-file="loadFiles"
@download="downloadFiles" />
<!-- 表格 -->
<sftp-table class="sftp-table-wrapper"
v-model:selected-files="selectFiles"
@@ -22,7 +23,8 @@
:list="fileList"
:loading="tableLoading"
@load-file="loadFiles"
@edit-file="editFile" />
@edit-file="editFile"
@download="downloadFiles" />
</a-spin>
</template>
<template #second v-if="editorView">
@@ -78,7 +80,7 @@
tab: TerminalTabItem
}>();
const { preference, sessionManager } = useTerminalStore();
const { preference, sessionManager, transferManager } = useTerminalStore();
const { loading: tableLoading, setLoading: setTableLoading } = useLoading(true);
const { loading: editorLoading, setLoading: setEditorLoading } = useLoading();
@@ -140,6 +142,25 @@
editorFilePath.value = '';
};
// 下载文件
const downloadFiles = (paths: Array<string>) => {
if (!paths.length) {
return paths;
}
Message.success('已开始下载, 点击右侧传输列表查看进度');
// 映射为文件
const files = fileList.value.filter(s => paths.includes(s.path))
.map(s => {
return { ...s };
});
// 添加普通文件到下载队列
const normalFiles = files.filter(s => !s.isDir);
transferManager.addDownload(props.tab.hostId as number, currentPath.value, normalFiles);
// 将文件夹转为普通文件
const directoryFiles = files.filter(s => s.isDir);
// TODO
};
// 连接成功回调
const connectCallback = () => {
loadFiles(undefined);

2
orion-ops-ui/src/views/host/terminal/components/transfer/transfer-drawer.vue
View File

@@ -81,7 +81,7 @@
<!-- 传输状态 -->
<div class="transfer-item-right-progress">
<!-- 等待传输 -->
<icon-loading v-if="item.status === TransferStatus.WAITING" />
<icon-clock-circle v-if="item.status === TransferStatus.WAITING" />
<!-- 传输进度 -->
<a-progress v-else
type="circle"

46
orion-ops-ui/src/views/host/terminal/handler/sftp-transfer-manager.ts
View File

@@ -1,9 +1,10 @@
import type { ISftpTransferManager, ISftpTransferUploader, SftpTransferItem } from '../types/terminal.type';
import { TransferOperatorResponse } from '../types/terminal.type';
import { SftpFile, TransferOperatorResponse } from '../types/terminal.type';
import { TransferReceiverType, TransferStatus, TransferType } from '../types/terminal.const';
import { Message } from '@arco-design/web-vue';
import { getTerminalAccessToken } from '@/api/asset/host-terminal';
import SftpTransferUploader from '@/views/host/terminal/handler/sftp-transfer-uploader';
import { nextId } from '@/utils';
export const wsBase = import.meta.env.VITE_WS_BASE_URL;
@@ -25,8 +26,43 @@ export default class SftpTransferManager implements ISftpTransferManager {
this.transferList = [];
}
// 添加传输
addTransfer(items: Array<SftpTransferItem>): void {
// 添加上传任务
addUpload(hostId: number, parentPath: string, files: Array<File>) {
// 转为上传任务
const items = files.map(s => {
return {
fileId: nextId(10),
type: TransferType.UPLOAD,
hostId: hostId,
name: s.webkitRelativePath || s.name,
currentSize: 0,
totalSize: s.size,
status: TransferStatus.WAITING,
parentPath: parentPath,
file: s
};
});
this.transferList.push(...items);
// 开始传输
if (!this.run) {
this.openClient();
}
}
// 添加下载任务
addDownload(hostId: number, currentPath: string, files: Array<SftpFile>) {
// 转为下载文件
const items = files.map(s => {
return {
fileId: nextId(10),
type: TransferType.DOWNLOAD,
hostId: hostId,
name: s.path.substring(currentPath.length),
currentSize: 0,
totalSize: s.size,
status: TransferStatus.WAITING,
};
}) as Array<SftpTransferItem>;
this.transferList.push(...items);
// 开始传输
if (!this.run) {
@@ -85,6 +121,10 @@ export default class SftpTransferManager implements ISftpTransferManager {
// 传输下一条任务
private transferNextItem() {
this.currentUploader = undefined;
// 释放内存
if (this.currentItem) {
this.currentItem.file = null as unknown as File;
}
// 获取任务
this.currentItem = this.transferList.find(s => s.status === TransferStatus.WAITING);
if (this.currentItem) {

6
orion-ops-ui/src/views/host/terminal/types/terminal.type.ts
View File

@@ -372,8 +372,10 @@ export interface SftpFile {
// sftp 传输管理器定义
export interface ISftpTransferManager {
transferList: Array<SftpTransferItem>;
// 添加传输
addTransfer: (items: Array<SftpTransferItem>) => void;
// 添加上传任务
addUpload: (hostId: number, parentPath: string, files: Array<File>) => void;
// 添加下载任务
addDownload: (hostId: number, currentPath: string, files: Array<SftpFile>) => void;
// 取消传输
cancelTransfer: (fileId: string) => void;
}