更新履歴

対応環境

• TypeScript 2／3
• Angular 15／16／17
• React 16／17／18
• Vue.js 3
• Next.js 13／14（クライアントサイドレンダリングのみ対応）
• Nuxt.js 3（クライアントサイドレンダリングのみ対応）

新機能

• Angular 17に対応しました
• Next.js 14に対応しました（クライアントサイドレンダリングのみ対応）
• ドロップダウンからの項目選択や文字入力で、複数項目をタグラベルのように表示する、タグボックスコントロール（GcTagBox）を追加しました
• リッチテキストエディタ（GcRichTextEditor）に以下の機能を追加しました
  • maxLengthプロパティが追加され、最大文字数を設定できるようになりました
  • inputFormatとautoConvertプロパティが追加され、文字種の指定と自動変換を設定できるようになりました
  • acceptsTabプロパティが追加され、Tab文字を入力できるようになりました
  • filterCrlfプロパティが追加され、改行コードを設定できるようになりました
  • コマンドの実行によってテンプレートを挿入できるようになりました
  • 読み取りモードに設定する際に、ツールバーとメニューバーの一部の機能を使用できるようになりました
• 数値コントロール（GcNumber）にスライダーを動かすことで数字が入力できるスライダー入力機能を追加しました
• テキストコントロール、複数行テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールにfloatingLabelTextプロパティが追加され、入力フィールドにフローティングラベルを表示する機能を追加しました
• 日付時刻コントロール（GcDateTime）にautoSwitchプロパティが追加され、カレンダーの年月／月日の自動切り替えを設定できるようになりました
• リストコントロール（GcListBox）にdragDropプロパティが追加され、ドラッグ＆ドロップによるリスト項目の並び替える機能を追加しました
• 複数行テキストコントロール（GcMultiLineTextBox）にUI操作でサイズを変更できるようになりました
• テキストコントロール（GcTextBox）にuseStandardPasswordInputプロパティが追加され、送信時にブラウザでパスワードを保存するブラウザパスワード管理機能を追加しました
• 数値コントロール、日付時刻コントロール、コンボコントロール、タグボックスコントロールにanimationTypeプロパティが追加され、ドロップダウンの表示／非表示を切り替えるときのアニメーション効果を設定できるようになりました

変更点

• テキストコントロール、複数行テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールに幅と高さを変更するために、次のプロパティを追加しました
  • width、height、minWidth、minHeight、maxWidth、maxHeight、fontSize
• InputManJSの各コントロールのデザインを刷新しました。GC.InputMan.appearanceStyle = 'modern'を設定すると、すべてのコントロールに新デザインが適用されます
• appendDropDownToBodyプロパティが追加され、コンボコントロール（GcComboBox）のドロップダウンリストがコンテナの境界を超えた部分を表示できるようになりました

不具合の修正

• [8095340652559] GcMask/GcDateTimeのHighlightTextをNone/Allに設定した場合にキャレットやフィールドの状態が正しく設定されない
• [8805793283087] GcComboBoxでclearSelectedを実行した後に再度コントロールに同じ値を設定できない

その他

• npmパッケージ名が「@grapecity/~」から「@mescius/~」に変更されました
  • V4.1はnpmパッケージ名を「@mescius/~」と「@grapecity/~」両方を公開しています
  • 今後、「@grapecity/~」を廃止予定となりますので、「@mescius/~」に移行してください
• 次の環境はフレームワークのサポート終了とあわせて、サポート対象外となりました
  • Angular 14
  • Vue.js 2

対応環境

• TypeScript 2／3
• Angular 14／15／16
• React 16／17／18
• Vue.js 2／3
• Next.js 13（クライアントサイドレンダリングのみ対応）
• Nuxt.js 3（クライアントサイドレンダリングのみ対応）

新機能

• Angular 15／16に対応しました
• Next.js 13に対応しました（クライアントサイドレンダリングのみ対応）
• Nuxt.js 3に対応しました（クライアントサイドレンダリングのみ対応）
• WYSIWYGライクなエディタを提供する、リッチテキストエディタコントロール（GcRichTextEditor）を追加しました
• コンボコントロールにオートコンプリート機能を追加しました
• テキストコントロール、複数行テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールにshowHelpButton、helpContentプロパティが追加され、コントロールのヘルプボタンの表示、ヘルプコンテンツの設定ができるようになりました
• テキストコントロール、複数行テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールにshowCopyButton、copyMessage、copiedMessageプロパティが追加され、コントロールのコピーボタンの表示、コピー実行前／実行後のツールチップのテキストの設定ができるようになりました

変更点

