@threestarsoftware/tssgrid 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
 数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
 
+## [0.1.2] - 2026-07-17
+
+### 修正
+- **inline カレンダーが `format` だけの列（`parse` 無し）で月ジャンプしない不具合を修正**（プラグイン＋コア）— `columns:[{type:'date', editor:TssCalendar(), format:'yyyy/mm/dd'}]` という**`parse` を書かない自然な使い方**で `2026/07/20` と打つと、**セルは受け付けるのにカレンダーだけ8月のまま**＝同じ本体の中で入力の解釈が2つあった。原因は 0.1.1 の `onInput` が `col.parse` **だけ**を見て、無ければ生文字を ISO 厳格な自前 `parseISO` に渡していたこと。コアの確定は `col.parse` が無ければ**型ごとの組込パーサ**（`_parseDate` 等）に落ちるので、そこで食い違っていた（`2026-07-20` と ISO で打てば動く＝症状が分かりにくい）。「休日が出ない」ようにも見えるが**休日機能は無事**で、休日のある月が表示されないだけだった。
+- **`ctx.parseCell(v)` を追加**（コア／inline エディタの ctx）— 打たれた文字を**セルの確定と同じ読み方**で保存値に解釈する（`columns[c].parse` があればそれ、無ければ型ごとの組込。解釈できなければ `null`）。**エディタが独自パーサを持つと本体と食い違う**ため、打った内容に追従する実装はこれを使う。あわせてコア内部の「入力→保存値」の解釈を `_parseInput()` に括り出し、**確定の関所（`_coerceCell`）と inline エディタが同じ1箇所を共有**するようにした（＝解釈の二重実装を構造的に防ぐ）。`TssCalendar` の `onInput` をこれに載せ替え。既存の列・`col.parse` を持つ列の挙動は不変。
+
 ## [0.1.1] - 2026-07-17
 
 ### 変更（既定の挙動が変わります）

package/README.md

