状态容器
用可视化的方式使用枚举，该容器只负责维护状态，没有样式。 可以为该容器设置若干状态，而每个状态都需要设置对应的内容。只要通过某种方式修改了容器状态值，它就会展示对应的内容。 为每个状态设置内容时，需要先在右侧配置栏选中状态。
经典案例：状态维护和切换
何时使用
- 维护一些确定的状态并切换显示对应的UI
功能演示
有一个容器，内部有一段文本。给定三个按钮，点击时分别让容器和文本实现如下效果：
- 按钮1 - 状态1：容器浅灰色背景、黑色文字“状态1”，这是默认状态
- 按钮2 - 状态2：容器红色背景、大圆角、白色文字“状态2”
- 按钮3 - 状态3：容器蓝色背景、小圆角、黄色文字“状态3”
实现过程如下：
添加按钮、状态容器、状态UI
注意状态容器的状态可以添加任意多个，每个状态都有自己的内容插槽
为三个按钮设置点击事件
我们让三个按钮分别使用「JS计算」组件将对应的状态值传递给状态容器
效果预览
完整配置
| 属性名称 | 说明 |
|---|---|
| 使用第一项作为默认状态 | 开启时, 默认显示列表的第一项; 关闭时, 默认不显示 |
| 状态列表 | 通过眼睛图标，控制编辑态各状态的显示和隐藏；选中某一状态，可往此状态的容器添加内容；点击添加状态 |
| 状态切换事件 | 可在状态切换时执行更多任务 |