update knowledge base file selection component (#96)

* feat: Implement DatasetFileTransfer component for file selection and management

* feat: Add pagination support to file list in Overview component
This commit is contained in:
chenghh-9609
2025-11-21 11:39:26 +08:00
committed by GitHub
parent cddfe9b149
commit fdfcfec1f1
7 changed files with 364 additions and 312 deletions

View File

@@ -6,6 +6,7 @@ import { datasetTypeMap } from "../../dataset.const";
export default function Overview({ dataset, filesOperation }) {
const {
fileList,
pagination,
selectedFiles,
setSelectedFiles,
previewVisible,
@@ -179,7 +180,10 @@ export default function Overview({ dataset, filesOperation }) {
dataSource={fileList}
// rowSelection={rowSelection}
scroll={{ x: "max-content", y: 600 }}
pagination={{ showTotal: (total) => `${total}` }}
pagination={{
...pagination,
showTotal: (total) => `${total}`,
}}
/>
</div>
</div>

View File

@@ -19,6 +19,11 @@ export function useFilesOperation(dataset: Dataset) {
// 文件相关状态
const [fileList, setFileList] = useState<DatasetFile[]>([]);
const [selectedFiles, setSelectedFiles] = useState<number[]>([]);
const [pagination, setPagination] = useState<{
current: number;
pageSize: number;
total: number;
}>({ current: 1, pageSize: 10, total: 0 });
// 文件预览相关状态
const [previewVisible, setPreviewVisible] = useState(false);
@@ -26,7 +31,10 @@ export function useFilesOperation(dataset: Dataset) {
const [previewFileName, setPreviewFileName] = useState("");
const fetchFiles = async () => {
const { data } = await queryDatasetFilesUsingGet(id!);
const { data } = await queryDatasetFilesUsingGet(id!, {
page: pagination.current - 1,
size: pagination.pageSize,
});
setFileList(data.content || []);
};
@@ -105,6 +113,7 @@ export function useFilesOperation(dataset: Dataset) {
fileList,
selectedFiles,
setSelectedFiles,
setPagination,
previewVisible,
setPreviewVisible,
previewContent,