ren

src/composables/useTableColumns.ts

@@ -31,6 +31,8 @@ export function useTableColumns(
 ) {
   const columns = ref<ColumnConfig[]>([])
   const visibleColumns = ref<string[]>([])
+  const isInitialized = ref(false) // 标记是否已经初始化过（用户是否操作过）
+  const hasInitializedVisibleColumns = ref(false) // 标记是否已经初始化过可见列（避免重复初始化）
 
   // 获取表格实例的辅助函数
   const getTableInstance = (): TableInstance | null => {
@@ -379,25 +381,42 @@ export function useTableColumns(
         columns.value = Array.from(map.values())
       }
       
-      // 初始化可见列
-      if (storageKey) {
-        const saved = localStorage.getItem(storageKey)
-        if (saved) {
-          try {
-            visibleColumns.value = JSON.parse(saved)
-            // 验证保存的列是否仍然存在
-            const validColumns = columns.value
-              .filter(col => !col.alwaysShow && col.fixed === undefined)
-              .map(col => col.prop || col.label)
-            visibleColumns.value = visibleColumns.value.filter(col => validColumns.includes(col))
-          } catch (e) {
+      // 初始化可见列（只在第一次初始化时执行，避免后续刷新时重置用户设置）
+      if (!hasInitializedVisibleColumns.value) {
+        if (storageKey) {
+          const saved = localStorage.getItem(storageKey)
+          if (saved) {
+            try {
+              const savedColumns = JSON.parse(saved)
+              // 验证保存的列是否仍然存在
+              const validColumns = columns.value
+                .filter(col => !col.alwaysShow && col.fixed === undefined)
+                .map(col => col.prop || col.label)
+              const filteredSaved = savedColumns.filter((col: string) => validColumns.includes(col))
+              
+              // 如果保存的列数量少于所有列，说明是旧数据，默认显示所有列
+              if (filteredSaved.length < validColumns.length) {
+                visibleColumns.value = validColumns
+                isInitialized.value = false // 旧数据，视为未初始化
+              } else {
+                visibleColumns.value = filteredSaved
+                isInitialized.value = true // 有保存的数据，视为已初始化
+              }
+            } catch (e) {
+              initDefaultVisibleColumns()
+              isInitialized.value = false
+            }
+          } else {
+            // 首次使用，默认显示所有列
             initDefaultVisibleColumns()
+            isInitialized.value = false
           }
         } else {
+          // 没有 storageKey，默认显示所有列
           initDefaultVisibleColumns()
+          isInitialized.value = false
         }
-      } else {
-        initDefaultVisibleColumns()
+        hasInitializedVisibleColumns.value = true
       }
     } else {
       console.warn('[useTableColumns] initColumns: 提取失败，未设置 columns.value')
@@ -406,24 +425,12 @@ export function useTableColumns(
 
   // 初始化默认可见列
   const initDefaultVisibleColumns = () => {
-    const defaultHidden = options?.defaultHidden || []
-    // 默认显示所有列（除了默认隐藏的列和固定列/alwaysShow列）
+    // 默认显示所有可选择的列（除了固定列和 alwaysShow 列）
     // 注意：固定列和 alwaysShow 列不需要在 visibleColumns 中，因为它们始终显示
+    // 默认全部选中，展示所有列
     visibleColumns.value = columns.value
-      .filter(col => {
-        const key = col.prop || col.label
-        return !col.alwaysShow && 
-               !col.fixed && 
-               !defaultHidden.includes(key)
-      })
+      .filter(col => !col.alwaysShow && !col.fixed)
       .map(col => col.prop || col.label)
-    
-    // 如果所有列都被隐藏了，至少显示所有非固定列
-    if (visibleColumns.value.length === 0 && columns.value.length > 0) {
-      visibleColumns.value = columns.value
-        .filter(col => !col.alwaysShow && !col.fixed)
-        .map(col => col.prop || col.label)
-    }
   }
 
   // 判断列是否可见
@@ -447,11 +454,17 @@ export function useTableColumns(
       return true
     }
     
-    // 如果可见列列表为空，默认显示所有列（初始状态）
-    if (visibleColumns.value.length === 0) {
+    // 如果还未初始化（用户未操作过），默认显示所有列
+    if (!isInitialized.value) {
       return true
     }
     
+    // 如果已经初始化，严格按照可见列列表判断
+    // 如果可见列列表为空，说明用户取消了所有列，应该隐藏所有非固定列
+    if (visibleColumns.value.length === 0) {
+      return false
+    }
+    
     // 检查是否在可见列列表中
     return visibleColumns.value.includes(propOrLabel)
   }
@@ -459,6 +472,7 @@ export function useTableColumns(
   // 更新可见列
   const updateVisibleColumns = (newColumns: string[]) => {
     visibleColumns.value = newColumns
+    isInitialized.value = true // 标记已经初始化（用户已操作）
     if (storageKey) {
       localStorage.setItem(storageKey, JSON.stringify(newColumns))
     }