SuperAPI AI 工具集

tui-table

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:为 Table 组件生成 ASCII 文本界面(TUI)表示,并产出可直接用于 Pencil MCP 的规范与批处理设计计划。

主要能力:始终输出布局属性(top/left/width/height、间距、颜色、字体、zIndex),生成 Pencil MCP 就绪的规格与 batch_design 计划,每次调用不超过 25 个操作。输出为四个强制区块:TUI_RENDER(仅等宽文本)、COMPONENT_SPEC、PENCIL_SPEC、PENCIL_BATCH_DESIGN。

输入模型:推荐传入 widthCols、grid(cellWidthPx/cellHeightPx)、props、modelValue、state(focused/disabled/loading/error)、style、typography、layout、hotkeys。

表格字段:columns(含 key、title、widthCols、align)、rows、rowKey、sortable、sort(key、dir)、emptyText。

渲染规则:固定宽度列,总宽超出 widthCols 时单元格文本以 … 截断;存在排序时表头显示 ↑ 或 ↓;默认不显示行条纹;提供表头行、正文区与必要热键,不使用 TAB,不超出 widthCols;disabled=true 时隐藏交互提示,loading=true 显示稳定占位符,error 非空时在页脚单行输出并截断。交互提示为 <up>/<down> 选行、<left>/<right> 选列(可选)、<enter> 选择。

限制:技能未内置外部文档链接,需参考团队组件文档或设计系统;示例中的颜色、尺寸等为演示值,具体数值暂未提供统一标准。