623ade4f28
- 카테고리 트리 컨트롤러에 전체 카테고리 키 목록 조회 라우트 추가: GET /api/category-tree/test/all-category-keys - 카테고리 트리 서비스에 전체 카테고리 키 목록 조회 메서드 구현: 모든 테이블과 컬럼 조합을 반환 - 채번규칙 컨트롤러에서 폼 데이터 처리 기능 추가: 코드 미리보기 시 카테고리 기반 폼 데이터 사용 - 관련 API 클라이언트 및 타입 정의 업데이트: 카테고리 키 조회 및 채번규칙 API에 대한 요청 처리 개선 이로 인해 카테고리 관리 및 채번규칙 테스트의 효율성이 향상되었습니다.
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { Label } from "@/components/ui/label";
|
|
import { Input } from "@/components/ui/input";
|
|
|
|
interface ManualConfigPanelProps {
|
|
config?: {
|
|
value?: string;
|
|
placeholder?: string;
|
|
};
|
|
onChange: (config: { value?: string; placeholder?: string }) => void;
|
|
isPreview?: boolean;
|
|
}
|
|
|
|
export const ManualConfigPanel: React.FC<ManualConfigPanelProps> = ({
|
|
config = {},
|
|
onChange,
|
|
isPreview = false,
|
|
}) => {
|
|
return (
|
|
<div className="space-y-3 sm:space-y-4">
|
|
<div className="rounded-lg border border-dashed border-muted-foreground/50 bg-muted/30 p-3">
|
|
<p className="text-xs text-muted-foreground">
|
|
사용자가 폼에서 직접 입력합니다
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<Label className="text-xs font-medium sm:text-sm">플레이스홀더 (선택사항)</Label>
|
|
<Input
|
|
value={config.placeholder || ""}
|
|
onChange={(e) => onChange({ ...config, placeholder: e.target.value })}
|
|
placeholder="예: 부서코드 입력"
|
|
disabled={isPreview}
|
|
className="h-8 text-xs sm:h-10 sm:text-sm"
|
|
/>
|
|
<p className="text-muted-foreground mt-1 text-[10px] sm:text-xs">
|
|
사용자에게 표시될 안내 문구입니다
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|