feat(488-1 CAD 이름 · 안내 글): 도면층 → 레이어 · 선가중치 → 선 두께(CAD 안 글 · 툴팁 · 명령 목록 · 토씨 손봄 · 저장 열쇠 그대로) · 우측 위 안내 한 줄 「DWG · DXF 파일을 끌어다 놓거나 [삽입 → DWG 불러오기]」 · 시험 한 줄

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-19 22:07:07 +09:00
co-authored by Claude Opus 5.5
parent 37e3ee6126
commit add2887c30
18 changed files with 112 additions and 106 deletions
@@ -1,4 +1,4 @@
/** 화면 오른쪽 위 흐린 안내 — 오토캐드에서 저장한 파일을 끌어다 놓는 법 · 누르면 순서 (B07 · M02 양식 둘 다) */
/** 화면 오른쪽 위 흐린 안내 한 줄 — DWG · DXF 끌어다 놓기 · [삽입 → DWG 불러오기] · 누르면 순서 (B07 · M02 양식 둘 다) */
import { type FC, useState } from 'react';
import { isDrawingReadOnly } from '../state';
@@ -12,12 +12,12 @@ export const DropHint: FC = () => {
onClick={() => setOpen((value) => !value)}
title="오토캐드 도형을 이 화면에 붙이는 법"
>
오토캐드에서 WBLOCK(또는 DXFOUT)으로 저장 → 파일을 여기로 끌어다 놓기
DWG · DXF 파일을 끌어다 놓거나 [삽입 → DWG 불러오기]
{open && (
<span className="cad-drop-hint__steps">
<span>① 오토캐드에서 도형을 고르고 WBLOCK(또는 DXFOUT) 입력 → 파일 이름 정해 저장</span>
<span>② 저장한 파일(도면 파일 통째도 됨)을 이 화면으로 끌어다 놓기</span>
<span>③ 원래 좌표 · 도면층 그대로 붙고 골라진 상태 — 되돌리기 한 번에 빠짐</span>
<span>② 저장한 파일(도면 파일 통째도 됨)을 끌어다 놓기 · [삽입 → DWG 불러오기]</span>
<span>③ 원래 좌표 · 레이어 그대로 붙고 골라진 상태 — 되돌리기 한 번에 빠짐</span>
</span>
)}
</button>
@@ -40,7 +40,7 @@ export const InspectorPanel: FC<InspectorPanelProps> = ({ collapsed, onToggleCol
data-active={tab === 'layers'}
onClick={() => openInspector('layers')}
>
도면층
레이어
</button>
</div>
{tab === 'properties' ? (
@@ -161,9 +161,9 @@ export const LayerManager: FC<LayerManagerProps> = ({
))}
</div>
<Button
label="새 도면층"
label="새 레이어"
iconName={IconName.FolderPlus}
title="도면층을 새로 만든다"
title="레이어를 새로 만든다"
onClick={(evt) => handleCreateNewLayer(evt)}
className="w-full mt-2"
/>
@@ -49,7 +49,7 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
</label>
<label>
<span>선가중치</span>
<span>선 두께</span>
<select
value={first.lineWidth}
onChange={(event) =>
@@ -86,7 +86,7 @@ export const PropertiesEditor: FC<PropertiesEditorProps> = ({ compact = false })
</label>
<label>
<span>도면층</span>
<span>레이어</span>
<select
value={first.layerId}
onChange={(event) =>
@@ -82,8 +82,8 @@ export const PropertiesWidget: FC = () => {
}}
/>
</label>
<label className="cad-prop" title="선가중치 (LWEIGHT)">
<span>선가중치</span>
<label className="cad-prop" title="선 두께 (LWEIGHT)">
<span>선 두께</span>
<select
value={lineWidth}
onChange={(event) => {
@@ -130,10 +130,10 @@ export const LayersWidget: FC = () => {
return (
<div className="cad-ribbon-props">
<label className="cad-prop cad-prop--wide" title="현재 도면층">
<span>현재 도면층</span>
<label className="cad-prop cad-prop--wide" title="현재 레이어">
<span>현재 레이어</span>
<select value={activeLayerId} onChange={(event) => setActiveLayerId(event.target.value)}>
{/* 잠금 도면층(배경)은 고를 수 없으니 보여 주지 않는다. 현재 층이 잠금이면
{/* 잠금 레이어(배경)는 고를 수 없으니 보여 주지 않는다. 현재 층이 잠금이면
(전부 잠금인 도면) 표시가 비지 않게 그 항목만 남긴다. */}
{layers
.filter((layer) => !layer.isLocked || layer.id === activeLayerId)
@@ -148,11 +148,11 @@ export const LayersWidget: FC = () => {
type="button"
className="cad-tool"
data-size="small"
title="도면층 특성 관리자 (LAYER)"
title="레이어 특성 관리자 (LAYER)"
onClick={() => runCommandInput('LAYER')}
>
<span className="cad-tool__glyph">▤</span>
<span className="cad-tool__label">도면층</span>
<span className="cad-tool__label">레이어</span>
</button>
</div>
);