/** * 반복 필드 그룹(Repeater) 타입 정의 */ /** * 테이블 타입 관리(table_type_columns)에서 사용하는 input_type 값들 */ export type RepeaterFieldType = | "text" // 텍스트 | "number" // 숫자 | "textarea" // 텍스트영역 | "date" // 날짜 | "select" // 선택박스 | "checkbox" // 체크박스 | "radio" // 라디오 | "category" // 카테고리 | "entity" // 엔티티 참조 | "code" // 공통코드 | "image" // 이미지 | "direct" // 직접입력 | "calculated" // 계산식 필드 | string; // 기타 커스텀 타입 허용 /** * 계산식 연산자 */ export type CalculationOperator = "+" | "-" | "*" | "/" | "%" | "round" | "floor" | "ceil" | "abs"; /** * 계산식 정의 * 예: { field1: "order_qty", operator: "*", field2: "unit_price" } → order_qty * unit_price * 예: { field1: "amount", operator: "round", decimalPlaces: 2 } → round(amount, 2) */ export interface CalculationFormula { field1: string; // 첫 번째 필드명 operator: CalculationOperator; // 연산자 field2?: string; // 두 번째 필드명 (단항 연산자의 경우 불필요) constantValue?: number; // 상수값 (field2 대신 사용 가능) decimalPlaces?: number; // 소수점 자릿수 (round, floor, ceil에서 사용) } /** * 필드 표시 모드 * - input: 입력 필드로 표시 (편집 가능) * - readonly: 읽기 전용 텍스트로 표시 * - (카테고리 타입은 자동으로 배지로 표시됨) */ export type RepeaterFieldDisplayMode = "input" | "readonly"; /** * 반복 그룹 내 개별 필드 정의 */ export interface RepeaterFieldDefinition { name: string; // 필드 이름 (키) label: string; // 필드 라벨 type: RepeaterFieldType; // 입력 타입 placeholder?: string; required?: boolean; readonly?: boolean; // 읽기 전용 여부 options?: Array<{ label: string; value: string }>; // select용 width?: string; // 필드 너비 (예: "200px", "50%") displayMode?: RepeaterFieldDisplayMode; // 표시 모드: input(입력), readonly(읽기전용) categoryCode?: string; // category 타입일 때 사용할 카테고리 코드 formula?: CalculationFormula; // 계산식 (type이 "calculated"일 때 사용) numberFormat?: { useThousandSeparator?: boolean; // 천 단위 구분자 사용 prefix?: string; // 접두사 (예: "₩") suffix?: string; // 접미사 (예: "원") decimalPlaces?: number; // 소수점 자릿수 }; validation?: { minLength?: number; maxLength?: number; min?: number; max?: number; pattern?: string; }; } /** * 반복 필드 그룹 설정 */ export interface RepeaterFieldGroupConfig { fields: RepeaterFieldDefinition[]; // 반복될 필드 정의 targetTable?: string; // 저장할 대상 테이블 (미지정 시 메인 화면 테이블) groupByColumn?: string; // 수정 모드에서 그룹화할 컬럼 (예: "inbound_number") fkColumn?: string; // 분할 패널에서 좌측 선택 데이터와 연결할 FK 컬럼 (예: "serial_no") minItems?: number; // 최소 항목 수 maxItems?: number; // 최대 항목 수 addButtonText?: string; // 추가 버튼 텍스트 removeButtonText?: string; // 제거 버튼 텍스트 (보통 아이콘) allowReorder?: boolean; // 순서 변경 가능 여부 showIndex?: boolean; // 인덱스 번호 표시 여부 collapsible?: boolean; // 각 항목을 접을 수 있는지 (카드 모드일 때만) layout?: "grid" | "card"; // 레이아웃 타입: grid(테이블 행) 또는 card(카드 형식) showDivider?: boolean; // 항목 사이 구분선 표시 (카드 모드일 때만) emptyMessage?: string; // 항목이 없을 때 메시지 subDataLookup?: SubDataLookupConfig; // 하위 데이터 조회 설정 (재고, 단가 등) } /** * 반복 그룹 항목 데이터 */ export type RepeaterItemData = Record; /** * 반복 그룹 전체 데이터 (배열) */ export type RepeaterData = RepeaterItemData[]; // ============================================================ // 하위 데이터 조회 설정 (Sub Data Lookup) // 품목 선택 시 재고/단가 등 관련 데이터를 조회하고 선택하는 기능 // ============================================================ /** * 하위 데이터 조회 테이블 설정 */ export interface SubDataLookupSettings { tableName: string; // 조회할 테이블 (예: inventory, price_list) linkColumn: string; // 상위 데이터와 연결할 컬럼 (예: item_code) displayColumns: string[]; // 표시할 컬럼들 (예: ["warehouse_code", "location_code", "quantity"]) columnLabels?: Record; // 컬럼 라벨 (예: { warehouse_code: "창고" }) additionalFilters?: Record; // 추가 필터 조건 } /** * 하위 데이터 선택 설정 */ export interface SubDataSelectionSettings { mode: "single" | "multiple"; // 단일/다중 선택 requiredFields: string[]; // 필수 선택 필드 (예: ["warehouse_code"]) requiredMode?: "any" | "all"; // 필수 조건: "any" = 하나만, "all" = 모두 (기본: "all") } /** * 조건부 입력 활성화 설정 */ export interface ConditionalInputSettings { targetField: string; // 활성화할 입력 필드 (예: "outbound_qty") maxValueField?: string; // 최대값 참조 필드 (예: "quantity" - 재고 수량) warningThreshold?: number; // 경고 임계값 (퍼센트, 예: 90) errorMessage?: string; // 에러 메시지 } /** * 하위 데이터 UI 설정 */ export interface SubDataUISettings { expandMode: "inline" | "modal"; // 확장 방식 (인라인 또는 모달) maxHeight?: string; // 최대 높이 (예: "150px") showSummary?: boolean; // 요약 정보 표시 emptyMessage?: string; // 데이터 없을 때 메시지 } /** * 하위 데이터 조회 전체 설정 */ export interface SubDataLookupConfig { enabled: boolean; // 기능 활성화 여부 lookup: SubDataLookupSettings; // 조회 설정 selection: SubDataSelectionSettings; // 선택 설정 conditionalInput: ConditionalInputSettings; // 조건부 입력 설정 ui?: SubDataUISettings; // UI 설정 } /** * 하위 데이터 상태 (런타임) */ export interface SubDataState { itemIndex: number; // 상위 항목 인덱스 data: any[]; // 조회된 하위 데이터 selectedItem: any | null; // 선택된 하위 항목 isLoading: boolean; // 로딩 상태 error: string | null; // 에러 메시지 isExpanded: boolean; // 확장 상태 }