ERP-node/frontend/components/screen/widgets
kjs 6901baab8e feat(screen-designer): 그리드 컬럼 시스템 개선 및 컴포넌트 너비 렌더링 수정
주요 변경사항:
- 격자 설정을 편집 탭에서 항상 표시 (해상도 설정 하단)
- 그리드 컬럼 수 동적 조정 가능 (1-24)
- 컴포넌트 생성 시 현재 그리드 컬럼 수 기반 자동 계산
- 컴포넌트 너비가 설정한 컬럼 수대로 정확히 표시되도록 수정

수정된 파일:
- ScreenDesigner: 컴포넌트 드롭 시 gridColumns와 style.width 동적 계산
- UnifiedPropertiesPanel: 격자 설정 UI 통합, 차지 컬럼 수 설정 시 width 자동 계산
- RealtimePreviewDynamic: getWidth 우선순위 수정, DOM 크기 디버깅 로그 추가
- 8개 컴포넌트: componentStyle.width를 항상 100%로 고정
  * ButtonPrimaryComponent
  * TextInputComponent
  * NumberInputComponent
  * TextareaBasicComponent
  * DateInputComponent
  * TableListComponent
  * CardDisplayComponent

문제 해결:
- 컴포넌트 내부에서 component.style.width를 재사용하여 이중 축소 발생
- 해결: 부모 컨테이너(RealtimePreviewDynamic)가 width 제어, 컴포넌트는 항상 100%
- 결과: 파란 테두리와 내부 콘텐츠가 동일한 크기로 정확히 표시
2025-11-04 16:17:19 +09:00
..
types 버튼 수정 2025-11-04 11:41:20 +09:00
FileUpload.tsx 화면정보 수정 및 미리보기 기능 2025-10-15 18:31:40 +09:00
FlowButtonGroup.tsx 버튼 자동정렬기능 구현 2025-10-24 10:37:02 +09:00
FlowWidget.tsx refactor: FlowWidget 검색 필터를 설정 버튼과 같은 줄에 배치 2025-11-03 14:32:51 +09:00
InputWidget.tsx 패널 정리 중간 커밋 2025-10-28 17:33:03 +09:00
SelectWidget.tsx 패널 정리 중간 커밋 2025-10-28 17:33:03 +09:00
TabsWidget.tsx feat(screen-designer): 그리드 컬럼 시스템 개선 및 컴포넌트 너비 렌더링 수정 2025-11-04 16:17:19 +09:00
TextareaWidget.tsx ui개선 2025-10-17 16:21:08 +09:00