@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/index.js
CHANGED
|
@@ -12587,11 +12587,16 @@ var ROW_FONT_GENERIC = 21;
|
|
|
12587
12587
|
var STORAGE_TITLE_BASELINE = 86;
|
|
12588
12588
|
var STORAGE_TITLE_FONT = 34;
|
|
12589
12589
|
var SUBTITLE_ROW_SHIFT = 46;
|
|
12590
|
+
var STORAGE_SUBTITLE_BASELINE = 118;
|
|
12591
|
+
var STORAGE_SUBTITLE_FONT = 20;
|
|
12590
12592
|
var STORAGE_ROW_DIVIDER_Y = Math.round(
|
|
12591
12593
|
(STORAGE_TITLE_BASELINE + (ROW_TOP_STORAGE - ROW_FONT_STORAGE * GLYPH_CAP_RATIO)) / 2
|
|
12592
12594
|
);
|
|
12593
12595
|
var ROW_GLYPH_DEPTH_RATIO = 0.4;
|
|
12594
12596
|
var TITLE_ROW_MIN_GAP = GENERIC_TITLE_FONT * ROW_GLYPH_DEPTH_RATIO + ROW_FONT_GENERIC * GLYPH_CAP_RATIO;
|
|
12597
|
+
var \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF = Math.round(
|
|
12598
|
+
STORAGE_SUBTITLE_BASELINE - STORAGE_TITLE_BASELINE + (STORAGE_SUBTITLE_FONT - STORAGE_TITLE_FONT) * ROW_GLYPH_DEPTH_RATIO
|
|
12599
|
+
);
|
|
12595
12600
|
function rowGlyphDepth(kind) {
|
|
12596
12601
|
if (!rendersRows(kind)) return null;
|
|
12597
12602
|
const font = kind === "storage" ? ROW_FONT_STORAGE : ROW_FONT_GENERIC;
|
|
@@ -14686,6 +14691,7 @@ var EDGE_HEADS = [
|
|
|
14686
14691
|
];
|
|
14687
14692
|
var EDGE_HEAD_FILL_DEFAULT = "solid";
|
|
14688
14693
|
var EDGE_HEAD_FILLS = ["solid", "hollow"];
|
|
14694
|
+
var EDGE_HEAD_MARKER_SIZE = { \u65E2\u5B9A: 14, \u5C0F: 10 };
|
|
14689
14695
|
var EDGE_REVEALS = ["phase", "all"];
|
|
14690
14696
|
var RELATION_FOCUSES = ["off", "hover"];
|
|
14691
14697
|
var RELATION_FOCUS_DEFAULT = "off";
|
|
@@ -21560,8 +21566,10 @@ function recomputeContainedLanes(lanes, nodes) {
|
|
|
21560
21566
|
}
|
|
21561
21567
|
|
|
21562
21568
|
// src/layout/head-label.ts
|
|
21563
|
-
var \u7AEF\u306E\u5B57\
|
|
21564
|
-
var \u7AEF\u306E\
|
|
21569
|
+
var \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D = 8;
|
|
21570
|
+
var \u7AEF\u306E\u5370\u306E\u5F35\u308A\u51FA\u3057 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A / 2;
|
|
21571
|
+
var \u7AEF\u306E\u5B57\u3092\u623B\u3059\u8DDD\u96E2 = EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A + \u7AEF\u306E\u5B57\u3068\u5370\u306E\u4F59\u767D;
|
|
21572
|
+
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;
|
|
21565
21573
|
var \u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 = EDGE_LABEL_TEXT.sub.fontSize;
|
|
21566
21574
|
var \u7BB1\u306E\u9AD8\u3055 = Math.round(\u7AEF\u306E\u5B57\u306E\u5927\u304D\u3055 * 1.2);
|
|
21567
21575
|
var BASELINE_RATIO = 0.8;
|
|
@@ -21647,7 +21655,9 @@ function autoStorageHeight(n, defaultH) {
|
|
|
21647
21655
|
const \u5370\u3042\u308A = n.rowMarks !== void 0;
|
|
21648
21656
|
const \u547C\u3073\u540D\u306E\u5206 = n.subtitle ? SUBTITLE_ROW_SHIFT : 0;
|
|
21649
21657
|
const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
|
|
21650
|
-
if (!n.rows || n.rows.length === 0)
|
|
21658
|
+
if (!n.rows || n.rows.length === 0) {
|
|
21659
|
+
return 115 + (n.subtitle ? \u547C\u3073\u540D\u3067\u4F38\u3073\u308B\u91CF : 0) - \u7E70\u308A\u4E0A\u3052;
|
|
21660
|
+
}
|
|
21651
21661
|
const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
21652
21662
|
if (\u5370\u3042\u308A) {
|
|
21653
21663
|
const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
@@ -24924,9 +24934,9 @@ var ROW_GLYPH_HALF = 7;
|
|
|
24924
24934
|
var ROW_GLYPH_CX = ROW_PAD_X_PX + ROW_GLYPH_HALF + 1;
|
|
24925
24935
|
var ROW_GLYPH_LEAD = 40;
|
|
24926
24936
|
var ROW_TYPE_FONT = 22;
|
|
24927
|
-
var SUBTITLE_BASELINE =
|
|
24937
|
+
var SUBTITLE_BASELINE = STORAGE_SUBTITLE_BASELINE;
|
|
24928
24938
|
var STRIPE_MIN_ROWS = 2;
|
|
24929
|
-
var SUBTITLE_FONT =
|
|
24939
|
+
var SUBTITLE_FONT = STORAGE_SUBTITLE_FONT;
|
|
24930
24940
|
var UNDERLINE_DROP = 7;
|
|
24931
24941
|
function RowGlyph({ mark, x, y, color }) {
|
|
24932
24942
|
const \u534A = ROW_GLYPH_HALF;
|
|
@@ -33267,8 +33277,8 @@ function CdlStage({
|
|
|
33267
33277
|
}
|
|
33268
33278
|
return Object.entries(TONE).flatMap(
|
|
33269
33279
|
([tone, color]) => [
|
|
33270
|
-
[false,
|
|
33271
|
-
[true,
|
|
33280
|
+
[false, EDGE_HEAD_MARKER_SIZE.\u65E2\u5B9A],
|
|
33281
|
+
[true, EDGE_HEAD_MARKER_SIZE.\u5C0F]
|
|
33272
33282
|
].flatMap(
|
|
33273
33283
|
([small, size]) => EDGE_HEADS.flatMap(
|
|
33274
33284
|
(head) => EDGE_HEAD_FILLS.map((fill) => {
|