feat(804-6): 옛 수식 탭 걷음 · 줄 쌓기 = 첫 「수식」 탭(요구 686-1)

- 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>
This commit is contained in:
2026-11-08 11:09:44 +09:00
co-authored by Claude Opus 5.5
parent 04caf618bb
commit 7480aebc96
32 changed files with 169 additions and 5199 deletions
@@ -1,22 +1,19 @@
/* =============================================================================
* M02_MasterTemplete_Sangeun_Tabs.ts
* M02 단가산출(SK) 상세 보기 고르기(PLAN 799-2 · 802-4b-2 · 804-2 · 요구 655-8 · 660~665 · 677) — 수식(첫 탭) · 줄 쌓기 · 단가산출 상세.
* 줄 쌓기 = 공용 줄 쌓기 화면(`A00_Common/line_stack_screen.ts`) — 같은 SK 수식 길 · 같은 캐시 · 탭을 바꾸면 고른 쪽이 다시 읽음
* 수식 = 공용 수식 문서 화면(`A00_Common/formula_doc_screen.ts` · M01 과 같은 꼴) — 길 앞머리만 M02 사본 길
* M02 단가산출(SK) 상세 보기 고르기(PLAN 799-2 · 804-2 · 804-6 · 요구 686-1) — 수식(첫 탭 · 줄 쌓기) · 단가산출 상세.
* 수식 = 공용 줄 쌓기 화면(`A00_Common/line_stack_screen.ts` · M01 과 같은 꼴) — 길 앞머리만 M02 사본 길
* (`/m02/layers/{층}/sangeun/{키}/doc` · 802-4a) · 층 쓰기 권한 없으면 읽기만 · 저장 = 그 탭 [수식 저장](페이지 [저장] 아님)
* 옛 M02 수식 나무 화면(796-2b · 2c · 2e · 800 · 801)은 걷음 · 단가산출 상세 = 상세가 쥔 `editor`(수식일 때 숨김)
* 옛 수식 문서 탭(802-4b-2)은 804-6 에 걷음 · 단가산출 상세 = 상세가 쥔 `editor`(수식일 때 숨김)
* 저장 안 한 SK(일위대가 줄 모달 · 새 SK) = 「저장한 단가산출만」 글
* ========================================================================== */
import { createSegment } from "@ui/ui_template_segment";
import { createDocScreen } from "../A00_Common/formula_doc_screen";
import { createStackScreen } from "../A00_Common/line_stack_screen";
import { lt } from "../A00_Common/line_stack_text";
import { el } from "@ui/ui_template_elements";
import { tl } from "../M01_MasterData/M01_MasterData_UI_LogicLab_Text";
import type { Layer } from "./M02_MasterTemplete_Api_Fetch";
type View = "equation" | "stack" | "ho";
type View = "stack" | "ho";
export interface SkEquationOptions {
scope: { layer: Layer; owner: string | null };
@@ -46,12 +43,6 @@ export function createSangeunTabs(
draw: (key: string) => void;
canLeave: () => Promise<boolean>;
} {
const screen = createDocScreen({
base: "",
admin: opt.edit,
cache: "m02_sk_doc_drafts",
copy: { route: (k, p) => skDocPath(opt.scope, k, p), onSaved: opt.onSaved },
});
const stack = createStackScreen({
base: "",
admin: opt.edit,
@@ -60,42 +51,35 @@ export function createSangeunTabs(
scope: opt.scope, // 804-4 다른 단가산출 · 일위대가 복사
});
let key = "";
let view: View = "equation";
let view: View = "stack";
const show = (v: View): void => {
view = v;
screen.root.hidden = v !== "equation";
stack.root.hidden = v !== "stack";
editor.hidden = v !== "ho";
if (!editor.hidden) editor.dataset.view = v;
};
const picker = createSegment({
options: [
{ value: "equation", label: tl("View_Equation") },
{ value: "stack", label: lt("Tab") },
{ value: "stack", label: tl("View_Equation") },
{ value: "ho", label: tl("Ho_Title") },
],
value: "equation",
value: "stack",
size: 32,
ariaLabel: tl("View_Label"),
onChange: (v) => {
show(v as View);
if (v === "stack") stack.draw(key, true);
else if (v === "equation" && key) {
screen.draw("");
screen.draw(key);
}
},
});
picker.root.dataset.skViews = "";
show("equation");
show("stack");
return {
picker: picker.root,
host: el("div", { className: "m02-sk__views", children: [screen.root, stack.root] }),
host: el("div", { className: "m02-sk__views", children: [stack.root] }),
draw: (k: string) => {
key = k;
screen.draw(k);
if (view === "stack") stack.draw(k);
},
canLeave: () => screen.canLeave().then((ok) => ok && stack.canLeave()),
canLeave: () => stack.canLeave(),
};
}