@@ -96,7 +109,7 @@
- 就绪
+ 就绪
diff --git a/src/main/resources/static/js/app.js b/src/main/resources/static/js/app.js
index 07c6b30..2d276bf 100644
--- a/src/main/resources/static/js/app.js
+++ b/src/main/resources/static/js/app.js
@@ -45,12 +45,22 @@ function initApp() {
// 绑定键盘事件
bindKeyboardEvents();
+ // 默认高亮左侧面板
+ setActivePanel('left');
+
// 文件项拖拽（跨面板传输）
initDragAndDrop();
// 面板点击切换活动面板
- $('#left-panel').on('click', function() { activePanelId = 'left'; });
- $('#right-panel').on('click', function() { activePanelId = 'right'; });
+ $('#left-panel').on('click', function() { setActivePanel('left'); });
+ $('#right-panel').on('click', function() { setActivePanel('right'); });
+}
+
+// 设置当前活动面板并应用高亮样式
+function setActivePanel(panelId) {
+ activePanelId = panelId;
+ $('#left-panel, #right-panel').removeClass('active-panel');
+ $('#' + panelId + '-panel').addClass('active-panel');
}
// 初始化面板路径
@@ -188,11 +198,12 @@ function renderFileList(panelId, files) {
}
});
- // 右键菜单：删除
+ // 右键菜单
item.on('contextmenu', function(e) {
e.preventDefault();
const itemPath = $(this).data('path');
- if (itemPath) showContextMenu(e, panelId, itemPath);
+ const itemIsDir = $(this).data('is-dir');
+ if (itemPath) showContextMenu(e, panelId, itemPath, itemIsDir);
});
item.attr('draggable', true);
@@ -202,21 +213,27 @@ function renderFileList(panelId, files) {
// 获取文件图标
function getFileIcon(fileName, isDirectory) {
- if (isDirectory) return '📁';
+ if (isDirectory) {
+ return '
DIR';
+ }
const ext = (fileName.substring(fileName.lastIndexOf('.') + 1) || '').toLowerCase();
- const iconMap = {
- 'txt': '📄', 'doc': '📄', 'docx': '📄',
- 'xls': '📊', 'xlsx': '📊', 'ppt': '📊', 'pptx': '📊',
- 'pdf': '📕',
- 'jpg': '🖼️', 'jpeg': '🖼️', 'png': '🖼️', 'gif': '🖼️',
- 'mp4': '🎬', 'avi': '🎬', 'mkv': '🎬',
- 'mp3': '🎵', 'wav': '🎵',
- 'zip': '📦', 'rar': '📦', '7z': '📦',
- 'java': '☕', 'js': '💻', 'py': '🐍', 'php': '🐘',
- 'html': '🌐', 'css': '🎨', 'json': '📋'
+ const typeMap = {
+ 'txt': 'TXT', 'md': 'TXT',
+ 'doc': 'DOC', 'docx': 'DOC',
+ 'xls': 'XLS', 'xlsx': 'XLS',
+ 'ppt': 'PPT', 'pptx': 'PPT',
+ 'pdf': 'PDF',
+ 'jpg': 'IMG', 'jpeg': 'IMG', 'png': 'IMG', 'gif': 'IMG', 'webp': 'IMG',
+ 'mp4': 'VID', 'avi': 'VID', 'mkv': 'VID', 'mov': 'VID',
+ 'mp3': 'AUD', 'wav': 'AUD', 'flac': 'AUD',
+ 'zip': 'ZIP', 'rar': 'ZIP', '7z': 'ZIP',
+ 'java': 'CODE', 'js': 'CODE', 'ts': 'CODE', 'py': 'CODE', 'php': 'CODE', 'go': 'CODE',
+ 'html': 'WEB', 'css': 'WEB',
+ 'json': 'JSON', 'yml': 'YML', 'yaml': 'YML'
};
- return iconMap[ext] || '📄';
+ const label = typeMap[ext] || (ext ? ext.toUpperCase().slice(0, 4) : 'FILE');
+ return '
' + label + '';
}
// 格式化文件大小
@@ -515,7 +532,22 @@ function updateConnectionSelect(panelId) {
select.empty().append('
');
+ // 为避免同一主机/端口/用户名的连接在下拉框中重复显示，
+ // 这里按「username@host:port」进行去重，只保留第一条会话记录
+ const seenKeys = new Set();
+
$.each(activeConnections, function(sessionId, conn) {
+ if (!conn) {
+ return;
+ }
+
+ const dedupKey = (conn.username || '') + '@' +
+ (conn.host || '') + ':' + (conn.port || 22);
+ if (seenKeys.has(dedupKey)) {
+ return; // 已有同一连接信息，跳过重复项
+ }
+ seenKeys.add(dedupKey);
+
const name = (conn && (conn.name || conn.host)) ? (conn.name || conn.host) : ('会话 ' + (sessionId || '').substring(0, 13));
select.append('