• setterのみでしか機能しないプロパティに対して、getterの機能を追加しました
• 日付時刻コントロール（GcDateTime）でドロップダウンカレンダーの選択日付のデザインが変更されました
• テキストコントロール（GcTextBox）のmaxLengthプロパティ、複数行テキストコントロール（GcMultiLineTextBox）のmaxLengthとmaxLineCountプロパティで、設定する値は次のように変更されました
  • 0：入力できる最大文字数が0を意味し、入力を不可とします。従来のバージョンでは入力できる最大文字数に指定がないことを意味しました。
  • null：入力できる最大文字数に指定がないことを意味します。従来のバージョンではnullを設定することができませんでした。

不具合の修正

• [5217559327247] readOnly=trueの場合、コントロールの値をコピーすることができない

その他

• Angular 12、Angular 13はフレームワークのサポート終了と合わせて、サポート対象外となりました

対応環境

• TypeScript 2／3
• Angular 12／13／14
• React 16／17／18
• Vue.js 2／3

新機能

• Angular14に対応しました
• React18に対応しました

変更点

• EventTypeインターフェイスは廃止されました

不具合の修正

• [4553978168847] undefinedをitemsに設定すると対象の項目が{!text}で表示される
• [4724916549519] GcMask、GcDateTime、GcNumberでenabled=falseの場合値を貼り付けることができる
• [4876156837135] GcNumberのreadOnlyがtrueの時、フォーカス状態からtabキーを押下してもフォーカスアウトされない
• [4964279952655] ドロップダウンカレンダーのヘッダ部分をクリックしたとき、ポップアップリストが表示されない
• [5110923289871] コントロール以外のブラウザ上をクリックした状態で貼り付け操作を行うと、コントロールに値が張り付けられる

その他

• 次の環境はMicrosoft社のサポート終了とあわせて、サポート対象外となりました
  • Internet Explorer 11
  • Microsoft EdgeのIEモード
• Angular11はフレームワークのサポート終了と合わせて、サポート対象外となりました

対応環境

• TypeScript 2／3
• Angular 11／12／13
• React 16／17
• Vue.js 2／3

新機能

• Angular13に対応しました

不具合の修正

• [4411748766223] highlightTextがtrueのGcTextBoxでコントロールにフォーカス直後、素早く値を入力すると、入力した値が正しく反映されない
• [4411294490127] GcListBoxにて、トラックパッドでスクロールを行った場合、リスト項目の最下部までスクロールが行われる
• [4413886995215] dropDownWidthに'auto'を設定するとInvalid propの警告が発生する
• [4414381226767] displayMemberPathに2バイト文字を設定するとリストの項目が正しく表示されない
• [4468735302031] TypeScriptを利用している時validateを引数なしで実行するとTS2554のエラーが発生する

その他

• リリースファイル内にフレームワーク用のモジュールを同梱しました
• 次の環境はフレームワークのサポート終了と合わせて、サポート対象外となりました
  • AngularJS
  • Angular（2~10）

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7／8／9／10／11／12
• React 16／17
• Vue.js 2／3

新機能

• Angular12に対応しました
• テキストコントロール、複数行テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールにtabIndexプロパティが追加され、コントロールのフォーカスの順番を制御できるようになりました
• コンボコントロールにmultipleItemSeparatorプロパティが追加され、項目の複数選択が有効になっている時に表示される区切り文字を変更できるようになりました

不具合の修正

• [360003956876] 型定義ファイルで戻り値が定義されていないメソッドが存在する
• [360004042296] リストコントロールにて、Ctrl+マウスドラッグで項目を複数選択した場合、selectedValuesに選択した全ての項目が設定されない
• [360004135715] リストコントロールのselectedIndexを設定してfocusを実行した後、矢印キーを押下すると選択されている項目が最初の項目になる
• [360004535476]] GcTextBoxでフォーカス取得後に素早くテキストを入力すると、テキストは入力した順で表示されません
• [4402987662223] GcListBoxにて、スクロールした状態でフィルタを適用すると、項目がリストボックスに表示されない

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7／8／9／10／11
• React 16／17
• Vue.js 2／3

新機能

• Angular10ならびにAngular11に対応しました
• React17に対応しました
• Vue.js3に対応しました
• メモリ機能や四則演算などの一般的な電卓機能を提供する、電卓コントロール（GcCalculator）が追加されました
• 独自の処理をキーにを割り当てることができる、ファンクションキーコントロール（GcFunctionKey）が追加されました
• InputManJSコントロールやHTML要素にショートカットキーを割り当てることができる、ショートカットキーコントロール（GcShortcut）が追加されました
• 画面上にキーボードを表示してマウス操作で文字を入力できる、ソフトウェアキーボードコントロール（GcSoftKeyboard）が追加されました
• フォームデータを保存して再読み込みしてもフォームデータが失われないようにする、GcFormPersistenceクラスが追加されました
• 各コントロールにプロパティが追加され、コントロールの値をプロパティを利用して取得、設定できるようになりました。これまでのバージョンではgetXXXメソッドやsetXXXメソッドを利用する必要がありました。また、従来通りメソッドを引き続き利用することもできます
• カレンダーコントロール（GcCalendar）にscrollRateプロパティが追加され、月ナビケータボタンを押下した時に移動する月の数を指定できるようになりました
• 複数行テキストコントロール（GcMultiLineTextBox）に、cursorPositionプロパティが追加されフォーカス取得時のカーソル位置を指定できるようになりました。

