2026-03-14 16:20:55 +08:00
|
|
|
|
import type { DeckStore } from './deckStore';
|
|
|
|
|
|
import type { PageData } from './usePDFExport';
|
|
|
|
|
|
import type { CardShape } from '../types';
|
2026-03-15 01:43:25 +08:00
|
|
|
|
import {
|
|
|
|
|
|
getCardShapePoints,
|
|
|
|
|
|
calculateCenter
|
|
|
|
|
|
} from '../../../plotcutter/contour';
|
|
|
|
|
|
import { pts2plotter } from '../../../plotcutter/plotter';
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
export interface CardPathData {
|
|
|
|
|
|
points: [number, number][];
|
|
|
|
|
|
centerX: number;
|
|
|
|
|
|
centerY: number;
|
2026-03-15 01:31:16 +08:00
|
|
|
|
startPoint: [number, number];
|
|
|
|
|
|
endPoint: [number, number];
|
2026-03-15 00:52:00 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export interface PltExportData {
|
|
|
|
|
|
paths: CardPathData[];
|
2026-03-15 01:31:16 +08:00
|
|
|
|
travelPaths: [number, number][][];
|
2026-03-15 00:52:00 +08:00
|
|
|
|
plotterCode: string;
|
|
|
|
|
|
a4Width: number;
|
|
|
|
|
|
a4Height: number;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-14 16:20:55 +08:00
|
|
|
|
export interface UsePlotterExportReturn {
|
2026-03-15 00:52:00 +08:00
|
|
|
|
generatePltData: (pages: PageData[]) => PltExportData | null;
|
|
|
|
|
|
downloadPltFile: (plotterCode: string) => void;
|
2026-03-14 16:20:55 +08:00
|
|
|
|
exportToPlt: (pages: PageData[]) => void;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
/**
|
|
|
|
|
|
* 生成空走路径(抬刀移动路径)
|
|
|
|
|
|
* 从左上角出发,连接所有卡片的起点/终点,最后返回左上角
|
|
|
|
|
|
*/
|
|
|
|
|
|
function generateTravelPaths(
|
|
|
|
|
|
cardPaths: CardPathData[],
|
|
|
|
|
|
a4Height: number
|
|
|
|
|
|
): [number, number][][] {
|
|
|
|
|
|
const travelPaths: [number, number][][] = [];
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
// 起点:左上角 (0, a4Height) - 注意 SVG 坐标 Y 向下,plotter 坐标 Y 向上
|
|
|
|
|
|
const startPoint: [number, number] = [0, a4Height];
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
if (cardPaths.length === 0) {
|
|
|
|
|
|
return travelPaths;
|
|
|
|
|
|
}
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
// 从起点到第一张卡的起点
|
|
|
|
|
|
travelPaths.push([startPoint, cardPaths[0].startPoint]);
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
// 卡片之间的移动
|
|
|
|
|
|
for (let i = 0; i < cardPaths.length - 1; i++) {
|
|
|
|
|
|
const currentEnd = cardPaths[i].endPoint;
|
|
|
|
|
|
const nextStart = cardPaths[i + 1].startPoint;
|
|
|
|
|
|
travelPaths.push([currentEnd, nextStart]);
|
|
|
|
|
|
}
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
// 从最后一张卡返回起点
|
|
|
|
|
|
travelPaths.push([cardPaths[cardPaths.length - 1].endPoint, startPoint]);
|
2026-03-15 01:43:25 +08:00
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
return travelPaths;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-14 16:20:55 +08:00
|
|
|
|
/**
|
|
|
|
|
|
* PLT 导出 hook - 生成 HPGL 格式文件并下载
|
|
|
|
|
|
*/
|
|
|
|
|
|
export function usePlotterExport(store: DeckStore): UsePlotterExportReturn {
|
2026-03-15 00:52:00 +08:00
|
|
|
|
const bleed = () => store.state.bleed || 1;
|
2026-03-15 01:31:16 +08:00
|
|
|
|
const cornerRadius = () => store.state.cornerRadius ?? 3;
|
2026-03-15 00:52:00 +08:00
|
|
|
|
const cardWidth = () => store.state.dimensions?.cardWidth || 56;
|
|
|
|
|
|
const cardHeight = () => store.state.dimensions?.cardHeight || 88;
|
|
|
|
|
|
const shape = () => store.state.shape;
|
|
|
|
|
|
const a4Width = 297; // 横向 A4
|
|
|
|
|
|
const a4Height = 210;
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
/**
|
|
|
|
|
|
* 生成 PLT 数据(不下载,用于预览)
|
|
|
|
|
|
*/
|
|
|
|
|
|
const generatePltData = (pages: PageData[]): PltExportData | null => {
|
|
|
|
|
|
const paths: CardPathData[] = [];
|
|
|
|
|
|
const currentBleed = bleed();
|
2026-03-15 01:31:16 +08:00
|
|
|
|
const currentCornerRadius = cornerRadius();
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
// 计算切割尺寸(排版尺寸减去出血)
|
|
|
|
|
|
const cutWidth = cardWidth() - currentBleed * 2;
|
|
|
|
|
|
const cutHeight = cardHeight() - currentBleed * 2;
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
|
|
|
|
|
for (const page of pages) {
|
|
|
|
|
|
for (const card of page.cards) {
|
|
|
|
|
|
if (card.side !== 'front') continue;
|
|
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
// 获取卡片形状点(相对于卡片原点,使用切割尺寸)
|
2026-03-15 01:31:16 +08:00
|
|
|
|
const shapePoints = getCardShapePoints(shape(), cutWidth, cutHeight, currentCornerRadius);
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
// 转换点到页面坐标:
|
|
|
|
|
|
// - X 轴:卡片位置 + 出血偏移
|
|
|
|
|
|
// - Y 轴:翻转(SVG Y 向下,plotter Y 向上)
|
2026-03-14 16:20:55 +08:00
|
|
|
|
const pagePoints = shapePoints.map(([x, y]) => [
|
2026-03-15 00:52:00 +08:00
|
|
|
|
card.x + currentBleed + x,
|
|
|
|
|
|
a4Height - (card.y + currentBleed + y)
|
2026-03-14 16:20:55 +08:00
|
|
|
|
] as [number, number]);
|
|
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
const center = calculateCenter(pagePoints);
|
2026-03-15 01:31:16 +08:00
|
|
|
|
const startPoint = pagePoints[0];
|
|
|
|
|
|
const endPoint = pagePoints[pagePoints.length - 1];
|
|
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
paths.push({
|
|
|
|
|
|
points: pagePoints,
|
|
|
|
|
|
centerX: center.x,
|
2026-03-15 01:31:16 +08:00
|
|
|
|
centerY: center.y,
|
|
|
|
|
|
startPoint,
|
|
|
|
|
|
endPoint
|
2026-03-15 00:52:00 +08:00
|
|
|
|
});
|
2026-03-14 16:20:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
if (paths.length === 0) {
|
|
|
|
|
|
return null;
|
2026-03-14 16:20:55 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-03-15 01:31:16 +08:00
|
|
|
|
// 生成空走路径
|
|
|
|
|
|
const travelPaths = generateTravelPaths(paths, a4Height);
|
|
|
|
|
|
|
|
|
|
|
|
// 生成 HPGL 代码(包含空走路径,从左上角出发并返回)
|
2026-03-15 00:52:00 +08:00
|
|
|
|
const allPaths = paths.map(p => p.points);
|
2026-03-15 01:31:16 +08:00
|
|
|
|
const startPoint: [number, number] = [0, a4Height]; // 左上角
|
|
|
|
|
|
const endPoint: [number, number] = [0, a4Height]; // 返回左上角
|
|
|
|
|
|
const plotterCode = pts2plotter(allPaths, a4Width, a4Height, 1, startPoint, endPoint);
|
2026-03-14 16:20:55 +08:00
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
return {
|
|
|
|
|
|
paths,
|
2026-03-15 01:31:16 +08:00
|
|
|
|
travelPaths,
|
2026-03-15 00:52:00 +08:00
|
|
|
|
plotterCode,
|
|
|
|
|
|
a4Width,
|
|
|
|
|
|
a4Height
|
|
|
|
|
|
};
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 下载 PLT 文件
|
|
|
|
|
|
*/
|
|
|
|
|
|
const downloadPltFile = (plotterCode: string) => {
|
2026-03-14 16:20:55 +08:00
|
|
|
|
const blob = new Blob([plotterCode], { type: 'application/vnd.hp-HPGL' });
|
|
|
|
|
|
const url = URL.createObjectURL(blob);
|
|
|
|
|
|
const link = document.createElement('a');
|
|
|
|
|
|
link.href = url;
|
|
|
|
|
|
link.download = `deck-export-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.plt`;
|
|
|
|
|
|
document.body.appendChild(link);
|
|
|
|
|
|
link.click();
|
|
|
|
|
|
document.body.removeChild(link);
|
|
|
|
|
|
URL.revokeObjectURL(url);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
2026-03-15 00:52:00 +08:00
|
|
|
|
/**
|
|
|
|
|
|
* 直接导出 PLT(兼容旧接口)
|
|
|
|
|
|
*/
|
|
|
|
|
|
const exportToPlt = (pages: PageData[]) => {
|
|
|
|
|
|
const data = generatePltData(pages);
|
|
|
|
|
|
if (!data) {
|
|
|
|
|
|
alert('没有可导出的卡片');
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
downloadPltFile(data.plotterCode);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return { generatePltData, downloadPltFile, exportToPlt };
|
2026-03-14 16:20:55 +08:00
|
|
|
|
}
|