eomsangdonandClaude Opus 5.5
324ae1b047
- 값(원문번호)은 그대로 · 글만 바꿈 — M02 사본 저장 · 로직 부름 · 엑셀 이음 그대로 - 서버 GET /api/m02/df/machine-names(로그인만) = 기계 원문번호 → 이름 규격 · 브라우저는 한 번 받아 둠 - 수식 탭 옵션(formula_doc_options) · 단가산출 상세 옵션(calc_sheet varRow) 같은 도우미 · M01 · M02 같이 - 목록이 모두 원문번호 꼴일 때만(빈 칸 뺌) · 문서 선택 목록 원문번호 전수 이름 있음 - test_804_10 셋 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
77 lines
3.1 KiB
TypeScript
77 lines
3.1 KiB
TypeScript
/* =============================================================================
|
|
* formula_doc_options.ts
|
|
* 수식 문서 옵션 가로(PLAN 802-3 · 802-4b-2 · 요구 655 「옵션 선택은 상단에 수평」) — 선택 · 입력 기호마다 칸 하나
|
|
* 값 = 화면 값(`given`) › 문서 값 · 고침은 부른 쪽 `set`(M01 = 화면 값만 · M02 사본 = 문서 값) · `lock` = 읽기만
|
|
* 목록이 모두 기계 원문번호(`0101-0007`)면 글 = 「이름 규격 (원문번호)」(요구 692-2 · 값은 그대로 · 이름은 한 번 받아 둠)
|
|
* ========================================================================== */
|
|
|
|
import { createInputField, createSelectField } from "@ui/ui_template_input";
|
|
import { varId, type DocVar, type FormulaDoc } from "../common_util/common_util_formula_doc";
|
|
import { cfMachineNames } from "../M02_MasterTemplete/DataFlow/M02_DF_Api";
|
|
|
|
const MACHINE = /^\d{4}-\d{4}$/;
|
|
let names: Record<string, string> = {};
|
|
|
|
/** 고르기 글 — 기계 원문번호는 이름 · 규격을 앞에 */
|
|
export const optionText = (x: string, known: Record<string, string> = names): string =>
|
|
known[x] ? `${known[x]} (${x})` : x;
|
|
|
|
/** 목록이 모두 원문번호(빈 칸 빼고)면 이름을 받아 `redraw`(글만 다시) — 수식 탭 옵션 · 단가산출 상세 옵션 */
|
|
export function nameMachines(list: string[], redraw: () => void): void {
|
|
const codes = list.filter(Boolean);
|
|
if (codes.length && codes.every((x) => MACHINE.test(x)) && codes.some((x) => !(x in names)))
|
|
void cfMachineNames().then((got) => {
|
|
names = got;
|
|
redraw();
|
|
});
|
|
}
|
|
|
|
export function buildOptions(
|
|
doc: FormulaDoc | null,
|
|
given: Record<string, unknown>,
|
|
lock: boolean,
|
|
set: (key: string, v: DocVar, value: unknown) => void,
|
|
): HTMLElement[] {
|
|
const out: HTMLElement[] = [];
|
|
for (const v of doc?.변수 ?? []) {
|
|
const kind = v.연결?.갈래;
|
|
const k = v.열쇠;
|
|
if (!k || (kind !== "선택" && kind !== "입력")) continue;
|
|
const label = v.이름 || varId(v);
|
|
const now = k in given ? given[k] : v.연결?.값;
|
|
if (kind === "선택") {
|
|
const list = (v.연결?.목록 ?? []).map(String);
|
|
const items = () => list.map((x) => ({ value: x, text: optionText(x) }));
|
|
const f = createSelectField({
|
|
label,
|
|
options: items(),
|
|
value: String(now ?? ""),
|
|
compact: true,
|
|
size: 28,
|
|
disabled: lock,
|
|
onChange: (x) => set(k, v, x),
|
|
});
|
|
f.root.dataset.option = k;
|
|
nameMachines(list, () => f.setOptions(items(), f.select.value));
|
|
out.push(f.root);
|
|
} else {
|
|
const f = createInputField({
|
|
label,
|
|
value: now === undefined || now === null ? "" : String(now),
|
|
compact: true,
|
|
size: 28,
|
|
unit: v.단위 || undefined,
|
|
});
|
|
f.input.disabled = lock;
|
|
f.input.addEventListener("change", () => {
|
|
const t = f.input.value.trim();
|
|
const n = Number(t.replace(/,/g, ""));
|
|
set(k, v, t !== "" && Number.isFinite(n) ? n : t);
|
|
});
|
|
f.root.dataset.option = k;
|
|
out.push(f.root);
|
|
}
|
|
}
|
|
return out;
|
|
}
|