@cardenelabs/cdl 0.117.0 → 0.119.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/CHANGELOG.md +84 -1
- package/dist/index.cjs +17 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -7
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +17 -7
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +17 -7
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/kinds/storage.tsx +14 -4
- package/src/layout/head-label.ts +23 -4
- package/src/layout/nodes.ts +6 -1
- package/src/layout/spec.ts +26 -0
- package/src/render/stage.tsx +3 -2
- package/src/types.ts +11 -0
package/dist/react.cjs
CHANGED
|
@@ -1187,11 +1187,16 @@ var ROW_FONT_GENERIC = 21;
|
|
|
1187
1187
|
var STORAGE_TITLE_BASELINE = 86;
|
|
1188
1188
|
var STORAGE_TITLE_FONT = 34;
|
|
1189
1189
|
var SUBTITLE_ROW_SHIFT = 46;
|
|
1190
|
+
var STORAGE_SUBTITLE_BASELINE = 118;
|
|
1191
|
+
var STORAGE_SUBTITLE_FONT = 20;
|
|
1190
1192
|
var STORAGE_ROW_DIVIDER_Y = Math.round(
|
|
1191
1193
|
(STORAGE_TITLE_BASELINE + (ROW_TOP_STORAGE - ROW_FONT_STORAGE * GLYPH_CAP_RATIO)) / 2
|
|
1192
1194
|
);
|
|
1193
1195
|
var ROW_GLYPH_DEPTH_RATIO = 0.4;
|
|
1194
1196
|
var TITLE_ROW_MIN_GAP = GENERIC_TITLE_FONT * ROW_GLYPH_DEPTH_RATIO + ROW_FONT_GENERIC * GLYPH_CAP_RATIO;
|
|
1197
|
+
var \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF = Math.round(
|
|
1198
|
+
STORAGE_SUBTITLE_BASELINE - STORAGE_TITLE_BASELINE + (STORAGE_SUBTITLE_FONT - STORAGE_TITLE_FONT) * ROW_GLYPH_DEPTH_RATIO
|
|
1199
|
+
);
|
|
1195
1200
|
function rowGlyphDepth(kind) {
|
|
1196
1201
|
if (!rendersRows(kind)) return null;
|
|
1197
1202
|
const font = kind === "storage" ? ROW_FONT_STORAGE : ROW_FONT_GENERIC;
|
|
@@ -3112,6 +3117,7 @@ var EDGE_HEADS = [
|
|
|
3112
3117
|
];
|
|
3113
3118
|
var EDGE_HEAD_FILL_DEFAULT = "solid";
|
|
3114
3119
|
var EDGE_HEAD_FILLS = ["solid", "hollow"];
|
|
3120
|
+
var EDGE_HEAD_MARKER_SIZE = { \u65E2\u5B9A: 14, \u5C0F: 10 };
|
|
3115
3121
|
var RELATION_FOCUS_DEFAULT = "off";
|
|
3116
3122
|
var EDGE_REVEAL_DEFAULT = "phase";
|
|
3117
3123
|
|
|
@@ -10181,8 +10187,10 @@ function recomputeContainedLanes(lanes, nodes) {
|
|
|
10181
10187
|
}
|
|
10182
10188
|
|
|
10183
10189
|
// src/layout/head-label.ts
|
|
10184
|
-
var \u7AEF\u306E\u5B57\
|
|
10185
|
-
var \u7AEF\u306E\
|
|
10190
|
+
var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 8;
|
|
10191
|
+
var \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A / 2;
|
|
10192
|
+
var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
|
|
10193
|
+
var \u7AEF\u306E\u5B57\u3068\u7DDA\u306E\u9699\u9593 = \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
|
|
10186
10194
|
var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = EDGE_LABEL_TEXT.sub.fontSize;
|
|
10187
10195
|
var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
|
|
10188
10196
|
var BASELINE_RATIO = 0.8;
|
|
@@ -10268,7 +10276,9 @@ function autoStorageHeight(n, defaultH) {
|
|
|
10268
10276
|
const \u5370\u3042\u308A = n.rowMarks !== void 0;
|
|
10269
10277
|
const \u547C\u3073\u540D\u306E\u5206 = n.subtitle ? SUBTITLE_ROW_SHIFT : 0;
|
|
10270
10278
|
const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
|
|
10271
|
-
if (!n.rows || n.rows.length === 0)
|
|
10279
|
+
if (!n.rows || n.rows.length === 0) {
|
|
10280
|
+
return 115 + (n.subtitle ? \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF : 0) - \u7E70\u308A\u4E0A\u3052;
|
|
10281
|
+
}
|
|
10272
10282
|
const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
10273
10283
|
if (\u5370\u3042\u308A) {
|
|
10274
10284
|
const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
@@ -12327,9 +12337,9 @@ var ROW_GLYPH_HALF = 7;
|
|
|
12327
12337
|
var ROW_GLYPH_CX = ROW_PAD_X_PX + ROW_GLYPH_HALF + 1;
|
|
12328
12338
|
var ROW_GLYPH_LEAD = 40;
|
|
12329
12339
|
var ROW_TYPE_FONT = 22;
|
|
12330
|
-
var SUBTITLE_BASELINE =
|
|
12340
|
+
var SUBTITLE_BASELINE = STORAGE_SUBTITLE_BASELINE;
|
|
12331
12341
|
var STRIPE_MIN_ROWS = 2;
|
|
12332
|
-
var SUBTITLE_FONT =
|
|
12342
|
+
var SUBTITLE_FONT = STORAGE_SUBTITLE_FONT;
|
|
12333
12343
|
var UNDERLINE_DROP = 7;
|
|
12334
12344
|
function RowGlyph({ mark, x, y, color }) {
|
|
12335
12345
|
const \u534A = ROW_GLYPH_HALF;
|
|
@@ -20670,8 +20680,8 @@ function CdlStage({
|
|
|
20670
20680
|
}
|
|
20671
20681
|
return Object.entries(TONE).flatMap(
|
|
20672
20682
|
([tone, color]) => [
|
|
20673
|
-
[false,
|
|
20674
|
-
[true,
|
|
20683
|
+
[false, EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A],
|
|
20684
|
+
[true, EDGE_HEAD_MARKER_SIZE.\u5C0F]
|
|
20675
20685
|
].flatMap(
|
|
20676
20686
|
([small, size]) => EDGE_HEADS.flatMap(
|
|
20677
20687
|
(head) => EDGE_HEAD_FILLS.map((fill) => {
|