新增文件排序

.github/workflows/build.yml

@@ -127,7 +127,7 @@ jobs:
           platforms: linux/amd64,linux/arm64
           push: true
           tags: |
-            xiaozhu674/gameservermanager:3.9.9-2026029-01
+            xiaozhu674/gameservermanager:3.9.9-20260213-01
             xiaozhu674/gameservermanager:latest
           cache-from: type=gha
           cache-to: type=gha,mode=max
@@ -164,7 +164,7 @@ jobs:
           platforms: linux/arm64
           push: true
           tags: |
-            xiaozhu674/gameservermanager:3.9.9-2026029-01-arm64-beta
+            xiaozhu674/gameservermanager:3.9.9-20260213-01-arm64-beta
           cache-from: type=gha
           cache-to: type=gha,mode=max
 

client/src/pages/AboutProjectPage.tsx

@@ -254,7 +254,7 @@ const AboutProjectPage: React.FC = () => {
                     </div>
                     <div className="flex justify-between">
                       <span className="text-gray-600 dark:text-gray-400">版本：</span>
-                      <span className="text-black dark:text-white font-medium">3.9.9-2026029-01</span>
+                      <span className="text-black dark:text-white font-medium">3.9.9-20260213-01</span>
                     </div>
                     <div className="flex justify-between">
                       <span className="text-gray-600 dark:text-gray-400">开发者：</span>

client/src/pages/FileManagerPage.tsx

@@ -50,7 +50,9 @@ import {
   EyeOutlined,
   EyeInvisibleOutlined,
   StarOutlined,
-  StarFilled
+  StarFilled,
+  SortAscendingOutlined,
+  SortDescendingOutlined
 } from '@ant-design/icons'
 import { useFileStore } from '@/stores/fileStore'
 import { useNotificationStore } from '@/stores/notificationStore'
@@ -285,6 +287,13 @@ const FileManagerPage: React.FC = () => {
     return (saved as 'grid' | 'list') || 'grid'
   })
 
+  // 排序模式
+  type SortMode = 'name-asc' | 'name-desc' | 'time-asc' | 'time-desc'
+  const [sortMode, setSortMode] = useState<SortMode>(() => {
+    const saved = localStorage.getItem('fileManager_sortMode')
+    return (saved as SortMode) || 'name-asc'
+  })
+
   // 保存视图模式到localStorage
   const handleViewModeChange = (mode: 'grid' | 'list') => {
     // 小屏模式强制使用列表视图
@@ -297,6 +306,12 @@ const FileManagerPage: React.FC = () => {
     }
   }
 
+  // 保存排序模式到localStorage
+  const handleSortModeChange = (mode: SortMode) => {
+    setSortMode(mode)
+    localStorage.setItem('fileManager_sortMode', mode)
+  }
+
   // 监听触摸适配状态变化，自动切换到列表视图
   React.useEffect(() => {
     if (touchAdaptation.shouldUseListView && viewMode !== 'list') {
@@ -1382,12 +1397,38 @@ const FileManagerPage: React.FC = () => {
     }
   }, [currentPath])
 
-  // 过滤文件
-  const filteredFiles = recursiveSearch && searchQuery.trim()
-    ? searchResults
-    : files.filter(file =>
-      file.name.toLowerCase().includes(searchQuery.toLowerCase())
-    )
+  // 过滤和排序文件
+  const filteredFiles = React.useMemo(() => {
+    // 先过滤
+    let result = recursiveSearch && searchQuery.trim()
+      ? searchResults
+      : files.filter(file =>
+        file.name.toLowerCase().includes(searchQuery.toLowerCase())
+      )
+
+    // 再排序
+    const sorted = [...result].sort((a, b) => {
+      // 文件夹始终排在前面
+      if (a.type === 'directory' && b.type !== 'directory') return -1
+      if (a.type !== 'directory' && b.type === 'directory') return 1
+
+      // 根据排序模式排序
+      switch (sortMode) {
+        case 'name-asc':
+          return a.name.localeCompare(b.name, 'zh-CN')
+        case 'name-desc':
+          return b.name.localeCompare(a.name, 'zh-CN')
+        case 'time-asc':
+          return new Date(a.modified).getTime() - new Date(b.modified).getTime()
+        case 'time-desc':
+          return new Date(b.modified).getTime() - new Date(a.modified).getTime()
+        default:
+          return 0
+      }
+    })
+
+    return sorted
+  }, [files, searchResults, searchQuery, recursiveSearch, sortMode])
 
   // 获取任务状态图标
   const getTaskStatusIcon = (status: string) => {
@@ -1505,6 +1546,48 @@ const FileManagerPage: React.FC = () => {
             </Space>
           )}
 
+          {/* 排序选择 */}
+          <Dropdown
+            menu={{
+              items: [
+                {
+                  key: 'name-asc',
+                  icon: <SortAscendingOutlined />,
+                  label: '名称升序',
+                  onClick: () => handleSortModeChange('name-asc')
+                },
+                {
+                  key: 'name-desc',
+                  icon: <SortDescendingOutlined />,
+                  label: '名称降序',
+                  onClick: () => handleSortModeChange('name-desc')
+                },
+                {
+                  key: 'time-asc',
+                  icon: <SortAscendingOutlined />,
+                  label: '修改时间升序',
+                  onClick: () => handleSortModeChange('time-asc')
+                },
+                {
+                  key: 'time-desc',
+                  icon: <SortDescendingOutlined />,
+                  label: '修改时间降序',
+                  onClick: () => handleSortModeChange('time-desc')
+                }
+              ],
+              selectedKeys: [sortMode]
+            }}
+            trigger={['click']}
+          >
+            <Tooltip title="排序方式">
+              <Button icon={sortMode.includes('asc') ? <SortAscendingOutlined /> : <SortDescendingOutlined />}>
+                {!touchAdaptation.shouldShowMobileUI && (
+                  sortMode.startsWith('name') ? '名称' : '时间'
+                )}
+              </Button>
+            </Tooltip>
+          </Dropdown>
+
           {/* 搜索 */}
           <Popover
             content={