@threestarsoftware/tssgrid 0.1.23 → 0.1.25

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
 数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
 
+## [0.1.25] - 2026-10-13
+
+### 修正
+- **`data: []` 始まりの遅延ロードで `rowClass` / `cellClass` の `src`（元レコード）が空になる不具合を修正**（コア）— `data: []` + `virtual` + `setRowCount` + `fillRows(オブジェクト)` の遅延ロードで、`_src` が未作成のため `fillRows` が src を保持せず、`rowClass`/`cellClass` の `src` が `undefined` になり**列に無いフィールド（例: `hidden`）を見られなかった**（`_ingest` は `data` 先頭がオブジェクトの時だけ `_src` を作るため `data: []` だと `null` のまま）。**`fillRows` にオブジェクトが来て `_src` が無ければ `ROWS` 長で作成（＋object モード化）**、**`setRowCount` は `_src` があるとき行数変更に長さを追従**するように。これで `data: []` → `setRowCount` → `fillRows` の遅延ロードでも、元レコードを見た行/セルの色付けが効く。型は従来どおり（`rowClass`/`cellClass` の `src` は `any`・`setRowCount`/`fillRows`/`onViewportChange` も宣言済み）。
+
+## [0.1.24] - 2026-10-08
+
+### 追加
+- **遅延ロード（`setRowCount` / `fillRows` / `onViewportChange`）のサンプルを追加** — `examples/lazy-load.html`。AG Grid の Infinite Row Model 相当＝**10万件を一度に取らず、仮想スクロールで見える範囲だけ取得**する型を動く例に。①`setRowCount(total)` で確保（未取得は「読込中」表示）→ ②`onViewportChange(start,end)` で要る範囲を受け → ③`fillRows(start, rows)` で流し込む。ブロック単位取得（取得済み/取得中はスキップ）＋サーバ呼び出しログで「可視ぶんだけ取得」を可視化。README のページネーション節からリンク。コア変更なし。
+
 ## [0.1.23] - 2026-10-08
 
 ### 追加

package/README.md

@@ -364,7 +364,7 @@ async function load() {
 // 前/次/ページ番号は <button> で外に置き、go(p) → load() を呼ぶ
 ```
 - **`total` が返るサーバ**: 「全何件・何ページ」まで出せる（上の例）。**`total` が無い（cursor のみ）**: ページ番号は出せないので **`appendRows` で「もっと読む」＝無限スクロール型**に。
-- **1本の長いスクロールで必要分だけ取得**したいなら、ページ送りでなく `setRowCount(total)` ＋ `onViewportChange` ＋ `fillRows(start, rows)`（AG Grid の Infinite Row Model 相当・上の「メソッド」参照）。
+- **1本の長いスクロールで必要分だけ取得**したいなら、ページ送りでなく `setRowCount(total)` ＋ `onViewportChange(start,end)` ＋ `fillRows(start, rows)`（AG Grid の Infinite Row Model 相当・`virtual:true` 前提／未取得行は「読込中」表示）。動く例: [`examples/lazy-load.html`](https://tssgrid.threestarsoftware.co.jp/examples/lazy-load.html)（10万件を見える範囲だけ取得）。
 - sort/filter をサーバ側でやる場合も同じ＝**操作 → 再 fetch → `setData`**（遅延スクロール型なら `onSortFilterChange` で委譲）。
 
 ### 同梱プラグイン: ヘッダ オートフィルタ（filter UI）

package/package.json

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

package/src/tssgrid.js

@@ -419,8 +419,8 @@
     setRowCount(total) {
       total = Math.max(0, total | 0);
       const cur = this.ROWS;
-      if (total > cur) { for (let r = cur; r < total; r++) { this.data.push(TssGrid.PENDING); this.rowH.push(undefined); } }
-      else if (total < cur) { this.data.length = total; this.rowH.length = total; }
+      if (total > cur) { for (let r = cur; r < total; r++) { this.data.push(TssGrid.PENDING); this.rowH.push(undefined); if (this._src) this._src.push({}); } }
+      else if (total < cur) { this.data.length = total; this.rowH.length = total; if (this._src) this._src.length = total; }
       this.ROWS = total;
       let pend = 0; for (let r = 0; r < this.ROWS; r++) if (this.data[r] === TssGrid.PENDING) pend++;   // 確保時の一度きり O(N)。以降 fillRows が差分で維持
       this._pendingCount = pend; this.dataComplete = pend === 0;
@@ -437,6 +437,9 @@
         const r = start + i; if (r >= this.ROWS) break;
         const src = rows[i];
         const srcIsObj = src && !Array.isArray(src) && typeof src === 'object';
+        // data:[] で始めて setRowCount→fillRows でオブジェクトを流す遅延ロード時、_src が未作成だとここで作る
+        // （src＝元レコードを保持＝rowClass/cellClass の src・非表示フィールドが見える）。
+        if (srcIsObj && !this._src) { this._objectMode = true; this._src = new Array(this.ROWS); for (let k = 0; k < this.ROWS; k++) this._src[k] = {}; }
         const srcObj = srcIsObj ? Object.assign({}, src) : {};
         let rowArr;
         if (srcIsObj) rowArr = this._objToRow(src);