refactor: 修复标签管理功能、优化数据选择项显示、屏蔽开发中功能 (#12)

* refactor: clean up tag management and dataset handling, update API endpoints

* feat: add showTime prop to DevelopmentInProgress component across multiple pages

* refactor: update component styles and improve layout with new utility classes
This commit is contained in:
chenghh-9609
2025-10-22 16:09:03 +08:00
committed by GitHub
parent 1c97afed7d
commit e8e2c1a96b
41 changed files with 224 additions and 238 deletions

View File

@@ -123,7 +123,7 @@ export default function OperatorPluginCreate() {
};
return (
<div className="h-full flex flex-col overflow-auto bg-gray-50">
<div className="flex-overflow-auto bg-gray-50">
{/* Header */}
<div className="flex justify-between items-center">
<div className="flex items-center gap-4">
@@ -167,8 +167,8 @@ export default function OperatorPluginCreate() {
</div>
{/* Content */}
<div className="h-full flex flex-col flex-1 overflow-y-auto p-6 mt-4 bg-white rounded-md shadow">
<div className="h-full w-full flex flex-col flex-1 overflow-y-auto">
<div className="flex-overflow-auto p-6 mt-4 bg-white border-card">
<div className="flex-overflow-auto">
{uploadStep === "upload" && (
<UploadStep onUpload={handleFileUpload} isUploading={isUploading} />
)}

View File

@@ -115,9 +115,9 @@ export default function OperatorMarketPage() {
</div> */}
</div>
{/* Main Content */}
<div className="flex flex-1 overflow-auto h-full bg-white rounded-lg">
<div className="flex-overflow-auto flex-row border-card">
<div
className={`border-r border-gray-200 transition-all duration-300 ${
className={`border-r border-gray-100 transition-all duration-300 ${
showFilters
? "translate-x-0 w-56"
: "-translate-x-full w-0 opacity-0"
@@ -130,7 +130,7 @@ export default function OperatorMarketPage() {
setSelectedFilters={setSelectedFilters}
/>
</div>
<div className="flex-1 bg-yellow flex flex-col px-4 my-4">
<div className="flex-overflow-auto p-6 ">
<div className="flex w-full items-top gap-4 border-b border-gray-200 mb-4">
{!showFilters && (
<Button
@@ -139,9 +139,8 @@ export default function OperatorMarketPage() {
onClick={() => setShowFilters(true)}
/>
)}
<div className="flex-1">
<div className="flex-1 mb-4">
<SearchControls
className="mb-4"
searchTerm={searchParams.keyword}
onSearchChange={(keyword) =>
setSearchParams({ ...searchParams, keyword })

View File

@@ -129,7 +129,7 @@ const Filters: React.FC<FiltersProps> = ({
);
return (
<div className="p-4 space-y-4 h-full overflow-y-auto">
<div className="p-6 space-y-4 h-full overflow-y-auto">
{/* Filter Header */}
<div className="flex items-center justify-between">
<h3 className="text-sm font-medium text-gray-900 flex items-center gap-2">
@@ -142,7 +142,7 @@ const Filters: React.FC<FiltersProps> = ({
className="cursor-pointer hover:text-blue-500"
></Button>
</Tooltip>
<h4></h4>
</h3>
{hasActiveFilters && (
<span

View File

@@ -1,6 +1,6 @@
import { Button, Avatar, List, Tag, Badge } from "antd";
import { Button, List, Tag, Badge } from "antd";
import { DeleteOutlined, EditOutlined, StarFilled } from "@ant-design/icons";
import { Brain, Code, Cpu, Package, Zap, Settings, X } from "lucide-react";
import { Zap, Settings, X } from "lucide-react";
import { useState } from "react";
import { useNavigate } from "react-router";
import { Operator } from "../../operator.model";
@@ -49,20 +49,10 @@ export function ListView({ operators, pagination }) {
statusConfig[status as keyof typeof statusConfig] || statusConfig.active
);
};
const getTypeIcon = (type: string) => {
const iconMap = {
preprocessing: Code,
training: Brain,
inference: Cpu,
postprocessing: Package,
};
const IconComponent = iconMap[type as keyof typeof iconMap] || Code;
return <IconComponent className="w-4 h-4" />;
};
return (
<List
className="p-4 overflow-auto mx-4"
className="p-4 flex-1 overflow-auto mx-4"
dataSource={operators}
pagination={pagination}
renderItem={(operator) => (