@cardenelabs/cdl 0.25.0 → 0.26.0

package/dist/index.d.cts

@@ -3359,6 +3359,17 @@ type ClassDiagramPreset = {
      * 帯ではなく **箱** の幅。 帯は `箱の幅 + 余白 × 2` で宣言する。
      */
     classWidth?: number;
+    /**
+     * 行に 1 行おきの縞を敷くか (既定 = 敷く、 #627)。
+     *
+     * クラス図の箱は ER 図と同じ作り (行頭の印 + 左に名前 + 右に型) をしており、名前と型が
+     * 離れて並ぶので行を横に追う目印が要る。 `er()` と同じ既定にする。
+     */
+    rowStripe?: boolean;
+    /**
+     * 図の配色の名前 (#627)。 描き手は色を持たないので、名前をそのまま markup に出す。
+     */
+    palette?: string;
 };
 type ClassDiagramBuilder = {
     class: (c: UmlClass) => ClassDiagramBuilder;

package/dist/index.d.ts

@@ -3359,6 +3359,17 @@ type ClassDiagramPreset = {
      * 帯ではなく **箱** の幅。 帯は `箱の幅 + 余白 × 2` で宣言する。
      */
     classWidth?: number;
+    /**
+     * 行に 1 行おきの縞を敷くか (既定 = 敷く、 #627)。
+     *
+     * クラス図の箱は ER 図と同じ作り (行頭の印 + 左に名前 + 右に型) をしており、名前と型が
+     * 離れて並ぶので行を横に追う目印が要る。 `er()` と同じ既定にする。
+     */
+    rowStripe?: boolean;
+    /**
+     * 図の配色の名前 (#627)。 描き手は色を持たないので、名前をそのまま markup に出す。
+     */
+    palette?: string;
 };
 type ClassDiagramBuilder = {
     class: (c: UmlClass) => ClassDiagramBuilder;

package/dist/index.js

@@ -22764,6 +22764,7 @@ var ROW_GLYPH_CX = ROW_PAD_X_PX + ROW_GLYPH_HALF + 1;
 var ROW_GLYPH_LEAD = 40;
 var ROW_TYPE_FONT = 22;
 var SUBTITLE_BASELINE = 118;
+var STRIPE_MIN_ROWS = 2;
 var SUBTITLE_FONT = 20;
 var UNDERLINE_DROP = 7;
 function RowGlyph({ mark, x, y, color }) {
@@ -22821,7 +22822,7 @@ function StorageNode({
         strokeWidth: active ? 3 : 1.25
       }
     ),
-    node.rowStripe && rows.map((_, idx) => {
+    node.rowStripe && rows.length >= STRIPE_MIN_ROWS && rows.map((_, idx) => {
       if (idx % 2 !== 0) return null;
       const \u5E2F = rowStripeBand("storage", idx, \u884C\u306E\u4E0B\u3052);
       if (!\u5E2F) return null;
@@ -30832,7 +30833,8 @@ function stripAccess(row) {
 function classDiagram(preset) {
   const classW = resolveStorageBoxW(preset.classWidth, "classDiagram", "classWidth");
   const tone = preset.defaultTone ?? "info";
-  const b = diagram(preset.id, { topic: preset.topic });
+  const \u7E1E\u3092\u6577\u304F = preset.rowStripe ?? true;
+  const b = diagram(preset.id, { topic: preset.topic, palette: preset.palette });
   const classes = [];
   const phaseActivate = [];
   const \u7BB1 = [];
@@ -30880,7 +30882,9 @@ function classDiagram(preset) {
           // 種類の札は **書いた時だけ** 出す (#578)。 「クラス」 と書いた札は箱がクラスで
           // あることしか言わず、図の中の全ての箱に同じ字が並ぶ
           ...m.c.stereotype ? { eyebrow: m.c.stereotype } : {},
-          ...m.rows.length > 0 ? { rows: m.rows, rowMarks: m.rowMarks } : {}
+          ...m.rows.length > 0 ? { rows: m.rows, rowMarks: m.rowMarks } : {},
+          // 縞は行を持つ箱にだけ敷く (#627)。 行が無い箱に書いても描き手が読まない
+          ...m.rows.length > 0 && \u7E1E\u3092\u6577\u304F ? { rowStripe: true } : {}
         });
         classes.push(m.c.id);
         phaseActivate.push(m.c.id);