eomsangdonandClaude Opus 5.5
7480aebc96
- M01 단가산출 기초 · M02 단가산출 상세 보기 = 수식(줄 쌓기 · 기본) · 단가산출 상세 둘 - 줄 쌓기에 M02 사본 [단가 갱신] · [재생성](미리 셈 → 알림 → 저장 · 고침 있으면 막음) · 판 바뀜(409) 문서 그대로면 새 판으로 다시 저장 옮김 - 옛 수식 문서 화면 걷음(formula_doc_screen · defs · edit · lines · math · math_model · rows · sub · formula_doc.css) · 이미 안 부르던 796-2 수식 나무 화면(LogicLab_Equation · Defs · Var · css · M01_Logic_Equation_Model · sheet_formula_cell · ui_template_equation_defs · edit) 걷음 — 18 파일 4,860 줄 - formula_doc_render = 줄 쌓기가 쓰는 reach 만 · 옵션 가로 CSS 는 line_stack.css 로 - 남김 = 계산기 common_util_formula_doc* · 서버 길 · 옵션 · 사본 표지 · 합계 상자 · KaTeX · 시험 페이지 tools/line-stack-test - 시험: test_796_2 지움(걷은 화면 원본 검사뿐) · 799_1 · 800_2 걷은 화면 줄만 뺌 · 799_2 · 802_4b2 · 804_2 보기 · 화면 파일 대상 바꿈 · test_804_6 새로(걷은 파일 · 부르는 곳 없음 · 첫 탭 · 사본 할일) Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
43 lines
1.9 KiB
TypeScript
43 lines
1.9 KiB
TypeScript
/* =============================================================================
|
|
* M01_MasterData_UI_LogicLab_View.ts
|
|
* 「단가산출 로직」 상세 보기 고르기 — 머리줄 [신규 로직] 왼쪽 「분할 고르기 | 세로 나눔선」
|
|
* 보기 둘 = 수식(기본 · 줄 쌓기 화면 `A00_Common/line_stack_screen.ts` · 804-6 옛 수식 문서 탭 걷음) · 단가산출 상세 — 고른 덩이만 보임
|
|
* 덩이 = `data-block` 이름표 · 숨김 = 그릇 `data-view` + CSS(`LogicLab_Style.css`) — 다시 그려도 고름 유지
|
|
* 셈 구동은 화면 칸 없이 `_Logic_Drive.ts` · 기본정보는 이름표 없음(늘 맨 위)
|
|
* 기억 = 이 화면 안에서만(로직을 바꿔도 유지 · 새로 들어오면 수식)
|
|
* ========================================================================== */
|
|
|
|
import { createSegment } from "@ui/ui_template_segment";
|
|
import { createToolbar } from "@ui/ui_template_toolbar";
|
|
import { tl } from "./M01_MasterData_UI_LogicLab_Text";
|
|
|
|
export type LabView = "stack" | "ho";
|
|
|
|
/** 덩이에 보기 이름표를 붙여 돌려줌 */
|
|
export const block = <T extends HTMLElement>(node: T, view: LabView): T => {
|
|
node.dataset.block = view;
|
|
return node;
|
|
};
|
|
|
|
/** 보기 고르기 — `host`(상세 그릇)에 `data-view` 를 둠 · `root` 는 머리줄에 놓음 */
|
|
export function createViewPicker(
|
|
host: HTMLElement,
|
|
onChange?: (v: LabView) => void,
|
|
): { root: HTMLElement } {
|
|
host.dataset.view = "stack";
|
|
const segment = createSegment({
|
|
options: [
|
|
{ value: "stack", label: tl("View_Equation") },
|
|
{ value: "ho", label: tl("Ho_Title") },
|
|
],
|
|
value: "stack",
|
|
size: 32,
|
|
ariaLabel: tl("View_Label"),
|
|
onChange: (v) => {
|
|
host.dataset.view = v;
|
|
onChange?.(v as LabView);
|
|
},
|
|
});
|
|
return { root: createToolbar({ items: [segment.root, "divider"], label: tl("View_Label") }) };
|
|
}
|