01 / 3 分钟
加载与等待 ↗
报名场景中逐个比较字段、操作与内容区域的等待反馈。
- 逐项触发 2 秒等待，或保持全部组件加载。
- 切换底线与禁用，打开报名确认观察关闭等待。
看得见的结果
打开场景与源码 →对照加载位置与布局，等待结束后保留输入；关闭拒绝可重试。
特色与场景
CEDAR × MAPLE / LIVE SHOWCASE
特色与场景
同一套设计语言，从一个字段到完整业务流程。
从跨端交互、业务表单、主题和数据联动，看到组件怎样解决真实问题。每个专题都有操作步骤、结果与源码。
- 组件入口
- 101
- 能力分类
- 11
- 参考组件库
- 10
- 场景专题
- 7
PRESENTATION ROUTE
今天怎么演示
选一条路线，按卡片操作。体验完勾选完成，切回总览后继续下一站。进度只保存在本次浏览器会话。
已体验 0 / 5 个专题
开始演示：加载与等待 →场景与验证
02 / 1 分钟
桌面与移动 ↗
同一业务模型，按端选择编辑形态。
- 打开部门、日期、时间字段；移动端进入 Popup。
- 选择后关闭取消，再重新选择并确认。
看得见的结果
打开场景与源码 →Cedar 直接更新；Maple 确认前不覆盖提交值。
03 / 2 分钟
完整业务表单 ↗
从填写校验到确认、失败恢复和提交记录。
- 先提交空任务，观察字段校验。
- 填入演示数据，预览后勾选模拟失败并提交。
看得见的结果
打开场景与源码 →失败保留草稿；重试成功后才产生提交记录。
04 / 1 分钟
主题与品牌 ↗
品牌、亮暗与局部主题覆盖。
- 切换亮暗和品牌，观察文字、边框与背景。
- 打开选择弹层，再查看局部主题覆盖。
看得见的结果
打开场景与源码 →品牌变化覆盖字段和浮层；局部覆盖不污染相邻区域。
05 / 2 分钟
业务数据选择 ↗
业务 ID 回显、候选搜索与数据服务复用。
- 观察只有 ID 的初始值如何展示人员名称。
- 搜索候选，切换人员，再查看阅读态操作。
看得见的结果
打开场景与源码 →候选数据和已选值解析分离，业务服务可注入。
把特点讲清楚
先说明业务问题，再完成一次操作，观察模型或结果，最后展开源码。与其他组件库使用相同任务对照，区分已验证能力和待补充能力。
查看逐组件功能、参考 demo 与增量清单 →