[]
        
(Showing Draft Content)

InputManJS V4Jからの変更点

V4.1Jの変更点

バージョン: V4.1J(2024/03/13)

InputManJS V4.0J から V4.1J の変更点は以下の通りです。

対応環境

  • 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

V4.0Jの変更点

バージョン: V4.0J(2023/06/21)

InputManJS V3.3J から V4.0J の変更点は以下の通りです。

対応環境

  • 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はフレームワークのサポート終了と合わせて、サポート対象外となりました