feat: 完善Dify知识库管理召回测试模块，优化知识库上传文件时的分段配置设置

app/components/dify-dataset-manager/document-list.tsx

@@ -1,4 +1,3 @@
-import { useState } from 'react';
 import {
     Button,
     Input,
@@ -8,7 +7,6 @@ import {
     Tooltip,
     Popconfirm,
     Switch,
-    message,
     Empty,
     Spin,
 } from 'antd';
@@ -19,33 +17,14 @@ import {
     FileTextOutlined,
     CloudUploadOutlined,
     EyeOutlined,
-    ClockCircleOutlined,
-    CheckCircleOutlined,
-    SyncOutlined,
-    ExclamationCircleOutlined,
-    PauseCircleOutlined,
 } from '@ant-design/icons';
 import type { ColumnsType } from 'antd/es/table';
 import type { Document, IndexingStatus } from '~/api/dify-dataset/type/documentTypes';
-import { deleteDocument, toggleDocumentStatus } from '~/api/dify-dataset/api/documentApi';
+import { useDocumentList } from '~/hooks/dify-dataset-manager/document-list';
+import type { DocumentListProps } from '~/types/dify-dataset-manager/document-list';
 import DocumentUpload from './document-upload';
 import '../../styles/components/dify-dataset-manager/index.css';
 
-interface DocumentListProps {
-    datasetId: string;
-    datasetName: string;
-    documents: Document[];
-    loading: boolean;
-    total: number;
-    page: number;
-    pageSize: number;
-    onPageChange: (page: number) => void;
-    onDocumentDeleted: (documentId: string) => void;
-    onDocumentStatusChanged: (documentId: string, enabled: boolean) => void;
-    onRefresh: () => void;
-    onViewDocument?: (document: Document) => void;
-}
-
 /**
  * 文档列表组件
  */
@@ -62,116 +41,24 @@ export default function DocumentList({
     onRefresh,
     onViewDocument,
 }: DocumentListProps) {
-    const [searchValue, setSearchValue] = useState('');
-    const [deletingId, setDeletingId] = useState<string | null>(null);
-
-    // 显示上传页面的状态
-    const [showUploadPage, setShowUploadPage] = useState(false);
-
-    /**
-     * 获取状态标签配置
-     */
-    const getStatusConfig = (status: IndexingStatus) => {
-        const configs: Record<IndexingStatus, { color: string; icon: React.ReactNode; text: string }> = {
-            completed: { color: 'success', icon: <CheckCircleOutlined />, text: '已完成' },
-            indexing: { color: 'processing', icon: <SyncOutlined spin />, text: '索引中' },
-            waiting: { color: 'warning', icon: <ClockCircleOutlined />, text: '等待中' },
-            parsing: { color: 'processing', icon: <SyncOutlined spin />, text: '解析中' },
-            cleaning: { color: 'processing', icon: <SyncOutlined spin />, text: '清洗中' },
-            splitting: { color: 'processing', icon: <SyncOutlined spin />, text: '分段中' },
-            paused: { color: 'default', icon: <PauseCircleOutlined />, text: '已暂停' },
-            error: { color: 'error', icon: <ExclamationCircleOutlined />, text: '错误' },
-        };
-        return configs[status] || { color: 'default', icon: null, text: status };
-    };
-
-    /**
-     * 格式化日期
-     */
-    const formatDate = (timestamp: number) => {
-        return new Date(timestamp * 1000).toLocaleString('zh-CN', {
-            year: 'numeric',
-            month: '2-digit',
-            day: '2-digit',
-            hour: '2-digit',
-            minute: '2-digit',
-        });
-    };
-
-    /**
-     * 格式化数字
-     */
-    const formatNumber = (num: number) => {
-        if (num >= 10000) {
-            return (num / 10000).toFixed(1) + 'w';
-        }
-        if (num >= 1000) {
-            return (num / 1000).toFixed(1) + 'k';
-        }
-        return num.toString();
-    };
-
-    /**
-     * 处理删除文档
-     */
-    const handleDelete = async (documentId: string) => {
-        setDeletingId(documentId);
-        try {
-            await deleteDocument(datasetId, documentId);
-            message.success('删除成功');
-            onDocumentDeleted(documentId);
-        } catch (err: any) {
-            console.error('删除文档失败:', err);
-            message.error(err.message || '删除失败');
-        } finally {
-            setDeletingId(null);
-        }
-    };
-
-    /**
-     * 处理启用/禁用文档
-     */
-    const handleToggleStatus = async (documentId: string, enabled: boolean) => {
-        try {
-            await toggleDocumentStatus(datasetId, documentId, enabled);
-            message.success(enabled ? '已启用' : '已禁用');
-            onDocumentStatusChanged(documentId, enabled);
-        } catch (err: any) {
-            console.error('切换文档状态失败:', err);
-            message.error(err.message || '操作失败');
-        }
-    };
-
-    /**
-     * 点击上传按钮，显示上传页面
-     */
-    const handleUploadClick = () => {
-        if (!datasetId) {
-            message.error('请先选择知识库');
-            return;
-        }
-        setShowUploadPage(true);
-    };
-
-    /**
-     * 关闭上传页面
-     */
-    const handleUploadClose = () => {
-        setShowUploadPage(false);
-    };
-
-    /**
-     * 上传成功回调
-     */
-    const handleUploadSuccess = () => {
-        setShowUploadPage(false);
-        onRefresh();
-    };
+    const {
+        searchValue,
+        setSearchValue,
+        deletingId,
+        showUploadPage,
+        getStatusConfig,
+        formatDate,
+        formatNumber,
+        handleDelete,
+        handleToggleStatus,
+        handleUploadClick,
+        handleUploadClose,
+        handleUploadSuccess,
+        filterDocuments,
+    } = useDocumentList(datasetId, onDocumentDeleted, onDocumentStatusChanged, onRefresh);
 
     // 过滤文档
-    const filteredDocuments = documents.filter((doc) =>
-        doc.name.toLowerCase().includes(searchValue.toLowerCase())
-    );
+    const filteredDocuments = filterDocuments(documents);
 
     // 表格列定义
     const columns: ColumnsType<Document> = [