(() => {
+ const buildRows = (basePath: string, nodes: FileTreeNode[], depth: number): ExplorerOverviewRow[] => {
+ const rows: ExplorerOverviewRow[] = [];
+
+ nodes.forEach((node) => {
+ const itemPath = currentSftpManager.value?.joinPath(basePath, node.filename) ?? `${basePath}/${node.filename}`;
+ const expanded = Boolean(explorerExpandedPaths.value[itemPath]);
+ const childDirectories = getDirectoryChildren(node);
+
+ rows.push({
+ id: `overview:${itemPath}`,
+ path: itemPath,
+ name: node.filename,
+ depth,
+ expanded,
+ loaded: Boolean(node.childrenLoaded),
+ childDirectoryCount: childDirectories.length,
+ isRootChild: depth === 0,
+ });
+
+ if (expanded && childDirectories.length) {
+ rows.push(...buildRows(itemPath, childDirectories, depth + 1));
+ }
+ });
+
+ return rows;
+ };
+
+ return explorerRoots.value.map((root) => {
+ const rootNode = findTreeNodeByPath(root.path);
+ const childDirectories = getDirectoryChildren(rootNode);
+
+ return {
+ id: `section:${root.id}`,
+ path: root.path,
+ label: root.label,
+ description: root.description,
+ loaded: Boolean(rootNode?.childrenLoaded),
+ rowCount: childDirectories.length,
+ rows: buildRows(root.path, childDirectories, 0),
+ };
+ });
+});
+
const getFileIconClassBase = (filename: string): string => {
const lowerFilename = filename.toLowerCase();
let extension = '';
@@ -1820,36 +1898,60 @@ const handleNavigateToPathFromFavorites = (path: string) => {
showFavoritePathsModal.value = false; // Close modal after navigation
};
+const toggleDirectoryPath = (path: string, currentExpanded = false) => {
+ const nextExpanded = !(explorerExpandedPaths.value[path] ?? currentExpanded);
+ explorerExpandedPaths.value[path] = nextExpanded;
+
+ if (nextExpanded && currentSftpManager.value) {
+ currentSftpManager.value.loadDirectory(path);
+ }
+};
+
+const focusDirectoryPath = (path: string) => {
+ explorerExpandedPaths.value[path] = true;
+ currentSftpManager.value?.loadDirectory(path);
+};
+
+const isPathActive = (path: string) => {
+ return currentSftpManager.value?.currentPath.value === path;
+};
+
const handleExplorerToggle = (row: ExplorerTreeRow) => {
if (!row.isDirectory) {
return;
}
- const nextExpanded = !(explorerExpandedPaths.value[row.path] ?? row.expanded);
- explorerExpandedPaths.value[row.path] = nextExpanded;
-
- if (nextExpanded && !row.loaded && currentSftpManager.value) {
- currentSftpManager.value.loadDirectory(row.path);
- return;
- }
-
- if (currentSftpManager.value?.currentPath.value !== row.path) {
- currentSftpManager.value?.loadDirectory(row.path);
- }
+ toggleDirectoryPath(row.path, row.expanded);
};
const handleExplorerOpen = (row: ExplorerTreeRow) => {
if (row.isDirectory) {
- explorerExpandedPaths.value[row.path] = true;
- currentSftpManager.value?.loadDirectory(row.path);
+ focusDirectoryPath(row.path);
return;
}
openFileInWorkspace(row.path, row.name);
};
+const handleOverviewSectionOpen = (section: ExplorerOverviewSection) => {
+ focusDirectoryPath(section.path);
+};
+
+const handleOverviewRowToggle = (row: ExplorerOverviewRow) => {
+ toggleDirectoryPath(row.path, row.expanded);
+};
+
+const handleOverviewRowOpen = (row: ExplorerOverviewRow) => {
+ focusDirectoryPath(row.path);
+};
+
+const handleOverviewRefresh = (section: ExplorerOverviewSection) => {
+ explorerExpandedPaths.value[section.path] = true;
+ currentSftpManager.value?.loadDirectory(section.path, true);
+};
+
const isExplorerRowActive = (row: ExplorerTreeRow) => {
- return currentSftpManager.value?.currentPath.value === row.path;
+ return isPathActive(row.path);
};
const isExplorerRowRelated = (row: ExplorerTreeRow) => {
@@ -2161,151 +2263,98 @@ watch(
{{ t('fileManager.dropFilesHere', 'Drop files here to upload') }}
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
- |
- {{ t('fileManager.loading') }}
- |
-
-
+
+ {{ t('fileManager.loading') }}
+
-
-
-
- |
- {{ searchQuery ? t('fileManager.noSearchResults') : t('fileManager.emptyDirectory') }}
- |
-
-
+
+ {{ t('fileManager.explorer.noRoots', '暂无目录根，请先添加收藏路径或连接后浏览当前目录。') }}
+
-
-
-
-
+
-
-
- |
-
- |
- {{ item.filename }} |
- {{ item.attrs.isFile ? formatSize(item.attrs.size) : '' }} |
- {{ formatMode(item.attrs.mode) }} |
- {{ new Date(item.attrs.mtime).toLocaleString() }} |
-
-
-
-
+
+
+ {{ section.label }}
+ {{ section.description }}
+
+
+
+
+ {{ section.rowCount }} {{ t('fileManager.explorer.folderCount', '个文件夹') }}
+
+
+
+
+
+
+ {{ t('fileManager.explorer.emptyFolders', '这个根目录下暂时没有已加载的子文件夹，展开左侧目录可继续浏览。') }}
+
+
+
+
+
+
+
+
+
+ {{ row.childDirectoryCount }}
+
+
+
@@ -225,10 +225,10 @@
- {{ t('quickCommands.actions.pasteToTerminal', '粘贴到终端') }}
+ {{ t('quickCommands.actions.pasteToCommandInput', '粘贴到命令输入框') }}
{{ t('quickCommands.actions.copyCommand', '复制命令') }}
-
-
- {{ t('quickCommands.actions.pasteToQuickInput', '粘贴到快捷输入框') }}
-
(null);
type QuickCommandContextAction =
| 'runNow'
- | 'pasteToTerminal'
+ | 'pasteToCommandInput'
| 'copyCommand'
- | 'pasteToQuickInput'
| 'edit'
| 'delete'
| 'sendToAllSessions';
@@ -675,18 +666,7 @@ const pasteCommandToTerminalInput = async (cmd: QuickCommandFE) => {
}
sessionStore.updateSessionCommandInput(activeSessionId, await resolveProcessedCommand(cmd, activeSessionId));
- uiNotificationsStore.showSuccess(t('quickCommands.notifications.pastedToTerminal', '已粘贴到终端输入框'));
-};
-
-const pasteCommandToQuickInput = async (cmd: QuickCommandFE) => {
- const activeSessionId = sessionStore.activeSessionId;
- quickCommandsStore.setSearchTerm(await resolveProcessedCommand(cmd, activeSessionId));
- await nextTick();
- if (searchInputRef.value) {
- searchInputRef.value.focus();
- searchInputRef.value.select();
- }
- uiNotificationsStore.showSuccess(t('quickCommands.notifications.pastedToQuickInput', '已粘贴到快捷输入框'));
+ uiNotificationsStore.showSuccess(t('quickCommands.notifications.pastedToCommandInput', '已粘贴到命令输入框'));
};
// +++ 聚焦搜索框的方法 +++
@@ -866,7 +846,7 @@ const handleQuickCommandMenuAction = async (action: QuickCommandContextAction, c
return;
}
- if (action === 'pasteToTerminal') {
+ if (action === 'pasteToCommandInput') {
await pasteCommandToTerminalInput(command);
return;
}
@@ -876,11 +856,6 @@ const handleQuickCommandMenuAction = async (action: QuickCommandContextAction, c
return;
}
- if (action === 'pasteToQuickInput') {
- await pasteCommandToQuickInput(command);
- return;
- }
-
if (action === 'edit') {
openEditForm(command);
return;