74 lines
1.8 KiB
TypeScript
74 lines
1.8 KiB
TypeScript
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
|
||
};
|
||
});
|
||
}
|