eomsangdon
ea9d9685be
저장소 사고로 잃은 4개 커밋(38eb7cd4·b8a11756·281528bf·f60b488d)의 작업물을 하나로 다시 담았다. 내용은 동일하다. ■ 구조 - commands/: 명령 정의(id·AutoCAD 별칭·글리프·도구/즉시실행)를 단일 소스로 두고 리본·명령행·단축키가 모두 이 레지스트리를 읽는다. tools/tool.consts.ts 폐지. - ribbon/: 탭→패널→명령 데이터(ribbon.config.ts)와 범용 렌더러 분리. AutoCAD 배치(홈·삽입·주석·뷰·출력)와 패널 확장(▾)을 따른다. - tools/factories/sequence-tool.ts: 점·숫자·문자·객체·선택 단계를 선언하면 xstate 머신을 만들어 주는 공장. 명령당 170줄 보일러플레이트 제거. - helpers/geometry/: 3점 호·정다각형·타원·스플라인·구름형·평행이동·해치 스캔선· 점렬 샘플링 등 상태 없는 순수 함수. - Toolbar 483줄을 QuickAccessBar/Ribbon/InspectorPanel/StatusBar/CommandLine/ ViewControls/PropertiesEditor/QuickProperties로 분해. ■ 명령 (조사표 기준) - 1절 그리기 21건, 2절 수정 27건, 3절 도면층·특성·그룹·유틸리티 39건 전부 반영. - 5절 주석 34건 중 26건 반영(문자·치수 16종·지시선·표·구름형·주석 축척). - HatchEntity 추가(solid·pattern·cross·gradient) + JSON 왕복, Layer에 색·선가중치· 선종류·동결·투명도 필드 추가, 그리기 루프가 동결·숨김·투명도를 반영. ■ 화면 실측에서 고친 결함 - 명령행 포커스 상태에서 ENTER가 도구로 가지 않던 문제 - 명령행 문자 입력이 접두사가 같은 명령으로 실행되던 문제 - 명령이 끝나도 입력을 계속 먹던 문제(점 입력 명령만 반복, 나머지는 선택 도구 복귀) - 시퀀스 단계 인덱스 오사용 9건 + 단계 값 종류 검사 추가 - 해치 내부를 클릭해도 선택되지 않던 문제 미반영 8건(맞춤법 검사·꺾기 치수·치수 끊기/재연관/검사 치수·기하공차·지시선 수집· 축척 리스트 편집)은 조사표 `반영` 열과 PLAN.md에 사유를 적었다.
69 lines
1.7 KiB
TypeScript
69 lines
1.7 KiB
TypeScript
/** 좌측 팔레트 — 특성(PROPERTIES)과 도면층 관리자 (AutoCAD 팔레트 자리) */
|
||
import type { FC } from 'react';
|
||
import { LayerManager } from './LayerManager';
|
||
import { PropertiesEditor } from './PropertiesEditor';
|
||
import { getInspectorTab, openInspector } from './ui-state';
|
||
import {
|
||
getActiveLayerId,
|
||
getLayers,
|
||
setActiveLayerId,
|
||
setLayers,
|
||
} from '../state';
|
||
|
||
interface InspectorPanelProps {
|
||
collapsed: boolean;
|
||
onToggleCollapsed: () => void;
|
||
}
|
||
|
||
export const InspectorPanel: FC<InspectorPanelProps> = ({ collapsed, onToggleCollapsed }) => {
|
||
const tab = getInspectorTab();
|
||
const layers = getLayers();
|
||
const activeLayerId = getActiveLayerId();
|
||
|
||
return (
|
||
<aside className="cad-inspector controls" data-collapsed={collapsed}>
|
||
<button
|
||
className="cad-inspector__collapse"
|
||
type="button"
|
||
onClick={onToggleCollapsed}
|
||
title={collapsed ? '패널 펼치기' : '패널 접기'}
|
||
>
|
||
{collapsed ? '›' : '‹'}
|
||
</button>
|
||
{!collapsed && (
|
||
<>
|
||
<div className="cad-inspector-tabs">
|
||
<button
|
||
type="button"
|
||
data-active={tab === 'properties'}
|
||
onClick={() => openInspector('properties')}
|
||
>
|
||
특성
|
||
</button>
|
||
<button
|
||
type="button"
|
||
data-active={tab === 'layers'}
|
||
onClick={() => openInspector('layers')}
|
||
>
|
||
도면층
|
||
</button>
|
||
</div>
|
||
{tab === 'properties' ? (
|
||
<div className="cad-properties">
|
||
<PropertiesEditor />
|
||
</div>
|
||
) : (
|
||
<LayerManager
|
||
className="cad-layer-manager"
|
||
layers={layers}
|
||
activeLayerId={activeLayerId}
|
||
setLayers={(next) => setLayers(next)}
|
||
setActiveLayerId={(id) => setActiveLayerId(id)}
|
||
/>
|
||
)}
|
||
</>
|
||
)}
|
||
</aside>
|
||
);
|
||
};
|