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:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user