eomsangdonandClaude Opus 5
3fccf8278b
조사표 4·7절 검토 결과를 반영한다. - 블록 라이브러리: 선택한 객체를 이름 붙여 저장(BLOCK)하고 팔레트에서 골라 클릭 한 번으로 놓는다(INSERT). 정의-참조 링크 없는 클론 방식이라 새 엔티티 타입 없이 기존 직렬화·groupId를 그대로 쓴다. 기준점은 선택 영역 중심. 라이브러리는 도면과 분리해 브라우저에 두고, 유실 대비로 파일 내보내기· 가져오기를 붙였다. - 사진 넣기: IMAGEATTACH가 파일 선택창을 띄우지 않아 도구가 FILE_SELECTED를 영원히 기다리고 있었다. 도구형 명령도 run()을 함께 부르게 하고 파일 선택을 붙여 되살렸다. - 조사표 4·7절의 반영 등급·반영 열을 실제 코드에 맞춰 정정하고, 반영하지 않기로 한 항목의 사유를 절마다 남겼다. 7절은 신규 구현 없음. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
74 lines
2.0 KiB
TypeScript
74 lines
2.0 KiB
TypeScript
/** 블록 라이브러리 팔레트 — 저장한 블록을 고르면 삽입 도구가 켜진다 (INSERT/BLOCK) */
|
|
import type { FC } from 'react';
|
|
import {
|
|
deleteBlock,
|
|
exportBlocksToFile,
|
|
getBlocks,
|
|
importBlocksFromFile,
|
|
} from '../blocks/block-library';
|
|
import { pickFile } from '../helpers/pick-file';
|
|
import { startBlockInsert } from '../tools/insert-block-tool';
|
|
import { isBlockLibraryVisible, setBlockLibraryVisible } from './ui-state';
|
|
|
|
export const BlockLibraryPanel: FC = () => {
|
|
if (!isBlockLibraryVisible()) return null;
|
|
|
|
const blocks = getBlocks();
|
|
|
|
return (
|
|
<div className="cad-block-library controls">
|
|
<div className="cad-quick-properties__header">
|
|
<span>블록 라이브러리</span>
|
|
<button type="button" onClick={() => setBlockLibraryVisible(false)} title="닫기">
|
|
✕
|
|
</button>
|
|
</div>
|
|
|
|
{blocks.length === 0 ? (
|
|
<p className="cad-block-library__empty">객체를 선택하고 BLOCK 명령으로 저장하십시오.</p>
|
|
) : (
|
|
<ul className="cad-block-library__list">
|
|
{blocks.map((block) => (
|
|
<li key={block.name}>
|
|
<button
|
|
type="button"
|
|
className="cad-block-library__name"
|
|
title={`객체 ${block.entities.length}개 — 클릭하면 삽입`}
|
|
onClick={() => {
|
|
setBlockLibraryVisible(false);
|
|
void startBlockInsert(block);
|
|
}}
|
|
>
|
|
{block.name}
|
|
</button>
|
|
<button
|
|
type="button"
|
|
title="삭제"
|
|
onClick={() => {
|
|
if (window.confirm(`블록 '${block.name}'을 삭제하시겠습니까?`)) {
|
|
deleteBlock(block.name);
|
|
}
|
|
}}
|
|
>
|
|
✕
|
|
</button>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
)}
|
|
|
|
<div className="cad-block-library__actions">
|
|
<button type="button" onClick={() => exportBlocksToFile()}>
|
|
파일로 내보내기
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onClick={() => pickFile('application/json', (file) => importBlocksFromFile(file))}
|
|
>
|
|
파일에서 가져오기
|
|
</button>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|