kjs
/
ERP-node
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

[agent-pipeline] pipe-20260315080636-1tpd round-3

This commit is contained in:
DDD1542 2026-03-15 17:18:18 +09:00
parent 94a95b7dc1
commit 4c19d3a6eb
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/components/screen/ScreenGroupTreeView.tsx
View File

@ -1107,7 +1107,7 @@ export function ScreenGroupTreeView({
{/* 그룹 헤더 */} {/* 그룹 헤더 */}
<div <div
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer hover:bg-accent transition-colors", "flex items-center gap-2 rounded-lg px-2 py-1.5 cursor-pointer hover:bg-muted/40 transition-colors",
"text-sm font-medium group/item", "text-sm font-medium group/item",
isMatching && "bg-primary/5 dark:bg-primary/10" // 검색 일치 하이라이트 (연한 배경) isMatching && "bg-primary/5 dark:bg-primary/10" // 검색 일치 하이라이트 (연한 배경)
)} )}
@ -1158,7 +1158,8 @@ export function ScreenGroupTreeView({
{/* 그룹 내 하위 그룹들 */} {/* 그룹 내 하위 그룹들 */}
{isExpanded && childGroups.length > 0 && ( {isExpanded && childGroups.length > 0 && (
<div className="ml-6 mt-1 space-y-0.5"> <div className="relative ml-6 mt-1 space-y-0.5">
<div className="absolute left-[14px] top-0 bottom-0 w-px bg-border/40" />
{childGroups.map((childGroup) => { {childGroups.map((childGroup) => {
const childGroupId = String(childGroup.id); const childGroupId = String(childGroup.id);
const isChildExpanded = expandedGroups.has(childGroupId) || shouldAutoExpandForSearch.has(childGroup.id); // 검색 시 상위 그룹만 자동 확장 const isChildExpanded = expandedGroups.has(childGroupId) || shouldAutoExpandForSearch.has(childGroup.id); // 검색 시 상위 그룹만 자동 확장
@ -1173,7 +1174,7 @@ export function ScreenGroupTreeView({
{/* 중분류 헤더 */} {/* 중분류 헤더 */}
<div <div
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer hover:bg-accent transition-colors", "flex items-center gap-2 rounded-lg px-2 py-1.5 cursor-pointer hover:bg-muted/40 transition-colors",
"text-xs font-medium group/item", "text-xs font-medium group/item",
isChildMatching && "bg-primary/5 dark:bg-primary/10" isChildMatching && "bg-primary/5 dark:bg-primary/10"
)} )}
@ -1223,7 +1224,8 @@ export function ScreenGroupTreeView({
{/* 중분류 내 손자 그룹들 (소분류) */} {/* 중분류 내 손자 그룹들 (소분류) */}
{isChildExpanded && grandChildGroups.length > 0 && ( {isChildExpanded && grandChildGroups.length > 0 && (
<div className="ml-6 mt-1 space-y-0.5"> <div className="relative ml-6 mt-1 space-y-0.5">
<div className="absolute left-[14px] top-0 bottom-0 w-px bg-border/30" />
{grandChildGroups.map((grandChild) => { {grandChildGroups.map((grandChild) => {
const grandChildId = String(grandChild.id); const grandChildId = String(grandChild.id);
const isGrandExpanded = expandedGroups.has(grandChildId) || shouldAutoExpandForSearch.has(grandChild.id); // 검색 시 상위 그룹만 자동 확장 const isGrandExpanded = expandedGroups.has(grandChildId) || shouldAutoExpandForSearch.has(grandChild.id); // 검색 시 상위 그룹만 자동 확장
@ -1235,7 +1237,7 @@ export function ScreenGroupTreeView({
{/* 소분류 헤더 */} {/* 소분류 헤더 */}
<div <div
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer hover:bg-accent transition-colors", "flex items-center gap-2 rounded-lg px-2 py-1.5 cursor-pointer hover:bg-muted/40 transition-colors",
"text-xs group/item", "text-xs group/item",
isGrandMatching && "bg-primary/5 dark:bg-primary/10" isGrandMatching && "bg-primary/5 dark:bg-primary/10"
)} )}
@ -1297,7 +1299,7 @@ export function ScreenGroupTreeView({
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150", "flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150",
"text-xs hover:bg-muted/60", "text-xs hover:bg-muted/60",
selectedScreen?.screenId === screen.screenId && "bg-accent shadow-sm" selectedScreen?.screenId === screen.screenId && "bg-primary/10 border-l-2 border-primary"
)} )}
onClick={() => handleScreenClickInGroup(screen, grandChild)} onClick={() => handleScreenClickInGroup(screen, grandChild)}
onDoubleClick={() => handleScreenDoubleClick(screen)} onDoubleClick={() => handleScreenDoubleClick(screen)}
@ -1333,7 +1335,7 @@ export function ScreenGroupTreeView({
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150", "flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150",
"text-xs hover:bg-muted/60", "text-xs hover:bg-muted/60",
selectedScreen?.screenId === screen.screenId && "bg-accent shadow-sm" selectedScreen?.screenId === screen.screenId && "bg-primary/10 border-l-2 border-primary"
)} )}
onClick={() => handleScreenClickInGroup(screen, childGroup)} onClick={() => handleScreenClickInGroup(screen, childGroup)}
onDoubleClick={() => handleScreenDoubleClick(screen)} onDoubleClick={() => handleScreenDoubleClick(screen)}
@ -1369,7 +1371,7 @@ export function ScreenGroupTreeView({
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150", "flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150",
"text-sm hover:bg-muted/60 group/screen", "text-sm hover:bg-muted/60 group/screen",
selectedScreen?.screenId === screen.screenId && "bg-accent shadow-sm" selectedScreen?.screenId === screen.screenId && "bg-primary/10 border-l-2 border-primary"
)} )}
onClick={() => handleScreenClickInGroup(screen, group)} onClick={() => handleScreenClickInGroup(screen, group)}
onDoubleClick={() => handleScreenDoubleClick(screen)} onDoubleClick={() => handleScreenDoubleClick(screen)}
@ -1394,7 +1396,7 @@ export function ScreenGroupTreeView({
<div className="mb-1"> <div className="mb-1">
<div <div
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer hover:bg-accent transition-colors", "flex items-center gap-2 rounded-lg px-2 py-1.5 cursor-pointer hover:bg-muted/40 transition-colors",
"text-sm font-medium text-muted-foreground" "text-sm font-medium text-muted-foreground"
)} )}
onClick={() => toggleGroup("ungrouped")} onClick={() => toggleGroup("ungrouped")}
@ -1419,7 +1421,7 @@ export function ScreenGroupTreeView({
className={cn( className={cn(
"flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150", "flex items-center gap-2 rounded-md px-2 py-1.5 cursor-pointer transition-colors duration-150",
"text-sm hover:bg-muted/60", "text-sm hover:bg-muted/60",
selectedScreen?.screenId === screen.screenId && "bg-accent shadow-sm" selectedScreen?.screenId === screen.screenId && "bg-primary/10 border-l-2 border-primary"
)} )}
onClick={() => handleScreenClick(screen)} onClick={() => handleScreenClick(screen)}
onDoubleClick={() => handleScreenDoubleClick(screen)} onDoubleClick={() => handleScreenDoubleClick(screen)}