8eccdd0b4c
문제: - 조건부 컨테이너 내부의 modal-repeater-table 컴포넌트가 데이터 업데이트 불가 - ConditionalSectionViewer가 RealtimePreview에 formData/onFormDataChange 미전달 해결: - ConditionalSectionViewer.tsx: RealtimePreview에 formData, onFormDataChange props 추가 - DynamicComponentRenderer.tsx: 디버깅 로그 정리 - ScreenModal.tsx: 디버깅 로그 정리 영향: - 수주 등록 화면 품목 추가 기능 정상 작동 - 조건부 컨테이너 내부 모든 폼 컴포넌트 데이터 바인딩 정상화 Refs: #수주관리 #modal-repeater-table #ConditionalContainer
53 lines
1.7 KiB
TypeScript
53 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import { AutoRegisteringComponentRenderer } from "../../AutoRegisteringComponentRenderer";
|
|
import { ModalRepeaterTableDefinition } from "./index";
|
|
import { ModalRepeaterTableComponent } from "./ModalRepeaterTableComponent";
|
|
|
|
/**
|
|
* ModalRepeaterTable 렌더러
|
|
* 자동 등록 시스템을 사용하여 컴포넌트를 레지스트리에 등록
|
|
*/
|
|
export class ModalRepeaterTableRenderer extends AutoRegisteringComponentRenderer {
|
|
static componentDefinition = ModalRepeaterTableDefinition;
|
|
|
|
render(): React.ReactElement {
|
|
// onChange 콜백을 명시적으로 전달
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const handleChange = (newValue: any[]) => {
|
|
console.log("🔄 ModalRepeaterTableRenderer onChange:", newValue.length, "개 항목");
|
|
|
|
// 컴포넌트 업데이트
|
|
this.updateComponent({ value: newValue });
|
|
|
|
// 원본 onChange 콜백도 호출 (있다면)
|
|
if (this.props.onChange) {
|
|
this.props.onChange(newValue);
|
|
}
|
|
};
|
|
|
|
// renderer prop 제거 (불필요)
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
const { onChange, ...restProps } = this.props;
|
|
|
|
return <ModalRepeaterTableComponent {...restProps} onChange={handleChange} />;
|
|
}
|
|
|
|
/**
|
|
* 값 변경 처리 (레거시 메서드 - 호환성 유지)
|
|
*/
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
protected handleValueChange = (value: any) => {
|
|
this.updateComponent({ value });
|
|
};
|
|
}
|
|
|
|
// 자동 등록 실행
|
|
ModalRepeaterTableRenderer.registerSelf();
|
|
|
|
// Hot Reload 지원 (개발 모드)
|
|
if (process.env.NODE_ENV === "development") {
|
|
ModalRepeaterTableRenderer.enableHotReload();
|
|
}
|