Bone Flow #048 - Table

Package Version 1.0.32 / Runtime Version 1.0.16 / Status: Development Candidate

累積回帰テスト

Dependencies: #001 Bone Core / #002 Bone Joint / Cell UI: #017 Text / #018 Icon / #020 Label / #021 Shape / #022 Hover Border Effect / #029 NumberBox / #054 Display Timeline

UI / Page Reference: #017 Text — Header / Property / Preview / Connection Image / QA / Completion / Functional Class structure.

HTML Functional Class: bf-table / Runtime API: BoneTableHTMLClass → BoneTable 1.0.16

#048は表形式の表示とセル内UIの配置を担当します。セルには#017 Text / #018 Icon / #020 Label / #021 Shape / #029 NumberBox / #054 Display Timeline等をCell Renderer Registry経由で設定できます。今後増えるUIもregisterCellRenderer()で追加でき、#048本体の再設計は不要です。セル編集は#049 Grid、ページ移動は#073 Pagination、時間軸の制御は#121 Timeline、Joint動作は#002へ委譲します。

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

Table Property

Cell Element設定
対象列
選択UI PropertyPlain Text

将来UIは Cell Renderer Provider 契約を公開すると #048 が自動検出し、この一覧と「使用コンポーネント」へ自動追加します。#048側のVersion書換えは不要です。

READY

Table Preview

Rows0
Columns0
Themedark
Table Stylestandard
親に吸着true
Headertrue

正式Property定義（Runtime Schema）

Runtime source: BoneTable.getPropertySchema() / Defaults: BoneTable.getPropertyDefaults() / Definition: BoneTable.getPropertyDefinition(key)

KeyLabelGroupTypeDefaultOptions / RangeDescription

Runtime Schema loading...

責務境界

#048 Table構造化データを列・行で表示
#049 Gridセル編集・グリッド操作
#073 Paginationページ移動

接続イメージ — #002 BoneJoint v1.1.36

5ケースとも #002 の正式評価 / 描画APIを使用し、#048独自Jointは作りません。

INOUT型不一致不存在/接続エラー

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

TableからのOUT配送確認です。WAITではTarget BUSY / WAITING中にQueueへA・Bを保持し、3秒後のTarget READY復帰でA → BをFIFO順に自動配送します。BLOCKEDでは接続を維持したままTargetへ配送しません。

Table OUT
STRING
Target
READY
Joint Stateconnected
TargetREADY
Queue0
Delivered0
READY

Smoke Test / Validation Report

OverallNOT RUN
SmokeNOT RUN
ValidationNOT RUN
Runtime1.0.16

Smoke Test 結果

Smoke Testは未実行です。

Validation 結果

Validationは未実行です。

コンポーネント完了管理

Component#048 Bone Table
Package1.0.31
Runtime1.0.16
Completion Flagfalse
StatusDevelopment
完了日時-

Smoke / Validation ALL PASS と WAIT / BLOCKED目視確認後に完了できます。

HTML Functional Class

#017 Text と同様、通常使用するHTML Functional Classは bf-table の1種類です。data-table-columns / data-table-rows は有効なJSON配列を指定します。

<div class="bf-table" data-table-columns='[{"key":"name","label":"氏名","cellElement":{"renderer":"017"}}]' data-table-rows='[{"name":"山田"}]'></div> → BoneTable Runtime 1.0.16