Bone Flow #027 - TextBox
Package Version 1.0.40 / Runtime Version 1.0.35 / Status: Development Candidate
Dependencies: #001 Bone Core / #002 Bone Joint / #020 Label / #022 Hover Border Effect / #040 ColorPicker
Runtime API: BoneTextBox 1.0.35 / HTML Functional Class: not included in this package
#027は文字入力・編集・Validation・Commitを担当します。Jointの接続・WAIT / FIFO / BLOCKED配送は#002 BoneJointの正式APIに委譲します。
使用コンポーネント
プロパティ設定
単体時の表示設定（#017 Text基準）
親要素に依存がONの時、この幅・高さ・表示位置・入力時文字位置は無視されます。
親要素設定（継承確認用）
テスト用親要素の設定。親依存ONではTextBoxは親の幅・高さ100%、背景・文字色・角丸・文字位置へ追従し、自身の通常枠は持ちません。
アクティブ時の枠Effect
マウスオーバー時の枠Effect
TextBox Preview
Class リスト
TESTで確認済みのBoneTextBox Public APIを利用側Classで包み、JS/CSS部品を実際に使用して表示できることを確認するサンプルです。
Classサンプルコード
BoneTextBox Public APIを利用側Classから使用するサンプルコードです。
利用側Classサンプルコード
Classサンプルコード 実行結果
上のClassサンプルと同じBoneTextBox API経路で生成した実instanceです。
実行結果 / State
Untrusted IN / Security Test
このSecurity TestはTextBox Previewとは独立した専用テストです。#002 Bone JointからSecurity専用TextBoxへINし、PASS ○ の時だけSecurityテスト側の値を更新、BLOCKED ⛔ の時はそこで停止してSecurityテスト側の直前値を保持します。TextBox Previewの値・編集状態・OUTには一切干渉しません。HTML風文字列はHTMLとして実行せず、安全な文字列としてPASSします。
接続イメージ
#021 Shape v1.0.24 と同じ Bone Joint 接続状態イメージです。中央表示のみ「TextBox」に合わせています。
OUT WAIT / BLOCKED - #002 Joint v1.1.36 Integration
TextBoxはcommitまでを担当し、待機キュー・FIFO・BLOCK判定後の配送停止は#002 Jointへ委譲します。下の線・端点・spinner / ban はすべて BoneJoint.drawLine の実描画です。
Smoke Test / Validation Report
NOT RUN
Smoke Test 結果NOT RUN
Smoke Testは未実行です。
Validation 結果NOT RUN
Validationは未実行です。