基本定义

两栏布局的多选组件，分为候选区和已选区，让用户以直观的方式将数据从一栏即时移到另一栏，完成选择或移除数据的交互行为。

基本元素

1. 待选框标题栏：位左侧待选框的头部，该区域根据不同场景可包含的内容有标题、计数器；
2. 待选框数据：位于组件左侧的容器，用于承载待选的数据列表；
3. 待选框页脚：位于待选框的底部区域，该区域根据不同场景可包含的内容有分页器、全选按钮；
4. 添加按钮：位于待选框和选中框中间的按钮，在待选框中选择数据后，点击该按钮可以将选择项选择至已选框框；
5. 移除按钮：位于待选框和选中框中间的按钮，在已选框中选择数据后，点击该按钮可以将选择项选择至待选框框；
6. 已选框标题栏：位右侧已选框的头部，该区域根据不同场景可包含的内容有标题、计数器；
7. 已选框数据列表：位于组件右侧的容器，用于承载已选的数据列表
8. 已选框页脚：位于已选框的底部区域，该区域根据不同场景可包含的内容有分页器、全选按钮；

类型

类型	说明
双向穿梭框	支持数据在待选框和选中框之间相互交换，为数据穿梭框的默认形式。
单向穿梭框	仅支持将待选框中的数据选择至选中框。

用法

什么时候使用

• 需要更清晰的展示选择内容时：数据穿梭框用直观的方式展示出了更多的选项信息，方便用户实时了解选择的内容，增加用户的确定感；
• 正式的任务场景中：相对于下拉框选择等形式，数据穿梭框更加庄重，能够减少因信息隐藏造成的错误，适合用于审批等正式的任务场景中；

什么时候不使用

• 页面位置有限时：比起选择器和树选择，数据穿梭框所占的页面空间更大，当页面位置有限时，不建议使用；
• 需要频繁的选择时：数据穿梭框的交互形式更为复杂，当需要用户做出频繁选择时，不建议使用；