Bone Flow #018 - Icon

Package Version 1.0.20 / Runtime Version 1.0.21 / Status: Development Candidate / Visible Component Version 1.0.21

累積回帰テスト

Dependencies: #001 Bone Core / #002 Bone Joint / #020 Label / #022 Hover Border Effect / #040 ColorPicker

HTML Functional Class: bf-icon / Runtime API: BoneIconHTMLClass → BoneIcon 1.0.21 / Runtime-owned Property Schema: BoneIcon.getPropertySchema() / getPropertyDefaults() / getPropertyDefinition()

Transitive dependency via #040 ColorPicker: #118 Bone Transition / required Overlay transition API / #018 does not own Transition behavior.

#001 Bone Core確認中 / 確認中 / API 確認中
#002 Bone Joint確認中 / 確認中 / API 確認中
#020 Label確認中 / 確認中 / API 確認中
#022 Hover Border Effect確認中 / 確認中 / API 確認中
#040 ColorPicker確認中 / 確認中 / API 確認中
#118 Transition (#040 transitive)確認中 / 確認中 / API 確認中
#018 IconはIcon表示・Icon名・Unicode・表示領域を担当します。Joint判定・線・marker・WAIT/FIFO/BLOCKEDは#002へ委譲し、色選択は#040 ColorPicker Caller UIへ委譲します。

プロパティ設定 / 合算プレビュー

Icon Property

背景色
アクティブ時の背景色

アイコン表示領域

枠線
影
アクティブ時
無効状態

表示・OUT設定

プレビュー表示
OUTへ渡す

アイコン名の文字設定

Unicodeの文字設定

アイコン選択

0件
1 / 1

合算プレビュー

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

Iconプレビュー

Font Awesomeアイコンデータを使用しています。

正式Property定義（Runtime Schema）

#018自身が公開するProperty Schemaです。#048 TableなどのConsumerはこの定義を参照し、Property名・既定値・許容値を独自再定義しません。

Runtime BoneIcon 1.0.21 API getPropertySchema() getPropertyDefaults() getPropertyDefinition(key) Property 0件
Property表示名型既定値許容値・範囲意味

接続イメージ

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

表示色（凡例）
青色：IN 接続線
緑色：OUT 接続線
オレンジ：型不一致
赤色：接続エラー／不存在終端

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

OUT WAIT / BLOCKED - #002 Joint v1.1.36 Integration

Target BUSY中は接続を維持したままQueueへ積み、READY復帰時に#002 flush() でFIFO配送します。BLOCKEDは接続を維持したままTargetへ配送しません。

Icon OUT
ICON
Target
READY
Joint Stateconnected
TargetREADY
Queue0
Delivered0
READY

Smoke Test / Validation Report

NOT RUN

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

Smoke Test 結果NOT RUN

Smoke Testは未実行です。

Validation 結果NOT RUN

Validationは未実行です。

コンポーネント完了管理

Smoke / Validation ALL PASS と WAIT / BLOCKED目視確認が揃った場合のみ、#018 Bone Iconを正式完了にできます。

Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
Smoke / Validation ALL PASS と WAIT / BLOCKED目視確認後に完了できます。
Class リスト / HTML Functional Class一般利用の正式Classは bf-icon 1件です。Public API 16件はJavaScript高度操作として別枠で確認します。
bf-icon → BoneIconHTMLClass → BoneIcon Runtime 1.0.21
bf-icon