From 2bc508ebb9986c12c3594cee1719d52d061898cf Mon Sep 17 00:00:00 2001 From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com> Date: Sun, 27 Apr 2025 08:38:39 +0800 Subject: [PATCH] update --- .../frontend/src/components/FileManager.vue | 37 ++++++++++--------- .../src/composables/useSftpActions.ts | 3 ++ 2 files changed, 22 insertions(+), 18 deletions(-) diff --git a/packages/frontend/src/components/FileManager.vue b/packages/frontend/src/components/FileManager.vue index f56471c..5bf0309 100644 --- a/packages/frontend/src/components/FileManager.vue +++ b/packages/frontend/src/components/FileManager.vue @@ -118,8 +118,8 @@ const { const fileInputRef = ref(null); const sortKey = ref('filename'); const sortDirection = ref<'asc' | 'desc'>('asc'); -const initialLoadDone = ref(false); -const isFetchingInitialPath = ref(false); +// const initialLoadDone = ref(false); // 状态移至 SFTP Manager +// const isFetchingInitialPath = ref(false); // 通过 isLoading 和 !initialLoadDone 推断 const isEditingPath = ref(false); const searchQuery = ref(''); // 新增：搜索查询 ref const isSearchActive = ref(false); // 新增：控制搜索框激活状态 @@ -591,17 +591,15 @@ watchEffect((onCleanup) => { unregisterSuccess?.(); unregisterError?.(); if (timeoutId) clearTimeout(timeoutId); - if (isFetchingInitialPath.value) { - isFetchingInitialPath.value = false; - } + // isFetchingInitialPath 状态移除 }; onCleanup(cleanupListeners); - // 修改：添加 ?. 访问 isLoading - if (currentSftpManager.value && props.wsDeps.isConnected.value && props.wsDeps.isSftpReady.value && !currentSftpManager.value?.isLoading?.value && !initialLoadDone.value && !isFetchingInitialPath.value) { - console.log(`[FileManager ${props.sessionId}-${props.instanceId}] Connection ready for manager, fetching initial path.`); - isFetchingInitialPath.value = true; + // 修改：添加 ?. 访问 isLoading, 检查 manager 的 initialLoadDone + if (currentSftpManager.value && props.wsDeps.isConnected.value && props.wsDeps.isSftpReady.value && !currentSftpManager.value.isLoading.value && !currentSftpManager.value.initialLoadDone.value) { + console.log(`[FileManager ${props.sessionId}-${props.instanceId}] Connection ready for manager, fetching initial path (isLoading: ${currentSftpManager.value.isLoading.value}, initialLoadDone: ${currentSftpManager.value.initialLoadDone.value}).`); + // isFetchingInitialPath 状态移除, 使用 isLoading 状态 // 仍然使用 props.wsDeps 中的 sendMessage 和 onMessage const { sendMessage: wsSend, onMessage: wsOnMessage } = props.wsDeps; @@ -614,9 +612,9 @@ watchEffect((onCleanup) => { if (!currentSftpManager.value) return; const absolutePath = payload.absolutePath; console.log(`[FileManager ${props.sessionId}-${props.instanceId}] 收到 '.' 的绝对路径: ${absolutePath}。开始加载目录。`); - // 修改：添加 ?. 访问 loadDirectory + // 修改：添加 ?. 访问 loadDirectory 和 setInitialLoadDone currentSftpManager.value?.loadDirectory(absolutePath); - initialLoadDone.value = true; + currentSftpManager.value?.setInitialLoadDone(true); // 设置 manager 内部状态 cleanupListeners(); } }); @@ -627,6 +625,8 @@ watchEffect((onCleanup) => { console.error(`[FileManager ${props.sessionId}-${props.instanceId}] 获取 '${requestedPath}' 的 realpath 失败:`, payload); // TODO: 可以考虑通过 manager instance 暴露错误状态 // 目前仅记录日志。 + // 即使获取 realpath 失败，也标记初始加载尝试完成，避免重复尝试 + currentSftpManager.value?.setInitialLoadDone(true); cleanupListeners(); } }); @@ -636,15 +636,16 @@ watchEffect((onCleanup) => { timeoutId = setTimeout(() => { console.error(`[FileManager ${props.sessionId}-${props.instanceId}] 获取 '.' 的 realpath 超时 (ID: ${requestId})。`); + // 超时也标记初始加载尝试完成 + currentSftpManager.value?.setInitialLoadDone(true); cleanupListeners(); }, 10000); // 10 秒超时 - } else if (!props.wsDeps.isConnected.value && initialLoadDone.value) { // 仍然使用 props.wsDeps.isConnected - console.log(`[FileManager ${props.sessionId}-${props.instanceId}] 连接丢失 (之前已加载)，重置状态。`); + } else if (!props.wsDeps.isConnected.value && currentSftpManager.value?.initialLoadDone.value) { // 检查 manager 的 initialLoadDone + console.log(`[FileManager ${props.sessionId}-${props.instanceId}] 连接丢失 (之前已加载)，重置 manager 的 initialLoadDone 状态。`); clearSelection(); // 清空选择 - initialLoadDone.value = false; // 重置初始加载状态 - // lastClickedIndex.value = -1; // 由 clearSelection 处理 - isFetchingInitialPath.value = false; // 重置获取状态 + currentSftpManager.value?.setInitialLoadDone(false); // 重置 manager 内部状态 + // isFetchingInitialPath 状态移除 cleanupListeners(); } }); @@ -678,8 +679,8 @@ watch(() => props.sessionId, (newSessionId, oldSessionId) => { isEditingPath.value = false; sortKey.value = 'filename'; // 重置排序 sortDirection.value = 'asc'; - initialLoadDone.value = false; // 需要重新加载初始路径 - isFetchingInitialPath.value = false; // 重置获取状态 + // initialLoadDone.value = false; // 移除本地状态重置 + // isFetchingInitialPath.value = false; // 移除本地状态重置 // 3. 触发新会话的初始路径加载 (watchEffect 会处理) // watchEffect 会在 currentSftpManager.value 改变后重新运行 diff --git a/packages/frontend/src/composables/useSftpActions.ts b/packages/frontend/src/composables/useSftpActions.ts index 67020c6..ccd7113 100644 --- a/packages/frontend/src/composables/useSftpActions.ts +++ b/packages/frontend/src/composables/useSftpActions.ts @@ -65,6 +65,7 @@ export function createSftpActionsManager( // const error = ref(null); // 不再使用本地 error ref const instanceSessionId = sessionId; // 保存会话 ID 用于日志 const uiNotificationsStore = useUiNotificationsStore(); // 初始化 UI 通知 store + const initialLoadDone = ref(false); // +++ 新增：跟踪此实例是否已完成初始加载 +++ // 用于存储注销函数的数组 const unregisterCallbacks: (() => void)[] = []; @@ -796,6 +797,7 @@ export function createSftpActionsManager( isLoading: readonly(isLoading), // error: readonly(error), // 移除 error fileTree: readonly(fileTree), // 可以选择性地暴露只读的文件树 + initialLoadDone: readonly(initialLoadDone), // +++ 暴露只读的初始加载状态 +++ // Methods loadDirectory, @@ -811,6 +813,7 @@ export function createSftpActionsManager( // Cleanup function currentPath: readonly(currentPathRef), // 暴露只读的当前路径 ref + setInitialLoadDone: (value: boolean) => { initialLoadDone.value = value; }, // +++ 暴露设置初始加载状态的方法 +++ // Cleanup function // Cleanup function