feat(m02): 자재목록 세 칸 기본값 — 「일반」 지움 · 빈 칸 사급 · 별도계상 · 포함 · 별도계상이면 운반비 꺼짐(162-1)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SE9MxeXTu2uaDZ55BJowAY

M02_MasterTemplete/M02_MasterTemplete_Labor_MatMarks.ts

@@ -1,12 +1,14 @@
 /* =============================================================================
  * M02_MasterTemplete_Labor_MatMarks.ts
- * 자재목록 세 칸(148-4) — 자재구분(일반 · 관급 · 사급) · 별도계상(별도계상 · 직접계산) · 운반비(포함 · 미포함)
- *  · 고칠 수 있으면 드롭다운(처음 값 빈 「—」 · 줄 누름과 따로) · 아니면 글 · 금액 무관
+ * 자재목록 세 칸(148-4) — 자재구분(관급 · 사급) · 별도계상(별도계상 · 직접계산) · 운반비(포함 · 미포함)
+ *  · 고칠 수 있으면 드롭다운(줄 누름과 따로) · 아니면 글 · 금액 무관
+ *  · 빈 칸 = 기본값 표시(162-1 · `MAT_MARK_DEFAULT` · 저장은 비움) · 별도계상이면 운반비 드롭다운 꺼짐(값 그대로)
  *  · 사용자 자재 = 줄 덧칸 · 로직 자재 = 로직 줄 `자재표시 {호표 차례: 세 칸}`(`Labor_Api` 정리 · 서버 `clean`)
  * ========================================================================== */
 
 import { createSelectField, el } from "@ui/ui_template_elements";
 import {
+  MAT_MARK_DEFAULT,
   MAT_MARKS,
   type LaborRow,
   type MatMarkKey,
@@ -21,7 +23,6 @@ const HEAD: Record<MatMarkKey, ComboTextKey> = {
 };
 /** 선택지 글(저장 값은 한국어 그대로) */
 const WORD: Record<string, ComboTextKey> = {
-  일반: "Mark_General",
   관급: "Mark_Gov",
   사급: "Mark_Private",
   별도계상: "Mark_Separate",
@@ -33,33 +34,36 @@ const KEYS = Object.keys(MAT_MARKS) as MatMarkKey[];
 
 export const markHeads = (): string[] => KEYS.map((k) => tc(HEAD[k]));
 
-/** 세 칸 — `set` 없으면 글만(빈 = 「—」) */
+/** 세 칸 — `set` 없으면 글만(빈 = 기본값 글) */
 export function markCells(
   value: MatMarks,
   set?: (key: MatMarkKey, v: string) => void,
 ): HTMLElement[] {
-  return KEYS.map((key) => {
-    const now = value[key] ?? "";
+  const picks: Partial<Record<MatMarkKey, HTMLSelectElement>> = {};
+  const cells = KEYS.map((key) => {
+    const now = value[key] ?? MAT_MARK_DEFAULT[key];
     const attrs = { "data-label": tc(HEAD[key]), "data-mat-mark": key };
-    if (!set)
-      return el("td", {
-        className: "m02-labrow__mark",
-        text: now ? tc(WORD[now]) : "—",
-        attrs,
-      });
+    if (!set) return el("td", { className: "m02-labrow__mark", text: tc(WORD[now]), attrs });
     const pick = createSelectField({
-      options: [
-        { value: "", text: "—" },
-        ...MAT_MARKS[key].map((v) => ({ value: v, text: tc(WORD[v]) })),
-      ],
+      options: MAT_MARKS[key].map((v) => ({ value: v, text: tc(WORD[v]) })),
       value: now,
       compact: true,
       ariaLabel: tc(HEAD[key]),
-      onChange: (v) => set(key, v),
+      onChange: (v) => {
+        set(key, v);
+        if (key === "별도계상") haulOff(v);
+      },
     });
+    picks[key] = pick.select;
     pick.root.addEventListener("click", (e) => e.stopPropagation()); // 줄 누름과 따로
     return el("td", { className: "m02-labrow__mark", attrs, children: [pick.root] });
   });
+  // 별도계상이면 운반비 꺼짐 — 값은 그대로
+  const haulOff = (sep: string) => {
+    if (picks.운반비) picks.운반비.disabled = sep === "별도계상";
+  };
+  haulOff(value.별도계상 ?? MAT_MARK_DEFAULT.별도계상);
+  return cells;
 }
 
 /** 한 칸 바꿈 — 빈 값 = 칸 지움 */