eomsangdonandClaude Opus 5.5
f91c59a2f3
- 평면 고름 이름 PLAN_PICK_FROM 을 design_pick_escape 로 옮김(Cross · 마커가 같이 씀) - 종단 고름 구독 = Esc 처럼 b05-plan 풂(값 없음)이면 폼 닫음 · 패널 접힘 · 펼침 그대로 · 오른쪽 판 그대로 - 시험 409 에 409-2 더함(새 helper_409_2) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XWh5wNNycMkbwMpACz1rte
36 lines
1.9 KiB
TypeScript
36 lines
1.9 KiB
TypeScript
/* =============================================================================
|
|
* A00_Common/design/design_pick_escape.ts
|
|
* 풀기 한 길 — Esc = 고름 한 칸 비움 (233-3 · 조사 AF (나)).
|
|
*
|
|
* 값을 비우면 구독한 화면이 모두 따라 풂 — 종단(측점선 · 알약) · 3D(띠 · 핀 · 부재) · 배수유역도 ·
|
|
* 좌측 폼 · 횡단 카드 · 범위 테두리 · 포장층 · 형상. 입력 칸 · 창(모달) · 메뉴 · 종단 도구가 먼저
|
|
* 받은 Esc(입력 취소 · 창 닫기 · 도구 끝)는 그쪽 몫이라 건드리지 않음.
|
|
* ========================================================================== */
|
|
|
|
import { NO_SELECTION, selectDesign } from "./design_selection";
|
|
|
|
/** Esc 로 푼 고름의 출처 이름 — 구독자가 폼까지 닫을지 가르는 데 씀. */
|
|
export const ESCAPE_FROM = "esc";
|
|
|
|
/** 평면 노선 편집 창이 낸 고름(눈금 클릭 · 구조물 마커 고름 풂) — 오른쪽 횡단 판은 제 것이라 거름 ·
|
|
* 풂(값 없음)이면 Esc 처럼 좌측 폼까지 닫음(409-2). */
|
|
export const PLAN_PICK_FROM = "b05-plan";
|
|
|
|
const OWN_ESCAPE =
|
|
"input, select, textarea, [contenteditable='true'], [role='dialog'], .ui-modal__backdrop";
|
|
|
|
/** 보기마다 건다 — 보이는 보기 하나만 받음 · 보기를 떠나면 뗌. */
|
|
export function bindEscapeRelease(
|
|
projectId: string | null,
|
|
host: { visible: () => boolean; onDispose: (fn: () => void) => void },
|
|
): void {
|
|
const onKey = (event: KeyboardEvent): void => {
|
|
if (event.key !== "Escape" || event.defaultPrevented || !host.visible()) return;
|
|
const target = event.target as HTMLElement | null;
|
|
if (target?.closest?.(OWN_ESCAPE) || document.querySelector(".ui-modal__backdrop")) return;
|
|
selectDesign(projectId, NO_SELECTION, { from: ESCAPE_FROM });
|
|
};
|
|
window.addEventListener("keydown", onKey);
|
|
host.onDispose(() => window.removeEventListener("keydown", onKey));
|
|
}
|