eomsangdonandClaude Sonnet 5.5
58dafb1572
- 지도 층 단추 열다섯 안팎 · 표시 토글 셋 · 라이다 겹침 = 켜기 칩(층 색 점) · 도엽 보간 방식 = 분할 고르기 · 도구줄 부품 - 고르기 38 → 고르기 부품 · 점 크기 · 밀도 = 슬라이더 · 입력 파일 정보 = 값 목록 · 초기화 = 위험 고스트 · 묶음 상자 = 카드 + 패널 머리 - 죽은 CSS 열여섯 걷음 · 날 색 → 공통 값 · 가이드 촬영 선택자 · 지킴 시험 test_553_1_pages 늘림 Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
/* =============================================================================
|
|
* B04_PreProcess_UI_LayerToggle.ts
|
|
* 지도 층 켜기 칩 — 켜기 부품(칩)에 층 색 점을 붙여 지도 층 단추 자리를 채운다.
|
|
* 점 색 = 그 층을 지도에 그리는 선 색(그림 값 그대로 · 이 파일은 색을 정하지 않음).
|
|
* ========================================================================== */
|
|
|
|
import { createToggle, type ToggleHandle } from "@ui/ui_template_toggle";
|
|
|
|
/** 층 칩 한 개. `color` 가 없으면 점 없이 글만. */
|
|
export function createLayerToggle(opts: {
|
|
label: string;
|
|
color?: string;
|
|
on?: boolean;
|
|
title?: string;
|
|
onChange?: (on: boolean) => void;
|
|
}): ToggleHandle {
|
|
const toggle = createToggle({
|
|
kind: "chip",
|
|
label: opts.label,
|
|
dot: opts.color,
|
|
checked: opts.on ?? false,
|
|
size: 28,
|
|
onChange: opts.onChange,
|
|
});
|
|
if (opts.title) toggle.root.title = opts.title;
|
|
return toggle;
|
|
}
|
|
|
|
/** 칩 글자만 바꿈(분석 중 · 불러오는 중 표시) */
|
|
export function setLayerLabel(toggle: ToggleHandle, text: string): void {
|
|
const node = toggle.root.querySelector(".ui-toggle__text");
|
|
if (node) node.textContent = text;
|
|
}
|