Transfer 穿梭框
规则
基础示例
Props 配置示例
整段禁用
单向模式（oneWay）
Events 事件示例
value：string[]（targetKeys）
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| actions | 操作按钮文案 / 自定义节点 | VueNode[] | [>, <] | 6.0.0 |
| classes | 语义化 class | TransferClassNamesType | - | - |
| dataSource | 左侧数据源 | TransferItem[] | [] | - |
| disabled | 禁用 | boolean | false | - |
| filterOption | 筛选函数 | (inputValue, option, direction) => boolean | - | - |
| footer | 底部渲染 | (props, direction) => VueNode | - | - |
| locale | 语言包 | TransferLocale | - | - |
| oneWay | 单向样式 | boolean | false | - |
| pagination | 分页 | boolean | object | false | - |
| render | 行渲染 | (record: TransferItem) => VueNode | - | - |
| rowKey | 主键 | (record) => string | - | - |
| selectAllLabels | 顶部全选标题 | array | - | - |
| selectedKeys | 选中项，支持 v-model:selected-keys | string[] | [] | - |
| selectionsIcon | 下拉图标 | VueNode | - | - |
| showSearch | 搜索框 | boolean | object | false | - |
| showSelectAll | 展示全选 | boolean | true | - |
| status | 校验状态 | error | warning | - | - |
| styles | 语义化 style | TransferStylesType | - | - |
| targetKeys | 右侧 keys，支持 v-model:target-keys | string[] | [] | - |
| titles | 左右标题 | VueNode[] | - | - |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 选项转移 | (targetKeys, direction: left | right, moveKeys) => void | - |
| scroll | 列表滚动 | (direction: left | right, event: Event) => void | - |
| search | 搜索变化 | (direction: left | right, value: string) => void | - |
| selectChange | 选中项变化 | (sourceSelectedKeys, targetSelectedKeys) => void | - |