chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(RepeaterTable): 조회 컬럼 헤더 라벨 개선 및 코드 정리

Browse Source 
헤더에 "컬럼명 - 옵션라벨" 형식으로 전체 정보 표시
옵션 변경 시 컬럼 너비 자동 재계산
API 검색 시 정확한 일치 검색(equals) 적용
디버그 로그 제거
설정 UI 라벨 사용자 친화적으로 변경
This commit is contained in:
SeongHyun Kim
2025-12-19 13:43:26 +09:00
parent c86140fad3
commit 228fd33a2a
4 changed files with 59 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/lib/registry/components/universal-form-modal/modals/TableSectionSettingsModal.tsx
View File

@@ -807,7 +807,7 @@ function ColumnSettingItem({
</div>
<div>
<p className="text-[9px] text-muted-foreground mb-0.5">비교 컬럼 (WHERE)</p>
<p className="text-[9px] text-muted-foreground mb-0.5">찾을 컬럼</p>
<Select
value={cond.externalLookup.matchColumn}
onValueChange={(value) => updateLookupCondition(optIndex, condIndex, {
@@ -826,7 +826,7 @@ function ColumnSettingItem({
</div>
<div>
<p className="text-[9px] text-muted-foreground mb-0.5">가져올 값 (SELECT)</p>
<p className="text-[9px] text-muted-foreground mb-0.5">가져올 컬럼</p>
<Select
value={cond.externalLookup.resultColumn}
onValueChange={(value) => {
@@ -850,7 +850,7 @@ function ColumnSettingItem({
{/* 2행: 비교 값 출처 */}
<div className="p-1.5 bg-orange-50/50 rounded">
<p className="text-[9px] text-muted-foreground mb-1">비교 값 출처</p>
<p className="text-[9px] text-muted-foreground mb-1">비교 값 출처 (찾을 때 사용할 값)</p>
<div className="flex items-center gap-1.5">
<Select
value={cond.externalLookup.matchSourceType}
@@ -935,14 +935,14 @@ function ColumnSettingItem({
{/* 3행: 최종 조회 컬럼 */}
<div className="flex items-center gap-1.5">
<span className="text-[9px] text-muted-foreground">조회된 값</span>
<span className="text-[9px] text-muted-foreground">조회된 값 (비교할 컬럼)</span>
<span className="text-[10px] text-muted-foreground">=</span>
<Select
value={cond.targetColumn}
onValueChange={(value) => updateLookupCondition(optIndex, condIndex, { targetColumn: value })}
>
<SelectTrigger className="h-5 text-[9px] flex-1">
<SelectValue placeholder="조회 컬럼" />
<SelectValue placeholder="컬럼 선택" />
</SelectTrigger>
<SelectContent>
{option.tableName && (
@@ -958,9 +958,9 @@ function ColumnSettingItem({
</div>
{/* 설명 텍스트 */}
{cond.externalLookup.tableName && cond.externalLookup.matchColumn && cond.externalLookup.resultColumn && (
{cond.externalLookup.tableName && cond.externalLookup.matchColumn && cond.externalLookup.resultColumn && cond.targetColumn && (
<p className="text-[9px] text-orange-600 bg-orange-100/50 rounded px-1.5 py-0.5">
{cond.externalLookup.tableName}에서 {cond.externalLookup.matchColumn} = 입력값 인 행의{" "}
{cond.externalLookup.tableName}에서 {cond.externalLookup.matchColumn} = 입력값(비교 값 출처)인 행의{" "}
{cond.externalLookup.resultColumn} 값을 가져와 {option.tableName}.{cond.targetColumn}와 비교
</p>
)}