Wijmo Enterprise（日本語版） リリース

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6、5.8、5.9.3)
• Angular ／20(20.3.18以上)／21
• React 16／17／18／19
• Vue.js 3
• Next.js 15／16
• Nuxt.js 4

機能の追加

• 全般：
  • Angular 21のZonelessモードをサポートしました。
  • Bootstrap 5のサポートを追加しました。
• FlexGrid、CollectionView
  • ページング有効時に新規行の追加位置を指定するために insertAt プロパティを追加しました。
  • グリッドの新規行テンプレートで追加した新規行の追加位置を指定するために newItemIndex プロパティを追加しました。
• FlexGrid
  • ツリー構造に表示されるツリーボタンの表示列を指定するために treeColumnIndex プロパティが追加されました。
  • 標準の Ctrl+X/Cmd+X ショートカットを通じたセルの切り取りができるようになりました。
    • また、互換性のために切り取り動作を無効にできる preventCut プロパティが追加されました。
    • preventCut のデフォルト値は false です。切り取り処理はコピー、削除 の2段階で処理されます。削除は以下のルールに基づいて行われます。
      • 編集可能なセルだけ削除される。例）対象のセルが isReadOnly= false の場合
      • 削除できないセルはコピーされるが、そのまま残る。例）対象のセルが isRequired, isReadOnly =true の場合
      • 選択範囲の中に削除できるセルと出来ないセルが混在している場合は、削除可能なセルのみ消える。
    • また以下のいずれかの条件に合致する場合は、切り取り処理行われません。
      • preventCut = true
      • autoClipboard = false
      • コピー処理がキャンセル・未完了
  • グループ化されたデータのスクロール時に現在のグループヘッダーを画面上部に固定表示するために stickyGroupHeaders プロパティが追加されました。
• TransposedGrid、TransposedMultiRow：editor プロパティが追加され、カスタムエディタがサポートされました。
• InputNumber：小数点以下の桁数が format プロパティで定義された精度を超えるときに、小数点以下の桁数を切り捨て表示するために truncate プロパティが追加されました。
• BoxWhisker：事前に処理済みの統計データから直接箱ひげ図（BoxWhiskerチャート）を作成するために boxPlotData プロパティが追加されました。
• AutoComplete：searchDuringComposition プロパティが追加され、IME変換中でも検索を実行できる機能がサポートされました。
• AutoComplete、MultiSelectListBox：AutoComplete、MultiSelectListBox にカスタムフィルタリング機能を追加しました。新たに追加された customFilter プロパティにより、各項目の検索一致条件を自由に定義できます。また、customHighlight プロパティにより、一致した項目のハイライト表示をカスタマイズできます。
• Globalize：タイ文化の日付を処理する際、年のフォーマットおよびパースにおいてタイ仏暦がサポートされました。これは内部的なサポートでユーザーが操作できる設定や公開APIはありません。

仕様変更

• Workbook：Excelエクスポート時に自動的に書き込まれていたデフォルトの company 値 GrapeCity, Inc を削除しました。
• 明示的に company が指定されている場合はその値を保持し、指定がない場合は、空のままとなります。
• InputNumber：キーボード入力と貼り付け操作に関わらず同一の数値の切り捨ての動作を統一しました。

• FlexGrid
  • １行目のセルを選択中にページを変更すると、スクロールが移動せず先頭行が表示されない
  • Angularアプリで「"optimization": true」の場合にfrozenCellsプロパティが正しく動作しない
  • FlexGridでシフトキーを使ったセルの範囲選択は、bigCheckboxesプロパティがtrueに設定されていると動作しない
• Globalize：科学表記フォーマットでフォーマットされた値が正しくない
• OLAP：PivotGridのフィールド設定でshowAsプロパティがRunTotに設定されていると、誤ったデータが表示される
• Popup：ポップアップの上端をマウスで上方向にドラッグすると、枠外までリサイズできてしまい、サイズを戻すことができなくなる

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6、5.8、5.9.3)
• Angular 19／20／21
• React 16／17／18／19
• Vue.js 3
• Next.js 15／16
• Nuxt.js 3／4

機能の追加

• 全般：Angular 21のサポートを追加しました。
• FlexGridFilter：ValueFilter に customFilter プロパティを追加しました。フィルタリングルールをカスタマイズしたり、列に対してカスタムフィルタリングを実行したりすることが可能になりました。
• Workbook：Excelドキュメントのプロパティのエクスポート/インポート機能を拡張するため、Workbook クラスに title、subject、keywords、category のプロパティを追加しました。

機能の改善

