Bone Flow #017 - Text

Version 1.0.37 / Status: Development

累積回帰テスト

使用コンポーネント

#001 Bone Core 使用中
Version 確認中 Status 確認中 API 確認中
#002 Bone Joint 使用中
Version 確認中 Status 確認中 API 確認中
#020 Bone Label ColorPicker Label
Version 確認中 Status 確認中 API 確認中
#022 Hover Border Effect ColorPicker Active Effect
Version 確認中 Status 確認中 API 確認中
#040 ColorPicker 色選択UI
Version 確認中 Status 確認中 API 確認中

#017 Textは使用側です。Jointの判定・接続状態・描画ロジックを独自実装せず、読み込まれたBone Jointの公開APIを使用します。入力時の文字色・背景色は、#017が所有する□をCallerとして#040 ColorPicker v1.0.15へINPUTし、#040がdocument.body直下の独立Overlayで選択UIを表示してRETURNします。#017は#040内部DOM/CSSを所有・参照しません。#040の正式依存として#020 Bone Labelと#022 Hover Border Effectを使用します。#017のinputFont.color / backgroundColorは従来の#RRGGBBに加え、transparent / #040正式GRADIENT_V1を受け取ります。

テスト対象:Text Primitive UIのプロパティ設定、入力時表示、合算プレビュー、およびBone Joint接続イメージを確認します。

Textは入力値と入力中の表示だけを管理し、通常表示時の装飾は親UIまたはPerspectiveへ委譲します。

プロパティ設定

基本設定

ONの場合、値が空のまま確定すると入力エラーになります。OFFの場合は空欄を許可します。

ONの場合、値は表示できますが入力・編集できません。

入力時の文字位置

入力欄内の文字揃えです。AutoではText/Passwordは左寄せ、Numberは右寄せになります。

入力中のフォント設定

このフォント設定は入力・編集時だけ有効です。表示時は親UIまたはPerspectiveの設定に従います。

合算プレビュー

左側のプロパティをすべて反映したTextを確認します。

入力プレビュー

接続イメージ

TextをIN/OUTのEndpointとして利用した場合の接続状態イメージです。接続線・端点・不存在・不一致はBone Jointが描画します。

表示色(凡例)
青色:IN 接続線
緑色:OUT 接続線
オレンジ:型不一致
赤色:接続エラー/不存在終端

色だけに依存せず、日本語表記でも状態を判別できます。白黒印刷時も凡例の文字を参照してください。

Smoke Test / Validation Report

NOT RUN

実行日時-
検査件数0件
PASS0件
FAIL0件
実行時間0.0ms
Version1.0.34

Smoke Test 結果NOT RUN

Smoke Testは未実行です。

Validation 結果NOT RUN

Validationは未実行です。

コンポーネント完了管理

Smoke TestとValidation ReportがALL PASSになった後に完了できます。

Component#017 Bone Text
Version1.0.34
Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
Smoke TestとValidationの両方がALL PASS後に完了できます。
Class リスト / HTML Functional Class一般利用の正式Classは bf-text 1件です。Public API 17件はJavaScript高度操作として別枠で確認します。
bf-text