高精度数値

高精度数値は精度が必要な数値 (BigNumber) を入力するコンポーネントです。アクションでプロパティ value は BigNumber型のオブジェクトが対応しています。BigNumber型にするには、BigNumber(数値) としてオブジェクトを生成する必要があります。BigNumber は ライブラリ bignumber.jsを内部に利用しているため、四則演算をはじめとした各APIについては、bignumber.js の公式ドキュメントを参照ください。

ノート

ECMAScript仕様にあるBigIntの値を格納することはできません。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル	文字列	Big Number	label	string	Big Number	コンポーネントのラベル
3	幅	文字列	222	width	string	222	コンポーネントの幅
4	高さ	文字列	55	hight	string	55	コンポーネントの高さ
5	X	文字列		x	string		X座標の位置
6	Y	文字列		y	string		Y座標の位置
7	スタイル	選択 1. アウトライン 2. フィル 3. スタンダード	アウトライン	variant	string	outlined	コンポーネントのスタイル
8	色	文字列 カラーピッカー		color	string		コンポーネントの色
9	背景色	文字列 カラーピッカー		backgroundColor	string		コンポーネントの背景色
10	ラベル色	文字列 カラーピッカー		labelColor	string		ラベルの色
11	入力文字色	文字列 カラーピッカー		inputColor	string		入力文字の色
12	非アクティブ	真偽	OFF	disabled	boolean	false	コンポーネントの無効化状態
13	読み取り専用	真偽	OFF	readOnly	boolean	false	コンポーネントの読み取り専用状態
14	必須	真偽	OFF	required	boolean	false	必須入力フィールドの設定
15	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示状態
16	フォーマット	選択 [詳細1]	[詳細1]	format	string	[詳細1]	数値のフォーマット設定
17	記号と単位の位置	選択 1. なし 2. 先頭 3. 末尾	なし	inputAdornmentsPosition	string	none	記号・単位の表示位置
18	記号と単位	文字列		inputAdornments	string		表示する記号・単位文字列
19	プレースホルダー	文字列		placeholder	string		プレースホルダーテキスト
20	ヘルパーテキスト	文字列		helperText	string		ヘルプ用の説明テキスト
21	値	文字列		value	BigNumber
22	チェンジイベント	選択 1. なし 2. アクション	なし				値変更時のイベント設定
23	エラー			error	boolean		エラー状態の表示
24	タブによるフォーカス	選択 1.[UIのID]		tabFocus	string		次フォーカスのコンポーネント指定 [v3.3.0]で追加されたプロパティ

ノート

• [format]プロパティは、アプリケーションが使用している言語コードに対するフォーマット値を取得・設定することができます。
• [記号と単位の位置]の値が「なし (none)」の場合は、[記号と単位]の設定は無視されます。
• [値(value)]を取得する際、下記の場合に指数表記になることがあります
  • 「-9007199254740991 ～ 9007199254740991」の範囲外の場合
  • 0.0000009以下の場合 指数表記を回避するには、toFixed()メソッドを使用してください。
    例）$ui.target_bn.value = $ui.big_number_id.value.toFixed();
• [幅]、[高さ]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • 数値%
  • calc()関数
• [X]、[Y]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみを指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • calc()関数
• calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
  calc()関数で使用できる単位は 「%」と 「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
• calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
  プレビューを用いてご確認ください。
• [必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
  必須チェックは自動では行いませんので、アクションを定義してください。

[詳細1] フォーマット

ダイアログプロパティ

言語	フォーマット
デフォルト	None (default) #,#.## #,#.00
English	None (default) #,#.## #,#.00
日本語	None (default) #,#.## #,#.00

アクションプロパティ

言語	format
デフォルト	None (default) #,#.## #,#.00
English	None (default) #,#.## #,#.00
日本語	None (default) #,#.## #,#.00

ノート

• [#,#.##] の場合 例) 123,456,789
• [#,#.00] の場合 例) 123,456,789.00
• 上記の表の「フォーマット」「format」に記載している (default) は、デフォルト値を示しています。

イベント

イベント名	説明
onchange	値の変更が行われ、カーソルが外れた時に発生します。