Files
Aislo/B07_DesignDetail/openwebcad/src/tools/annotate/annotation.helpers.ts
T
eomsangdon ea9d9685be feat(B07): CAD를 AutoCAD 명령 체계로 재구성한다 (조사표 1·2·3·5절)
저장소 사고로 잃은 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에 사유를 적었다.
2026-08-30 01:34:13 +09:00

67 lines
2.5 KiB
TypeScript

/** 치수·지시선이 함께 쓰는 조각 만들기 (화살표·치수 문자·직전 치수 기억) */
import { Point } from '@flatten-js/core';
import { getDimArrowSize, getDimDecimals, getDimTextHeight } from '../../commands/dim-settings';
import { ArrowHeadEntity } from '../../entities/ArrowHeadEntity';
import type { Entity } from '../../entities/Entity';
import type { MeasurementEntity } from '../../entities/MeasurementEntity';
import { getActiveLayerId, getActiveLineColor, getScreenCanvasDrawController } from '../../state';
import { textEntity } from '../factories/entity-factory';
/** 화면 px 기준 상수를 도면 단위로 바꾼다 (줌이 달라도 크기가 일정하게 보인다) */
export function worldFactor(): number {
try {
return getScreenCanvasDrawController().getScreenScale() || 1;
} catch {
return 1;
}
}
/** tip을 꼭짓점으로 하고 from 방향에서 들어오는 화살표 */
export function arrowHead(tip: Point, from: Point, size = getDimArrowSize()): ArrowHeadEntity {
const length = size / worldFactor();
const dx = tip.x - from.x;
const dy = tip.y - from.y;
const distance = Math.hypot(dx, dy) || 1;
const ux = dx / distance;
const uy = dy / distance;
const baseX = tip.x - ux * length;
const baseY = tip.y - uy * length;
const halfWidth = length * 0.35;
const head = new ArrowHeadEntity(
getActiveLayerId(),
tip,
new Point(baseX - uy * halfWidth, baseY + ux * halfWidth),
new Point(baseX + uy * halfWidth, baseY - ux * halfWidth)
);
head.lineColor = getActiveLineColor();
head.fillColor = getActiveLineColor();
return head;
}
/** 치수 문자 — 설정한 소수 자릿수·문자 높이를 따른다 */
export function dimensionText(value: number, position: Point, prefix = '', suffix = ''): Entity {
const label = `${prefix}${value.toFixed(getDimDecimals())}${suffix}`;
return textEntity(label, position, {
fontSize: getDimTextHeight() / worldFactor(),
textAlign: 'center',
});
}
/** 문자 그대로 찍는 주석 (좌표·각도처럼 단위가 다른 값) */
export function annotationText(label: string, position: Point): Entity {
return textEntity(label, position, {
fontSize: getDimTextHeight() / worldFactor(),
textAlign: 'center',
});
}
/** DIMBASELINE·DIMCONTINUE가 이어 그릴 직전 치수 */
let lastDimension: MeasurementEntity | null = null;
export const rememberDimension = (dimension: MeasurementEntity): void => {
lastDimension = dimension;
};
export const getLastDimension = (): MeasurementEntity | null => lastDimension;