変更点

• リストコントロール（GcListBox）とコンボコントロール（GcComboBox）で、sortメソッドとfilterメソッドが改善されメソッドの引数に任意の関数を設定できるようになりました。
• カレンダーコントロール（GcCalendar）で、タッチデバイスでの次の操作に対応しました
  • 横スワイプ：カレンダーの月を移動する
  • 縦スワイプ：カレンダーの年を移動する

不具合の修正

• [360003953556] 日付時刻コントロールにて、ドロップダウンカレンダー下部の今日の日付を選択後、テキストをクリアしてから再度今日の日付を選択するとテキストに日付が表示されない
• [360003954756] ウォーターマークを設定している時、コントロールからフォーカスアウトすると、ウォーターマークの値がテキストに設定される
• [360004043775] Windows10のタッチデバイスでリストコントロールをスクロールすると、ブラウザがスクロールする

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7／8／9
• React 16
• Vue.js 2

新機能

• テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールに、setShowClearButtonメソッドを追加し、入力済みのテキストをクリアできるボタンを表示できるようになりました
• テキストコントロール、マスクコントロール、数値コントロール、日付時刻コントロール、コンボコントロールに、setAutoScaleメソッドを追加し、入力したテキストが長すぎて見切れてしまうときに、テキストがコントロールに収まるように長体で表示できるようになりました
• リストコントロールとコンボコントロールに、setShowTipメソッドを追加し、表示したアイテムが見切れてしまうときにチップ表示させることができるようになりました
• テキストコントロールにsetPasswordRevelationModeメソッドを追加し、パスワード文字の表示モードを指定できるようになりました
• コンボコントロールにsetTextメソッドを追加し、コントロールのテキストに値を設定できるようになりました
• コンボコントロールにclearItemsメソッドを追加し、動的に読み込んでいた項目を最初の項目から再読み込みできるようになりました
• コンボコントロールに、コンストラクタオプションのemptyTemplateを追加し、ドロップダウンリストの項目が空の場合に表示するHTMLテンプレートを設定できるようになりました
• ドロップダウンプラグインにonOpeningイベントとonClosingイベントを追加し、ドロップダウンの開閉直前のイベントを制御できるようになりました

変更点

• リストコントロールとコンボコントロールで、フッターテンプレートが改善され、JavaScriptコードを記述して実行できるようになりました
• リストコントロールとコンボコントロールで、列幅に割合を示す数値とアスタリスク(*)を指定することで、動的な列幅を設定できるようになりました
• リストコントロールで、親要素に幅を指定してコントロールに幅を指定しない場合、コントロールは親要素の幅で表示され、スクロールバーが表示されるようになりました

不具合の修正

• [85607] 複数行テキストコントロールでテキストに「LF("\n")」が含まれている場合、コンテキストメニューの「すべて選択」を実行しても全てのテキストが選択状態にならない
• [85682] テキストコントロールが無効化されている場合、コピーとペーストの動作が正しくない
• [4401957000591] バージョン2.4のフレームワーク用パッケージをインストールすると、バージョンが3.0のInputManJSのモジュールがインストールされる
  • V2.4.1Jで修正されました。

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7／8／9
• React 16
• Vue.js 2

新機能

• Angular 9に対応しました
• iPadOSのSafari／Chromeに対応しました
• フレームワーク用のInputManJSコンポーネントが「npm」に対応しました使用方法の詳細は、「フレームワークでの使用」をご参照ください
• オンラインデモに、各フレームワーク（Angular／React／Vue）用のサンプルを追加しました
• コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、getDropDownWindowメソッドを追加しましたこれにより、設定されているドロップダウンを取得し、任意のタイミングでドロップダウンの開閉を実行できるようになりました
• コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setDropDownButtonVisibleメソッドを追加し、ドロップダウンボタンの表示／非表示を動的に設定できるようになりました
• コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setAutoDropDownメソッドを追加し、コントロールがフォーカスを取得した際にドロップダウンを自動的に表示できるようになりました
• コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定可能なコントロールに、setContainerメソッドを追加しましたドロップダウンを表示するスペースがあるかどうかを判断する基準となる要素を指定し、コントロールをダイアログなど特定の領域内で使用する場合でもドロップダウンを適切な方向に表示できるようになりました
• 数値コントロールにsetSpinOnKeysメソッドを追加し、［↑］キーまたは［↓］キーで値の増減を行うかどうかを設定できるようになりました
• 数値コントロールにsetSpinWrapメソッドを追加し、値の増減を有効範囲内でループさせるかどうかを設定できるようになりました
• GcValidator、GcTipNotifier、GcIconNotifierにrefreshメソッドを追加し、コントロールのリサイズに合わせてツールチップやアイコンの表示位置を更新できるようになりました

