fix(structure): 필수 칸 빈 옛 구조물도 다른 칸 · 측점 바꿈 바로 반영 · 빈 칸 표시 + 안내 한 줄(54-12)

- 실시간 반영이 빈 필수 칸에서 멈추고 포커스만 보내던 것 풂 · [추가] · 서버 [저장] 막기 그대로
- 빈 필수 칸 붉은 테두리 + 그 칸 상자 안 「필수 칸 비어 있음 — [저장] 전 채움」(B05 = B06)
- 시험 test_54_12_live_required · 옛 「실시간 멈춤」 기대 한 줄 바꿈

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013rJwJMVL4EE31y77TB11AP
This commit is contained in:
2026-10-06 11:40:39 +09:00
co-authored by Claude Opus 5.5
parent 8759fbf0ee
commit dfe1382377
7 changed files with 214 additions and 4 deletions
@@ -112,8 +112,10 @@ export function renderOptionFields(
// 상위 값이 바뀌면 하위 기본값 · 선택지 · 보이기를 먼저 맞추고 반영(48-4)
input.addEventListener("change", () => {
applyRules(option.key);
markRequired(optionInputs, optionRow);
ctx.liveCommit();
});
input.addEventListener("input", () => markRequired(optionInputs, optionRow));
all.push({
wrap,
entry: {
@@ -203,6 +205,29 @@ export function renderOptionFields(
ctx.syncRangeDisplay();
}
/** 빈 필수 칸 표시(54-12) — 칸 테두리 + 그 칸이 든 상자(격자) 안 안내 한 줄. 칸이 그룹 상자로 옮겨 간
* 뒤에도 맞게 패널이 칸 그리기 · 그룹 다시 세우기 · 값 바꿈마다 부름. 막지 않음(막기는 [추가] · [저장]). */
export function markRequired(
optionInputs: OptionRenderContext["optionInputs"],
optionRow: HTMLElement,
): void {
const scope = optionRow.parentElement ?? optionRow;
scope.querySelectorAll(".b05-structure__required-note").forEach((note) => note.remove());
scope
.querySelectorAll(".is-required-empty")
.forEach((input) => input.classList.remove("is-required-empty"));
for (const entry of optionInputs) {
if (!entry.required || !entry.isEmpty()) continue;
entry.input.classList.add("is-required-empty");
const box = entry.input.closest<HTMLElement>("[data-option-keys]")?.parentElement;
if (!box || box.querySelector(":scope > .b05-structure__required-note")) continue;
const note = document.createElement("p");
note.className = "b05-structure__required-note";
note.textContent = "필수 칸 비어 있음 — [저장] 전 채움";
box.append(note);
}
}
/** 고르기 칸 보기를 규칙 선택지로 — 빈 보기는 남기고, 지금 값이 목록 밖이면 그 값만 남겨 보임. */
function syncChoices(
element: HTMLSelectElement,