@retikz/core 0.1.0-alpha.4 → 0.1.0-beta.1

package/dist/es/compile/parseTarget.js

@@ -1,28 +1,16 @@
 import { RECT_ANCHORS } from "../geometry/rect.js";
 //#region src/compile/parseTarget.ts
 /**
-* 节点 ref 字符串扩展语法（ADR-0004）：
-*
-*   `'A'`         → 节点 A，由 path 自动 boundary clip（auto 模式）
-*   `'A.<name>'`  → 节点 A 的命名 anchor（center/north/south/east/west/north-east/...）
-*   `'A.<deg>'`   → 节点 A 在 degree 角度方向上的边界点（同 PolarPosition 角度约定）
-*
-* id 约束：`[A-Za-z_][\w-]*`——禁数字开头、禁含 `.`（与 anchor 分隔符冲突）；
-* anchor 名只接受 alpha.1 首批 9 个 RECT_ANCHORS（其余如 'text' / 'base' / 'mid'
-* 留 alpha.2 + 字体改造时再支持）；角度纯数字（含可选 `.`/`-`）。
+* 节点 ref 字符串扩展语法
+* @description `'A'`→节点（auto boundary clip）；`'A.<name>'`→命名 anchor（center/north/.../north-east）；`'A.<deg>'`→角度方向边界点（同 PolarPosition 约定）。id 约束 `[A-Za-z_][\w-]*` 禁数字开头与 `.`；角度纯数字含可选 `.`/`-`
 */
-/** alpha.1 支持的 anchor 名集合（RECT_ANCHORS 的 9 个值） */
+/** RECT_ANCHORS 的 9 个 anchor 名 */
 var ANCHOR_NAMES = new Set(Object.values(RECT_ANCHORS));
