ERP-node/frontend/components/pop/designer/panels/index.ts

// POP 디자이너 패널 export
export { PopPanel } from "./PopPanel";
export { ComponentEditorPanel } from "./ComponentEditorPanel";
export { ComponentEditorPanelV4 } from "./ComponentEditorPanelV4";
feat(pop): POP 화면 관리 시스템 구현 Backend: - screen_layouts_pop 테이블용 CRUD API 추가 (getLayoutPop, saveLayoutPop, deleteLayoutPop, getScreenIdsWithPopLayout) - 멀티테넌시 권한 체크 포함 Frontend API: - screenApi에 POP 레이아웃 함수 4개 추가 POP 관리 페이지: - popScreenMngList 신규 생성 - isPop prop으로 미리보기 URL 분기 (/pop/screens/{id}) - CreateScreenModal에서 POP 화면 생성 시 빈 레이아웃 자동 생성 POP 디자이너: - PopDesigner, PopCanvas, PopPanel, SectionGrid 컴포넌트 구현 - react-dnd로 팔레트→캔버스 드래그앤드롭 - react-grid-layout으로 컴포넌트 자유 배치/리사이즈 - 그리드 단순화: 고정 셀 크기(40px) 기반 자동 계산, 그리드 점 제거 - onLayoutChange를 onDragStop/onResizeStop으로 변경하여 드롭 시 크기 유지 2026-02-02 15:15:01 +09:00			`// POP 디자이너 패널 export`
			`export { PopPanel } from "./PopPanel";`
POP 레이아웃 v3.0 아키텍처로 전환 - Section 요소 완전 제거 디자이너/뷰어 렌더링 통일 - react-grid-layout 제거, CSS Grid 1fr 단위 사용 반응형 모드 자동 전환 - useResponsiveMode 훅 추가 디자이너 UI 개선 - 컴포넌트 헤더/삭제 아이콘 제거, 전체 영역 드래그 2026-02-03 19:11:03 +09:00			`export { ComponentEditorPanel } from "./ComponentEditorPanel";`
feat(pop): v4 레이아웃 비율 스케일링 시스템 구현 - PopFlexRenderer에 BASE_VIEWPORT_WIDTH(1024px) 기준 스케일 계산 추가 - 컴포넌트 크기(fixedWidth/Height), gap, padding에 scale 적용 - 뷰어에서 viewportWidth 동적 감지 및 최대 1366px 제한 - 디자인 모드에서는 scale=1 유지, 뷰어에서만 비율 적용 - DndProvider 없는 환경에서 useDrag/useDrop 에러 방지 - v4 레이아웃 뷰어 렌더링 지원 (isPopLayoutV4 체크) 2026-02-04 14:14:48 +09:00			`export { ComponentEditorPanelV4 } from "./ComponentEditorPanelV4";`