基本設定
画像ファイル
#022 Hover Border Effect
Icon / Emoji Catalogの各itemへ正式#022 Runtimeを接続します。独自CSS :hover borderは使用しません。
Runtime 1.0.83 / Package 1.0.110 / Status: Development
#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等は、このテストでは同梱した実画像ファイルを代用します。
Icon / Emoji Catalogの各itemへ正式#022 Runtimeを接続します。独自CSS :hover borderは使用しません。
#019 Bone Imageの全Propertyを合算して表示します。
TYPEで「絵文字」を選択すると表示します。絵文字をクリックするとSourceへ反映され、プレビューへ即時反映します。
表示内容は BoneImage.getPropertySchema() から生成します。UI側に別のProperty定義を複製しません。Property GroupごとにAccordionで確認でき、現在のProperty編集値と同期します。
ImageをIN/OUTのEndpointとして利用した場合の接続状態イメージです。接続線・端点・不存在・不一致はBone Jointが描画します。
色だけに依存せず、日本語表記でも状態を判別できます。
NOT RUN
Smoke Testは未実行です。
Validationは未実行です。
/bone-image の正式な完了状態を管理します。Smoke TestとValidation ReportがALL PASSになった後、「#019 Bone Imageを完了」を押すと一覧確認用のCompletion Flagが更新されます。
bf-image 1件です。Public APIはJavaScript高度操作として別枠で確認します。bf-image