35 lines
1.1 KiB
Markdown
35 lines
1.1 KiB
Markdown
# Window UI
|
|
|
|
## 목적
|
|
|
|
부모 영역 안에서 이동 가능한 모달 스타일 윈도우를 제공합니다.
|
|
|
|
## 공통 설계 원칙
|
|
|
|
- 샘플(`samples`)을 제외한 컴포넌트에는 API 호출이나 화면 전용 로직을 직접 넣지 않습니다.
|
|
- 컴포넌트는 최대한 멍청하게 설계하고, 직관적인 props를 받아 직관적인 UI 동작만 수행합니다.
|
|
- 기능 처리와 비즈니스 로직은 `src/features` 또는 해당 화면 전용 패키지 레벨에서 담당합니다.
|
|
- 공통 컴포넌트는 여러 곳에서 재사용되므로, 수정 시에는 기존 동작을 바꾸지 않는 범위에서만 보완합니다.
|
|
|
|
## 특징
|
|
|
|
- 헤더 작업줄 드래그 이동
|
|
- 부모 영역 내부로 이동 범위 제한
|
|
- 모서리/변 리사이즈
|
|
- 리사이즈 테두리 더 넓은 히트영역
|
|
- 리사이즈 변/모서리 더블클릭 및 더블탭 시 해당 방향으로 즉시 확장
|
|
- 최소화 / 최대화 / 복원
|
|
- 헤더 더블클릭 최대화 토글
|
|
|
|
## 주요 props
|
|
|
|
- `title`
|
|
- `subtitle`
|
|
- `defaultFrame`
|
|
- `minWidth`
|
|
- `minHeight`
|
|
|
|
## 샘플
|
|
|
|
- `src/components/window/samples/Sample.tsx`
|