feat: 优化文件列表显示并支持多语言和版本标签映射

- 在FileCard中更新版本提示内容
- FileList组件新增editionAndLanguage属性支持多语言和版本标签映射
- SystemSelector组件对版本选项进行排序并优化语言选项显示
- 调整文件列表项的边距样式

Author: VirtualHotBar

src/components/FileCard.tsx

@@ -32,7 +32,7 @@ export const FileCard: React.FC<FileCardProps> = ({
   const editionValue = editionLabel || info.Edition || '-';
   const isConsumerEdition =
     editionValue === '消费者版' || info.Edition.toLowerCase() === 'consumer';
-  const editionTooltipContent = '含家庭 / 专业 / 教育等全套';
+  const editionTooltipContent = '含家庭 / 专业 / 企业 / 教育等全套';
 
   const title = useMemo(() => {
     if (!showTitle) return undefined;

src/components/FileList.tsx

@@ -7,10 +7,11 @@ import React, { useState, useMemo, useCallback } from 'react';
 import { Link, List, Space } from 'tdesign-react';
 import { SearchFilter } from './SearchFilter';
 import { formatFileSize } from '../utils/format';
-import type { WinFileInfo } from '../types/api';
+import type { WinFileInfo, EditionAndLanguage } from '../types/api';
 
 interface FileListProps {
   files: WinFileInfo[];
+  editionAndLanguage?: EditionAndLanguage;
   emptyContent?: React.ReactNode;
   enableSearch?: boolean;
   onDownload: (url: string) => void;
@@ -22,6 +23,7 @@ interface FileListProps {
  */
 export const FileList: React.FC<FileListProps> = ({
   files,
+  editionAndLanguage,
   emptyContent,
   enableSearch = true,
   onDownload,
@@ -41,6 +43,26 @@ export const FileList: React.FC<FileListProps> = ({
     setFilteredFiles(newFilteredFiles);
   }, []);
 
+  const languageLabelMap = useMemo(() => {
+    const map = new Map<string, string>();
+    (editionAndLanguage?.Language || []).forEach((item) => {
+      const display = item.label_cn || item.label;
+      map.set(item.value.toLowerCase(), display);
+      map.set(item.label.toLowerCase(), display);
+    });
+    return map;
+  }, [editionAndLanguage?.Language]);
+
+  const editionLabelMap = useMemo(() => {
+    const map = new Map<string, string>();
+    (editionAndLanguage?.Edition || []).forEach((item) => {
+      const display = item.label_cn || item.label;
+      map.set(item.value.toLowerCase(), display);
+      map.set(item.label.toLowerCase(), display);
+    });
+    return map;
+  }, [editionAndLanguage?.Edition]);
+
   const renderRows = useMemo(() => {
     return filteredFiles.map((info, index) => (
       <List.ListItem className="file-list-row" key={`${info.FileName}-${index}`}>
@@ -49,8 +71,8 @@ export const FileList: React.FC<FileListProps> = ({
             {`Windows ${info.SystemCode} ${info.VerCode} (${info.BuildVer})`}
           </div>
           <div className="file-list-meta">
-            <span>{info.Language}</span>
-            <span>{info.Edition}</span>
+            <span>{languageLabelMap.get((info.LanguageCode || info.Language).toLowerCase()) || info.Language}</span>
+            <span>{editionLabelMap.get(info.Edition.toLowerCase()) || info.Edition}</span>
             <span>{info.Architecture}</span>
             <span>{formatFileSize(info.Size)}</span>
             <span>SHA: {info.Sha256 || info.Sha1 || '-'}</span>
@@ -66,7 +88,7 @@ export const FileList: React.FC<FileListProps> = ({
         </Space>
       </List.ListItem>
     ));
-  }, [filteredFiles, onCopy, onDownload]);
+  }, [editionLabelMap, filteredFiles, languageLabelMap, onCopy, onDownload]);
 
   if (files.length === 0) {
     return <div className="file-empty">{emptyContent}</div>;

src/components/SystemSelector.tsx

@@ -45,7 +45,8 @@ export const SystemSelector: React.FC<SystemSelectorProps> = ({
   // 记忆化版本选项
   const versionOptions = useMemo(() => {
     if (!systemCode || !versionsOption) return [];
-    return versionsOption.Versions[systemCode] || [];
+    const options = versionsOption.Versions[systemCode] || [];
+    return [...options].sort((a, b) => b.label.localeCompare(a.label, undefined, { numeric: true }));
   }, [systemCode, versionsOption]);
 
   // 计算禁用状态
@@ -85,6 +86,13 @@ export const SystemSelector: React.FC<SystemSelectorProps> = ({
     { label: 'arm64', value: 'arm64' },
   ]), []);
 
+  const languageOptions = useMemo(() => {
+    return (editionAndLanguage?.Language || []).map((item) => ({
+      ...item,
+      label: item.label_cn || item.label,
+    }));
+  }, [editionAndLanguage?.Language]);
+
   return (
     <Loading loading={isLoadingOptions} size="small">
       <div className="selector-grid">
@@ -109,7 +117,7 @@ export const SystemSelector: React.FC<SystemSelectorProps> = ({
           value={language}
           prefixIcon={<>语言:</>}
           disabled={isLanguageDisabled}
-          options={editionAndLanguage?.Language}
+          options={languageOptions}
           placeholder={isLanguageDisabled ? '请先选择版本号' : '选择语言'}
           clearable
           onChange={handleLanguageChange}

src/global/main.css

@@ -183,6 +183,7 @@ p {
   justify-content: space-between;
   align-items: center;
   gap: 12px;
+  margin: 4px 0;
   border: 1px solid var(--app-border);
   border-radius: 12px;
   padding: 10px 12px;

src/page/home/home.tsx

@@ -264,6 +264,7 @@ const AllSystemSection: React.FC<AllSystemSectionProps> = ({
         ) : (
           <FileList
             files={filteredFiles}
+            editionAndLanguage={editionAndLanguage}
             emptyContent={<strong>{hasSelectedFilters ? '无结果' : '请选择筛选选项'}</strong>}
             onDownload={onDownload}
             onCopy={onCopy}