From 28e535f4905e998b79db53dd135ce32d2171b851 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Mon, 5 Oct 2026 20:47:49 +0900 Subject: [PATCH] =?UTF-8?q?feat(M02):=20=EB=A1=9C=EC=A7=81=20=EA=B3=A0?= =?UTF-8?q?=EB=A5=B4=EA=B8=B0=20=EC=B0=BD=20=EA=B5=AC=EB=B6=84=20=C2=B7=20?= =?UTF-8?q?=EC=83=81=EC=84=B8=EA=B5=AC=EB=B6=84=20=EA=B1=B0=EB=A6=84?= =?UTF-8?q?=EC=97=90=20=EB=8B=A8=EA=B0=80=EC=8A=B9=EA=B2=A9=20=C2=B7=20?= =?UTF-8?q?=EC=82=AC=EC=A0=84=EC=A1=B0=ED=95=A9=20=EC=A4=84=20=ED=8F=AC?= =?UTF-8?q?=ED=95=A8=20(51-12=20=ED=99=94=EB=A9=B4)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 구분 · 상세구분 고르기 칸 = 로직 구분 + 서고 줄(승격 · 조합) 구분 · 같은 값은 한 칸 - 구분을 고르면 서고 줄도 같은 값으로 걸러짐(이전 = 서고 줄 숨김) - 서고 줄 보조 글에 구분 · 상세구분 · 사전조합 상세 [추가] 창도 같은 창 - 확인 시나리오 resources/tester/ui_checks/51-12_고르기_구분.js Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01W4uKaV4ZBhsJN4GHG7yRj4 --- .../M02_MasterTemplete_Labor_Api.ts | 3 + .../M02_MasterTemplete_Labor_Pick.ts | 38 ++++++-- .../tester/ui_checks/51-12_고르기_구분.js | 97 +++++++++++++++++++ 3 files changed, 130 insertions(+), 8 deletions(-) create mode 100644 resources/tester/ui_checks/51-12_고르기_구분.js diff --git a/M02_MasterTemplete/M02_MasterTemplete_Labor_Api.ts b/M02_MasterTemplete/M02_MasterTemplete_Labor_Api.ts index ebf4db18c..c896cb70a 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_Labor_Api.ts +++ b/M02_MasterTemplete/M02_MasterTemplete_Labor_Api.ts @@ -233,6 +233,9 @@ export interface LibraryRow { 이름: string; 제목?: string | null; 단위?: string | null; + /** 단가승격 = 원 로직 것 · 사전조합 = 사용자가 고름(51-12) */ + 구분?: string | null; + 상세구분?: string | null; } /** 서고 목록 — 그 층(주인) 단가승격 `promote` · 사전조합 `precombo` 문서 */ export const fetchLibrary = async ( diff --git a/M02_MasterTemplete/M02_MasterTemplete_Labor_Pick.ts b/M02_MasterTemplete/M02_MasterTemplete_Labor_Pick.ts index 445b48d45..02331349f 100644 --- a/M02_MasterTemplete/M02_MasterTemplete_Labor_Pick.ts +++ b/M02_MasterTemplete/M02_MasterTemplete_Labor_Pick.ts @@ -82,9 +82,12 @@ export function openLogicPicker(done: (logic: LogicSummary) => void, lib?: Libra (!detail.select.value || x.상세구분 === detail.select.value) && (!q || `${x.키} ${x.이름}`.toLowerCase().includes(q)), ); - const libFound = sub.select.value - ? [] - : libRows.filter((x) => !q || `${x.row.이름} ${x.row.제목 ?? ""}`.toLowerCase().includes(q)); + const libFound = libRows.filter( + (x) => + (!sub.select.value || x.row.구분 === sub.select.value) && + (!detail.select.value || x.row.상세구분 === detail.select.value) && + (!q || `${x.row.이름} ${x.row.제목 ?? ""}`.toLowerCase().includes(q)), + ); const total = all.length + libRows.length; const shown = found.length + libFound.length; finder.hint.textContent = loading @@ -110,7 +113,7 @@ export function openLogicPicker(done: (logic: LogicSummary) => void, lib?: Libra key: x.row.이름, tag: tc(x.kind), name: x.row.제목 || x.row.이름, - sub: x.row.이름, + sub: `${x.row.이름} · ${x.row.구분 ?? ""} ${x.row.상세구분 ?? ""}`.trim(), unit: x.row.단위 ?? "", onPick: () => { close(); @@ -142,6 +145,7 @@ export function openLogicPicker(done: (logic: LogicSummary) => void, lib?: Libra showToast(error instanceof Error ? error.message : tc("Load_Failed"), "error"); } loading = false; + drawSubs(); find(); }; const drawLayers = (): void => @@ -158,10 +162,28 @@ export function openLogicPicker(done: (logic: LogicSummary) => void, lib?: Libra }), ), ); - sub.select.addEventListener("change", () => { - const d = subs.find((s) => s.name === sub.select.value)?.details ?? []; - detail.setOptions(opts(d), ""); + /** 구분 → 상세구분 — 로직 구분에 서고 줄(승격 · 조합) 것을 더함 · 같은 값은 한 칸 */ + const subMap = (): Map> => { + const m = new Map(subs.map((s) => [s.name, new Set(s.details)])); + for (const { row } of libRows) { + if (!row.구분) continue; + if (!m.has(row.구분)) m.set(row.구분, new Set()); + if (row.상세구분) m.get(row.구분)!.add(row.상세구분); + } + return m; + }; + const drawDetails = (keep: string): void => { + const d = [...(subMap().get(sub.select.value) ?? [])]; + detail.setOptions(opts(d), d.includes(keep) ? keep : ""); detail.select.disabled = d.length === 0; + }; + const drawSubs = (): void => { + const keep = detail.select.value; + sub.setOptions(opts([...subMap().keys()]), sub.select.value); + drawDetails(keep); + }; + sub.select.addEventListener("change", () => { + drawDetails(""); find(); }); detail.select.addEventListener("change", find); @@ -202,8 +224,8 @@ export function openLogicPicker(done: (logic: LogicSummary) => void, lib?: Libra .then(([s, l]) => { subs.push(...s); all = l; + drawSubs(); find(); - sub.setOptions(opts(s.map((x) => x.name)), ""); }) .catch((error) => showToast(error instanceof Error ? error.message : tc("Load_Failed"), "error"), diff --git a/resources/tester/ui_checks/51-12_고르기_구분.js b/resources/tester/ui_checks/51-12_고르기_구분.js new file mode 100644 index 000000000..9361d5031 --- /dev/null +++ b/resources/tester/ui_checks/51-12_고르기_구분.js @@ -0,0 +1,97 @@ +/* 51-12 — 로직 고르기 창 구분 · 상세구분 거름에 단가승격 · 사전조합 줄도 들어감 + * 시작 화면: M02 마스터 템플릿 · 마스터 층(#/m02-master-template?open=구조물조합&root=master) · 시스템 관리자 · item1 있음 + * 부르는 법: orca eval --expression "$(tr ' +' ' ' < 이 파일)" (async 식 · JSON 글을 돌려줌) + * 하는 일: item1 → 일위대가 [수정] → [로직 추가] → 서고 줄마다 구분 · 상세구분으로 걸러 봄 → 창 닫음(저장 안 함) + * 기대 수치: + * - libRows ≥ 2(SP-000001 · SC-000001 포함) + * - lib[키].sub = 한 구분(빈 값 아님) · lib[키].detail = 한 상세구분 · lib[키].subText 에 둘이 다 보임 + * - lib[키].withLogic = true(같은 구분 칸에 단가산출 줄도 함께 — 같은 값은 한 칸) + * - subDup = 0(구분 칸 겹침 없음) + */ +(async () => { + const w = (ms) => new Promise((r) => setTimeout(r, ms)); + const until = async (fn, ms = 8000) => { + for (let t = 0; t < ms; t += 150) { + const v = fn(); + if (v) return v; + await w(150); + } + return null; + }; + const out = {}; + const node = await until(() => document.querySelector('[data-node="i|item1"]')); + if (!node) return JSON.stringify({ error: "item1 없음" }); + node.click(); + const card = await until(() => + [...document.querySelectorAll(".m02-struct__card")].find((c) => + c.querySelector("table.m02-labrow tbody tr[data-labor-logic]"), + ), + ); + if (!card) return JSON.stringify({ error: "일위대가 카드 없음" }); + [...card.querySelectorAll(".m02-struct__card-tools button")] + .find((b) => b.innerText.trim() === "수정") + ?.click(); + const table = () => + [...document.querySelectorAll("table.m02-labrow")].find( + (t) => !t.closest(".m02-struct__card") && t.querySelector("tr[data-labor-logic]"), + ); + await until(() => table() && !/…/.test(table().querySelector("tbody").innerText), 12000); + const host = table().closest("[data-labor]"); + [...host.querySelectorAll(".m01-logic__section-head button")] + .find((b) => b.innerText.trim() === "로직 추가") + .click(); + const dlg = await until(() => document.querySelector(".m01-logic__pick")); + const rows = () => [...dlg.querySelectorAll(".ui-find__row")]; + const isLib = (r) => r.querySelector(".ui-find__tag")?.innerText.trim() !== "단가산출"; + await until(() => rows().some(isLib) && rows().some((r) => !isLib(r)), 20000); + await w(500); + const [subSel, detailSel] = dlg.querySelectorAll(".ui-find__filters select"); + const set = async (sel, v) => { + sel.value = v; + sel.dispatchEvent(new Event("change", { bubbles: true })); + await w(120); + }; + const libKeys = rows() + .filter(isLib) + .map((r) => r.dataset.pick); + out.libRows = libKeys.length; + const subVals = [...subSel.options].map((o) => o.value).filter(Boolean); + out.subDup = subVals.length - new Set(subVals).size; + const lib = {}; + for (const k of libKeys) + lib[k] = { + subText: rows() + .find((r) => r.dataset.pick === k) + ?.querySelector(".ui-find__sub")?.innerText, + sub: [], + detail: [], + withLogic: false, + }; + for (const s of subVals) { + await set(subSel, s); + const shown = rows(); + const hasLogic = shown.some((r) => !isLib(r)); + for (const r of shown.filter(isLib)) { + if (!lib[r.dataset.pick]) continue; + lib[r.dataset.pick].sub.push(s); + lib[r.dataset.pick].withLogic ||= hasLogic; + } + for (const d of [...detailSel.options].map((o) => o.value).filter(Boolean)) { + await set(detailSel, d); + for (const r of rows().filter(isLib)) lib[r.dataset.pick]?.detail.push(d); + } + await set(detailSel, ""); + } + await set(subSel, ""); + out.lib = lib; + [...dlg.querySelectorAll("button")].find((b) => b.innerText.trim() === "닫기")?.click(); + out.closed = !document.querySelector(".m01-logic__pick"); + document.querySelector('[data-node="i|item1"]')?.click(); + await w(800); + const ask = [...document.querySelectorAll(".ui-modal button, dialog button")].find((x) => + /확인|버림|떠나기/.test(x.innerText), + ); + ask?.click(); + return JSON.stringify(out); +})();