ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
dengqichen 2025-01-10 14:26:01 +08:00
parent e661ff1cf2
commit 0ee6aeb2ec
1 changed files with 75 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
frontend/src/pages/Deploy/Application/List/components/ApplicationModal.tsx
View File

@ -325,36 +325,46 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
onChange={(e) => setSearchValue(e.target.value)}
/>
</div>
<ScrollArea className="h-[200px]">
{filteredGroups.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground">
未找到代码仓库组
<div className="relative">
<ScrollArea className="h-[200px] w-full">
<div className="p-1">
{filteredGroups.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground">
未找到代码仓库组
</div>
) : (
filteredGroups.map((group) => (
<div
key={group.id}
className={cn(
"relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
group.id === field.value && "bg-accent text-accent-foreground"
)}
onClick={() => {
form.setValue("repositoryGroupId", group.id);
form.setValue("repositoryProjectId", undefined);
setRepositoryProjects([]);
fetchRepositoryProjects(group.id);
setSearchValue("");
setOpen(false);
}}
onWheel={(e) => {
const scrollArea = e.currentTarget.closest('[data-radix-scroll-area-viewport]');
if (scrollArea) {
scrollArea.scrollTop += e.deltaY;
}
}}
>
{group.name}
{group.id === field.value && (
<Check className="ml-auto h-4 w-4" />
)}
</div>
))
)}
</div>
) : (
filteredGroups.map((group) => (
<div
key={group.id}
className={cn(
"relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
group.id === field.value && "bg-accent text-accent-foreground"
)}
onClick={() => {
form.setValue("repositoryGroupId", group.id);
form.setValue("repositoryProjectId", undefined);
setRepositoryProjects([]);
fetchRepositoryProjects(group.id);
setSearchValue("");
setOpen(false);
}}
>
{group.name}
{group.id === field.value && (
<Check className="ml-auto h-4 w-4" />
)}
</div>
))
)}
</ScrollArea>
</ScrollArea>
</div>
</PopoverContent>
</Popover>
<FormMessage />
@ -409,33 +419,43 @@ const ApplicationModal: React.FC<ApplicationModalProps> = ({
onChange={(e) => setSearchValue(e.target.value)}
/>
</div>
<ScrollArea className="h-[200px]">
{filteredProjects.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground">
未找到项目
<div className="relative">
<ScrollArea className="h-[200px] w-full">
<div className="p-1">
{filteredProjects.length === 0 ? (
<div className="p-4 text-center text-sm text-muted-foreground">
未找到项目
</div>
) : (
filteredProjects.map((project) => (
<div
key={project.projectId}
className={cn(
"relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
project.projectId === field.value && "bg-accent text-accent-foreground"
)}
onClick={() => {
form.setValue("repositoryProjectId", project.projectId);
setSearchValue("");
setOpen(false);
}}
onWheel={(e) => {
const scrollArea = e.currentTarget.closest('[data-radix-scroll-area-viewport]');
if (scrollArea) {
scrollArea.scrollTop += e.deltaY;
}
}}
>
{project.name}
{project.projectId === field.value && (
<Check className="ml-auto h-4 w-4" />
)}
</div>
))
)}
</div>
) : (
filteredProjects.map((project) => (
<div
key={project.projectId}
className={cn(
"relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
project.projectId === field.value && "bg-accent text-accent-foreground"
)}
onClick={() => {
form.setValue("repositoryProjectId", project.projectId);
setSearchValue("");
setOpen(false);
}}
>
{project.name}
{project.projectId === field.value && (
<Check className="ml-auto h-4 w-4" />
)}
</div>
))
)}
</ScrollArea>
</ScrollArea>
</div>
</PopoverContent>
</Popover>
<FormMessage />