End‑to‑end integration

Цель: собрать поток Core → Interaction Runtime → UI с минимальной связкой.

1) Core

import { createClientRowModel, createDataGridColumnModel, createDataGridApi } from "@affino/datagrid-core"

const rowModel = createClientRowModel({ rows })
const columnModel = createDataGridColumnModel({ columns })
const api = createDataGridApi({ rowModel, columnModel })
await api.start()

2) Interaction Runtime (Interaction Orchestration Engine)

import { createOrchestration } from "@affino/datagrid-orchestration"

const orchestration = createOrchestration({ api })

3) UI (Vue)

import { useAffinoDataGridUi } from "@affino/datagrid-vue"

const grid = useAffinoDataGridUi({
  rows,
  columns: computed(() => columns.value),
  features,
})

4) Минимальные контракты

• Header: grid.ui.bindHeaderCell
• Cell: grid.ui.bindDataCell
• Editor: grid.ui.bindInlineEditor
• Context menu: grid.ui.bindContextMenuRoot + grid.ui.bindContextMenuAction

5) Синхронизация

• При обновлении данных: api.refreshRows("manual")
• При обновлении колонок: api.refreshColumns("manual")