• FlexGrid、FlexGridFilter、DetailRow、Selector、GroupPanel、Search、TreeGrid、InputNumber、InputDate、Calendar、CollectionViewNavigator、Popup、ComboBox、DropDown、ListBox、CellMaker、AutoComplete、InputDateRange、InputDateTime、InputMask、InputTime、Menu、MultiSelect、MultiSelectListBox、MultiSelectAutoComplete、ColorPicker、ToolTip
  • WCAG 2.2 AA規格に準拠するようアクセシビリティサポートを強化しました。
• FlexGrid：FlexGridを継承するすべてのコンポーネント
  • WCAG 2.2 AA規格に準拠するために、列と行のドラッグとサイズ変更のためのキーボードショートカットが追加され、マウス操作なしでキーボードベースのグリッド操作が可能になりました。Shift＋矢印キーや Alt＋矢印キーを独自の動作に使用している場合は、独自の動作が優先されます。詳細は仕様変更のセクションをご確認ください。
    • Shift + 矢印キー: headersFocusability と allowDragging が設定されている場合、対応する領域にフォーカスが移動したときに、キーボードを使用して行/列を並べ替えできます。
    • Alt + 矢印キー: allowResizing が設定されている場合、対応する領域にフォーカスを移動したときに、キーボードを使用して行の高さ/列の幅を調整できます。
    • さらに、deferResizing が true に設定されている場合:Enterキー：サイズ変更操作を確定します。Escキー：サイズ変更をキャンセルします。 Enterキー以外のキーを使ってこのサイズ変更をキャンセル可能ですが、意味合い的な観点より、ESCキーを使うことを推奨します。
• Excel：新たにAggregate.CntNums 列挙値を追加し、以下の制限事項が解除されました。
  • Workbookにテーブルを設定してExcelファイルに出力したときに集計行の値が表示されない
• FlexGrid：以下の制限事項が解除されました。
  • keyActionEnterをCycleに設定し、EnterキーでInputDateやInputTimeを設定したセルに遷移したあと、キー入力すると文字列が選択状態になる

仕様変更

• FlexGrid、FlexGridを継承するすべてのコンポーネント
  • グリッドのヘッダーで、列／行のドラッグ操作（Shift＋矢印キー）とサイズ変更（Alt＋矢印キー）を行うためのキーボードショートカットを追加しました。グリッドのヘッダーで Shift＋矢印キーや Alt＋矢印キーを独自の動作に使用している場合は、独自の動作が優先されます。そのため本機能を使用する場合は、独自のイベント処理ロジックを調整する必要があります。
• Sassモジュールシステムの移行
  • すべての .scss ファイルで、@import の代わりに @use/@forward を使用するようになりました。非推奨の Sass 関数 (darken()、lighten()、type-of()) は、最新の同等の関数 (color.adjust()、meta.type-of()) に置き換えられました。Sass 変数はグローバルに利用できなくなり、名前空間付き参照を介してアクセスする必要があります。Wijmo SCSS を直接コンパイルし、@import-then-override パターンを使用して変数をオーバーライドしているユーザーは、@use ... with () 構文に更新する必要があります。プリビルド済みの CSS ファイルを使用しているユーザーには影響はありません。

• CellMaker
  • CellMakerのmakeButtonで生成したボタンでShift+スペースキーをクリックすると行選択機能が機能しない
  • CellMakerのmakeButtonで生成したボタンが想定と異なる見た目となる
• Excel
  • Workbookにテーブルを設定してExcelファイルに出力したときにテーブルスタイルが反映されない
• FlexGrid
  • 左側に列を固定しているときに、右から左の方向にドラッグして連続したセルを選択した場合、横スクロールが自動で移動せず、非表示のセルの位置にドラックできない
  • getErrorを設定した列で結合セルを編集した場合、結合セル内の一番上のアイテムにエラーがある場合と、一番上以外のアイテムにエラーがある場合とで動作が異なり、正常な動作とならない
  • 日付列にドロップダウンカレンダーを設定している場合に、解像度によってカレンダーが表示されない場合がある
  • columnGroupsで列定義しているグリッドをExcelに出力すると、最初の行の値が出力されない
  • selectを実行したとき、ページ全体のスクロール位置が移動せず、選択範囲が表示外のままとなる
  • 日付列にドロップダウンカレンダーを設定している場合に、ウィンドウ下端に表示されたカレンダーを高さが大きい月に切り替えるとカレンダーが閉じる
  • カスタムエディタに設定されたAutoCompleteで、itemsSourceに同じ文字列で始まる複数のアイテムがある場合、グリッドが編集モードに入るときにアイテムのデフォルト選択が変わる
  • 行を追加して縦スクロールバーが表示された場合に、直後に横スクロールバーが表示されない
  • getClipStringの第4引数をtrueで実行したとき、 行ヘッダーセルに対してgettingCellClipStringイベントが発生した際に引数e.panel.cellTypeの値が3(RowHeader)にならない
