eomsangdonandClaude Opus 5.5
de250ab759
- 부품 상자 CSS · 단추 기본 꼴을 CAD iframe 에 실음(integration/ui-kit.ts) · 자리 · 폭은 cad-* 그대로 - 상태막대 = ui-toggle--chip 22 · 특성/레이어 = ui-tabs 36 · ↶↷ · 리본 접기 · 탐색 막대 = ui-icon-btn 20 · 32 - 빠른 특성 · 블록 라이브러리 · 자리표 = ui-float-panel · 리본 넘침 · 스냅 · 명령 자동완성 = ui-ctx-menu - window.confirm · window.prompt → askConfirm · askText · 빈 안내 = ui-empty 작은 꼴 - 높이 단: 리본 칸 19→18 · 명령 칸 26→28 · 레이어 줄 40→42 · 문서 탭 25→24 · 도각 편집 단추 24 - 마우스 바탕 = --color-hover · 켜짐 = --color-accent-soft · 도면 그림 색(--draw-*) 안 건드림 - 안 쓰는 DropdownButton 지움(쓰는 곳 0 · grep) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
/** 빠른 실행 단추(↶ ↷) — 리본 탭 줄 오른쪽(접기 단추 앞)에 그린다 · 아이콘 단추 부품(단 20) · 숨김 목록은 DOM 만 둔다 */
|
|
import type { FC } from 'react';
|
|
import { getCommandById } from '../commands/registry';
|
|
import { runCommand } from '../commands/run-command';
|
|
import { QUICK_ACCESS_COMMANDS, QUICK_ACCESS_HIDDEN } from '../ribbon/ribbon.config';
|
|
import { isHostSave } from '../state';
|
|
|
|
export const QuickAccessBar: FC = () => {
|
|
// 부모 [저장]이 맡는 M02 는 우하단 ViewControls 에 ↶ ↷ 가 있어 안 그린다
|
|
if (isHostSave()) return null;
|
|
return (
|
|
<div className="cad-quick-access">
|
|
{QUICK_ACCESS_COMMANDS.map((id) => {
|
|
const command = getCommandById(id);
|
|
if (!command) return null;
|
|
return (
|
|
<button
|
|
type="button"
|
|
className="ui-icon-btn ui-icon-btn--ghost"
|
|
data-size="20"
|
|
aria-label={command.label}
|
|
key={command.id}
|
|
hidden={QUICK_ACCESS_HIDDEN.includes(id)}
|
|
title={`${command.label} (${command.id})`}
|
|
onClick={() => runCommand(command)}
|
|
>
|
|
<span aria-hidden>{command.glyph}</span>
|
|
</button>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
};
|