feat(dataset): 添加子数据集创建功能

- 在创建页面集成父数据集ID传递逻辑
- 使用useMemo缓存location状态中的parentDatasetId
- 添加useEffect同步parentDatasetId到表单状态
- 实现handleCreateChildDataset函数用于导航到创建页面
- 在数据集详情页的操作菜单中添加"创建子数据集"选项
- 为子数据集创建按钮添加PlusOutlined图标
- 定义CreateDatasetLocationState接口规范传递参数类型
This commit is contained in:
2026-01-21 01:00:17 +08:00
parent 0c23fd6c23
commit c51e0fab2f
2 changed files with 55 additions and 19 deletions

View File

@@ -1,24 +1,37 @@
import { useState } from "react";
import { useEffect, useMemo, useState } from "react";
import { ArrowLeft } from "lucide-react";
import { Button, Form, App } from "antd";
import { Link, useNavigate } from "react-router";
import { Link, useLocation, useNavigate } from "react-router";
import { createDatasetUsingPost } from "../dataset.api";
import { DatasetType } from "../dataset.model";
import BasicInformation from "./components/BasicInformation";
export default function DatasetCreate() {
const navigate = useNavigate();
const location = useLocation();
const { message } = App.useApp();
const [form] = Form.useForm();
const [newDataset, setNewDataset] = useState({
const parentDatasetId = useMemo(() => {
const state = location.state as CreateDatasetLocationState | null;
return state?.parentDatasetId || "";
}, [location.state]);
const [newDataset, setNewDataset] = useState(() => ({
name: "",
description: "",
datasetType: DatasetType.TEXT,
tags: [],
parentDatasetId: "",
});
parentDatasetId,
}));
useEffect(() => {
if (!parentDatasetId) {
return;
}
setNewDataset((prev) => ({ ...prev, parentDatasetId }));
form.setFieldsValue({ parentDatasetId });
}, [form, parentDatasetId]);
const handleSubmit = async () => {
const formValues = await form.validateFields();
@@ -39,7 +52,7 @@ export default function DatasetCreate() {
};
const handleValuesChange = (_, allValues) => {
setNewDataset({ ...newDataset, ...allValues });
setNewDataset((prev) => ({ ...prev, ...allValues }));
};
return (
@@ -82,3 +95,7 @@ export default function DatasetCreate() {
</div>
);
}
interface CreateDatasetLocationState {
parentDatasetId?: string;
}