-/** 纯数字（可选小数 / 负号），用于识别 `A.30` / `A.-45` / `A.180.5` */
+/** 纯数字识别 `A.30` / `A.-45` / `A.180.5` */
 var ANGLE_RE = /^-?\d+(\.\d+)?$/;
 /**
-* 解析节点 ref 字符串。
-*
-* - 不带 `.`：node（auto-clip）
-* - 带 `.` 后纯数字：angle（toward 方向上的边界点，与 PolarPosition 同角度约定）
-* - 带 `.` 后字母 / 连字符：anchor（命中 ANCHOR_NAMES 才合法，否则抛错）
-*
-* 抛错路径：未知 anchor 名（避免静默吞掉拼写错误）。
+* 解析节点 ref 字符串
+* @description 不带 `.`→node(auto-clip)；带 `.` 后纯数字→angle；带 `.` 后字母/连字符→anchor（不命中 ANCHOR_NAMES 抛错避免静默吞拼写错误）
 */
 var parseNodeRef = (s) => {
 	const dot = s.indexOf(".");
@@ -37,7 +25,7 @@ var parseNodeRef = (s) => {
 		id,
 		angle: Number(tail)
 	};
-	if (!ANCHOR_NAMES.has(tail)) throw new Error(`parseNodeRef: unknown anchor '${tail}' in '${s}' (alpha.1 supports: ${[...ANCHOR_NAMES].join(", ")})`);
+	if (!ANCHOR_NAMES.has(tail)) throw new Error(`parseNodeRef: unknown anchor '${tail}' in '${s}' (supports: ${[...ANCHOR_NAMES].join(", ")})`);
 	return {
 		kind: "anchor",
 		id,

package/dist/es/compile/path/anchor.d.ts

@@ -0,0 +1,19 @@
+import { IRPosition, IRTarget } from '../../ir';
+import { NodeLayout } from '../node';
+/**
+ * 求 step.to 的参考点（给 boundary clip 算方向 / 折角 corner 用）
+ * @description 三态：`'A'`(auto) 节点中心；`'A.<anchor>'`/`'A.<deg>'` 显式锚点 refPoint=endpoint 位置不随邻居变。直接坐标/极坐标解析为笛卡尔
+ */
+export declare const refPointOfTarget: (target: IRTarget, nodeIndex: Map<string, NodeLayout>) => IRPosition | null;
+/** 折角中间点：`-|` → (curr.x, prev.y)；`|-` → (prev.x, curr.y) */
+export declare const cornerOf: (prev: IRPosition, curr: IRPosition, via: "-|" | "|-") => IRPosition;
+/**
+ * 在 toward 方向算 step.to 的实际绘制端点
+ * @description 节点 auto `'A'`：按 shape 走 boundaryPointOf 求中心→toward 射线交点；命名 anchor/角度：位置已定不受 toward 影响；直接坐标/极坐标：解析后返回；失败返回 null
+ */
+export declare const clipForTarget: (target: IRTarget, toward: IRPosition, nodeIndex: Map<string, NodeLayout>) => IRPosition | null;
+/** 两个 IRPosition 两分量精确相等（未 round） */
+export declare const samePoint: (a: IRPosition | null, b: IRPosition | null) => boolean;
+/** 把 p 朝 target 方向移动 dist */
+export declare const shiftToward: (p: IRPosition, target: IRPosition, dist: number) => IRPosition;
+//# sourceMappingURL=anchor.d.ts.map

package/dist/es/compile/path/anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchor.d.ts","sourceRoot":"","sources":["../../../../src/compile/path/anchor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,KAAK,UAAU,EAA8C,MAAM,SAAS,CAAC;AAItF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,QAAQ,EAChB,WAAW,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,KACjC,UAAU,GAAG,IAmBf,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,QAAQ,GACnB,MAAM,UAAU,EAChB,MAAM,UAAU,EAChB,KAAK,IAAI,GAAG,IAAI,KACf,UACqD,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,aAAa,GACxB,QAAQ,QAAQ,EAChB,QAAQ,UAAU,EAClB,WAAW,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,KACjC,UAAU,GAAG,IAmBf,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,SAAS,GAAI,GAAG,UAAU,GAAG,IAAI,EAAE,GAAG,UAAU,GAAG,IAAI,KAAG,OACzB,CAAC;AAE/C,6BAA6B;AAC7B,eAAO,MAAM,WAAW,GAAI,GAAG,UAAU,EAAE,QAAQ,UAAU,EAAE,MAAM,MAAM,KAAG,UAM7E,CAAC"}

package/dist/es/compile/path/anchor.js

@@ -0,0 +1,54 @@
+import { resolvePosition } from "../position.js";
+import { anchorOf, angleBoundaryOf, boundaryPointOf } from "../node.js";
+import { parseNodeRef } from "../parseTarget.js";
+//#region src/compile/path/anchor.ts
+/**
+* 求 step.to 的参考点（给 boundary clip 算方向 / 折角 corner 用）
+* @description 三态：`'A'`(auto) 节点中心；`'A.<anchor>'`/`'A.<deg>'` 显式锚点 refPoint=endpoint 位置不随邻居变。直接坐标/极坐标解析为笛卡尔
+*/
+var refPointOfTarget = (target, nodeIndex) => {
+	if (typeof target === "string") {
+		const ref = parseNodeRef(target);
+		const node = nodeIndex.get(ref.id);
+		if (!node) return null;
+		switch (ref.kind) {
+			case "node": return [node.rect.x, node.rect.y];
+			case "anchor": return anchorOf(node, ref.anchor);
+			case "angle": return angleBoundaryOf(node, ref.angle);
+		}
+	}
+	if (typeof target === "object" && !Array.isArray(target) && ("relative" in target || "relativeAccumulate" in target)) return null;
+	return resolvePosition(target, nodeIndex);
+};
+/** 折角中间点：`-|` → (curr.x, prev.y)；`|-` → (prev.x, curr.y) */
+var cornerOf = (prev, curr, via) => via === "-|" ? [curr[0], prev[1]] : [prev[0], curr[1]];
+/**
+* 在 toward 方向算 step.to 的实际绘制端点
+* @description 节点 auto `'A'`：按 shape 走 boundaryPointOf 求中心→toward 射线交点；命名 anchor/角度：位置已定不受 toward 影响；直接坐标/极坐标：解析后返回；失败返回 null
+*/
+var clipForTarget = (target, toward, nodeIndex) => {
+	if (typeof target === "string") {
+		const ref = parseNodeRef(target);
+		const node = nodeIndex.get(ref.id);
+		if (!node) return null;
+		switch (ref.kind) {
+			case "node": return boundaryPointOf(node, toward);
+			case "anchor": return anchorOf(node, ref.anchor);
+			case "angle": return angleBoundaryOf(node, ref.angle);
+		}
+	}
+	if (typeof target === "object" && !Array.isArray(target) && ("relative" in target || "relativeAccumulate" in target)) return null;
+	return resolvePosition(target, nodeIndex);
+};
+/** 两个 IRPosition 两分量精确相等（未 round） */
+var samePoint = (a, b) => !!a && !!b && a[0] === b[0] && a[1] === b[1];
+/** 把 p 朝 target 方向移动 dist */
+var shiftToward = (p, target, dist) => {
+	const dx = target[0] - p[0];
+	const dy = target[1] - p[1];
+	const len = Math.sqrt(dx * dx + dy * dy);
+	if (len === 0 || dist === 0) return p;
+	return [p[0] + dx / len * dist, p[1] + dy / len * dist];
+};
+//#endregion
+export { clipForTarget, cornerOf, refPointOfTarget, samePoint, shiftToward };

package/dist/es/compile/path/index.d.ts

@@ -0,0 +1,24 @@
+import { IRPath, IRPosition } from '../../ir';
+import { ScenePrimitive } from '../../primitive';
+import { NodeLayout } from '../node';
+import { TextMeasurer } from '../text-metrics';
+/** emitPathPrimitive 可选 warn 钩子 */
+export type EmitPathWarnHook = {
+    /** 警告收集器（由 compileToScene 传入） */
+    onWarn?: (warning: {
+        code: string;
+        message: string;
+        path: string;
+    }) => void;
+    /** 当前 path 在 IR 中的 locator 前缀（如 `'children[3].path'`） */
+    irPath?: string;
+};
+/**
+ * IR Path → PathPrim
+ * @description 每个绘制段独立用节点中心算两端 boundary clip——中段节点的入/出 boundary 点通常不同，path 在该节点可见"断开"（与 TikZ `\draw (A)--(B)--(C);` 段独立 clip 一致）。仍产一个 PathPrim：commands 用多组 move/line 表达 sub-path；段起点等于上段终点时复用 cursor 省 move。cycle 段闭回最近 move 起点，起点==lastEnd && 终点==subPathStart 时输出 close，否则显式画段 line。引用未定义节点/解析失败返回 null，并通过 `warnHook.onWarn` 同步触发 warning
+ */
+export declare const emitPathPrimitive: (path: IRPath, nodeIndex: Map<string, NodeLayout>, round: (n: number) => number, measureText?: TextMeasurer, warnHook?: EmitPathWarnHook) => {
+    primitives: Array<ScenePrimitive>;
+    points: Array<IRPosition>;
+} | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/es/compile/path/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/compile/path/index.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,MAAM,EACN,UAAU,EAGX,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AA8BtE,mCAAmC;AACnC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iCAAiC;IACjC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,KAAK,IAAI,CAAC;IACX,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,MAAM,MAAM,EACZ,WAAW,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAClC,OAAO,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,EAC5B,cAAa,YAA+B,EAC5C,WAAU,gBAAqB,KAC9B;IAAE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;CAAE,GAAG,IA0XrE,CAAC"}

package/dist/es/compile/path/index.js

@@ -0,0 +1,308 @@
+import { arcBoundingPoints, arcEndPoint } from "../../geometry/arc.js";
+import { bendControlPoints } from "../../geometry/bend.js";
+import { arcSegmentSample, circleSegmentSample, cubicSegmentSample, ellipseSegmentSample, foldSegmentSample, lineSegmentSample, quadSegmentSample } from "../../geometry/segment.js";
+import { fallbackMeasurer } from "../text-metrics.js";
+import { clipForTarget, cornerOf, refPointOfTarget, samePoint } from "./anchor.js";
+import { emitLabelPrimitive, tForLabelPosition } from "./label.js";
+import { normalizeRelativeTargets } from "./relative.js";
+import { applyArrowShrinks, arrowMarkers, computeShrink } from "./shrink.js";
+import { splitSubPathsForMarkers } from "./split.js";
+//#region src/compile/path/index.ts
+/**
+* 语义 stroke 档位 → 数值（user units）
+* @description 对齐 TikZ 比例（thin=0.4pt→1=默认 strokeWidth）：ultraThin 0.25、veryThin 0.5、thin 1、semithick 1.5、thick 2、veryThick 3、ultraThick 4。显式 strokeWidth 覆盖 thickness。
+* `as const satisfies` + `AssertEqual` 双约束：加 IRPath['thickness'] 档位时漏写 TS 报错（字段表互锁，同 ADR-06 主题）
+*/
+var THICKNESS_TO_WIDTH = {
+	ultraThin: .25,
+	veryThin: .5,
+	thin: 1,
+	semithick: 1.5,
+	thick: 2,
+	veryThick: 3,
+	ultraThick: 4
+};
+/**
+* IR Path → PathPrim
+* @description 每个绘制段独立用节点中心算两端 boundary clip——中段节点的入/出 boundary 点通常不同，path 在该节点可见"断开"（与 TikZ `\draw (A)--(B)--(C);` 段独立 clip 一致）。仍产一个 PathPrim：commands 用多组 move/line 表达 sub-path；段起点等于上段终点时复用 cursor 省 move。cycle 段闭回最近 move 起点，起点==lastEnd && 终点==subPathStart 时输出 close，否则显式画段 line。引用未定义节点/解析失败返回 null，并通过 `warnHook.onWarn` 同步触发 warning
+*/
+var emitPathPrimitive = (path, nodeIndex, round, measureText = fallbackMeasurer, warnHook = {}) => {
+	const irPath = warnHook.irPath ?? "path";
+	const warn = (code, message, subPath = "") => {
+		warnHook.onWarn?.({
+			code,
+			message,
+			path: subPath ? `${irPath}.${subPath}` : irPath
+		});
+	};
+	const steps = normalizeRelativeTargets(path.children, nodeIndex);
+	if (steps.length < 2) {
+		warn("PATH_TOO_SHORT", `Path requires at least 2 steps (got ${steps.length}); the entire path is skipped`, "children");
+		return null;
+	}
+	/** 每段 step.label 翻译出的 TextPrim（或 sloped 旋转的 group），与 path 主体同级返回 */
+	const labelPrims = [];
+	/** 算 sample 后 emitLabelPrimitive，结果累积到 labelPrims/points */
+	const collectLabel = (step, sampleAt) => {
+		if (step.kind === "move" || step.kind === "cycle" || !("label" in step) || !step.label) return;
+		const sample = sampleAt(tForLabelPosition(step.label.position));
+		const r = emitLabelPrimitive(step.label, sample, measureText, round);
+		labelPrims.push(r.primitive);
+		for (const p of r.points) points.push(p);
+	};
+	const hasTo = (s) => s.kind !== "cycle" && s.kind !== "arc" && s.kind !== "circlePath" && s.kind !== "ellipsePath";
+	const anchors = steps.map((s, idx) => {
+		if (!hasTo(s)) return null;
+		const ref = refPointOfTarget(s.to, nodeIndex);
+		if (!ref && typeof s.to === "string") warn("UNRESOLVED_NODE_REFERENCE", `Step.to references undefined node id '${s.to}'; the entire path is skipped`, `children[${idx}].to`);
+		return ref;
+	});
+	/**
+	* 单调指针：最近一个 hasTo step 的索引；主循环开头根据上一 step 推进；O(1) 读
+	* @description 旧实现 findPrev(i) 反向扫 anchors 数组每步 O(i)、整 path O(n²)；改为只在 step `i-1` 是 hasTo 时推进。anchor 失效"中毒"判断保留：lastHasToIdx 指向的 anchor 为 null 时 findPrev 返回 null，与旧"扫到第一个 hasTo 步若 anchor=null 返回 null"语义等价
+	*/
+	let lastHasToIdx = -1;
+	/** 同步维护：最近一个 move 步的 `to`，给 cycle 闭合用；旧 findRecentMoveTo 反向扫 → O(1) */
+	let lastMoveTo = null;
+	/** 找最近一个"有 to 字段的 step" 及其 anchor；O(1) 读 lastHasToIdx */
+	const findPrev = () => {
+		if (lastHasToIdx === -1) return null;
+		const s = steps[lastHasToIdx];
+		if (!hasTo(s)) return null;
+		const a = anchors[lastHasToIdx];
+		if (!a) return null;
+		return {
+			step: s,
+			anchor: a
+		};
+	};
+	const commands = [];
+	const points = [];
+	let lastEnd = null;
+	let subPathStart = null;
+	/**
+	* 笔位覆盖：arc/circlePath/ellipsePath 无 `to` 字段不能用 prev.step.to 重算起点
+	* @description 设置 penOverride 让下个绘制段直接用此点当 fromClip 后清空。arc=弧终点；circlePath/ellipsePath=center（"画完留在圆心"）
+	*/
+	let penOverride = null;
+	const roundPoint = (p) => [round(p[0]), round(p[1])];
+	const emitMove = (p) => {
+		const rp = roundPoint(p);
+		commands.push({
+			kind: "move",
+			to: [rp[0], rp[1]]
+		});
+		points.push(p);
+		subPathStart = p;
+		lastEnd = p;
+	};
+	const emitLine = (p) => {
+		const rp = roundPoint(p);
+		commands.push({
+			kind: "line",
+			to: [rp[0], rp[1]]
+		});
+		points.push(p);
+		lastEnd = p;
+	};
+	const emitClose = () => {
+		commands.push({ kind: "close" });
+		lastEnd = subPathStart;
+	};
+	const emitQuad = (control, p) => {
+		const rc = roundPoint(control);
+		const rp = roundPoint(p);
+		commands.push({
+			kind: "quad",
+			control: [rc[0], rc[1]],
+			to: [rp[0], rp[1]]
+		});
+		points.push(control);
+		points.push(p);
+		lastEnd = p;
+	};
+	const emitCubic = (c1, c2, p) => {
+		const rc1 = roundPoint(c1);
+		const rc2 = roundPoint(c2);
+		const rp = roundPoint(p);
+		commands.push({
+			kind: "cubic",
+			control1: [rc1[0], rc1[1]],
+			control2: [rc2[0], rc2[1]],
+			to: [rp[0], rp[1]]
+		});
+		points.push(c1);
+		points.push(c2);
+		points.push(p);
+		lastEnd = p;
+	};
+	const emitArc = (center, radius, startAngle, endAngle) => {
+		const rc = roundPoint(center);
+		commands.push({
+			kind: "arc",
+			center: [rc[0], rc[1]],
+			radius: round(radius),
+			startAngle,
+			endAngle
+		});
+		points.push(arcEndPoint(center, radius, endAngle));
+		lastEnd = arcEndPoint(center, radius, endAngle);
+	};
+	const emitEllipseArc = (center, radiusX, radiusY, startAngle, endAngle) => {
+		const rc = roundPoint(center);
+		commands.push({
+			kind: "ellipseArc",
+			center: [rc[0], rc[1]],
+			radiusX: round(radiusX),
+			radiusY: round(radiusY),
+			startAngle,
+			endAngle
+		});
+		const endPt = [center[0] + Math.cos(endAngle * Math.PI / 180) * radiusX, center[1] + Math.sin(endAngle * Math.PI / 180) * radiusY];
+		points.push(endPt);
+		lastEnd = endPt;
+	};
+	/** 段起点：与 lastEnd 相同则复用 cursor（省 move），否则发 move */
+	const startSegment = (p) => {
+		if (samePoint(p, lastEnd)) return;
+		emitMove(p);
+	};
+	for (let i = 0; i < steps.length; i++) {
+		if (i > 0) {
+			const prevStep = steps[i - 1];
+			if (hasTo(prevStep)) lastHasToIdx = i - 1;
+			if (prevStep.kind === "move") lastMoveTo = prevStep.to;
+		}
+		const step = steps[i];
+		if (step.kind === "move") continue;
+		if (step.kind === "cycle") {
+			const moveTo = lastMoveTo;
+			const prev = findPrev();
+			if (!moveTo || !prev) continue;
+			const moveAnchor = refPointOfTarget(moveTo, nodeIndex);
+			if (!moveAnchor) return null;
+			const fromClip = clipForTarget(prev.step.to, moveAnchor, nodeIndex);
+			const toClip = clipForTarget(moveTo, prev.anchor, nodeIndex);
+			if (!fromClip || !toClip) return null;
+			if (samePoint(fromClip, lastEnd) && samePoint(toClip, subPathStart)) {
+				emitClose();
+				continue;
+			}
+			startSegment(fromClip);
+			emitLine(toClip);
+			continue;
+		}
+		const prev = findPrev();
+		if (!prev) return null;
+		if (step.kind === "arc") {
+			const center = prev.anchor;
+			const startPt = arcEndPoint(center, step.radius, step.startAngle);
+			const endPt = arcEndPoint(center, step.radius, step.endAngle);
+			startSegment(startPt);
+			emitArc(center, step.radius, step.startAngle, step.endAngle);
+			for (const p of arcBoundingPoints(center, step.radius, step.startAngle, step.endAngle)) points.push(p);
+			collectLabel(step, (t) => arcSegmentSample(center, step.radius, step.startAngle, step.endAngle, t));
+			penOverride = endPt;
+			continue;
+		}
+		if (step.kind === "circlePath") {
+			const center = prev.anchor;
+			const r = step.radius;
+			startSegment([center[0] + r, center[1]]);
+			emitEllipseArc(center, r, r, 0, 360);
+			points.push([center[0] + r, center[1]]);
+			points.push([center[0] - r, center[1]]);
+			points.push([center[0], center[1] + r]);
+			points.push([center[0], center[1] - r]);
+			collectLabel(step, (t) => circleSegmentSample(center, r, t));
+			penOverride = center;
+			continue;
+		}
+		if (step.kind === "ellipsePath") {
+			const center = prev.anchor;
+			const rx = step.radiusX;
+			const ry = step.radiusY;
+			startSegment([center[0] + rx, center[1]]);
+			emitEllipseArc(center, rx, ry, 0, 360);
+			points.push([center[0] + rx, center[1]]);
+			points.push([center[0] - rx, center[1]]);
+			points.push([center[0], center[1] + ry]);
+			points.push([center[0], center[1] - ry]);
+			collectLabel(step, (t) => ellipseSegmentSample(center, rx, ry, t));
+			penOverride = center;
+			continue;
+		}
+		const currAnchor = anchors[i];
+		if (!currAnchor) return null;
+		const usedOverride = penOverride;
+		penOverride = null;
+		if (step.kind === "line") {
+			const fromClip = usedOverride ?? clipForTarget(prev.step.to, currAnchor, nodeIndex);
+			const toClip = clipForTarget(step.to, prev.anchor, nodeIndex);
+			if (!fromClip || !toClip) return null;
+			startSegment(fromClip);
+			emitLine(toClip);
+			collectLabel(step, (t) => lineSegmentSample(fromClip, toClip, t));
+			continue;
+		}
+		if (step.kind === "curve") {
+			const fromClip = usedOverride ?? clipForTarget(prev.step.to, step.control, nodeIndex);
+			const toClip = clipForTarget(step.to, step.control, nodeIndex);
+			if (!fromClip || !toClip) return null;
+			startSegment(fromClip);
+			emitQuad(step.control, toClip);
+			collectLabel(step, (t) => quadSegmentSample(fromClip, step.control, toClip, t));
+			continue;
+		}
+		if (step.kind === "cubic") {
+			const fromClip = usedOverride ?? clipForTarget(prev.step.to, step.control1, nodeIndex);
+			const toClip = clipForTarget(step.to, step.control2, nodeIndex);
+			if (!fromClip || !toClip) return null;
+			startSegment(fromClip);
+			emitCubic(step.control1, step.control2, toClip);
+			collectLabel(step, (t) => cubicSegmentSample(fromClip, step.control1, step.control2, toClip, t));
+			continue;
+		}
+		if (step.kind === "bend") {
+			const angle = step.bendAngle ?? 30;
+			const [c1, c2] = bendControlPoints(prev.anchor, currAnchor, step.bendDirection, angle);
+			const fromClip = usedOverride ?? clipForTarget(prev.step.to, c1, nodeIndex);
+			const toClip = clipForTarget(step.to, c2, nodeIndex);
+			if (!fromClip || !toClip) return null;
+			startSegment(fromClip);
+			emitCubic(c1, c2, toClip);
+			collectLabel(step, (t) => cubicSegmentSample(fromClip, c1, c2, toClip, t));
+			continue;
+		}
+		const corner = cornerOf(prev.anchor, currAnchor, step.via);
+		const fromClip = usedOverride ?? clipForTarget(prev.step.to, corner, nodeIndex);
+		const toClip = clipForTarget(step.to, corner, nodeIndex);
+		if (!fromClip || !toClip) return null;
+		startSegment(fromClip);
+		emitLine(corner);
+		emitLine(toClip);
+		collectLabel(step, (t) => foldSegmentSample(fromClip, corner, toClip, t));
+	}
+	const strokeWidth = path.strokeWidth ?? (path.thickness ? THICKNESS_TO_WIDTH[path.thickness] : 1);
+	const baseProps = {
+		stroke: path.stroke ?? "currentColor",
+		strokeWidth,
+		fill: path.fill ?? "none",
+		fillRule: path.fillRule,
+		strokeDasharray: path.strokeDasharray,
+		strokeLinecap: path.lineCap,
+		strokeLinejoin: path.lineJoin,
+		opacity: path.opacity,
+		fillOpacity: path.fillOpacity,
+		strokeOpacity: path.drawOpacity
+	};
+	const markers = arrowMarkers(path.arrow, path.arrowDetail);
+	applyArrowShrinks(commands, markers.arrowStart ? computeShrink(markers.arrowStart) : 0, markers.arrowEnd ? computeShrink(markers.arrowEnd) : 0, strokeWidth, round);
+	const { primitive } = splitSubPathsForMarkers(commands, baseProps, markers);
+	return {
+		primitives: [primitive, ...labelPrims],
+		points
+	};
+};
+//#endregion
+export { emitPathPrimitive };

package/dist/es/compile/path/label.d.ts

@@ -0,0 +1,18 @@
+import { SegmentSample } from '../../geometry/segment';
+import { IRPosition, IRStepLabel } from '../../ir';
+import { ScenePrimitive } from '../../primitive';
+import { TextMeasurer } from '../text-metrics';
+/**
+ * label.position → 段参数 t∈[0,1]
+ * @description 数值原样返回（schema 已 clamp 0..1）；keyword 走 KEYWORD_TO_T 映射；undefined 退默认 midway (0.5)
+ */
+export declare const tForLabelPosition: (pos: IRStepLabel["position"]) => number;
+/**
+ * step.label + 段采样 → TextPrim（sloped 时裹一层 group 旋转）
+ * @description 默认 side='above'/position='midway'：above/below 锚点 y±offset、align=middle、baseline=bottom/top；left/right x±offset、align=end/start、baseline=middle；sloped 不偏移裹 group rotate(angle, cx, cy) 由切线 atan2 算（SVG y-down CW 正）。返回 primitive + viewBox 外接点
+ */
+export declare const emitLabelPrimitive: (label: IRStepLabel, sample: SegmentSample, measureText: TextMeasurer, round: (n: number) => number) => {
+    primitive: ScenePrimitive;
+    points: Array<IRPosition>;
+};
+//# sourceMappingURL=label.d.ts.map

package/dist/es/compile/path/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/compile/path/label.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAY,MAAM,iBAAiB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAmBpD;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,WAAW,CAAC,UAAU,CAAC,KAAG,MAIhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,OAAO,WAAW,EAClB,QAAQ,aAAa,EACrB,aAAa,YAAY,EACzB,OAAO,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,KAC3B;IAAE,SAAS,EAAE,cAAc,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAA;CA8ExD,CAAC"}

package/dist/es/compile/path/label.js

@@ -0,0 +1,102 @@
+//#region src/compile/path/label.ts
+/** 边标注默认字号 / 偏移量 */
+var LABEL_FONT_SIZE = 14;
+var LABEL_LINE_HEIGHT_FACTOR = 1.2;
+var LABEL_SIDE_OFFSET = 4;
+var RAD_TO_DEG = 180 / Math.PI;
+/** keyword → t 数值映射；含旧 3 keyword（midway/near-start/near-end）+ 新 4 keyword */
+var KEYWORD_TO_T = {
+	"at-start": 0,
+	"very-near-start": .125,
+	"near-start": .25,
+	midway: .5,
+	"near-end": .75,
+	"very-near-end": .875,
+	"at-end": 1
+};
+/**
+* label.position → 段参数 t∈[0,1]
+* @description 数值原样返回（schema 已 clamp 0..1）；keyword 走 KEYWORD_TO_T 映射；undefined 退默认 midway (0.5)
+*/
+var tForLabelPosition = (pos) => {
+	if (typeof pos === "number") return pos;
+	if (typeof pos === "string" && pos in KEYWORD_TO_T) return KEYWORD_TO_T[pos];
+	return .5;
+};
+/**
+* step.label + 段采样 → TextPrim（sloped 时裹一层 group 旋转）
+* @description 默认 side='above'/position='midway'：above/below 锚点 y±offset、align=middle、baseline=bottom/top；left/right x±offset、align=end/start、baseline=middle；sloped 不偏移裹 group rotate(angle, cx, cy) 由切线 atan2 算（SVG y-down CW 正）。返回 primitive + viewBox 外接点
+*/
+var emitLabelPrimitive = (label, sample, measureText, round) => {
+	const fontSize = LABEL_FONT_SIZE;
+	const lineHeight = fontSize * LABEL_LINE_HEIGHT_FACTOR;
+	const m = measureText(label.text, { size: fontSize });
+	const measuredWidth = m.width;
+	const measuredHeight = m.height || lineHeight;
+	const side = label.side ?? "above";
+	let x = sample.point[0];
+	let y = sample.point[1];
+	let align = "middle";
+	let baseline = "middle";
+	if (side === "above") {
+		y -= LABEL_SIDE_OFFSET;
+		baseline = "bottom";
+	} else if (side === "below") {
+		y += LABEL_SIDE_OFFSET;
+		baseline = "top";
+	} else if (side === "left") {
+		x -= LABEL_SIDE_OFFSET;
+		align = "end";
+	} else if (side === "right") {
+		x += LABEL_SIDE_OFFSET;
+		align = "start";
+	} else baseline = "bottom";
+	const text = {
+		type: "text",
+		x: round(x),
+		y: round(y),
+		lines: [{ text: label.text }],
+		fontSize,
+		align,
+		baseline,
+		lineHeight: round(lineHeight),
+		measuredWidth: round(measuredWidth),
+		measuredHeight: round(measuredHeight),
+		fill: "currentColor"
+	};
+	if (side === "sloped") {
+		const groupPrim = {
+			type: "group",
+			transforms: [{
+				kind: "rotate",
+				degrees: round(Math.atan2(sample.tangent[1], sample.tangent[0]) * RAD_TO_DEG),
+				cx: round(x),
+				cy: round(y)
+			}],
+			children: [text]
+		};
+		const r = Math.max(measuredWidth / 2, measuredHeight / 2);
+		return {
+			primitive: groupPrim,
+			points: [
+				[x - r, y - r],
+				[x + r, y - r],
+				[x - r, y + r],
+				[x + r, y + r]
+			]
+		};
+	}
+	const halfW = measuredWidth / 2;
+	const halfH = measuredHeight / 2;
+	return {
+		primitive: text,
+		points: [
+			[x - halfW, y - halfH],
+			[x + halfW, y - halfH],
+			[x - halfW, y + halfH],
+			[x + halfW, y + halfH]
+		]
+	};
+};
+//#endregion
+export { emitLabelPrimitive, tForLabelPosition };

package/dist/es/compile/path/relative.d.ts

@@ -0,0 +1,8 @@
+import { IRStep } from '../../ir';
+import { NodeLayout } from '../node';
+/**
+ * relative/relativeAccumulate 目标解析为绝对 Position（step kind 不变，to 全为绝对坐标）
+ * @description relative 不更新 prevEnd（TikZ `+`），relativeAccumulate 更新（TikZ `++`）。prevEnd 推进：有 to 的 kind 用 refPointOfTarget(to)；arc 用 arcEndPoint；circlePath/ellipsePath/cycle 不变。首步 relative 时 prevEnd 回退 [0,0]；解析失败保持原 step
+ */
+export declare const normalizeRelativeTargets: (steps: ReadonlyArray<IRStep>, nodeIndex: Map<string, NodeLayout>) => Array<IRStep>;
+//# sourceMappingURL=relative.d.ts.map

package/dist/es/compile/path/relative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative.d.ts","sourceRoot":"","sources":["../../../../src/compile/path/relative.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,MAAM,EAAY,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GACnC,OAAO,aAAa,CAAC,MAAM,CAAC,EAC5B,WAAW,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,KACjC,KAAK,CAAC,MAAM,CA0Dd,CAAC"}

package/dist/es/compile/path/relative.js

@@ -0,0 +1,48 @@
+import { arcEndPoint } from "../../geometry/arc.js";
+import { refPointOfTarget } from "./anchor.js";
+//#region src/compile/path/relative.ts
+/**
+* relative/relativeAccumulate 目标解析为绝对 Position（step kind 不变，to 全为绝对坐标）
+* @description relative 不更新 prevEnd（TikZ `+`），relativeAccumulate 更新（TikZ `++`）。prevEnd 推进：有 to 的 kind 用 refPointOfTarget(to)；arc 用 arcEndPoint；circlePath/ellipsePath/cycle 不变。首步 relative 时 prevEnd 回退 [0,0]；解析失败保持原 step
+*/
+var normalizeRelativeTargets = (steps, nodeIndex) => {
+	let prevEnd = null;
+	const out = [];
+	for (const step of steps) {
+		if (step.kind === "cycle") {
+			out.push(step);
+			continue;
+		}
+		if (step.kind === "circlePath" || step.kind === "ellipsePath") {
+			out.push(step);
+			continue;
+		}
+		if (step.kind === "arc") {
+			out.push(step);
+			if (prevEnd) prevEnd = arcEndPoint(prevEnd, step.radius, step.endAngle);
+			continue;
+		}
+		const original = step.to;
+		let resolvedTo = original;
+		let updatePrevEnd = true;
+		if (typeof original === "object" && !Array.isArray(original) && "relative" in original) {
+			const ref = prevEnd ?? [0, 0];
+			resolvedTo = [ref[0] + original.relative[0], ref[1] + original.relative[1]];
+			updatePrevEnd = false;
+		} else if (typeof original === "object" && !Array.isArray(original) && "relativeAccumulate" in original) {
+			const ref = prevEnd ?? [0, 0];
+			resolvedTo = [ref[0] + original.relativeAccumulate[0], ref[1] + original.relativeAccumulate[1]];
+		}
+		out.push({
+			...step,
+			to: resolvedTo
+		});
+		if (updatePrevEnd) {
+			const pos = refPointOfTarget(resolvedTo, nodeIndex);
+			if (pos) prevEnd = pos;
+		}
+	}
+	return out;
+};
+//#endregion
+export { normalizeRelativeTargets };