Files
Aislo/B07_DesignDetail/openwebcad/src/components/StatusBar.tsx
T
eomsangdonandClaude Opus 5 e599884888 feat(B07): 그립으로 고치고, 음수·극좌표를 받고, 편집분을 잃지 않는다
조사표 8~13절 검토에서 "기본 기능"으로 고른 것을 반영한다.

- 좌표 입력: 절대·상대 좌표가 양수만 받아 `@-100,50`을 거부했다. 부호를 허용하고
  극좌표 `@거리<각도`·`거리<각도`를 더했다. `-`·`+`가 확대·축소 단축키로 먼저
  잡혀 음수의 첫 글자를 먹고 있어 그 두 단축키를 뺐다(줌은 휠·뷰 막대·명령).
- 그립 편집: 선택 객체에 그립을 그리고 집어서 옮긴다. 선 끝점·중점, 폴리선 정점,
  사각형 모서리, 원 중심·반지름, 문자·점 기준점. 폴리선은 세그먼트 중점을 끌면
  정점이 늘고 정점 위 Ctrl+클릭이면 준다. 형상 필드가 private이라 공개 생성자로
  다시 만들어 바꿔 끼우고 id·도면층·색·그룹을 물려받는다.
- 자동 백업·복구: 5초 디바운스로 복구 전용 키에 저장하고, 시작할 때 백업이 있으면
  눌러서 되살리는 안내를 띄운다. 저장(QSAVE)에 성공하면 백업을 지운다.
- 선택 순환: 같은 자리를 다시 클릭하면 겹친 후보를 차례로 돌린다.
- 상태막대: `극좌표 추적` 버튼이 `직교`와 같은 onClick이라 같은 일을 하고 있었다.
  각각 45°·90°를 켜고 끄도록 고치고, 스냅 추적 토글과 F3·F7·F8·F10을 붙였다.
- 문자 굵게·기울임을 캔버스·SVG·JSON·스타일 패널에 연결했다.
- 조사표: 이미 되어 있던 5건의 표기를 정정하고, 출력·내보내기(9절)는 결재창 이후
  PDF·DXF·DWG로 반영할 것이라 보류(P)로 구분해 사유를 남겼다.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-30 14:43:46 +09:00

80 lines
1.9 KiB
TypeScript

/** 상태막대 — AutoCAD 하단 제도 보조 토글 */
import type { FC } from 'react';
import {
getAngleStep,
getGridEnabled,
getSnapEnabled,
getSnapTrackingEnabled,
setAngleStep,
setGridEnabled,
setSnapEnabled,
setSnapTrackingEnabled,
} from '../state';
interface StatusBarProps {
commandLineVisible: boolean;
onToggleCommandLine: () => void;
}
export const StatusBar: FC<StatusBarProps> = ({ commandLineVisible, onToggleCommandLine }) => {
const snap = getSnapEnabled();
const grid = getGridEnabled();
const ortho = getAngleStep() === 90;
const polar = getAngleStep() === 45;
const snapTracking = getSnapTrackingEnabled();
return (
<footer className="cad-statusbar controls">
<button
type="button"
data-active={snap}
title="객체 스냅 (OSNAP)"
onClick={() => setSnapEnabled(!snap)}
>
객체 스냅
</button>
<button
type="button"
data-active={ortho}
title="직교 모드 (F8) — 90° 간격 각도 가이드"
onClick={() => setAngleStep(ortho ? 0 : 90)}
>
직교
</button>
<button
type="button"
data-active={polar}
title="극좌표 추적 (F10) — 45° 간격 각도 가이드"
onClick={() => setAngleStep(polar ? 0 : 45)}
>
극좌표 추적
</button>
<button
type="button"
data-active={snapTracking}
title="객체 스냅 추적 — 스냅점에 잠시 머물면 그 점에서 정렬선이 뻗는다"
onClick={() => setSnapTrackingEnabled(!snapTracking)}
>
스냅 추적
</button>
<button
type="button"
data-active={grid}
title="그리드 표시"
onClick={() => setGridEnabled(!grid)}
>
그리드
</button>
<button
type="button"
data-active={commandLineVisible}
title="명령행 표시/숨기기"
onClick={onToggleCommandLine}
>
명령행
</button>
<span className="cad-statusbar__hint">: · 드래그: 초점이동 · Esc: 취소</span>
</footer>
);
};