dtScreen/src/config/phaseDiagramConfig.js

// 阶段图 (PhaseDiagram, 路口方块组件) 几何参数
//
// 调整任何值后, 所有路口方块组件的渲染会同步变化。
// 单位: 30 × 30 路口方块坐标系下的"单位" (30 = 100%)
//
// 调参建议:
//   - 想 icon 更大     → ICON_MAIN_SIZE +
//   - 想中央编号更宽   → CENTER_RESERVED +
//   - 想 icon 更靠中央 → PAD_FACTOR +
//   - 想直行更高       → ENABLE_STRAIGHT_SHRINK = false

export const PHASE_DIAGRAM_LAYOUT = {
  // ─── 容器几何 ───
  HALF_BLOCK:       15,     // 半区大小 (固定, 与 30×30 路口方块对应)
  CENTER_RESERVED:  1,      // 中央编号留白 (半边距) → 中央总宽 2 单位

  // ─── icon 基础尺寸 ───
  ICON_MAIN_SIZE:   12,     // 每个 icon 主轴尺寸 (× sizeScale)
                            // 1 icon 时主轴 = 12×0.55 = 6.6 单位 (pct 22%)
                            // 3 icon 时受 EFFECTIVE_HALF=14 限制 compress 到 pct 14.3%
  ICON_GAP:         0.5,    // icon 之间的间距

  // ─── 排列 ───
  PAD_FACTOR:       0.5,    // 起始偏移系数 (× POS_MAP.padX × padScale)

  // ─── 直行 icon 视觉调整 ───
  // STRAIGHT 原始 baseH/baseW ≈ 2.95 偏瘦高, 会显得比 TURN 大
  // 启用后整体缩 sf = TURN_RATIO / 原比例, 让副轴与 TURN 对齐
  ENABLE_STRAIGHT_SHRINK: true,
  TURN_RATIO:       1.64,
};