PORT CONTRACT

在同一张表里协作

协作 UI 应贴着表格契约,让在线状态和批注跟随当前 Sheet。

试试这个

  1. 使用键盘在单元格间移动。
  2. 通过 Sheet tab 改变上下文。
  3. 打开 Chrome 控件,了解协作宿主可以扩展的位置。

它是怎么做到的

Provider 拥有活动工作簿和选区状态。协作适配器可以附加在线状态和批注能力,而无需替换投影和编辑 backend。

查看源码

import type {
  DisplayCell,
  StaticSeedMatrix,
  StaticSpreadsheetSeed,
} from '@einfach/solid-excel/vnext'

const matrix: StaticSeedMatrix = [
  ['Task', 'Owner', 'Status', 'Due', 'Priority'],
  ['Design review', 'Mina Cho', 'In Progress', '2026-08-02', 'High'],
  ['API contract draft', 'Diego Alvarez', 'Blocked', '2026-08-05', 'High'],
  ['Migration script', 'Priya Nair', 'Not Started', '2026-08-08', 'Medium'],
  ['QA test plan', "Sam O'Connor", 'In Progress', '2026-08-06', 'Medium'],
  ['Rollout doc', 'Layla Haddad', 'Not Started', '2026-08-10', 'Low'],
]

const cells: DisplayCell[] = [
  {
    row: 2,
    col: 2,
    displayValue: 'Blocked',
    valueKind: 'string',
    noteIndicator: true,
    commentThreadId: 'thread-status-blocked',
  },