ttrpg-tools/src/components/md-deck/hooks/layer-parser.ts

import type { Layer, LayerConfig } from '../types';

/**
 * 解析 layers 字符串
 * 格式：body:1,7-5,8 title:1,1-4,1f6.6s
 * f[fontSize] 表示字体大小（可选），方向字母在最后（可选）
 */
export function parseLayers(layersStr: string): Layer[] {
  if (!layersStr) return [];

  const layers: Layer[] = [];
  // 匹配：prop:x1,y1-x2,y2[ffontSize][direction]
  const regex = /(\w+):(\d+),(\d+)-(\d+),(\d+)(?:f([\d.]+))?([nsew])?/g;
  let match;

  while ((match = regex.exec(layersStr)) !== null) {
    layers.push({
      prop: match[1],
      x1: parseInt(match[2]),
      y1: parseInt(match[3]),
      x2: parseInt(match[4]),
      y2: parseInt(match[5]),
      fontSize: match[7] ? parseFloat(match[7]) : undefined,
      orientation: match[8] as 'n' | 's' | 'e' | 'w' | undefined
    });
  }

  return layers;
}

/**
 * 格式化 layers 为字符串
 */
export function formatLayers(layers: LayerConfig[]): string {
  return layers
    .filter(l => l.visible)
    .map(l => {
      let str = `${l.prop}:${l.x1},${l.y1}-${l.x2},${l.y2}`;
      if (l.fontSize) {
        str += `f${l.fontSize}`;
      }
      if (l.orientation && l.orientation !== 'n') {
        str += l.orientation;
      }
      return str;
    })
    .join(' ');
}

/**
 * 初始化图层配置
 */
export function initLayerConfigs(
  data: any[],
  existingLayersStr: string
): LayerConfig[] {
  const parsed = parseLayers(existingLayersStr);
  const allProps = Object.keys(data[0] || {}).filter(k => k !== 'label');

  return allProps.map(prop => {
    const existing = parsed.find(l => l.prop === prop);
    return {
      prop,
      visible: !!existing,
      x1: existing?.x1 || 1,
      y1: existing?.y1 || 1,
      x2: existing?.x2 || 2,
      y2: existing?.y2 || 2,
      orientation: existing?.orientation,
      fontSize: existing?.fontSize
    };
  });
}