信息图 widget
DSL 驱动的信息图 widget，用声明式语法快速生成富排版的视觉图层。
信息图（Infographic）widget 用声明式 DSL 语法描述结构化视觉内容——标题、列表、流程、数值高亮——渲染器负责排版、配色、自适应。它适合将一组要点快速变成"可演示"的一页图。
如何创建
- AI 对话：说"把这三条要点做成一张信息图"，Agent 会生成对应 DSL。
- 手动：拖入 widget 后在 Inspector 里编辑 syntax 文本。
- 模板库：选择预置模板（如 sequence、list、stats），替换数据。
关键配置
信息图 widget 的 content 是一段 DSL 字符串（不是 items 数组），结构大致为：
infographic <template-name>
# 数据段（title、desc、items/sequences/stats...)
# 主题段（palette、colors）Config 包含：
rendering.padding/rendering.fitContent：画布内边距与自适应theme.style：default/light/darktheme.overridePalette：覆盖配色（字符串数组）
常见用例
- 一页 summary：产品介绍、季度亮点、流程步骤
- slide 替代品：在 storyboard 中作为单页的主体
- 教学示意：时间线、步骤序列、知识卡片
与 storyboard 的联动
信息图 widget 通常作为 storyboard 里某一步的视觉主角，配合 cue 字幕与 persona 演讲人设，可以快速做出一段"高质量单页讲解"。