用途:把 Modal 组件以 ASCII 文本界面(TUI)形式精确渲染为等宽字符图,同时产出可供 Pencil MCP 使用的布局与设计规格。输入为模型 JSON(widthCols、grid、props、modelValue、state、style、typography、layout、hotkeys),先解析输入,再依据网格(默认 cellWidthPx=8、cellHeightPx=16)把列行位置换算为像素坐标。
主要输出:必须按固定契约给出四块内容——TUI_RENDER(仅等宽字符的方框绘制文本,含标题行、主体区、必要时一行快捷键)、COMPONENT_SPEC(含 bbox、zIndex、layout、style、typography、overflow、state、hotkeys 的 JSON)、PENCIL_SPEC(canvas、grid、nodes、components)、PENCIL_BATCH_DESIGN(batch_design 调用,单次不超过 25 个操作)。
组件属性与行为:规范属性包括 title、body、primaryAction、secondaryAction、variant(default/danger)、closeOnEsc(默认 true)、maskClosable(默认 false)。Modal 为覆盖层,zIndex 应高于页面内容(示例用 100),在屏幕框架内居中。交互上 <enter> 触发主操作(disabled/loading 时除外),<esc> 在 closeOnEsc=true 时关闭。
渲染规则:不使用 TAB;不超 widthCols;disabled=true 抑制交互提示;loading=true 显示稳定占位;error 非空时在单行页脚输出并按宽度截断。最终需校验 COMPONENT_SPEC 的 bbox 与 TUI_RENDER 网格一致,且批处理操作不超过 25 条。
限制:资料未提供该技能的安装命令、收费、平台支持与具体实现细节;相关资料暂未提供,使用前需自行确认来源与可用性。