@threestarsoftware/tssgrid 0.1.10 → 0.1.11

package/CHANGELOG.md

@@ -3,6 +3,11 @@
 TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
 数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
 
+## [0.1.11] - 2026-09-16
+
+### 修正
+- **表全体版 `cellClass` / `cellStyle` / `rowClass` と `CellClassCtx` の `src`（元レコード）を `any` に**（型定義のみ・実行時は不変）— `src` は関数の**引数（反変位置）**なので `Record<string, any> | null` で固定すると、**自分で行の型を書いている利用者が関数を渡せず** `as unknown as MyRow` の二重キャストを強いられていた（0.1.9〜0.1.10 で該当）。`any` にすると利用側が `src: MyRow` と**そのまま注釈でき、関数内はその型で検査される**（今より安全側・既に `row: any[]` なので揃う）。d.ts 4か所（`CellClassCtx.src` / 表全体 `cellClass`・`cellStyle`・`rowClass`）＋ api.html を更新。※将来の `TssGrid<Row>` ジェネリック化は 0.2 系で検討。
+
 ## [0.1.10] - 2026-09-16
 
 ### 追加

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threestarsoftware/tssgrid",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "軽量・ノービルド・日本語IME堅牢な編集グリッド（vanilla JS / 依存なし / MIT）。Excel ライクな入力画面を <script> タグ1本で。",
   "license": "MIT",
   "author": "ThreeStarSoftware (https://www.threestarsoftware.co.jp/)",

package/src/tssgrid.d.ts

@@ -25,8 +25,9 @@ export interface ChangeItem {
 /** 選択範囲。r0/c0=開始、r1/c1=終了（昇順とは限らない）。 */
 export interface SelectionRange { r0: number; c0: number; r1: number; c1: number; }
 export interface CellCoord { r: number; c: number; }
-/** cellClass/cellStyle（列版）が受け取る第2引数。row=その行の値配列, src=元レコード（object モード時・非表示フィールドも見える／配列モードは null）。 */
-export interface CellClassCtx { r: number; c: number; row: any[]; src: Record<string, any> | null; }
+/** cellClass/cellStyle（列版）が受け取る第2引数。row=その行の値配列, src=元レコード（object モード時・非表示フィールドも見える／配列モードは null）。
+ *  src は `any`＝利用側が自分の行型（`src: MyRow`）でそのまま受けられる（`Record<string,any>|null` だと二重キャストを強いるため）。 */
+export interface CellClassCtx { r: number; c: number; row: any[]; src: any; }
 /** cellClass/cellStyle の戻り値のクラス。文字列（空白区切り可）／配列／null 等（＝クラス無し）。 */
 export type ClassValue = string | string[] | null | undefined | false;
 /** cellStyle の戻り値。CSS プロパティのオブジェクト（`{'background':'#fde','--pct':'42%'}`）か文字列（`'background:#fde;--pct:42%'`）。 */
@@ -114,12 +115,12 @@ export interface TssGridOptions {
   columns?: ColumnDef[];
   /** 表全体の条件付きクラス（全セルで呼ばれる）。**引数は `(r, c, value, row, src)`**（先頭が行/列番号・列版と順序が違う）。
    *  `row`=その行の値配列, `src`=元レコード（object モード時・非表示フィールドも見える）。行に色を付けたいなら `rowClass` の方が簡単。 */
-  cellClass?: (r: number, c: number, value: any, row: any[], src: Record<string, any> | null) => ClassValue;
+  cellClass?: (r: number, c: number, value: any, row: any[], src: any) => ClassValue;
   /** 表全体のセル単位インラインスタイル。**引数は `(r, c, value, row, src)`**。返り値は CSS オブジェクト or 文字列。 */
-  cellStyle?: (r: number, c: number, value: any, row: any[], src: Record<string, any> | null) => StyleValue;
+  cellStyle?: (r: number, c: number, value: any, row: any[], src: any) => StyleValue;
   /** 行ごとに `<tr>` へ付与する CSS クラス（**行に色を付けるならこれ**）。`(r, row, src)` で呼ばれ、文字列/配列を返す。
    *  編集でセルが再描画されると即追従。CSS は `.tssgrid tr.クラス > td { … }` のように行単位で当てる。 */
-  rowClass?: (r: number, row: any[], src: Record<string, any> | null) => ClassValue;
+  rowClass?: (r: number, row: any[], src: any) => ClassValue;
   /** 検証NG時。'revert'=元に戻す / 'keep'=赤く警告して残す。 */
   invalidMode?: 'revert' | 'keep';
   invalidTitle?: boolean;