feat: empty commits

Author: zhangmo8

src/git/GitChangeMonitor.ts

@@ -16,7 +16,6 @@ export const useGitChangeMonitor = createSingletonComposable(() => {
 
   fsWatcher.onDidChange(onGitChange)
   fsWatcher.onDidCreate(onGitChange)
-  fsWatcher.onDidDelete(onGitChange)
 
   async function getGetInstance() {
     try {

src/git/index.ts

@@ -72,7 +72,28 @@ export const useGitService = createSingletonComposable(() => {
         logArgs.push(`--max-count=${pageSize}`)
       }
 
-      const logResult = await git.log(logArgs) as ExtendedLogResult
+      let logResult: ExtendedLogResult
+      try {
+        logResult = await git.log(logArgs) as ExtendedLogResult
+      }
+      catch (error: any) {
+        // 检查是否为 sha 不存在的错误
+        const msg = String(error?.message || error)
+        if (msg.includes('bad revision') || msg.includes('unknown revision') || msg.includes('fatal:')) {
+          // 返回空结果，避免 loading 卡死
+          return {
+            operations: [],
+            branches: [],
+            logResult: {
+              all: [],
+              total: 0,
+              latest: null,
+            } as ExtendedLogResult,
+          }
+        }
+        logger.error('Error getting git history:', error)
+        throw error
+      }
 
       // 简化的提交处理
       const branchSet = new Set<string>()

src/views/history/App.vue

@@ -2,6 +2,7 @@
 import { computed, onMounted, ref, watch } from 'vue'
 
 import CommitTable from './components/CommitTable/index.vue'
+import Empty from './components/Empty.vue'
 
 import { CHANNEL, WEBVIEW_CHANNEL } from '@/constant'
 
@@ -89,18 +90,16 @@ function clearFilter() {
   applyFilter(true)
 }
 
-// 加载更多数据（无限滚动）
 function loadMoreData() {
   if (isLoading.value || !hasMoreData.value)
     return
 
   currentPage.value++
-  applyFilter(false) // 不重置页面，加载下一页
+  applyFilter(false)
 }
 
-// 监听分支选择变化（保留分支选择的实时更新）
-watch(selectedBranch, () => {
-  applyFilter(true) // 分支变化时重置页面
+watch(() => selectedBranch.value, () => {
+  applyFilter(true)
 })
 
 // Handle messages from extension
@@ -213,14 +212,19 @@ const hasActiveFilter = computed(() => {
       </div>
     </div>
 
-    <CommitTable
-      v-model="selectedCommitHashes"
-      :commits="transformedCommits"
-      :graph-data="commits?.operations || []"
-      :has-more-data="hasMoreData"
-      :on-load-more="loadMoreData"
-      class="git-graph-container"
-    />
+    <template v-if="!isLoading && transformedCommits.length === 0">
+      <Empty class="git-graph-container" />
+    </template>
+    <template v-else>
+      <CommitTable
+        v-model="selectedCommitHashes"
+        :commits="transformedCommits"
+        :graph-data="commits?.operations || []"
+        :has-more-data="hasMoreData"
+        :on-load-more="loadMoreData"
+        class="git-graph-container"
+      />
+    </template>
 
     <div v-if="error" class="error">
       {{ error }}

src/views/history/components/Empty.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+// 无需逻辑
+</script>
+
+<template>
+  <div class="empty-container">
+    <div class="empty-text">
+      Not Found
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: var(--vscode-descriptionForeground, #888);
+  padding: 32px 0;
+}
+.empty-illustration {
+  margin-bottom: 16px;
+}
+.empty-text {
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 4px;
+}
+.empty-sub {
+  font-size: 13px;
+  color: var(--vscode-descriptionForeground, #aaa);
+}
+</style>