组件库元素（component）是平台预制的"高级互动模块"——比基础图形复杂、比 HTML 组件标准化。

组件 vs HTML 元素

维度	HTML 元素（element-html）	组件（element-component）
来源	用户自上传 / 商城购买	平台官方制作
标准化	各异	统一 props 协议
维护	创作者	平台
可定制	高（开放代码）	中（参数化）
用法	workId 引用	componentId + props

组件分类

1. 答题与互动

组件	功能
实时答题统计大屏	配合 Layer 3 课堂系统的实时投票
弹幕墙	观众发弹幕，墙上飘字
抽人答题	随机抽参与者
投票器	多选投票
签到牌	扫码签到，显示头像墙

2. 数据可视化

组件	功能
折线图 / 柱状图 / 饼图	标准 ECharts 封装
仪表盘	KPI 大屏
热力图 / 桑基图	高级图表
实时数据流	API 拉取 / WebSocket 推送
地理地图	中国 / 世界 / 自定义 GeoJSON

3. 视觉装饰

组件	功能
倒计时	演讲倒计时、活动倒计时
时钟	实时时间显示
动态背景	粒子 / 流光 / 几何动画
文字动效	打字机 / 霓虹 / 故障
数字滚动	数字从 0 滚到目标值

4. 行业专用

按行业分类的预制组件，详见「行业方案」相关章节：

• 教育：实验台 / 错题本 / 学情看板
• 医疗：人体 3D / 检验单 / 病例卡
• 建筑：户型对比 / 楼盘漫游
• 企业：组织架构 / 价值链 / 漏斗图
• 军事：装备规格卡 / 沙盘 / 战术推演

调用方式

{
  "type": "component",
  "componentId": "real-time-quiz",
  "props": {
    "question": "下列哪个是核心矛盾？",
    "options": ["A", "B", "C", "D"],
    "correctAnswer": "B"
  }
}

每个组件有独立 props 配置面板，新手通过表单填写即可，不需要写 JSON。

会员权限

等级	可用组件
免费	基础图形、文字动效、简单图表
专业版	所有视觉装饰、答题互动
企业版	数据可视化高级组件、行业专用组件
定制	私有组件（不进公开库）

详见「75. 组件会员」。

组件商店

部分组件由第三方创作者提供，进入「组件商店」：

• 单次购买 / 包月订阅 / 团队版
• 收益按平台规则分成
• 详见「77. 定制服务流程」

组件版本与升级

组件分版本号（同 npm 包）：

• 演示文稿引用时锁定具体版本（不会被新版本破坏）
• 主版本升级时编辑器有提示，可手动升级

组件嵌套

部分容器型组件可以嵌套子元素：

• 卡片组：每张卡片放任意元素
• 轮播容器：内部页面切换
• 标签页容器：tabs 切换内容

AI 推荐组件

AI-2（实时动画推荐）会基于当前内容推荐合适组件，详见「50. AI-2 实时动画推荐」。

下一节讲 AI 数字人元素。