@threestarsoftware/tssgrid 0.1.13 → 0.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/README.md +1 -0
- package/package.json +1 -1
- package/src/tssgrid.css +8 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,11 @@
|
|
|
3
3
|
TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
|
|
4
4
|
数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
|
|
5
5
|
|
|
6
|
+
## [0.1.14] - 2026-09-29
|
|
7
|
+
|
|
8
|
+
### 修正
|
|
9
|
+
- **カスタムエディタの ▾ アイコンをネイティブ `type:'dropdown'` と同じ SVG キャレットに統一**（コア・CSS のみ・挙動不変）— `editor.icon:'▾'`（`tss-combo` / `tss-autocomplete` 等）は従来 `tg-haspicker` の**文字グリフ**で描かれ、`tg-dropdown` の**SVG シェブロン**と字形・余白（20px vs 18px）が食い違っていた。`data-ico="▾"` のときだけネイティブ dropdown と同一の SVG（11×8・`#7d8a99`・`padding-right:18px`）に差し替えて統一。絵文字系アイコン（`📅`/`🕐` 等）は対象外。※開いたリスト自体は、ネイティブ dropdown が OS 描画の `<select>`（CSS 装飾不可）・combo 等は自前ポップアップ（角丸/影/アクセント色）で、**見た目差はあえて残す**（「その他」入力を持つ合図・combo 側は `.tg-combo*`/`--tg-accent` で調整可）。
|
|
10
|
+
|
|
6
11
|
## [0.1.13] - 2026-09-24
|
|
7
12
|
|
|
8
13
|
### 追加
|
package/README.md
CHANGED
|
@@ -681,6 +681,7 @@ columns: [
|
|
|
681
681
|
- 値列にエディタを付け、`codeField` で**別のコード列へ code を書き戻す**（`setValueRaw`＝派生値・`readOnly` 列にも書ける）。`options` は `{code,label}` か文字列配列（code=label）。既存の「その他」値（選択肢に無い値）は開くと**入力欄に復元**。
|
|
682
682
|
- undo/redo・貼付で code を値に追従させたい時は `TssCombo.codeOf({options, other})` を `onAfterChange` に噛ませる（任意）。
|
|
683
683
|
- 見た目は `tg-combo*` クラス、色は `--tg-accent` を流用。`openOnClick` / `otherPlaceholder` / `icon` / `className`。
|
|
684
|
+
- **開いたリストの見た目はネイティブ `type:'dropdown'`（OS 描画の `<select>`）とはあえて別**（自前ポップアップ＝角丸・影・アクセント色＝「ここは『その他』入力もできる」合図）。**セル右の ▾ キャレットはネイティブ dropdown と統一済み**。リストを素の dropdown に寄せたい場合は `.tg-combo*` / `--tg-accent` を上書きすれば調整できます（※逆にネイティブ `<select>` のリストは OS 製で CSS 装飾不可）。
|
|
684
685
|
|
|
685
686
|
### 同梱プラグイン: セル内スパークライン（sparkline・ミニグラフ）
|
|
686
687
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@threestarsoftware/tssgrid",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "軽量・ノービルド・日本語IME堅牢な編集グリッド（vanilla JS / 依存なし / MIT）。Excel ライクな入力画面を <script> タグ1本で。",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "ThreeStarSoftware (https://www.threestarsoftware.co.jp/)",
|
package/src/tssgrid.css
CHANGED
|
@@ -203,6 +203,14 @@
|
|
|
203
203
|
}
|
|
204
204
|
.tssgrid .tg-table td.tg-readonly.tg-haspicker { padding-right: 6px; } /* 読取専用は出さない */
|
|
205
205
|
.tssgrid .tg-table td.tg-readonly.tg-haspicker::after { display: none; }
|
|
206
|
+
/* editor.icon:'▾'（＝プルダウン相当のキャレット）はネイティブ dropdown と同じ SVG シェブロンで統一
|
|
207
|
+
（combo / autocomplete 等・文字グリフの三角ではなく tg-dropdown と揃った見た目に）。絵文字系(📅/🕐)は対象外。 */
|
|
208
|
+
.tssgrid .tg-table td.tg-haspicker[data-ico="▾"] { padding-right: 18px; }
|
|
209
|
+
.tssgrid .tg-table td.tg-haspicker[data-ico="▾"]::after {
|
|
210
|
+
content: ''; right: 5px; top: 50%; bottom: auto; transform: translateY(-50%);
|
|
211
|
+
display: block; width: 11px; height: 8px; font-size: 0;
|
|
212
|
+
background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='8'><path d='M1.5 2.2l4 4 4-4' fill='none' stroke='%237d8a99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / 11px 8px;
|
|
213
|
+
}
|
|
206
214
|
|
|
207
215
|
/* 固定列(frozen)は dropdown/haspicker/multiline でも sticky を維持する。
|
|
208
216
|
これら型の position:relative は .tg-frozen と同じ詳細度(0,3,1)で後勝ち＝固定列の
|