Bone Flow #019 - Image

Version 1.0.73 / Status: Development

使用コンポーネント

#001 Bone Core使用中
Version 確認中Status 確認中API 確認中
#002 Bone Joint使用中
Version 確認中Status 確認中API 確認中
#018 Bone IconTYPE: ICON
Version 確認中Status 確認中API 確認中
#020 Bone Label#040依存
Version 確認中Status 確認中API 確認中
#022 Hover Border Effect#040依存
Version 確認中Status 確認中API 確認中
#040 ColorPickerColor Property
Version 確認中Status 確認中API 確認中

#019 Imageは画像系の親コンポーネントです。TYPE: ICONは#018 Bone Iconの公開APIを使用し、色選択は#019所有の□から#040 Caller APIへ委譲します。#040 Overlay / Tooltipはdocument.body直下に独立生成され、#019 Propertyへ内部DOMを埋め込みません。接続判定・接続状態・描画は#002 Bone Jointへ委譲します。

テスト対象：Bone Coreで生成したIMAGE Bone（id / type / value）のTYPE切替、子表現選択、画像プロパティ、合算プレビュー、サンプルデータ、およびBone Joint接続イメージを確認します。

Imageは#001 Bone Coreで生成されたIMAGE Boneのvalue.typeを判別して子表現を選択します。専用子コンポーネントが未完成のSVG・JPEG・PNG等は、このテストでは同梱した実画像ファイルを代用します。

UI Registry

UIリストは未登録候補、登録済みUIは使用可能な子UIです。List Keyは登録済みUIからのみ選択します。

操作するList Keyを登録済みUIまたはUIリストから選択してください。

UIリスト（未登録候補）

登録済みUI

プロパティ設定

基本設定

正式方針： 一覧表示はTYPEではなく専用のList Keyで制御します。画像ファイルは「アイコンとして使用」または「画像として使用」を選択します。表示・領域・状態設定は#019 Bone Image自身のPropertyとして保持し、「変更を確定」を押した時点で正式値へ反映します。
確定済み

合算プレビュー

#019 Bone Imageの全Propertyを合算して表示します。

Imageプレビュー

OUT値

#019 Image OUT

子Component Input
子Component OUT




接続イメージ
ImageをIN／OUTのEndpointとして利用した場合の接続状態イメージです。接続線・端点・不存在・不一致はBone Jointが描画します。
表示色（凡例）
青色：IN 接続線
緑色：OUT 接続線
オレンジ：型不一致
赤色：接続エラー／不存在終端
色だけに依存せず、日本語表記でも状態を判別できます。


Smoke Test / Validation Report
NOT RUN
実行日時-
検査件数0件
PASS0件
FAIL0件
実行時間0.0ms
Version1.0.73
Smoke Test 結果NOT RUN
Smoke Testは未実行です。
Validation 結果NOT RUN
Validationは未実行です。
コンポーネント完了管理
/bone-image の正式な完了状態を管理します。Smoke TestとValidation ReportがALL PASSになった後、「#019 Bone Imageを完了」を押すと一覧確認用のCompletion Flagが更新されます。
Component#019 Bone Image
Version1.0.73
Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
全テストALL PASS後に完了できます。