开发预览更新于 2026-05-10

Transfer 穿梭框

两栏列表 + 中间箭头，把元素在「可选」与「已选」之间移动，常用于权限分配、字段勾选。

基础用法

dataSource 是全集，v-model / value 是已选 keys 数组。每栏有「全选 / 反选」复选框，箭头按钮把当前栏勾选项移到对侧。searchable 在每栏顶部加搜索框。

已选 keys：monitor, billing

<CfTransfer :data-source="data" v-model="target" searchable />

<CfTransfer dataSource={data} value={target} onChange={setTarget} searchable />

事件：onChange(keys) —— 已选 keys 数组变化时触发。