• InputNumber
  • Angularでtext プロパティに双方向バインドしている変数に""(空文字)、null、undefined を設定したときにバインドしている変数の値が"0"にならない
• MultiRow
  • imeEnabledがtrueの場合、セルに設定されたComboBoxのドロップダウンを開いた状態でEnterキーを押下すると、ドロップダウンが閉じた後、選択が下のセルに移る

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6、5.8)
• Angular 19／20
• React 16／17／18／19
• Vue.js 3
• Next.js 15／16
• Nuxt.js 3／4

機能の追加

• 全般
  • Next.js 16 のサポートを追加しました。
  • ライセンスシステムがIPv4 CIDRタイプのサポートを追加しました。
  • FlexSheet、FlexGrid、Workbook：FlexSheet に打ち消し線付きフォントスタイルが追加され、打ち消し線付きのテキストを適用、インポート、エクスポートできるようになりました。
  • TransposedGrid、ImmutabilityProvider：TransposedGrid で ImmutabilityProvider がサポートされました。
  • Menu：ドロップダウンメニュー項目がクリックされてもドロップダウンメニューを開いたままにする keepOpen プロパティをが追加されました。

機能の改善

• FlexGrid、FlexGridFilter、FlexGridSearch、GroupPanel、Dropdown、Listbox、ComboBox、Menu、Calendar、MultiSelect、MultiSelectListBox、MultiSelectAutoComplete
  • WCAG 2.1 AA規格に準拠するようアクセシビリティサポートを強化しました。
• FlexGrid
  • ハイコントラストテーマにおいて、ヘッダーエリアの背景色を #4e0721 から #A34661 に変更、セルの境界線を rgba(0,0,0,0.2) から rgba(255,255,255,0.55) に変更、選択色を #576EDB から #587694 に変更、さらにドラッグインジケーターの色を #0021ab から #ffd60a に変更し、グリッド領域のコントラスト比を調整しました。
  • aria-colcount と aria-rowcount の結果を修正しました。
  • CellMark：ハイコントラストテーマにおいて CellMark Sparkline の色コントラストを#376092から #0069cc に変更しました。
  • モバイル
    • グリッド内のドロップダウンが誤って配置されている問題を修正しました。
    • 列が小さすぎるとピンボタンをクリックできない問題を修正しました。
    • RowRangeモードで行を選択するとグリッドがスクロールする問題を修正しました。
    • 行のサイズ変更がブラウザスクロールを引き起こす問題を修正しました。
  • Tooltip
    • グリッド内のツールチップがホバーできない問題を修正しました。
    • グリッドの列で isRequired が true に設定されていると、無効なデータを入力して再度クリアした後、ツールチップが間違った位置に表示される問題を修正しました。
• FlexGridFilter
  • ハイコントラストテーマにおいて、入力要素のボーダーを点線 #e2e2e2 からソリッド #e2e2e2 に変更し、値リストのコンテナボーダーカラーを rgba(0,0,0.2) から rgba(110,110,110,0.8) に変更し、コントラスト比を調整しました。
  • 条件フィルターの値入力フィールドに表示ラベルを追加しました。
  • モバイル：グリッド内のフィルターダイアログの位置が誤っている問題を修正しました。
• FlexGridSearch
  • ハイコントラストテーマにおいて、検索結果のハイライトテキストの色を #fff から#000 に変更し、コントラスト比を調整しました。
