fixbug: 修改算子配置字段，修改数据管理主页统计信息

Author: chenghh-9609

frontend/src/mock/mock-seed/data-cleansing.cjs

@@ -10,26 +10,26 @@ function operatorItem() {
     inputs: Mock.Random.integer(1, 5),
     outputs: Mock.Random.integer(1, 5),
     settings: JSON.stringify({
-      host: { type: "input", label: "主机地址", value: "localhost" },
+      host: { type: "input", name: "主机地址", defaultVal: "localhost" },
       limit: {
         type: "range",
-        label: "读取行数",
-        value: [1000, 2000],
+        name: "读取行数",
+        defaultVal: [1000, 2000],
         min: 100,
         max: 10000,
         step: 100,
       },
-      filepath: { type: "input", label: "文件路径", value: "" },
+      filepath: { type: "input", name: "文件路径", defaultVal: "/path" },
       encoding: {
         type: "select",
-        label: "编码",
-        value: "utf-8",
+        name: "编码",
+        defaultVal: "utf-8",
         options: ["utf-8", "gbk", "ascii"],
       },
       features: {
         type: "checkbox",
-        label: "特征列",
-        value: [],
+        name: "特征列",
+        defaultVal: ["feature1", "feature3"],
         options: ["feature1", "feature2", "feature3"],
       },
       repeatPhraseRatio: {

frontend/src/pages/DataCleansing/Create/components/ParamConfig.tsx

@@ -23,7 +23,7 @@ const ParamConfig: React.FC<ParamConfigProps> = ({
   param,
   onParamChange,
 }) => {
-  const [value, setValue] = React.useState(param.value || param.default);
+  const [value, setValue] = React.useState(param.value || param.defaultVal);
   const updateValue = (newValue: any) => {
     setValue(newValue);
     return onParamChange && onParamChange(operator.id, paramKey, newValue);

frontend/src/pages/DataManagement/Home/DataManagement.tsx

@@ -44,16 +44,16 @@ export default function DatasetManagementPage() {
     const statistics = {
       size: [
         {
-          title: "总计",
-          value: data?.totalDatasets,
+          title: "文本",
+          value: data?.size?.text || "0 MB",
         },
         {
-          title: "文件数",
-          value: data?.totalFiles,
+          title: "图像",
+          value: data?.size?.image || "0 MB",
         },
         {
-          title: "大小",
-          value: formatBytes(data?.totalSize),
+          title: "音频",
+          value: data?.size?.audio || "0 MB",
         },
         {
           title: "视频",
@@ -79,6 +79,7 @@ export default function DatasetManagementPage() {
         },
       ],
     };
+    console.log(statistics);
     setStatisticsData(statistics);
   }
 
@@ -281,17 +282,39 @@ export default function DatasetManagementPage() {
       </div>
 
       {/* Statistics */}
-      <div className="grid grid-cols-1 mt-4">
-        <Card>
+      <div className="grid grid-cols-2 gap-4 mt-4">
+        {/* <Card>
           <div className="grid grid-cols-4">
             {statisticsData.size?.map?.((item) => (
               <Statistic
-                key={item.title}
                 title={item.title}
+                key={item.title}
                 value={`${item.value}`}
               />
             ))}
           </div>
+        </Card> */}
+        <Card title="数量统计">
+          <div className="grid grid-cols-4">
+            {statisticsData.count?.map?.((item) => (
+              <Statistic
+                key={item.title}
+                title={item.title}
+                value={item.value}
+              />
+            ))}
+          </div>
+        </Card>
+        <Card title="大小统计">
+          <div className="grid grid-cols-4">
+            {statisticsData.size?.map?.((item) => (
+              <Statistic
+                key={item.title}
+                title={item.title}
+                value={item.value}
+              />
+            ))}
+          </div>
         </Card>
       </div>
       <SearchControls