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