@cardenelabs/cdl 0.30.1 → 0.30.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -1
- package/dist/index.cjs +237 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +38 -1
- package/dist/index.d.ts +38 -1
- package/dist/index.js +237 -1
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +236 -0
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +236 -0
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/index.ts +1 -0
- package/src/layout/collisions.ts +345 -0
- package/src/layout.ts +14 -0
package/dist/react.cjs
CHANGED
|
@@ -2015,6 +2015,234 @@ function resolveEdgeLabelOverlapsWithChainAndPropagate(edges, obstacles, minClea
|
|
|
2015
2015
|
edgePathShifts: edgePathShiftMap
|
|
2016
2016
|
};
|
|
2017
2017
|
}
|
|
2018
|
+
function resolveLabelClearanceAfterPathPasses(edges, obstacles, maxIter = 8) {
|
|
2019
|
+
if (edges.length === 0) return edges;
|
|
2020
|
+
const labeledIds = new Set(
|
|
2021
|
+
edges.filter((e) => e.label?.trim() || e.sub?.trim()).map((e) => e.id)
|
|
2022
|
+
);
|
|
2023
|
+
if (labeledIds.size === 0) return edges;
|
|
2024
|
+
const \u7BB1\u305F\u3061 = obstacles.filter((o) => o.kind === "node" || o.kind === "lane-label");
|
|
2025
|
+
const edgeById = /* @__PURE__ */ new Map();
|
|
2026
|
+
for (const e of edges) edgeById.set(e.id, e);
|
|
2027
|
+
const \u533A\u9593cache = /* @__PURE__ */ new Map();
|
|
2028
|
+
const \u533A\u9593 = (id, d) => {
|
|
2029
|
+
const hit = \u533A\u9593cache.get(id);
|
|
2030
|
+
if (hit) return hit;
|
|
2031
|
+
const segs = flattenPathSegments(extractPathSegments(d));
|
|
2032
|
+
\u533A\u9593cache.set(id, segs);
|
|
2033
|
+
return segs;
|
|
2034
|
+
};
|
|
2035
|
+
const \u5916\u63A5cache = /* @__PURE__ */ new Map();
|
|
2036
|
+
const \u5916\u63A5 = (id, d) => {
|
|
2037
|
+
const hit = \u5916\u63A5cache.get(id);
|
|
2038
|
+
if (hit !== void 0) return hit;
|
|
2039
|
+
const segs = \u533A\u9593(id, d);
|
|
2040
|
+
if (segs.length === 0) {
|
|
2041
|
+
\u5916\u63A5cache.set(id, null);
|
|
2042
|
+
return null;
|
|
2043
|
+
}
|
|
2044
|
+
let x1 = Infinity, y1 = Infinity, x2 = -Infinity, y2 = -Infinity;
|
|
2045
|
+
for (const g of segs) {
|
|
2046
|
+
x1 = Math.min(x1, g.x1, g.x2);
|
|
2047
|
+
y1 = Math.min(y1, g.y1, g.y2);
|
|
2048
|
+
x2 = Math.max(x2, g.x1, g.x2);
|
|
2049
|
+
y2 = Math.max(y2, g.y1, g.y2);
|
|
2050
|
+
}
|
|
2051
|
+
const box = { x: x1, y: y1, w: x2 - x1, h: y2 - y1 };
|
|
2052
|
+
\u5916\u63A5cache.set(id, box);
|
|
2053
|
+
return box;
|
|
2054
|
+
};
|
|
2055
|
+
const \u9060\u3044 = (box, edgeId, d, \u4F59\u88D5) => {
|
|
2056
|
+
const b = \u5916\u63A5(edgeId, d);
|
|
2057
|
+
if (!b) return true;
|
|
2058
|
+
const dx = Math.max(0, Math.max(box.x - (b.x + b.w), b.x - (box.x + box.w)));
|
|
2059
|
+
const dy = Math.max(0, Math.max(box.y - (b.y + b.h), b.y - (box.y + box.h)));
|
|
2060
|
+
return Math.hypot(dx, dy) >= \u4F59\u88D5;
|
|
2061
|
+
};
|
|
2062
|
+
const \u6700\u5927\u79FB\u52D5 = CHAIN_SHIFT_MAX_ACCUMULATED * 2;
|
|
2063
|
+
const shiftMap = /* @__PURE__ */ new Map();
|
|
2064
|
+
const getShift = (id) => shiftMap.get(id) ?? { dx: 0, dy: 0 };
|
|
2065
|
+
const labelBBoxes = () => {
|
|
2066
|
+
const out = [];
|
|
2067
|
+
for (const e of edges) {
|
|
2068
|
+
if (!labeledIds.has(e.id)) continue;
|
|
2069
|
+
const base = computeLabelBBoxWorld(e);
|
|
2070
|
+
const s = getShift(e.id);
|
|
2071
|
+
out.push({ kind: "edge-label", id: e.id, x: base.x + s.dx, y: base.y + s.dy, w: base.w, h: base.h });
|
|
2072
|
+
}
|
|
2073
|
+
return out;
|
|
2074
|
+
};
|
|
2075
|
+
const \u96E2\u308C\u91CF = (a, b) => ({
|
|
2076
|
+
x: Math.max(a.x - (b.x + b.w), b.x - (a.x + a.w)),
|
|
2077
|
+
y: Math.max(a.y - (b.y + b.h), b.y - (a.y + a.h))
|
|
2078
|
+
});
|
|
2079
|
+
const \u52D5\u304B\u3057\u305F\u7BB1 = (box, axis, sign, amount) => ({
|
|
2080
|
+
...box,
|
|
2081
|
+
x: box.x + (axis === "x" ? sign * amount : 0),
|
|
2082
|
+
y: box.y + (axis === "y" ? sign * amount : 0)
|
|
2083
|
+
});
|
|
2084
|
+
for (let iter = 0; iter < maxIter; iter += 1) {
|
|
2085
|
+
const labels = labelBBoxes();
|
|
2086
|
+
const \u672D\u306E\u8981\u6C42 = requiredNearClearance("edge-label", "edge-label");
|
|
2087
|
+
let \u52D5\u3044\u305F = false;
|
|
2088
|
+
const \u4ECA\u56DE\u52D5\u304B\u3057\u305F = /* @__PURE__ */ new Set();
|
|
2089
|
+
const \u5B89\u5168\u304B = (label, \u884C\u304D\u5148) => {
|
|
2090
|
+
for (const obs of \u7BB1\u305F\u3061) {
|
|
2091
|
+
const \u524D = computeGap(label, obs);
|
|
2092
|
+
const \u5F8C = computeGap(\u884C\u304D\u5148, obs);
|
|
2093
|
+
if (\u5F8C < Math.min(\u524D, requiredNearClearance("edge-label", obs.kind))) return false;
|
|
2094
|
+
}
|
|
2095
|
+
for (const \u4ED6 of labels) {
|
|
2096
|
+
if (\u4ED6.id === label.id) continue;
|
|
2097
|
+
const \u524D = computeGap(label, \u4ED6);
|
|
2098
|
+
const \u5F8C = computeGap(\u884C\u304D\u5148, \u4ED6);
|
|
2099
|
+
if (\u5F8C < Math.min(\u524D, \u672D\u306E\u8981\u6C42)) return false;
|
|
2100
|
+
}
|
|
2101
|
+
const \u81EA\u5206 = edgeById.get(label.id);
|
|
2102
|
+
const \u81EA\u5206\u306E\u533A\u9593 = \u81EA\u5206 ? \u533A\u9593(\u81EA\u5206.id, \u81EA\u5206.d) : [];
|
|
2103
|
+
if (\u81EA\u5206\u306E\u533A\u9593.length > 0) {
|
|
2104
|
+
const \u524D = measurePathLabelGapSegs(\u81EA\u5206\u306E\u533A\u9593, label);
|
|
2105
|
+
const \u5F8C = measurePathLabelGapSegs(\u81EA\u5206\u306E\u533A\u9593, \u884C\u304D\u5148);
|
|
2106
|
+
if (\u5F8C > Math.max(\u524D, DIST_LABEL_PATH_MAX)) return false;
|
|
2107
|
+
}
|
|
2108
|
+
for (const \u76F8\u624B of edges) {
|
|
2109
|
+
if (\u76F8\u624B.id === label.id) continue;
|
|
2110
|
+
if (\u9060\u3044(label, \u76F8\u624B.id, \u76F8\u624B.d, LABEL_TO_PATH_CLEARANCE) && \u9060\u3044(\u884C\u304D\u5148, \u76F8\u624B.id, \u76F8\u624B.d, LABEL_TO_PATH_CLEARANCE)) continue;
|
|
2111
|
+
const segs = segmentsExcludingOwnPath(\u533A\u9593(\u76F8\u624B.id, \u76F8\u624B.d), \u81EA\u5206\u306E\u533A\u9593);
|
|
2112
|
+
if (segs.length === 0) continue;
|
|
2113
|
+
const \u524D = measurePathLabelGapSegs(segs, label);
|
|
2114
|
+
const \u5F8C = measurePathLabelGapSegs(segs, \u884C\u304D\u5148);
|
|
2115
|
+
if (\u5F8C < Math.min(\u524D, LABEL_TO_PATH_CLEARANCE)) return false;
|
|
2116
|
+
}
|
|
2117
|
+
return true;
|
|
2118
|
+
};
|
|
2119
|
+
const \u9003\u304C\u3059 = (label, \u5019\u88DC) => {
|
|
2120
|
+
for (const c of \u5019\u88DC.slice().sort((a, b) => a.amount - b.amount)) {
|
|
2121
|
+
if (c.amount <= 0) continue;
|
|
2122
|
+
const \u884C\u304D\u5148 = \u52D5\u304B\u3057\u305F\u7BB1(label, c.axis, c.sign, c.amount);
|
|
2123
|
+
if (!\u5B89\u5168\u304B(label, \u884C\u304D\u5148)) continue;
|
|
2124
|
+
const cur = getShift(label.id);
|
|
2125
|
+
const dx = c.axis === "x" ? cur.dx + c.sign * c.amount : cur.dx;
|
|
2126
|
+
const dy = c.axis === "y" ? cur.dy + c.sign * c.amount : cur.dy;
|
|
2127
|
+
if (Math.hypot(dx, dy) > \u6700\u5927\u79FB\u52D5) continue;
|
|
2128
|
+
shiftMap.set(label.id, { dx, dy });
|
|
2129
|
+
\u4ECA\u56DE\u52D5\u304B\u3057\u305F.add(label.id);
|
|
2130
|
+
return true;
|
|
2131
|
+
}
|
|
2132
|
+
return false;
|
|
2133
|
+
};
|
|
2134
|
+
const \u77E9\u5F62\u306E\u5019\u88DC = (label, static\u7BB1, required) => {
|
|
2135
|
+
const sep = \u96E2\u308C\u91CF(label, static\u7BB1);
|
|
2136
|
+
const \u5411\u304D = (axis) => {
|
|
2137
|
+
const a = axis === "x" ? label.x + label.w / 2 : label.y + label.h / 2;
|
|
2138
|
+
const b = axis === "x" ? static\u7BB1.x + static\u7BB1.w / 2 : static\u7BB1.y + static\u7BB1.h / 2;
|
|
2139
|
+
return a >= b ? 1 : -1;
|
|
2140
|
+
};
|
|
2141
|
+
return [
|
|
2142
|
+
{ axis: "x", sign: \u5411\u304D("x"), amount: required - sep.x + NEAR_MISS_MARGIN },
|
|
2143
|
+
{ axis: "y", sign: \u5411\u304D("y"), amount: required - sep.y + NEAR_MISS_MARGIN }
|
|
2144
|
+
];
|
|
2145
|
+
};
|
|
2146
|
+
for (const label of labels) {
|
|
2147
|
+
if (\u4ECA\u56DE\u52D5\u304B\u3057\u305F.has(label.id)) continue;
|
|
2148
|
+
for (const obs of \u7BB1\u305F\u3061) {
|
|
2149
|
+
const required = requiredNearClearance(label.kind, obs.kind);
|
|
2150
|
+
if (required <= 0) continue;
|
|
2151
|
+
if (computeGap(label, obs) >= required) continue;
|
|
2152
|
+
if (\u9003\u304C\u3059(label, \u77E9\u5F62\u306E\u5019\u88DC(label, obs, required))) {
|
|
2153
|
+
\u52D5\u3044\u305F = true;
|
|
2154
|
+
break;
|
|
2155
|
+
}
|
|
2156
|
+
}
|
|
2157
|
+
}
|
|
2158
|
+
const \u672D\u9806 = /* @__PURE__ */ new Map();
|
|
2159
|
+
edges.forEach((e, i) => \u672D\u9806.set(e.id, i));
|
|
2160
|
+
for (let i = 0; i < labels.length; i += 1) {
|
|
2161
|
+
for (let j = i + 1; j < labels.length; j += 1) {
|
|
2162
|
+
const a = labels[i];
|
|
2163
|
+
const b = labels[j];
|
|
2164
|
+
if (computeGap(a, b) >= \u672D\u306E\u8981\u6C42) continue;
|
|
2165
|
+
const aIsLater = \u672D\u9806.get(a.id) > \u672D\u9806.get(b.id);
|
|
2166
|
+
const moveBox = aIsLater ? a : b;
|
|
2167
|
+
const staticBox = aIsLater ? b : a;
|
|
2168
|
+
if (\u4ECA\u56DE\u52D5\u304B\u3057\u305F.has(moveBox.id)) continue;
|
|
2169
|
+
if (\u9003\u304C\u3059(moveBox, \u77E9\u5F62\u306E\u5019\u88DC(moveBox, staticBox, \u672D\u306E\u8981\u6C42))) \u52D5\u3044\u305F = true;
|
|
2170
|
+
}
|
|
2171
|
+
}
|
|
2172
|
+
for (const label of labels) {
|
|
2173
|
+
if (\u4ECA\u56DE\u52D5\u304B\u3057\u305F.has(label.id)) continue;
|
|
2174
|
+
const \u81EA\u5206 = edgeById.get(label.id);
|
|
2175
|
+
if (!\u81EA\u5206) continue;
|
|
2176
|
+
const \u81EA\u5206\u306E\u533A\u9593 = \u533A\u9593(\u81EA\u5206.id, \u81EA\u5206.d);
|
|
2177
|
+
for (const \u4ED6 of edges) {
|
|
2178
|
+
if (\u4ED6.id === label.id) continue;
|
|
2179
|
+
if (\u81EA\u5206.from === \u4ED6.from && \u81EA\u5206.to === \u4ED6.to) continue;
|
|
2180
|
+
if (\u9060\u3044(label, \u4ED6.id, \u4ED6.d, LABEL_TO_PATH_CLEARANCE)) continue;
|
|
2181
|
+
const segs = segmentsExcludingOwnPath(\u533A\u9593(\u4ED6.id, \u4ED6.d), \u81EA\u5206\u306E\u533A\u9593);
|
|
2182
|
+
if (segs.length === 0) continue;
|
|
2183
|
+
const gap = measurePathLabelGapSegs(segs, label);
|
|
2184
|
+
if (gap >= LABEL_TO_PATH_CLEARANCE) continue;
|
|
2185
|
+
const \u82AF = { x: label.x + label.w / 2, y: label.y + label.h / 2 };
|
|
2186
|
+
let \u8FD1\u3044\u70B9 = null;
|
|
2187
|
+
let \u6700\u77ED = Infinity;
|
|
2188
|
+
for (const seg of segs) {
|
|
2189
|
+
for (const \u70B9 of [
|
|
2190
|
+
{ x: seg.x1, y: seg.y1 },
|
|
2191
|
+
{ x: seg.x2, y: seg.y2 },
|
|
2192
|
+
{ x: (seg.x1 + seg.x2) / 2, y: (seg.y1 + seg.y2) / 2 }
|
|
2193
|
+
]) {
|
|
2194
|
+
const d = Math.hypot(\u70B9.x - \u82AF.x, \u70B9.y - \u82AF.y);
|
|
2195
|
+
if (d < \u6700\u77ED) {
|
|
2196
|
+
\u6700\u77ED = d;
|
|
2197
|
+
\u8FD1\u3044\u70B9 = \u70B9;
|
|
2198
|
+
}
|
|
2199
|
+
}
|
|
2200
|
+
}
|
|
2201
|
+
if (!\u8FD1\u3044\u70B9) continue;
|
|
2202
|
+
const \u5FC5\u8981\u91CF = (axis, sign) => {
|
|
2203
|
+
const \u6E80\u305F\u3059 = (\u91CF) => measurePathLabelGapSegs(segs, \u52D5\u304B\u3057\u305F\u7BB1(label, axis, sign, \u91CF)) >= LABEL_TO_PATH_CLEARANCE;
|
|
2204
|
+
let lo = 0;
|
|
2205
|
+
let hi = Math.max(4, LABEL_TO_PATH_CLEARANCE - gap);
|
|
2206
|
+
while (!\u6E80\u305F\u3059(hi)) {
|
|
2207
|
+
if (hi >= \u6700\u5927\u79FB\u52D5) return null;
|
|
2208
|
+
lo = hi;
|
|
2209
|
+
hi = Math.min(hi * 2, \u6700\u5927\u79FB\u52D5);
|
|
2210
|
+
}
|
|
2211
|
+
for (let k = 0; k < 12; k += 1) {
|
|
2212
|
+
const mid = (lo + hi) / 2;
|
|
2213
|
+
if (\u6E80\u305F\u3059(mid)) hi = mid;
|
|
2214
|
+
else lo = mid;
|
|
2215
|
+
}
|
|
2216
|
+
return hi + NEAR_MISS_MARGIN;
|
|
2217
|
+
};
|
|
2218
|
+
const dx = \u82AF.x - \u8FD1\u3044\u70B9.x;
|
|
2219
|
+
const dy = \u82AF.y - \u8FD1\u3044\u70B9.y;
|
|
2220
|
+
const \u5019\u88DC = [];
|
|
2221
|
+
for (const c of [
|
|
2222
|
+
{ axis: "x", sign: dx >= 0 ? 1 : -1 },
|
|
2223
|
+
{ axis: "y", sign: dy >= 0 ? 1 : -1 },
|
|
2224
|
+
// 近い点から離れる向きが塞がれていることがある。 反対向きも候補に入れる。
|
|
2225
|
+
{ axis: "x", sign: dx >= 0 ? -1 : 1 },
|
|
2226
|
+
{ axis: "y", sign: dy >= 0 ? -1 : 1 }
|
|
2227
|
+
]) {
|
|
2228
|
+
const \u91CF = \u5FC5\u8981\u91CF(c.axis, c.sign);
|
|
2229
|
+
if (\u91CF !== null) \u5019\u88DC.push({ ...c, amount: \u91CF });
|
|
2230
|
+
}
|
|
2231
|
+
if (\u9003\u304C\u3059(label, \u5019\u88DC)) {
|
|
2232
|
+
\u52D5\u3044\u305F = true;
|
|
2233
|
+
break;
|
|
2234
|
+
}
|
|
2235
|
+
}
|
|
2236
|
+
}
|
|
2237
|
+
if (!\u52D5\u3044\u305F) break;
|
|
2238
|
+
}
|
|
2239
|
+
if (shiftMap.size === 0) return edges;
|
|
2240
|
+
return edges.map((e) => {
|
|
2241
|
+
const s = shiftMap.get(e.id);
|
|
2242
|
+
if (!s || s.dx === 0 && s.dy === 0) return e;
|
|
2243
|
+
return { ...e, labelX: e.labelX + s.dx, labelY: e.labelY + s.dy };
|
|
2244
|
+
});
|
|
2245
|
+
}
|
|
2018
2246
|
function applyEdgeLabelAndPathShifts(edges, labelShiftMap, edgePathShiftMap) {
|
|
2019
2247
|
if (labelShiftMap.size === 0 && edgePathShiftMap.size === 0) return edges;
|
|
2020
2248
|
return edges.map((e) => {
|
|
@@ -9089,6 +9317,14 @@ function layout(diag) {
|
|
|
9089
9317
|
hopEdgeCrossings(edges);
|
|
9090
9318
|
repositionParallelLabels(edges, nodesFinal);
|
|
9091
9319
|
slideLabelsAlongOwnPath(edges, nodesFinal);
|
|
9320
|
+
if (!isChainEdgeLabelDisabled()) {
|
|
9321
|
+
edges = resolveLabelClearanceAfterPathPasses(
|
|
9322
|
+
edges,
|
|
9323
|
+
collectBBoxes(containedLanesFinal, nodesFinal, []).filter(
|
|
9324
|
+
(b) => b.kind === "node" || b.kind === "lane-label"
|
|
9325
|
+
)
|
|
9326
|
+
);
|
|
9327
|
+
}
|
|
9092
9328
|
const bboxes = collectBBoxes(containedLanesFinal, nodesFinal, edges);
|
|
9093
9329
|
const collisions = detectCollisions(bboxes, edges);
|
|
9094
9330
|
const nearCollisions = detectNearCollisions(bboxes, edges);
|