変更点

• フレームワーク用コンポーネントで、TypeScriptの型定義でany型の使用を廃止し、より適切な型を明確に定義するように改善しました
• 日付時刻コントロールでドロップダウンカレンダーの最小幅を120pxから140pxに変更しました
• コンボコントロール、日付時刻コントロール、数値コントロールおよびドロップダウンを設定したコントロールでスペースに応じてドロップダウンを表示する方向をコントロールの上側または下側に自動的に調整するようになりました
• リストコントロールとコンボコントロールで、連続する半角スペースをリスト中にそのまま表示するようにしました
• リストコントロールとコンボコントロールで、リストまたはドロップダウンリストの列幅をダブルクリックで自動調整できるようになりました

不具合の修正

• [84541] TypeScriptの定義ファイルでnullを許容するプロパティに対して「null」が明示的に宣言されていない
• [84825] TReactでコントロールの初期化時にstate変数を介してアイテムを動的に変更した場合に、初期値が適切に設定されない
• [84966] Safariで数値コントロールに小数点「.」が入力できない
• [85008] 型定義ファイルを参照した状態で、型定義ファイルに定義されていないメソッドを実行すると、エラーが発生する
• [84988] テキストコントロールの書式に空白文字と全角文字を指定すると入力した空白文字が削除される
• [85008] ドロップダウンカレンダーで最小日の月を表示できない場合がある

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7／8
• React 16
• Vue.js 2

新機能

• Angular 8に対応しました
• リストコントロールとコンボコントロールのドロップダウンリストで、列幅に"auto"と設定することで、列幅を自動調整できるようになりました

変更点

• InputManJSコンポーネントのリファクタリングを行いましたリファクタリングによる主な変更点は以下の通りです
  • onInitializedイベントを追加しました
  • イベントの引数を、製品本体と同じ引数に変更しました
  • プロパティやイベントの名称変更、追加、削除等を行いました

不具合の修正

• [83930] 日付時刻コントロールで自由書式による入力ができない
• [84398] コンボコントロールでコントロールを無効にしても、マウスホイールで値が変更される
• [84399] リストコントロールにブール値を表示すると「false」が「FASLE」と表示される
• [84488] マスク書式を設定すると、コントロールにフォーカスが設定される
• [84491] Reactで数値コントロールに100,000以上の値を設定できない
• [84492] Reactでコンボコントロールとリストコントロールの初期値を設定できない

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7
• React 16
• Vue.js 2

新機能

• 新元号「令和」に対応しました V2.1Jでは updateCustomEraメソッドで年号を設定しなくても、新元号に対応できます

変更点

• 本製品の ソフトウェア使用許諾契約書を改定しました

対応環境

• TypeScript 2／3
• Angular 2／4／5／6／7
• React 16
• Vue.js 2

新機能

以下のコントロールおよび機能を追加しました

• リストコントロール（GcListBox）
• コンボコントロール（GcComboBox）
• 複数行テキストコントロール（GcMultiLineTextBox）
• 検証コントロール（GcValidator）
• 日付時刻ピッカー（GcDateTimePicker）
• ドロップダウンプラグイン
• フォーカス移動の制御（Enterキー／Shift＋Enterキーによるフォーカス移動）
• 編集中のイベント
• コンストラクタのオプションによる初期化
• カレンダーコントロール、ドロップダウンカレンダーの「元年」表示
• InputManJSデザイナ
• 「npm」サポート
• テーマサポート

変更点

• 本製品のスクリプトファイルとCSSファイルのファイル名を以下のように変更しました

• 複数行テキストコントロール(GcMultiLineTextBox)の追加に伴い、従来のテキストコントロール(GcTextBox)から複数行入力に関連するの以下の機能を削除しました
• getLinesメソッド／setLinesメソッド
• setAcceptsTabメソッド
• setCountWrappedLineメソッド
• setMaxLineCountメソッド
• setScrollBarModeメソッド
• setScrollBarsメソッド
• setWordWrapメソッド
• 従来のテキストコントロール(GcTextBox)で複数行のテキスト入力を行っている場合は、V2.0Jではコントロールのインスタンスを生成するコードを以下のように修正してください
  • （修正前）var gcTextBox = new GC.InputMan.GcTextBox(HTML要素);
  • （修正後）var gcTextBox = new GC.InputMan.GcMultiLineTextBox(HTML要素);

InputManJS V1.0Jをリリースしました

新製品の為、更新履歴はありません