@@ -374,7 +374,11 @@ new TssGrid(el, { columns: [{ editor: myEditor }] });
 const suggest = {
   inline: true, icon: '🔍',                 // icon / openOnClick は inline でも使えます
   open(ctx) { /* ctx.input = 打鍵/IMEが入る共有input。ここに候補ポップアップを添える（フォーカスは奪わない） */ },
-  onInput(value, ctx) { /* 打つたびに呼ばれる＝候補を絞る */ },
+  onInput(value, ctx) {
+    // 打つたびに呼ばれる＝候補を絞る。値として解釈したいなら ctx.parseCell（＝セルと同じ読み方。
+    // 独自パーサを書くと本体と食い違う）。解釈できない打ちかけは null。
+    const v = ctx.parseCell(value); if (v == null) return;
+  },
   onKeyDown(e, ctx) {                       // 本体より先に受ける。IME 変換中も呼ばれる
     if (e.isComposing || e.keyCode === 229) return;   // ★変換中は手を引く（↑↓を奪わない）
     if (e.key === 'ArrowDown') { /* 候補を選ぶ */ return false; }   // false で本体既定を止める
@@ -384,7 +388,8 @@ const suggest = {
 };
 new TssGrid(el, { columns: [{ editor: suggest }] });
 ```
-- `ctx` は通常の `{grid,r,c,value,td,commit,cancel}` に加えて **`input`（共有input）/ `setValue(v)`（候補で置換・確定はしない）/ `inline:true`** が入ります。
+- `ctx` は通常の `{grid,r,c,value,td,commit,cancel}` に加えて **`input`（共有input）/ `setValue(v)`（候補で置換・確定はしない）/ `parseCell(v)` / `inline:true`** が入ります。
+- **打った内容に追従するなら `ctx.parseCell(v)` を使ってください**＝**セルの確定と同じ読み方**（`columns[c].parse` があればそれ、無ければ型ごとの組込＝date/time/number）で保存値に解釈し、解釈できなければ `null`（打ちかけ）。**エディタが独自パーサを持つと「セルは受け付けるのに UI は追従しない」食い違い**になります（実際 `TssCalendar` がこれを踏みました）。
 - **確定は本体の `commit()`＝関所を通る**ので `validator`/`parse`/`format`/読み取り専用/Undo はそのまま効きます。
 - ポップアップ側は **`mousedown` を `preventDefault`** してフォーカスを奪わないこと（共有 input に打ち続けられる）。
 - 対象は **text/number 系の列**（`dropdown`/`checkbox`/ネイティブ日付は従来どおり対象外）。

package/package.json

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

package/plugins/tss-calendar.js

@@ -142,10 +142,10 @@
       onInput: inline ? function (v, ctx) {
         if (!pop) return;
         var d = null;
-        try {
-          var p = ctx.grid.colCfg(ctx.c).parse;
-          d = parseISO(typeof p === 'function' ? p(v, { r: ctx.r, c: ctx.c }) : v);
-        } catch (e) { d = null; }
+        // ★ 解釈は本体に訊く（ctx.parseCell＝セルの確定と同じ読み方）。ここで自前パーサを使うと
+        //    「セルは受け付けるのにカレンダーは動かない」食い違いになる（col.parse を書かない列＝format だけの
+        //    自然な使い方で 'yyyy/mm/dd' を打つと追従しなかった実バグ）。
+        try { d = parseISO(ctx.parseCell ? ctx.parseCell(v) : v); } catch (e) { d = null; }
         if (!d) return;                               // 打ちかけ/不正はカレンダーを動かさない
         sel = d; focus = new Date(d); view = new Date(d.getFullYear(), d.getMonth(), 1); render();
       } : undefined,

package/src/tssgrid.d.ts

@@ -222,6 +222,12 @@ export interface EditorContext {
   input?: HTMLInputElement | HTMLTextAreaElement;
   /** inline エディタのみ: 共有 input の値を差し替える（候補で置換する用・確定はしない）。 */
   setValue?(value: any): void;
+  /**
+   * inline エディタのみ: 打たれた文字を**この列の保存値**に解釈する（＝セルの確定と同じ読み方。
+   * `columns[c].parse` があればそれ、無ければ型ごとの組込＝date/time/number）。解釈できなければ `null`。
+   * **エディタが独自パーサを持つと本体と食い違う**ので、打った内容に追従する実装は必ずこれを使うこと。
+   */
+  parseCell?(value: any): any;
   [k: string]: any;
 }
 /** カスタム編集UIの契約（`columns[c].editor`）。 */

package/src/tssgrid.js

@@ -861,22 +861,29 @@
         .replace(/dd/g, d).replace(/d/g, String(+d));
     }
     // 1セルの型強制 / 検証。{ ok, value, message } を返す。入力→保存値の正規化(parse)もここで。
+    // 入力文字列 → 保存値。解釈できなければ null（＝この列はその文字を受け付けない）。
+    // 「この列が入力をどう読むか」の唯一の定義。_coerceCell（確定の関所）と ctx.parseCell（inline エディタ）が
+    // ここを共有する＝エディタ側が独自パーサを持って本体と食い違う事故を構造的に防ぐ。
+    _parseInput(r, c, v) {
+      const cfg = this.colCfg(c), t = cfg.type || 'text';
+      if (v === '') return '';
+      if (typeof cfg.parse === 'function') {   // カスタム parse 優先
+        let p; try { p = cfg.parse(v, { r, c }); } catch (_) { p = null; }
+        return (p == null || p === false) ? null : String(p);
+      }
+      if (t === 'date') return TssGrid._parseDate(v);     // parse を書かない列は型ごとの組込パーサに落ちる
+      if (t === 'time') return TssGrid._parseTime(v);
+      if (t === 'number') return TssGrid._parseNumber(v, cfg);
+      return v;
+    }
     _coerceCell(r, c, value) {
       const cfg = this.colCfg(c); let v = value;
       const t = cfg.type || 'text';
       // parse: 入力文字列 → 保存値（カスタム優先 / 無ければ date・time の組込）
       if (v !== '') {
-        if (typeof cfg.parse === 'function') {
-          let p; try { p = cfg.parse(v, { r, c }); } catch (_) { p = null; }
-          if (p == null || p === false) return { ok: false };
-          v = String(p);
-        } else if (t === 'date') {
-          const p = TssGrid._parseDate(v); if (p == null) return { ok: false }; v = p;
-        } else if (t === 'time') {
-          const p = TssGrid._parseTime(v); if (p == null) return { ok: false }; v = p;
-        } else if (t === 'number') {
-          const p = TssGrid._parseNumber(v, cfg); if (p == null) return { ok: false }; v = p;
-        }
+        const p = this._parseInput(r, c, v);
+        if (p == null) return { ok: false };
+        v = p;
       }
       if (t === 'dropdown') {
         if (v === '') { if (cfg.allowEmpty === false) return { ok: false }; }   // allowEmpty:false＝必須選択（空は不可）
@@ -1639,6 +1646,9 @@
         value: this.data[r][c],
         td: this.cellEl(r, c),
         input: this.editor,                                     // 打鍵/IME が入る共有 input（読み取り・listen 用）
+        // 打たれた文字を「この列の保存値」に解釈する＝セルの確定と同じ読み方（col.parse があればそれ、無ければ型の組込）。
+        // 解釈できなければ null（打ちかけ等）。エディタが独自パーサを持つと本体と食い違うので、必ずこれを使うこと。
+        parseCell(val) { return grid._parseInput(r, c, val); },
         setValue(v) { grid.editor.value = grid._cellStr(v); },  // 候補で置き換える用（確定はしない）
         commit(v) { if (v != null) grid.editor.value = grid._cellStr(v); grid.commit(); grid.toNav(); grid.updateSelectionUI(); },
         cancel() { grid.setActive(r, c); },                     // 元値に戻して nav（Esc 相当）