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-5,1"
 */
export function parseLayers(layersStr: string): Layer[] {
  if (!layersStr) return [];

  const layers: Layer[] = [];
  const regex = /(\w+):(\d+),(\d+)-(\d+),(\d+)/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])
    });
  }

  return layers;
}

/**
 * 格式化 layers 为字符串
 */
export function formatLayers(layers: LayerConfig[]): string {
  return layers
    .filter(l => l.visible)
    .map(l => `${l.prop}:${l.x1},${l.y1}-${l.x2},${l.y2}`)
    .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
    };
  });
}