ERP-node

Commit Graph

Author	SHA1	Message	Date
SeongHyun Kim	461ff6dbf7	refactor: POP 디자인 감사 + WYSIWYG 정렬 + MES/장바구니 분리 + 장바구니 코드 제거 POP 컴포넌트 전반의 디자인 일관성을 확보하고, 디자이너-뷰어 간 WYSIWYG를 달성하며, MES 공정흐름 컴포넌트에서 장바구니 코드를 완전 분리한다. [POP 디자인 종합 감사] - PopRenderer 고스트 보더 제거 (border-2 bg-white -> 투명 래퍼) - 하드코딩 배경색 -> CSS 변수 hsl(var(--background)) - 빈 상태 메시지 border-dashed bg-muted/30 제거 - 콘텐츠 컴포넌트만 선택적 보더 (rounded-lg border-border/40 bg-card) [뷰어-디자이너 WYSIWYG 통일] - PopRenderer 행 높이: 디자이너/뷰어 모두 고정 24px (minmax 제거) - page.tsx mx-auto + maxWidth 제거 -> 뷰어 전체 폭 채움 - pop-icon 셀 내 스케일링 (maxWidth/maxHeight 100% + aspectRatio) - pop-icon 라벨 표시 + 배경 투명/아이콘 색상 설정 UI 추가 - pop-profile 반응형, pop-button 오버플로 클리핑 [마키(흐르는 텍스트) 추가] - pop-text에 marquee 옵션 (marqueeSpeed, marqueeIcon 설정) - CSS animation + paddingRight 100vw 연속 스크롤 [컴포넌트 이름 명확화] - pop-card-list-v2: "카드 목록 V2" -> "MES 공정흐름" - pop-card-list: "카드 목록" -> "장바구니 목록" [MES 공정흐름에서 장바구니 코드 완전 제거] - PopCardListV2Component: useCartSync, parseCartRow, isCartListMode, selectedKeys, cartRef, cart 이벤트 3개, fetchCartData, handleDeleteItem/UpdateQuantity/CartAdd/Cancel/Delete 제거 (~250줄) - cell-renderers: CartButtonCell, DynamicLucideIcon, ShoppingCart 제거 (~50줄) - PopCardListV2Config: cart-button 셀 편집 UI 제거 - index.tsx: cart_updated/cart_save_completed/selected_items/ cart_save_trigger/confirm_trigger 이벤트 메타 제거 - migrate.ts: cartAction/cartListMode 마이그레이션 제거 - types.ts: PopCardListV2Config cartAction/cartListMode 필드, CardCellDefinitionV2 cart 4필드, CardCellType "cart-button" 제거 - pop-card-list(장바구니 목록)의 타입/훅은 그대로 유지 - 매 Phase마다 tsc --noEmit 검증, 신규 에러 0건	2026-03-20 16:31:25 +09:00
SeongHyun Kim	4176fed07f	feat(pop): pop-profile 컴포넌트 추가 - 사용자 프로필/PC전환/로그아웃 디자이너 팔레트에서 배치 가능한 10번째 POP 컴포넌트로 pop-profile을 추가한다. 화면 설계자가 필요한 화면에만 프로필 기능을 배치할 수 있도록 시스템 UI가 아닌 컴포넌트 등록 방식으로 구현한다. [뷰어 컴포넌트] - useAuth() 연동으로 실제 로그인 사용자 정보 표시 - Popover 드롭다운: 사용자 정보 + POP 대시보드 / PC 모드 / 로그아웃 - 비로그인 시 로그인 버튼 표시 - 아바타: 사용자 사진 또는 이름 이니셜 표시 [설정 패널] - 아바타 크기 선택 (sm 32px / md 40px / lg 48px) - 메뉴 항목 개별 on/off (대시보드 이동 / PC 모드 전환 / 로그아웃) [디자이너 통합] - PopComponentType에 "pop-profile" 추가 - DEFAULT_COMPONENT_GRID_SIZE: 1x1 - PALETTE_ITEMS: UserCircle 아이콘 + 설명 - COMPONENT_TYPE_LABELS: "프로필" - PopComponentRegistry 등록 (category: action)	2026-03-09 13:21:18 +09:00

Author

SHA1

Message

