{
  "slug": "editable-table",
  "schemaVersion": 2,
  "sourceKind": "structured-spec",
  "confidence": "high",
  "intent": "横向细线与可校验的行内编辑",
  "variantDimensions": [
    {
      "axis": "mode",
      "values": [
        "compact",
        "detail"
      ]
    }
  ],
  "anatomy": {
    "parts": [
      "table",
      "column-header",
      "row",
      "input",
      "total"
    ],
    "required": [
      "table",
      "column-header"
    ]
  },
  "specification": "WORKBENCH.md",
  "reference": "examples/crm-quotation.html",
  "implementation": "workbench.css",
  "rules": [
    "单据正文里的小表格放在 .wb-table-block：工具栏 .wb-table-toolbar 和表格同宽，标题在左，「添加」在右",
    "表格放在 .wb-table-scroll 里，最小宽度 420px，窄屏时表格自己横向滚动，页面不横向滚动",
    "编辑态每行最后一格是删除；有比例列的表格写合计，比例合计不对时作为错误列进消息列表",
    "显示态的格子和表单的值写法相同：能改的有虚线，空着写「–」"
  ],
  "states": [
    "default",
    "focus-visible",
    "readonly",
    "invalid",
    "empty",
    "saving",
    "error"
  ],
  "accessibility": [
    "所有输入有标签；反馈文本可被读屏读取",
    "触摸目标至少 44px；键盘焦点可见",
    "不靠色彩表达状态；不把原生表格声明为未实现键盘导航的 ARIA grid"
  ],
  "doNotInvent": [
    "彩色状态胶囊",
    "蓝色整行选中",
    "卡片阴影",
    "通过缩小字号到 12px 以下提高密度"
  ]
}