Spreadsheet 表格编辑器

基础用法

v-model 绑定一个以 A1 字符串为 key 的扁平 Record<string, string>。组件给你一张可编辑的网格：

• 单击一格 → 选中
• 拖拽 / Shift+点击 → 选择区域
• 双击 / Enter / F2 → 编辑当前格
• 方向键 / Tab → 移动焦点
• Delete / Backspace → 清空选区
• Cmd/Ctrl + C / X / V → 与系统剪贴板互通 TSV

与外部表格互通

剪贴板格式是标准 TSV（tab 分隔的文本），所以可以直接和 Excel / Numbers / Google Sheets 互拷数据：

API

事件：

• Vue: @update:modelValue(next) / @cell-change({ cell, value }) / @selection-change(range)
• React: onChange / onCellChange / onSelectionChange

工具函数

import { toA1, colLetter, rangeToTSV, tsvToData } from '@chufix-design/vue';

toA1(0, 0);        // 'A1'
colLetter(27);     // 'AB'
rangeToTSV(data, { start: { col: 0, row: 0 }, end: { col: 2, row: 4 } });
tsvToData('1\t2\n3\t4', { col: 0, row: 0 }, { cols: 10, rows: 20 });

剪贴板桥接和工具函数都是纯函数，可以脱离组件直接复用。

键盘表