Date

SeongHyun Kim

461ff6dbf7

refactor: POP 디자인 감사 + WYSIWYG 정렬 + MES/장바구니 분리 + 장바구니 코드 제거

POP 컴포넌트 전반의 디자인 일관성을 확보하고, 디자이너-뷰어 간 WYSIWYG를
달성하며, MES 공정흐름 컴포넌트에서 장바구니 코드를 완전 분리한다.
[POP 디자인 종합 감사]
- PopRenderer 고스트 보더 제거 (border-2 bg-white -> 투명 래퍼)
- 하드코딩 배경색 -> CSS 변수 hsl(var(--background))
- 빈 상태 메시지 border-dashed bg-muted/30 제거
- 콘텐츠 컴포넌트만 선택적 보더 (rounded-lg border-border/40 bg-card)
[뷰어-디자이너 WYSIWYG 통일]
- PopRenderer 행 높이: 디자이너/뷰어 모두 고정 24px (minmax 제거)
- page.tsx mx-auto + maxWidth 제거 -> 뷰어 전체 폭 채움
- pop-icon 셀 내 스케일링 (maxWidth/maxHeight 100% + aspectRatio)
- pop-icon 라벨 표시 + 배경 투명/아이콘 색상 설정 UI 추가
- pop-profile 반응형, pop-button 오버플로 클리핑
[마키(흐르는 텍스트) 추가]
- pop-text에 marquee 옵션 (marqueeSpeed, marqueeIcon 설정)
- CSS animation + paddingRight 100vw 연속 스크롤
[컴포넌트 이름 명확화]
- pop-card-list-v2: "카드 목록 V2" -> "MES 공정흐름"
- pop-card-list: "카드 목록" -> "장바구니 목록"
[MES 공정흐름에서 장바구니 코드 완전 제거]
- PopCardListV2Component: useCartSync, parseCartRow, isCartListMode,
  selectedKeys, cartRef, cart 이벤트 3개, fetchCartData,
  handleDeleteItem/UpdateQuantity/CartAdd/Cancel/Delete 제거 (~250줄)
- cell-renderers: CartButtonCell, DynamicLucideIcon, ShoppingCart 제거 (~50줄)
- PopCardListV2Config: cart-button 셀 편집 UI 제거
- index.tsx: cart_updated/cart_save_completed/selected_items/
  cart_save_trigger/confirm_trigger 이벤트 메타 제거
- migrate.ts: cartAction/cartListMode 마이그레이션 제거
- types.ts: PopCardListV2Config cartAction/cartListMode 필드,
  CardCellDefinitionV2 cart 4필드, CardCellType "cart-button" 제거
- pop-card-list(장바구니 목록)의 타입/훅은 그대로 유지
- 매 Phase마다 tsc --noEmit 검증, 신규 에러 0건

2026-03-20 16:31:25 +09:00

SeongHyun Kim

4176fed07f

feat(pop): pop-profile 컴포넌트 추가 - 사용자 프로필/PC전환/로그아웃

디자이너 팔레트에서 배치 가능한 10번째 POP 컴포넌트로 pop-profile을
추가한다. 화면 설계자가 필요한 화면에만 프로필 기능을 배치할 수 있도록
시스템 UI가 아닌 컴포넌트 등록 방식으로 구현한다.
[뷰어 컴포넌트]
- useAuth() 연동으로 실제 로그인 사용자 정보 표시
- Popover 드롭다운: 사용자 정보 + POP 대시보드 / PC 모드 / 로그아웃
- 비로그인 시 로그인 버튼 표시
- 아바타: 사용자 사진 또는 이름 이니셜 표시
[설정 패널]
- 아바타 크기 선택 (sm 32px / md 40px / lg 48px)
- 메뉴 항목 개별 on/off (대시보드 이동 / PC 모드 전환 / 로그아웃)
[디자이너 통합]
- PopComponentType에 "pop-profile" 추가
- DEFAULT_COMPONENT_GRID_SIZE: 1x1
- PALETTE_ITEMS: UserCircle 아이콘 + 설명
- COMPONENT_TYPE_LABELS: "프로필"
- PopComponentRegistry 등록 (category: action)

2026-03-09 13:21:18 +09:00

2 Commits