• GroupPanel
  • ハイコントラストテーマにおいて、アイコンの色をradial-gradient (#000 1px, transparent 2px) からradial-gradient (#fff 1px, transparent 2px) に変更し、ボタンの背景色を #4e0721 から #A34661 に変更し、グループボタンのコントラスト比を調整しました。
  • 音声認識互換性のために、アクセシブルな名前で最初に表示されるように aria-label を再構築しました。
  • グループが削除されたとき、ステータスを aria-live="polite" 領域で通知します。
• Dropdown
  • ハイコントラストテーマにおいて、ドロップダウン選択項目の背景色を #0021ab から #4261e3 に変更し、コントラスト比を調整しました。
  • モバイル
    • ドロップダウンの位置が誤っている問題を修正しました。
    • ドロップダウンをクリックしても閉じられない問題を修正しました。
• Listbox
  • ハイコントラストテーマにおいて、背景色を #0021ab から #4261e3 に変更し、選択項目のコントラスト比を調整しました。
• ComboBox
  • ハイコントラストテーマにおいて、ドロップダウン選択項目の背景色を #0021ab から #4261e3 に、グループ項目の背景色を #4e0721 から #A34661 に変更し、ドロップダウンの選択項目とグループ項目のコントラスト比を調整しました。
  • NVDAでコンボボックスのグループ化されたリスト項目を読み上げる際、読み上げ内容が正しくない問題を修正しました。
• InputNumber
  • モバイル
    • ソフトキーボードが開いている間にスピンボタンが動作しない問題を修正しました。
    • n2形式でInputNumberで「.」文字を繰り返し入力すると、カーソルの位置が最後の数字に移動する問題を修正しました。
    • p2形式のInputNumberで「+」を入力した後に「-」を入力しても負の符号が消えない問題を修正しました。
    • Safariで InputNumber が非数値入力を受け付けない問題を修正しました。DOM属性 inputmode="numeric" を削除し、「-」や「.」と同様に、「+」、「*」、「#」などの文字の入力を許可します。
• AutoComplete
  • モバイル：Safariでドロップダウンが開いている間、ソフトキーボードで入力できない問題を修正しました。
• Menu
  • ハイコントラストテーマにおいて、アクティブメニューの枠線色と選択項目の背景色を #0021ab から #4261e3 に変更し、アクティブなメニューと選択項目のコントラスト比を調整しました。
  • RTLモードで矢印キーによるサブメニューの開閉ができない問題を修正しました。
• Calendar
  • ハイコントラストテーマにおいて、週要素の背景色を #4e0721 から #A34661 に、選択された日の背景色を #0021ab から #4261e3 に変更し、週要素と選択された日のコントラスト比を調整しました。
  • デフォルトテーマにおいて、他の月に属する選択日の日付の背景色を #007cbe から #007CBE に変更し、複数月表示の選択された日のコントラスト比を調整しました。
  • デフォルトのテーマにおいて、テキストの色を #ffffff から #000000 に変更し、日付範囲内のマウスホバー時の曜日のコントラスト比を調整しました。
  • Calendar の selectionMode プロパティが Range に設定されている場合、システムのハイコントラストモードでは複数選択の効果がありません。
• MultiSelect、MultiSelectListBox
  • ハイコントラストテーマにおいて、［すべて選択］の背景色を #4e0721 から #A34661 に、アクティブ項目の背景色を #0021ab から #4261e3 に変更し、［すべて選択］とアクティブ項目のコントラスト比を調整しました。
• MultiSelect
  • タッチ操作で指を動かした後にドロップダウンが開かないように修正しました。
• MultiSelectAutoComplete
  • ハイコントラストテーマにおける、背景色を #0021ab から #4261e3 に変更し、選択項目のコントラスト比を調整しました。
• Vue
  • 以下の制限事項が解除されました。
  • データをリアクティブにしている場合に、リアクティブなデータのプロパティなどへの割り当てを行うと正しく動作できない。

• FlexGridFilter：white-space: pre;のCSSが含まれている場合、フィルタダイアログのデザインのズレが生じる
• ColorPicker：アルファ値が0に設定されている場合、カラーピッカーのvalueChangedイベントが発生しない
• PivotGrid：Excelに出力したときに、縦方向の中央に表示されていたヘッダーセルのコンテンツが下揃えに変わる
• TreeNode：ensureVisibleやselectでノードを表示した際、横スクロールバーが表示されているとノードの下半分が隠れる位置に移動する
• TreeView：縦スクロールバーが表示されているときに、ノードをツリーの最下部にドラッグ＆ドロップしようとすると、垂直スクロール バーの長さが変化し続け、ノードをドロップできなくなる
• TabPanel：テンプレート機能を使用するWijmo Reactコンポーネントを使用したときにReact 19 + Viteプロジェクトの本番環境では動作しない
• AutoComplete：
  • AutoCompleteのisEditableプロパティをfalseに設定し、日本語入力（IMEがON）した場合にテキストボックスに入力中の文字が表示されない
  • アイテムソースに存在しない値が入力された後に、lostFocus内で値を空にした場合に、不正な動作が発生する
• ListBox：Content-Security-Policyが使用されている場合、ListBoxを使用するとCSPエラーが発生する
• FlexSheet
  • 混合型セル参照を設定したセルに対してオートフィルやコピー＆ペーストなどの操作が意図した結果にならない
  • ReactコンポーネントのFlexSheetでisTabHolderVisibleプロパティをfalseに設定するとエラーが発生する
• MultiRow：セルの編集モード中にコンポーネントが破棄されるとエラーが発生する
• その他：Angular 18はフレームワークのサポート終了とあわせて、サポート対象外となりました。