@threestarsoftware/tssgrid 0.1.20 → 0.1.21

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.21] - 2026-10-06
+
+### 修正
+- **チェックボックス列のヘッダ全選択が、read-only 行のせいで「選べる行は全部 ON なのに − になる」のを修正**（コア）— v0.1.20 で全選択の無効判定（`_columnAllReadOnly`）は read-only 行を除外したが、**状態判定（`_columnCheckState`＝✓/−/☐）は read-only 行を total に数えたまま**だった。全選択（`setColumnChecked`）は read-only をスキップするので、状態判定も**「操作できる行（非空かつ非 read-only）」だけで数える**よう統一。選べる行が全部 ON なら **✓**（押せば全部外れる）。あわせて**全 read-only 列では右クリックメニュー「すべてチェック/外す」を出さない**（no-op なので・ヘッダ無効と整合）。これでチェックボックス×read-only の全経路（状態判定／無効判定／全選択書込／body トグル／コンテキストメニュー）が「操作できる集合」で揃った。
+
 ## [0.1.20] - 2026-10-06
 
 ### 修正

package/package.json

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

package/src/tssgrid.js

@@ -1611,7 +1611,9 @@
     _columnCheckState(c) {
       let checked = 0, total = 0;
       for (let r = 0; r < this.ROWS; r++) {
-        if (this._rowBlankExcept(r, c)) continue;
+        // 全選択は readOnly をスキップする（setColumnChecked と同じ）ので、状態判定も「操作できる行」だけで数える。
+        // これを入れないと「選べる行は全部 ON なのに、押せない行のせいで − 表示」になる。
+        if (this._rowBlankExcept(r, c) || this._isReadOnly(r, c)) continue;
         total++; if (this._isCheckedVal(c, this.data[r][c])) checked++;
       }
       return total === 0 ? 'none' : (checked === total ? 'all' : (checked === 0 ? 'none' : 'some'));
@@ -2642,8 +2644,8 @@
         case 'cut': return { label: '切り取り', disabled: !this.copyPaste, act: () => this.copy(true) };
         case 'paste': return { label: '貼り付け', disabled: !this.copyPaste, act: () => this.paste() };
         case 'clear': return { label: '内容をクリア', act: () => this.clearRange() };
-        case 'check_column': return this.colType(s.c0) === 'checkbox' ? { label: 'すべてチェック', act: () => this.setColumnChecked(s.c0, true) } : null;
-        case 'uncheck_column': return this.colType(s.c0) === 'checkbox' ? { label: 'すべて外す', act: () => this.setColumnChecked(s.c0, false) } : null;
+        case 'check_column': return (this.colType(s.c0) === 'checkbox' && !this._columnAllReadOnly(s.c0)) ? { label: 'すべてチェック', act: () => this.setColumnChecked(s.c0, true) } : null;   // 全 read-only 列は no-op なので出さない（ヘッダ無効と整合）
+        case 'uncheck_column': return (this.colType(s.c0) === 'checkbox' && !this._columnAllReadOnly(s.c0)) ? { label: 'すべて外す', act: () => this.setColumnChecked(s.c0, false) } : null;
         case 'undo': return { label: '元に戻す', disabled: !this.history.canUndo(), act: () => this.history.undo() };
         case 'redo': return { label: 'やり直し', disabled: !this.history.canRedo(), act: () => this.history.redo() };
         default: return /^-+$/.test(key) || key === 'separator' ? { sep: true } : null;