@imanect/yui 0.0.0-stage → 0.2.0
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/LICENSE-APACHE +202 -0
- package/LICENSE-MIT +21 -0
- package/README.md +85 -2
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -0
- package/dist/ir.d.ts +105 -0
- package/dist/ir.d.ts.map +1 -0
- package/dist/ir.js +8 -0
- package/dist/ir.js.map +1 -0
- package/dist/kinds/chart.d.ts +5 -0
- package/dist/kinds/chart.d.ts.map +1 -0
- package/dist/kinds/chart.js +110 -0
- package/dist/kinds/chart.js.map +1 -0
- package/dist/kinds/flow.d.ts +17 -0
- package/dist/kinds/flow.d.ts.map +1 -0
- package/dist/kinds/flow.js +175 -0
- package/dist/kinds/flow.js.map +1 -0
- package/dist/kinds/stack.d.ts +17 -0
- package/dist/kinds/stack.d.ts.map +1 -0
- package/dist/kinds/stack.js +106 -0
- package/dist/kinds/stack.js.map +1 -0
- package/dist/kinds/stat.d.ts +5 -0
- package/dist/kinds/stat.d.ts.map +1 -0
- package/dist/kinds/stat.js +56 -0
- package/dist/kinds/stat.js.map +1 -0
- package/dist/lines.d.ts +57 -0
- package/dist/lines.d.ts.map +1 -0
- package/dist/lines.js +129 -0
- package/dist/lines.js.map +1 -0
- package/dist/markdown.d.ts +41 -0
- package/dist/markdown.d.ts.map +1 -0
- package/dist/markdown.js +84 -0
- package/dist/markdown.js.map +1 -0
- package/dist/number.d.ts +32 -0
- package/dist/number.d.ts.map +1 -0
- package/dist/number.js +101 -0
- package/dist/number.js.map +1 -0
- package/dist/parse.d.ts +15 -0
- package/dist/parse.d.ts.map +1 -0
- package/dist/parse.js +124 -0
- package/dist/parse.js.map +1 -0
- package/dist/react/index.d.ts +46 -0
- package/dist/react/index.d.ts.map +1 -0
- package/dist/react/index.js +119 -0
- package/dist/react/index.js.map +1 -0
- package/dist/render/chart.d.ts +10 -0
- package/dist/render/chart.d.ts.map +1 -0
- package/dist/render/chart.js +237 -0
- package/dist/render/chart.js.map +1 -0
- package/dist/render/flow.d.ts +12 -0
- package/dist/render/flow.d.ts.map +1 -0
- package/dist/render/flow.js +284 -0
- package/dist/render/flow.js.map +1 -0
- package/dist/render/frame.d.ts +44 -0
- package/dist/render/frame.d.ts.map +1 -0
- package/dist/render/frame.js +79 -0
- package/dist/render/frame.js.map +1 -0
- package/dist/render/layout.d.ts +7 -0
- package/dist/render/layout.d.ts.map +1 -0
- package/dist/render/layout.js +29 -0
- package/dist/render/layout.js.map +1 -0
- package/dist/render/measure.d.ts +16 -0
- package/dist/render/measure.d.ts.map +1 -0
- package/dist/render/measure.js +86 -0
- package/dist/render/measure.js.map +1 -0
- package/dist/render/scene.d.ts +60 -0
- package/dist/render/scene.d.ts.map +1 -0
- package/dist/render/scene.js +20 -0
- package/dist/render/scene.js.map +1 -0
- package/dist/render/stack.d.ts +11 -0
- package/dist/render/stack.d.ts.map +1 -0
- package/dist/render/stack.js +112 -0
- package/dist/render/stack.js.map +1 -0
- package/dist/render/stat.d.ts +5 -0
- package/dist/render/stat.d.ts.map +1 -0
- package/dist/render/stat.js +36 -0
- package/dist/render/stat.js.map +1 -0
- package/dist/render/svg.d.ts +19 -0
- package/dist/render/svg.d.ts.map +1 -0
- package/dist/render/svg.js +88 -0
- package/dist/render/svg.js.map +1 -0
- package/dist/render/theme.d.ts +20 -0
- package/dist/render/theme.d.ts.map +1 -0
- package/dist/render/theme.js +87 -0
- package/dist/render/theme.js.map +1 -0
- package/dist/svg.d.ts +8 -0
- package/dist/svg.d.ts.map +1 -0
- package/dist/svg.js +7 -0
- package/dist/svg.js.map +1 -0
- package/dist/text.d.ts +17 -0
- package/dist/text.d.ts.map +1 -0
- package/dist/text.js +173 -0
- package/dist/text.js.map +1 -0
- package/package.json +66 -4
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/** 図の共通部分(見出し・凡例・注記)と、数値の書式・目盛り。 */
|
|
2
|
+
import type { Figure } from "../ir.js";
|
|
3
|
+
import { type Measure } from "./measure.js";
|
|
4
|
+
import type { Item } from "./scene.js";
|
|
5
|
+
export interface LayoutOptions {
|
|
6
|
+
/** 描画幅(px)。既定 640。 */
|
|
7
|
+
width?: number;
|
|
8
|
+
/** 数値の書式のロケール。既定 ja-JP。 */
|
|
9
|
+
locale?: string;
|
|
10
|
+
/** 文字幅の計測(ブラウザなら canvas の measureText などに差し替えられる)。 */
|
|
11
|
+
measure?: Measure;
|
|
12
|
+
/** 定型の文言。既定はロケールが ja なら日本語、それ以外は英語。 */
|
|
13
|
+
labels?: Labels;
|
|
14
|
+
}
|
|
15
|
+
/** 図の中に出る定型の文言(ロケールで切り替える)。 */
|
|
16
|
+
export interface Labels {
|
|
17
|
+
unit: (unit: string) => string;
|
|
18
|
+
note: (note: string) => string;
|
|
19
|
+
}
|
|
20
|
+
export declare const LABELS_JA: Labels;
|
|
21
|
+
export declare const LABELS_EN: Labels;
|
|
22
|
+
export interface Ctx {
|
|
23
|
+
width: number;
|
|
24
|
+
pad: number;
|
|
25
|
+
locale: string;
|
|
26
|
+
labels: Labels;
|
|
27
|
+
measure: Measure;
|
|
28
|
+
items: Item[];
|
|
29
|
+
}
|
|
30
|
+
export declare function makeCtx(opts: LayoutOptions): Ctx;
|
|
31
|
+
export declare const TITLE_SIZE = 15;
|
|
32
|
+
export declare const BODY_SIZE = 12;
|
|
33
|
+
export declare const SMALL_SIZE = 11;
|
|
34
|
+
/** 見出し(引用番号付き)を置き、次に使える y を返す。 */
|
|
35
|
+
export declare function drawTitle(ctx: Ctx, f: Figure, y: number): number;
|
|
36
|
+
/** 系列の凡例(2 系列以上のときだけ)。次に使える y を返す。 */
|
|
37
|
+
export declare function drawLegend(ctx: Ctx, names: string[], y: number, mark: "box" | "line"): number;
|
|
38
|
+
/** 注記を置き、次に使える y を返す。 */
|
|
39
|
+
export declare function drawNote(ctx: Ctx, f: Figure, y: number): number;
|
|
40
|
+
export declare function formatValue(v: number, locale: string): string;
|
|
41
|
+
export declare function formatTick(v: number, locale: string): string;
|
|
42
|
+
/** 区切りのよい目盛り(0 を含む)。 */
|
|
43
|
+
export declare function niceTicks(min: number, max: number, count?: number): number[];
|
|
44
|
+
//# sourceMappingURL=frame.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../src/render/frame.ts"],"names":[],"mappings":"AAAA,oCAAoC;AAEpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAkB,KAAK,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGvC,MAAM,WAAW,aAAa;IAC5B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,+BAA+B;AAC/B,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,EAAE,MAA2D,CAAC;AACpF,eAAO,MAAM,SAAS,EAAE,MAAiE,CAAC;AAE1F,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,aAAa,GAAG,GAAG,CAKhD;AAED,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,kCAAkC;AAClC,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAMhE;AAED,sCAAsC;AACtC,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAmB7F;AAED,yBAAyB;AACzB,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAK/D;AAID,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,wBAAwB;AACxB,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE,CAYvE"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/** 図の共通部分(見出し・凡例・注記)と、数値の書式・目盛り。 */
|
|
2
|
+
import { estimate, wrap } from "./measure.js";
|
|
3
|
+
import { SERIES } from "./theme.js";
|
|
4
|
+
export const LABELS_JA = { unit: (u) => `単位: ${u}`, note: (n) => `※ ${n}` };
|
|
5
|
+
export const LABELS_EN = { unit: (u) => `Unit: ${u}`, note: (n) => `Note: ${n}` };
|
|
6
|
+
export function makeCtx(opts) {
|
|
7
|
+
const width = Math.max(240, Math.round(opts.width ?? 640));
|
|
8
|
+
const locale = opts.locale ?? "ja-JP";
|
|
9
|
+
const labels = opts.labels ?? (locale.toLowerCase().startsWith("ja") ? LABELS_JA : LABELS_EN);
|
|
10
|
+
return { width, pad: width < 400 ? 12 : 16, locale, labels, measure: opts.measure ?? estimate, items: [] };
|
|
11
|
+
}
|
|
12
|
+
export const TITLE_SIZE = 15;
|
|
13
|
+
export const BODY_SIZE = 12;
|
|
14
|
+
export const SMALL_SIZE = 11;
|
|
15
|
+
/** 見出し(引用番号付き)を置き、次に使える y を返す。 */
|
|
16
|
+
export function drawTitle(ctx, f, y) {
|
|
17
|
+
const title = f.title + (f.refs.length ? ` ${f.refs.map((r) => `[${r}]`).join("")}` : "");
|
|
18
|
+
if (!title.trim())
|
|
19
|
+
return y;
|
|
20
|
+
const lines = wrap(title, ctx.width - ctx.pad * 2, TITLE_SIZE, ctx.measure, 2, 600);
|
|
21
|
+
lines.forEach((l, i) => ctx.items.push({ t: "text", x: ctx.pad, y: y + TITLE_SIZE + i * 20, text: l, size: TITLE_SIZE, weight: 600, fill: "ink" }));
|
|
22
|
+
return y + lines.length * 20 + 6;
|
|
23
|
+
}
|
|
24
|
+
/** 系列の凡例(2 系列以上のときだけ)。次に使える y を返す。 */
|
|
25
|
+
export function drawLegend(ctx, names, y, mark) {
|
|
26
|
+
if (names.length < 2)
|
|
27
|
+
return y;
|
|
28
|
+
let x = ctx.pad;
|
|
29
|
+
let row = 0;
|
|
30
|
+
for (let i = 0; i < names.length; i++) {
|
|
31
|
+
const label = names[i];
|
|
32
|
+
const w = 14 + ctx.measure(label, BODY_SIZE) + 16;
|
|
33
|
+
if (x + w > ctx.width - ctx.pad && x > ctx.pad) {
|
|
34
|
+
x = ctx.pad;
|
|
35
|
+
row++;
|
|
36
|
+
}
|
|
37
|
+
const cy = y + 8 + row * 20;
|
|
38
|
+
const token = SERIES[i % SERIES.length];
|
|
39
|
+
if (mark === "box")
|
|
40
|
+
ctx.items.push({ t: "rect", x, y: cy - 5, w: 10, h: 10, r: 2, fill: token });
|
|
41
|
+
else
|
|
42
|
+
ctx.items.push({ t: "path", d: `M${x},${cy}H${x + 12}`, stroke: token, strokeWidth: 2 });
|
|
43
|
+
ctx.items.push({ t: "text", x: x + 16, y: cy + 4, text: label, size: BODY_SIZE, fill: "ink2" });
|
|
44
|
+
x += w;
|
|
45
|
+
}
|
|
46
|
+
return y + (row + 1) * 20 + 4;
|
|
47
|
+
}
|
|
48
|
+
/** 注記を置き、次に使える y を返す。 */
|
|
49
|
+
export function drawNote(ctx, f, y) {
|
|
50
|
+
if (!f.note)
|
|
51
|
+
return y;
|
|
52
|
+
const lines = wrap(ctx.labels.note(f.note), ctx.width - ctx.pad * 2, BODY_SIZE, ctx.measure, 4);
|
|
53
|
+
lines.forEach((l, i) => ctx.items.push({ t: "text", x: ctx.pad, y: y + 14 + i * 17, text: l, size: BODY_SIZE, fill: "muted" }));
|
|
54
|
+
return y + lines.length * 17 + 6;
|
|
55
|
+
}
|
|
56
|
+
// ---------------------------------------------------------------- 数値
|
|
57
|
+
export function formatValue(v, locale) {
|
|
58
|
+
return new Intl.NumberFormat(locale, { maximumFractionDigits: Math.abs(v) < 10 ? 2 : 1 }).format(v);
|
|
59
|
+
}
|
|
60
|
+
export function formatTick(v, locale) {
|
|
61
|
+
return new Intl.NumberFormat(locale, { notation: "compact", maximumFractionDigits: 1 }).format(v);
|
|
62
|
+
}
|
|
63
|
+
/** 区切りのよい目盛り(0 を含む)。 */
|
|
64
|
+
export function niceTicks(min, max, count = 5) {
|
|
65
|
+
let lo = Math.min(0, min);
|
|
66
|
+
let hi = Math.max(0, max);
|
|
67
|
+
if (lo === hi)
|
|
68
|
+
hi = lo + 1;
|
|
69
|
+
const raw = (hi - lo) / count;
|
|
70
|
+
const mag = 10 ** Math.floor(Math.log10(raw));
|
|
71
|
+
const step = ([1, 2, 2.5, 5, 10].map((m) => m * mag).find((s) => s >= raw) ?? 10 * mag);
|
|
72
|
+
lo = Math.floor(lo / step) * step;
|
|
73
|
+
hi = Math.ceil(hi / step) * step;
|
|
74
|
+
const ticks = [];
|
|
75
|
+
for (let v = lo; v <= hi + step / 2; v += step)
|
|
76
|
+
ticks.push(Math.abs(v) < step / 1e6 ? 0 : +v.toPrecision(12));
|
|
77
|
+
return ticks;
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=frame.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frame.js","sourceRoot":"","sources":["../../src/render/frame.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/** 図 1 つをシーンにする(見出し → 本体 → 注記)。 */
|
|
2
|
+
import type { Figure } from "../ir.js";
|
|
3
|
+
import { type LayoutOptions } from "./frame.js";
|
|
4
|
+
import type { Scene } from "./scene.js";
|
|
5
|
+
export type { LayoutOptions } from "./frame.js";
|
|
6
|
+
export declare function layout(f: Figure, opts?: LayoutOptions): Scene;
|
|
7
|
+
//# sourceMappingURL=layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAEnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,EAAgC,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAIxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,GAAE,aAAkB,GAAG,KAAK,CAoBjE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/** 図 1 つをシーンにする(見出し → 本体 → 注記)。 */
|
|
2
|
+
import { toText } from "../text.js";
|
|
3
|
+
import { layoutChart } from "./chart.js";
|
|
4
|
+
import { drawNote, drawTitle, makeCtx } from "./frame.js";
|
|
5
|
+
import { layoutFlow } from "./flow.js";
|
|
6
|
+
import { layoutStack } from "./stack.js";
|
|
7
|
+
import { layoutStat } from "./stat.js";
|
|
8
|
+
export function layout(f, opts = {}) {
|
|
9
|
+
const ctx = makeCtx(opts);
|
|
10
|
+
let y = drawTitle(ctx, f, ctx.pad - 4);
|
|
11
|
+
switch (f.kind) {
|
|
12
|
+
case "bar":
|
|
13
|
+
case "line":
|
|
14
|
+
y = layoutChart(ctx, f, y);
|
|
15
|
+
break;
|
|
16
|
+
case "stat":
|
|
17
|
+
y = layoutStat(ctx, f, y);
|
|
18
|
+
break;
|
|
19
|
+
case "flow":
|
|
20
|
+
y = layoutFlow(ctx, f, y + 4);
|
|
21
|
+
break;
|
|
22
|
+
case "stack":
|
|
23
|
+
y = layoutStack(ctx, f, y + 4);
|
|
24
|
+
break;
|
|
25
|
+
}
|
|
26
|
+
y = drawNote(ctx, f, y);
|
|
27
|
+
return { width: ctx.width, height: Math.ceil(y + ctx.pad - 6), items: ctx.items, title: f.title, desc: toText(f) };
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/render/layout.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAGnC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAsB,MAAM,YAAY,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAIvC,MAAM,UAAU,MAAM,CAAC,CAAS,EAAE,OAAsB,EAAE;IACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,IAAI,CAAC,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACvC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;QACf,KAAK,KAAK,CAAC;QACX,KAAK,MAAM;YACT,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3B,MAAM;QACR,KAAK,MAAM;YACT,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM;QACR,KAAK,MAAM;YACT,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAC9B,MAAM;QACR,KAAK,OAAO;YACV,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,MAAM;IACV,CAAC;IACD,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACxB,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;AACrH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 文字幅の見積もりと折り返し。
|
|
3
|
+
*
|
|
4
|
+
* ブラウザでもサーバーでも同じ配置になるよう、既定では文字種ごとの幅の表で決定的に見積もる
|
|
5
|
+
* (全角 1em、半角英数はおよそ 0.5〜0.62em)。ホストは measure を差し替えられる。
|
|
6
|
+
*/
|
|
7
|
+
export type Measure = (text: string, fontSize: number, weight?: number) => number;
|
|
8
|
+
export declare const estimate: Measure;
|
|
9
|
+
/**
|
|
10
|
+
* maxWidth に収まるように折り返す。和文は文字単位、欧文は単語単位で折る。
|
|
11
|
+
* maxLines を超える分は末尾を「…」にする。
|
|
12
|
+
*/
|
|
13
|
+
export declare function wrap(text: string, maxWidth: number, fontSize: number, measure?: Measure, maxLines?: number, weight?: number): string[];
|
|
14
|
+
/** 1 行に収める(収まらなければ末尾を「…」にする)。 */
|
|
15
|
+
export declare function fit(text: string, maxWidth: number, fontSize: number, measure?: Measure, weight?: number): string;
|
|
16
|
+
//# sourceMappingURL=measure.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"measure.d.ts","sourceRoot":"","sources":["../../src/render/measure.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAsBlF,eAAO,MAAM,QAAQ,EAAE,OAItB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,OAAkB,EAAE,QAAQ,SAAI,EAAE,MAAM,SAAM,GAAG,MAAM,EAAE,CAiCxI;AAED,iCAAiC;AACjC,wBAAgB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,OAAkB,EAAE,MAAM,SAAM,GAAG,MAAM,CAKvH"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 文字幅の見積もりと折り返し。
|
|
3
|
+
*
|
|
4
|
+
* ブラウザでもサーバーでも同じ配置になるよう、既定では文字種ごとの幅の表で決定的に見積もる
|
|
5
|
+
* (全角 1em、半角英数はおよそ 0.5〜0.62em)。ホストは measure を差し替えられる。
|
|
6
|
+
*/
|
|
7
|
+
function charWidth(code) {
|
|
8
|
+
// 全角(CJK・かな・全角英数記号)
|
|
9
|
+
if ((code >= 0x3000 && code <= 0x9fff) ||
|
|
10
|
+
(code >= 0xac00 && code <= 0xd7af) ||
|
|
11
|
+
(code >= 0xf900 && code <= 0xfaff) ||
|
|
12
|
+
(code >= 0xff00 && code <= 0xff60) ||
|
|
13
|
+
(code >= 0xffe0 && code <= 0xffe6)) {
|
|
14
|
+
return 1;
|
|
15
|
+
}
|
|
16
|
+
if (code === 0x20)
|
|
17
|
+
return 0.28;
|
|
18
|
+
if (code >= 0x30 && code <= 0x39)
|
|
19
|
+
return 0.56; // 数字
|
|
20
|
+
if (code >= 0x41 && code <= 0x5a)
|
|
21
|
+
return 0.64; // 大文字
|
|
22
|
+
if (code >= 0x61 && code <= 0x7a)
|
|
23
|
+
return 0.52; // 小文字
|
|
24
|
+
if (".,:;'|!ilI[]()".includes(String.fromCharCode(code)))
|
|
25
|
+
return 0.3;
|
|
26
|
+
if (code < 0x80)
|
|
27
|
+
return 0.56;
|
|
28
|
+
return 0.8;
|
|
29
|
+
}
|
|
30
|
+
export const estimate = (text, fontSize, weight = 400) => {
|
|
31
|
+
let em = 0;
|
|
32
|
+
for (const ch of text)
|
|
33
|
+
em += charWidth(ch.codePointAt(0));
|
|
34
|
+
return em * fontSize * (weight >= 600 ? 1.04 : 1);
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* maxWidth に収まるように折り返す。和文は文字単位、欧文は単語単位で折る。
|
|
38
|
+
* maxLines を超える分は末尾を「…」にする。
|
|
39
|
+
*/
|
|
40
|
+
export function wrap(text, maxWidth, fontSize, measure = estimate, maxLines = 3, weight = 400) {
|
|
41
|
+
const tokens = text.match(/[A-Za-z0-9][A-Za-z0-9.,%\-+/_]*\s*|\s+|./gu) ?? [];
|
|
42
|
+
const lines = [];
|
|
43
|
+
let cur = "";
|
|
44
|
+
for (const tok of tokens) {
|
|
45
|
+
const next = cur + tok;
|
|
46
|
+
if (measure(next.trimEnd(), fontSize, weight) <= maxWidth || cur === "") {
|
|
47
|
+
// 1 語だけで幅を超える場合は文字単位に崩す
|
|
48
|
+
if (cur === "" && measure(tok.trimEnd(), fontSize, weight) > maxWidth && tok.length > 1) {
|
|
49
|
+
for (const ch of tok) {
|
|
50
|
+
if (measure(cur + ch, fontSize, weight) > maxWidth && cur !== "") {
|
|
51
|
+
lines.push(cur);
|
|
52
|
+
cur = "";
|
|
53
|
+
}
|
|
54
|
+
cur += ch;
|
|
55
|
+
}
|
|
56
|
+
continue;
|
|
57
|
+
}
|
|
58
|
+
cur = next;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
lines.push(cur.trimEnd());
|
|
62
|
+
cur = tok.trimStart();
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
if (cur.trim() !== "")
|
|
66
|
+
lines.push(cur.trimEnd());
|
|
67
|
+
if (lines.length > maxLines) {
|
|
68
|
+
const kept = lines.slice(0, maxLines);
|
|
69
|
+
let last = kept[maxLines - 1];
|
|
70
|
+
while (last.length > 0 && measure(`${last}…`, fontSize, weight) > maxWidth)
|
|
71
|
+
last = last.slice(0, -1);
|
|
72
|
+
kept[maxLines - 1] = `${last}…`;
|
|
73
|
+
return kept;
|
|
74
|
+
}
|
|
75
|
+
return lines.length > 0 ? lines : [""];
|
|
76
|
+
}
|
|
77
|
+
/** 1 行に収める(収まらなければ末尾を「…」にする)。 */
|
|
78
|
+
export function fit(text, maxWidth, fontSize, measure = estimate, weight = 400) {
|
|
79
|
+
if (measure(text, fontSize, weight) <= maxWidth)
|
|
80
|
+
return text;
|
|
81
|
+
let t = text;
|
|
82
|
+
while (t.length > 0 && measure(`${t}…`, fontSize, weight) > maxWidth)
|
|
83
|
+
t = t.slice(0, -1);
|
|
84
|
+
return `${t}…`;
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=measure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/render/measure.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* シーン: レイアウトの結果(箱・線・文字の並び)。SVG にも React にも、この 1 つから描く。
|
|
3
|
+
* 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
|
|
4
|
+
*/
|
|
5
|
+
import type { Token } from "./theme.js";
|
|
6
|
+
interface Common {
|
|
7
|
+
/** マウスを載せたときの説明(SVG の <title>)。 */
|
|
8
|
+
hint?: string;
|
|
9
|
+
opacity?: number;
|
|
10
|
+
}
|
|
11
|
+
export type Item = (Common & {
|
|
12
|
+
t: "rect";
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
w: number;
|
|
16
|
+
h: number;
|
|
17
|
+
r?: number;
|
|
18
|
+
fill: Token;
|
|
19
|
+
stroke?: Token;
|
|
20
|
+
strokeWidth?: number;
|
|
21
|
+
}) | (Common & {
|
|
22
|
+
t: "path";
|
|
23
|
+
d: string;
|
|
24
|
+
fill?: Token;
|
|
25
|
+
stroke?: Token;
|
|
26
|
+
strokeWidth?: number;
|
|
27
|
+
dash?: string;
|
|
28
|
+
arrow?: boolean;
|
|
29
|
+
}) | (Common & {
|
|
30
|
+
t: "circle";
|
|
31
|
+
cx: number;
|
|
32
|
+
cy: number;
|
|
33
|
+
r: number;
|
|
34
|
+
fill: Token;
|
|
35
|
+
stroke?: Token;
|
|
36
|
+
strokeWidth?: number;
|
|
37
|
+
}) | (Common & {
|
|
38
|
+
t: "text";
|
|
39
|
+
x: number;
|
|
40
|
+
y: number;
|
|
41
|
+
text: string;
|
|
42
|
+
size: number;
|
|
43
|
+
fill: Token;
|
|
44
|
+
weight?: number;
|
|
45
|
+
anchor?: "start" | "middle" | "end";
|
|
46
|
+
/** tabular-nums にするか(目盛りなど縦に揃える数字)。 */
|
|
47
|
+
tabular?: boolean;
|
|
48
|
+
});
|
|
49
|
+
export interface Scene {
|
|
50
|
+
width: number;
|
|
51
|
+
height: number;
|
|
52
|
+
items: Item[];
|
|
53
|
+
/** 読み上げ用の見出しと説明(テキスト化した図)。 */
|
|
54
|
+
title: string;
|
|
55
|
+
desc: string;
|
|
56
|
+
}
|
|
57
|
+
/** 上の角だけ丸い棒(下向きなら下の角)。 */
|
|
58
|
+
export declare function barPath(x: number, y: number, w: number, h: number, r: number, end: "top" | "bottom" | "right" | "left"): string;
|
|
59
|
+
export {};
|
|
60
|
+
//# sourceMappingURL=scene.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/render/scene.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,UAAU,MAAM;IACd,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,IAAI,GACZ,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GACnI,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,GACvH,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,GAChH,CAAC,MAAM,GAAG;IACR,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEP,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,0BAA0B;AAC1B,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAa/H"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* シーン: レイアウトの結果(箱・線・文字の並び)。SVG にも React にも、この 1 つから描く。
|
|
3
|
+
* 色はトークンで持ち、出力のときに CSS 変数か焼き込みの色にする。
|
|
4
|
+
*/
|
|
5
|
+
/** 上の角だけ丸い棒(下向きなら下の角)。 */
|
|
6
|
+
export function barPath(x, y, w, h, r, end) {
|
|
7
|
+
const rr = Math.max(0, Math.min(r, w / 2, h / 2));
|
|
8
|
+
const f = (n) => +n.toFixed(2);
|
|
9
|
+
if (end === "top") {
|
|
10
|
+
return `M${f(x)},${f(y + h)}V${f(y + rr)}Q${f(x)},${f(y)} ${f(x + rr)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h)}Z`;
|
|
11
|
+
}
|
|
12
|
+
if (end === "bottom") {
|
|
13
|
+
return `M${f(x)},${f(y)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w)},${f(y + h - rr)}V${f(y)}Z`;
|
|
14
|
+
}
|
|
15
|
+
if (end === "right") {
|
|
16
|
+
return `M${f(x)},${f(y)}H${f(x + w - rr)}Q${f(x + w)},${f(y)} ${f(x + w)},${f(y + rr)}V${f(y + h - rr)}Q${f(x + w)},${f(y + h)} ${f(x + w - rr)},${f(y + h)}H${f(x)}Z`;
|
|
17
|
+
}
|
|
18
|
+
return `M${f(x + w)},${f(y)}H${f(x + rr)}Q${f(x)},${f(y)} ${f(x)},${f(y + rr)}V${f(y + h - rr)}Q${f(x)},${f(y + h)} ${f(x + rr)},${f(y + h)}H${f(x + w)}Z`;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=scene.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scene.js","sourceRoot":"","sources":["../../src/render/scene.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* stack: 層構成図のレイアウト。
|
|
3
|
+
*
|
|
4
|
+
* 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
|
|
5
|
+
* 層の中の要素は格子(4 個なら 2×2)。配色はレンダラーが決める:
|
|
6
|
+
* 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
|
|
7
|
+
*/
|
|
8
|
+
import type { StackFigure } from "../ir.js";
|
|
9
|
+
import { type Ctx } from "./frame.js";
|
|
10
|
+
export declare function layoutStack(ctx: Ctx, f: StackFigure, top: number): number;
|
|
11
|
+
//# sourceMappingURL=stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/render/stack.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAY,WAAW,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,EAAa,KAAK,GAAG,EAAc,MAAM,YAAY,CAAC;AA6C7D,wBAAgB,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAwBzE"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* stack: 層構成図のレイアウト。
|
|
3
|
+
*
|
|
4
|
+
* 層を上から積み、層の間に下向きの矢印を引く。横並びは等幅で並べ、狭ければ折り返す。
|
|
5
|
+
* 層の中の要素は格子(4 個なら 2×2)。配色はレンダラーが決める:
|
|
6
|
+
* 先頭の層は塗り、要素を持つ層は強調色の塗り、それ以外は枠だけ。
|
|
7
|
+
*/
|
|
8
|
+
import { BODY_SIZE, SMALL_SIZE } from "./frame.js";
|
|
9
|
+
import { wrap } from "./measure.js";
|
|
10
|
+
const TITLE = 14;
|
|
11
|
+
const ARROW_GAP = 28;
|
|
12
|
+
const ROW_GAP = 10;
|
|
13
|
+
const CHILD_GAP = 8;
|
|
14
|
+
function measureBox(ctx, box, w) {
|
|
15
|
+
const inner = w - 24;
|
|
16
|
+
const titleLines = wrap(box.title + (box.refs.length ? ` ${box.refs.map((r) => `[${r}]`).join("")}` : ""), inner, TITLE, ctx.measure, 2, 600);
|
|
17
|
+
const descLines = box.desc ? wrap(box.desc, inner, BODY_SIZE, ctx.measure, 3) : [];
|
|
18
|
+
const n = box.children.length;
|
|
19
|
+
let childCols = 0;
|
|
20
|
+
let childLines = [];
|
|
21
|
+
let childH = 0;
|
|
22
|
+
if (n > 0) {
|
|
23
|
+
const maxCols = inner < 300 ? 2 : inner < 520 ? 3 : 4;
|
|
24
|
+
childCols = n === 4 ? 2 : Math.min(n, maxCols);
|
|
25
|
+
const cw = (inner - CHILD_GAP * (childCols - 1)) / childCols;
|
|
26
|
+
childLines = box.children.map((c) => wrap(c.desc ? `${c.title}` : c.title, cw - 16, 13, ctx.measure, 2));
|
|
27
|
+
const rows = Math.ceil(n / childCols);
|
|
28
|
+
let total = 0;
|
|
29
|
+
for (let r = 0; r < rows; r++) {
|
|
30
|
+
const inRow = childLines.slice(r * childCols, (r + 1) * childCols);
|
|
31
|
+
const hasDesc = box.children.slice(r * childCols, (r + 1) * childCols).some((c) => c.desc);
|
|
32
|
+
total += Math.max(...inRow.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
|
|
33
|
+
}
|
|
34
|
+
childH = total + CHILD_GAP * (rows - 1);
|
|
35
|
+
}
|
|
36
|
+
const h = 14 + titleLines.length * 19 + (descLines.length ? 2 + descLines.length * 16 : 0) + (childH ? 12 + childH : 0) + 14;
|
|
37
|
+
return { box, titleLines, descLines, childCols, childLines, childH, h };
|
|
38
|
+
}
|
|
39
|
+
export function layoutStack(ctx, f, top) {
|
|
40
|
+
const inner = ctx.width - ctx.pad * 2;
|
|
41
|
+
let y = top;
|
|
42
|
+
f.tiers.forEach((tier, ti) => {
|
|
43
|
+
if (ti > 0) {
|
|
44
|
+
// 層の間の矢印(とラベル)
|
|
45
|
+
const cx = ctx.width / 2;
|
|
46
|
+
ctx.items.push({ t: "path", d: `M${cx},${y + 4}V${y + ARROW_GAP - 5}`, stroke: "muted", strokeWidth: 1.5, arrow: true });
|
|
47
|
+
if (tier.arrowLabel)
|
|
48
|
+
ctx.items.push({ t: "text", x: cx + 10, y: y + ARROW_GAP / 2 + 4, text: tier.arrowLabel, size: SMALL_SIZE, fill: "ink2" });
|
|
49
|
+
y += ARROW_GAP;
|
|
50
|
+
}
|
|
51
|
+
// 横並びは 1 つ 140px 以上を保ち、収まらなければ折り返す
|
|
52
|
+
const n = tier.boxes.length;
|
|
53
|
+
const perRow = Math.max(1, Math.min(n, Math.floor((inner + ROW_GAP) / (140 + ROW_GAP))));
|
|
54
|
+
for (let start = 0; start < n; start += perRow) {
|
|
55
|
+
const row = tier.boxes.slice(start, start + perRow);
|
|
56
|
+
const w = (inner - ROW_GAP * (row.length - 1)) / row.length;
|
|
57
|
+
const ms = row.map((b) => measureBox(ctx, b, w));
|
|
58
|
+
const h = Math.max(...ms.map((m) => m.h));
|
|
59
|
+
ms.forEach((m, k) => drawBox(ctx, m, ctx.pad + k * (w + ROW_GAP), y, w, h, ti));
|
|
60
|
+
y += h + (start + perRow < n ? ROW_GAP : 0);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
return y + 12;
|
|
64
|
+
}
|
|
65
|
+
function drawBox(ctx, m, x, y, w, h, tierIndex) {
|
|
66
|
+
const hasChildren = m.box.children.length > 0;
|
|
67
|
+
const fill = hasChildren ? "accentWash" : tierIndex === 0 ? "surface2" : "surface";
|
|
68
|
+
const stroke = hasChildren ? "accentLine" : "border";
|
|
69
|
+
const hint = [m.box.title, m.box.desc, ...m.box.children.map((c) => c.title)].filter(Boolean).join(" / ");
|
|
70
|
+
ctx.items.push({ t: "rect", x, y, w, h, r: 10, fill, ...(tierIndex === 0 && !hasChildren ? {} : { stroke, strokeWidth: 1 }), hint });
|
|
71
|
+
const cx = x + w / 2;
|
|
72
|
+
let yy = y + 14;
|
|
73
|
+
m.titleLines.forEach((l) => {
|
|
74
|
+
ctx.items.push({ t: "text", x: cx, y: yy + TITLE, text: l, size: TITLE, weight: 600, fill: "ink", anchor: "middle" });
|
|
75
|
+
yy += 19;
|
|
76
|
+
});
|
|
77
|
+
if (m.descLines.length) {
|
|
78
|
+
yy += 2;
|
|
79
|
+
m.descLines.forEach((l) => {
|
|
80
|
+
ctx.items.push({ t: "text", x: cx, y: yy + 12, text: l, size: BODY_SIZE, fill: "ink2", anchor: "middle" });
|
|
81
|
+
yy += 16;
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
if (!hasChildren)
|
|
85
|
+
return;
|
|
86
|
+
yy += 12;
|
|
87
|
+
const innerW = w - 24;
|
|
88
|
+
const cols = m.childCols;
|
|
89
|
+
const cw = (innerW - CHILD_GAP * (cols - 1)) / cols;
|
|
90
|
+
const rows = Math.ceil(m.box.children.length / cols);
|
|
91
|
+
for (let r = 0; r < rows; r++) {
|
|
92
|
+
const kids = m.box.children.slice(r * cols, (r + 1) * cols);
|
|
93
|
+
const lines = m.childLines.slice(r * cols, (r + 1) * cols);
|
|
94
|
+
const hasDesc = kids.some((c) => c.desc);
|
|
95
|
+
const ch = Math.max(...lines.map((l) => l.length)) * 17 + (hasDesc ? 16 : 0) + 18;
|
|
96
|
+
// 最後の行が埋まらないときは中央に寄せる
|
|
97
|
+
const offset = ((cols - kids.length) * (cw + CHILD_GAP)) / 2;
|
|
98
|
+
kids.forEach((c, k) => {
|
|
99
|
+
const kx = x + 12 + offset + k * (cw + CHILD_GAP);
|
|
100
|
+
ctx.items.push({ t: "rect", x: kx, y: yy, w: cw, h: ch, r: 8, fill: "surface", hint: c.desc ? `${c.title}: ${c.desc}` : c.title });
|
|
101
|
+
let ty = yy + 9 + 13;
|
|
102
|
+
lines[k].forEach((l) => {
|
|
103
|
+
ctx.items.push({ t: "text", x: kx + cw / 2, y: ty, text: l, size: 13, fill: "ink", anchor: "middle" });
|
|
104
|
+
ty += 17;
|
|
105
|
+
});
|
|
106
|
+
if (c.desc)
|
|
107
|
+
ctx.items.push({ t: "text", x: kx + cw / 2, y: ty - 2, text: wrap(c.desc, cw - 12, SMALL_SIZE, ctx.measure, 1)[0], size: SMALL_SIZE, fill: "muted", anchor: "middle" });
|
|
108
|
+
});
|
|
109
|
+
yy += ch + CHILD_GAP;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
//# sourceMappingURL=stack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/render/stack.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../src/render/stat.ts"],"names":[],"mappings":"AAAA,4CAA4C;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAMjD,wBAAgB,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CA8BvE"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/** stat: 数値カードを格子に並べる。値は大きく、項目名と補足は控えめに。 */
|
|
2
|
+
import { BODY_SIZE } from "./frame.js";
|
|
3
|
+
import { fit, wrap } from "./measure.js";
|
|
4
|
+
const MIN_CARD = 150;
|
|
5
|
+
const GAP = 10;
|
|
6
|
+
export function layoutStat(ctx, f, top) {
|
|
7
|
+
const n = f.items.length;
|
|
8
|
+
if (n === 0)
|
|
9
|
+
return top;
|
|
10
|
+
const inner = ctx.width - ctx.pad * 2;
|
|
11
|
+
const cols = Math.max(1, Math.min(n, Math.floor((inner + GAP) / (MIN_CARD + GAP)), n === 4 && inner < 4 * MIN_CARD + 3 * GAP ? 2 : 6));
|
|
12
|
+
const cardW = (inner - GAP * (cols - 1)) / cols;
|
|
13
|
+
const pad = 12;
|
|
14
|
+
// 値の文字の大きさは、全カードで揃える(いちばん長い値が収まる大きさ)
|
|
15
|
+
let valueSize = 24;
|
|
16
|
+
while (valueSize > 16 && f.items.some((it) => ctx.measure(it.value, valueSize, 600) > cardW - pad * 2))
|
|
17
|
+
valueSize -= 2;
|
|
18
|
+
const subLines = f.items.map((it) => (it.sub ? wrap(it.sub, cardW - pad * 2, BODY_SIZE, ctx.measure, 2) : []));
|
|
19
|
+
const maxSub = Math.max(0, ...subLines.map((l) => l.length));
|
|
20
|
+
const cardH = pad + 14 + 8 + valueSize + (maxSub ? 6 + maxSub * 16 : 0) + pad;
|
|
21
|
+
f.items.forEach((it, i) => {
|
|
22
|
+
const c = i % cols;
|
|
23
|
+
const r = Math.floor(i / cols);
|
|
24
|
+
const x = ctx.pad + c * (cardW + GAP);
|
|
25
|
+
const y = top + r * (cardH + GAP);
|
|
26
|
+
const refs = it.refs.length ? ` ${it.refs.map((n) => `[${n}]`).join("")}` : "";
|
|
27
|
+
ctx.items.push({ t: "rect", x, y, w: cardW, h: cardH, r: 8, fill: "surface2", hint: `${it.label}: ${it.value}${it.sub ? `(${it.sub})` : ""}` });
|
|
28
|
+
ctx.items.push({ t: "text", x: x + pad, y: y + pad + 12, text: fit(it.label + refs, cardW - pad * 2, BODY_SIZE, ctx.measure), size: BODY_SIZE, fill: "ink2" });
|
|
29
|
+
const vy = y + pad + 14 + 8 + valueSize * 0.85;
|
|
30
|
+
ctx.items.push({ t: "text", x: x + pad, y: vy, text: fit(it.value, cardW - pad * 2, valueSize, ctx.measure, 600), size: valueSize, weight: 600, fill: "ink" });
|
|
31
|
+
subLines[i].forEach((l, k) => ctx.items.push({ t: "text", x: x + pad, y: vy + valueSize * 0.15 + 6 + 12 + k * 16, text: l, size: BODY_SIZE, fill: "muted" }));
|
|
32
|
+
});
|
|
33
|
+
const rows = Math.ceil(n / cols);
|
|
34
|
+
return top + rows * cardH + (rows - 1) * GAP + 8;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=stat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../src/render/stat.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* シーンを SVG の文字列にする。
|
|
3
|
+
*
|
|
4
|
+
* - theme: "auto"(画面向け。CSS 変数で色を参照し、OS とページの明暗に追従。幅は親に合わせて伸縮)
|
|
5
|
+
* - theme: "light" / "dark"(書き出し向け。色と寸法を焼き込む。CSS 変数を解釈しない描画系でも同じ見た目)
|
|
6
|
+
*
|
|
7
|
+
* 文字はすべてエスケープする。外部の画像・スクリプト・リンクは出力しない。
|
|
8
|
+
*/
|
|
9
|
+
import type { Figure } from "../ir.js";
|
|
10
|
+
import { type LayoutOptions } from "./layout.js";
|
|
11
|
+
import type { Scene } from "./scene.js";
|
|
12
|
+
import { type ThemeMode } from "./theme.js";
|
|
13
|
+
export interface SvgOptions extends LayoutOptions {
|
|
14
|
+
theme?: ThemeMode;
|
|
15
|
+
}
|
|
16
|
+
export declare function sceneToSVG(scene: Scene, theme?: ThemeMode): string;
|
|
17
|
+
/** 図を SVG にする。 */
|
|
18
|
+
export declare function renderSVG(figure: Figure, opts?: SvgOptions): string;
|
|
19
|
+
//# sourceMappingURL=svg.d.ts.map
|