@cardenelabs/cdl 0.26.0 → 0.27.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 +37 -1
- package/dist/index.cjs +11 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +7 -3
- package/dist/index.d.ts +7 -3
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +11 -1
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +11 -1
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/layout/nodes.ts +8 -4
- package/src/layout/spec.ts +31 -3
package/dist/index.d.cts
CHANGED
|
@@ -2308,12 +2308,16 @@ declare const DETOUR_GAP = 94;
|
|
|
2308
2308
|
*/
|
|
2309
2309
|
declare function rendersRows(kind: string | undefined): boolean;
|
|
2310
2310
|
/**
|
|
2311
|
-
*
|
|
2311
|
+
* 行頭の印を **持たない** node に必要な高さ (SSOT)。
|
|
2312
2312
|
*
|
|
2313
2313
|
* 最終行の baseline から 1 行送りぶんとレイアウト余白を確保する。 行を描かない種別は `null`。
|
|
2314
2314
|
*
|
|
2315
|
-
*
|
|
2316
|
-
*
|
|
2315
|
+
* **印を持つ箱はこの式で決まらない**。 そちらは縞の帯の下端を起点にする
|
|
2316
|
+
* (`requiredMarkedRowsHeight`) = 帯を敷く箱では「行が終わる位置」 が帯の下端になるため、
|
|
2317
|
+
* baseline から数えると帯の下に 1 行ぶんに近い余白が残る。
|
|
2318
|
+
*
|
|
2319
|
+
* 使うのは `layout/nodes.ts` の `autoStorageHeight` の印なし経路。 各所で式を写すと、
|
|
2320
|
+
* 描画を変えた時に一部だけ古くなるので、下流も同じ形が要る時はここを引く。
|
|
2317
2321
|
*
|
|
2318
2322
|
* これは「そう置くとよい高さ」 で、 「これを下回ると破綻する高さ」 ではない。 後者は
|
|
2319
2323
|
* `rowBaselineY` + `rowGlyphDepth` で、 軸 16 はそちらを見る。
|
package/dist/index.d.ts
CHANGED
|
@@ -2308,12 +2308,16 @@ declare const DETOUR_GAP = 94;
|
|
|
2308
2308
|
*/
|
|
2309
2309
|
declare function rendersRows(kind: string | undefined): boolean;
|
|
2310
2310
|
/**
|
|
2311
|
-
*
|
|
2311
|
+
* 行頭の印を **持たない** node に必要な高さ (SSOT)。
|
|
2312
2312
|
*
|
|
2313
2313
|
* 最終行の baseline から 1 行送りぶんとレイアウト余白を確保する。 行を描かない種別は `null`。
|
|
2314
2314
|
*
|
|
2315
|
-
*
|
|
2316
|
-
*
|
|
2315
|
+
* **印を持つ箱はこの式で決まらない**。 そちらは縞の帯の下端を起点にする
|
|
2316
|
+
* (`requiredMarkedRowsHeight`) = 帯を敷く箱では「行が終わる位置」 が帯の下端になるため、
|
|
2317
|
+
* baseline から数えると帯の下に 1 行ぶんに近い余白が残る。
|
|
2318
|
+
*
|
|
2319
|
+
* 使うのは `layout/nodes.ts` の `autoStorageHeight` の印なし経路。 各所で式を写すと、
|
|
2320
|
+
* 描画を変えた時に一部だけ古くなるので、下流も同じ形が要る時はここを引く。
|
|
2317
2321
|
*
|
|
2318
2322
|
* これは「そう置くとよい高さ」 で、 「これを下回ると破綻する高さ」 ではない。 後者は
|
|
2319
2323
|
* `rowBaselineY` + `rowGlyphDepth` で、 軸 16 はそちらを見る。
|
package/dist/index.js
CHANGED
|
@@ -11836,6 +11836,7 @@ function rowGlyphDepth(kind) {
|
|
|
11836
11836
|
return Math.ceil(font * ROW_GLYPH_DEPTH_RATIO);
|
|
11837
11837
|
}
|
|
11838
11838
|
var ROW_LAYOUT_BOTTOM_PAD = 20;
|
|
11839
|
+
var ROW_STRIPE_BOTTOM_PAD = 24;
|
|
11839
11840
|
function requiredRowsHeight(kind, rowCount) {
|
|
11840
11841
|
if (rowCount <= 0) return null;
|
|
11841
11842
|
const lastBaseline = rowBaselineY(kind, rowCount - 1);
|
|
@@ -11843,6 +11844,12 @@ function requiredRowsHeight(kind, rowCount) {
|
|
|
11843
11844
|
const pitch = kind === "storage" ? ROW_PITCH_STORAGE : ROW_PITCH_GENERIC;
|
|
11844
11845
|
return lastBaseline + pitch + ROW_LAYOUT_BOTTOM_PAD;
|
|
11845
11846
|
}
|
|
11847
|
+
function requiredMarkedRowsHeight(kind, rowCount) {
|
|
11848
|
+
if (rowCount <= 0) return null;
|
|
11849
|
+
const lastBand = rowStripeBand(kind, rowCount - 1, 0);
|
|
11850
|
+
if (lastBand === null) return null;
|
|
11851
|
+
return lastBand.y + lastBand.h + ROW_STRIPE_BOTTOM_PAD;
|
|
11852
|
+
}
|
|
11846
11853
|
function isRenderedNode(n) {
|
|
11847
11854
|
if (n.visibleIf === void 0 || n.visibleIf === "") return true;
|
|
11848
11855
|
if (n.visibleIf.includes("{")) return true;
|
|
@@ -19965,7 +19972,10 @@ function autoStorageHeight(n, defaultH) {
|
|
|
19965
19972
|
const \u7E70\u308A\u4E0A\u3052 = n.eyebrow ? 0 : \u76EE\u5370\u306A\u3057\u306E\u7E70\u308A\u4E0A\u3052("storage");
|
|
19966
19973
|
if (!n.rows || n.rows.length === 0) return 115 + \u547C\u3073\u540D\u306E\u5206 - \u7E70\u308A\u4E0A\u3052;
|
|
19967
19974
|
const \u5FC5\u8981 = requiredRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
19968
|
-
if (\u5370\u3042\u308A)
|
|
19975
|
+
if (\u5370\u3042\u308A) {
|
|
19976
|
+
const \u5E2F\u304B\u3089\u5FC5\u8981 = requiredMarkedRowsHeight("storage", n.rows.length) ?? defaultH;
|
|
19977
|
+
return \u5E2F\u304B\u3089\u5FC5\u8981 + \u547C\u3073\u540D\u306E\u5206;
|
|
19978
|
+
}
|
|
19969
19979
|
return Math.max(defaultH, \u5FC5\u8981);
|
|
19970
19980
|
}
|
|
19971
19981
|
function autoRowsWidth(n, defaultW) {
|