TableRow

위치: qml/components/control/display/TableRow.qml

TableRow는 TableCellItem 대리자를 반복하여 하나의 데이터 행을 렌더링합니다.

목적

• 행 입력을 시각적 셀 대리자로 변환합니다.
• 컴팩트한 Figma 스타일 행 형상을 유지합니다.

API

• cellItems(선호됨, TableCellItem와 유사한 항목의 배열/목록 모델)
• cells
• cellWidth
• cellHeight
• contentSpacing
• dividerColor
• textColor

도우미 방법:

• cellAt(index)
• cellText(index)

계산됨:

• resolvedCellSource
• resolvedCellCount
• resolvedSpacing

사용법

import LVRS 1.0 as LV

LV.TableRow {
    cellItems: [
        { text: "A" },
        { text: "B" },
        { text: "C" }
    ]
}

동작 원리

• cellItems가 기본 계약입니다. 레거시 cells는 대체 경로로 유지됩니다.
• 각 항목은 TableCellItem.itemData로 전달됩니다.
• 셀 텍스트는 기본 값 또는 객체 대체 경로 키(label/text/title)에서 확인됩니다.
• 행 간격은 사용 가능한 너비와 고정 셀 너비로 계산됩니다.
• 간격은 절대 음수가 되지 않습니다(Math.max(0, computed)).

실용적인 팁

정확한 Figma 일치를 위해 cellWidth: 234, cellHeight: 24 및 행 너비 717를 유지합니다.

확장된 예: 혼합 기본/객체 셀

import LVRS 1.0 as LV

LV.TableRow {
    cellItems: [
        "Renderer",
        { text: "Active", dividerColor: LV.Theme.panelBackground03 },
        { title: "Core", textColor: LV.Theme.bodyColor }
    ]
}

FAQ

Q. cells는 여전히 작동합니까? A. 네. cells는 호환성을 위해 유지되지만 cellItems가 기본 API입니다.