Transfer 穿梭框

规则

基础示例

Props 配置示例

自定义标题

搜索功能

整段禁用

Events 事件示例

监听穿梭变化

穿梭后统计数量

完整配置项:TDesign_Transfer

value：Array

Props

参数	说明	类型	默认值	版本
checkboxProps	透传 Checkbox 属性	CheckboxProps	-	-
checked	列表选中项（v-model:checked）	Array<TransferValue>	[]	-
data	全量数据	Array<T>	[]	-
direction	可操作方向	left | right | both	both	-
disabled	禁用操作	boolean | Array<boolean>	-	-
empty	列表为空时内容	EmptyType | Array<EmptyType> | TNode	''	-
footer	底部内容	Array<string | TNode> | TNode<{ type }>	-	-
keys	value / label / disabled 字段别名	KeysType	-	-
operation	方向操作按钮	Array<string | TNode> | TNode<{ direction }>	-	-
pagination	分页配置	PaginationProps | Array<PaginationProps>	-	-
search	搜索框配置	SearchOption | Array<SearchOption>	false	-
showCheckAll	是否显示全选	boolean | Array<boolean>	true	-
targetDraggable	目标列表是否可拖拽排序	boolean	false	-
targetSort	目标列表排列顺序	original | push | unshift	original	-
title	穿梭框标题	Array<TitleType> | TNode<{ type }>	[]	-
transferItem	自定义渲染节点	TNode<TransferItem<T>>	-	-
tree	传入 Tree 定义树形结构	(tree: TreeProps) => TNode	-	-
value	目标列表数据	Array<TransferValue>	[]	-
defaultValue	非受控目标列表	Array<TransferValue>	[]	-

Events

事件	说明	类型	版本
change	数据列表变化	(targetValue, context: { type: TransferListType; movedValue }) => void	-
checkedChange	选中项变化	(options: CheckedOptions) => void	-
pageChange	分页变化	(page: PageInfo, context: { type: TransferListType }) => void	-
scroll	列表滚动	(options: { e: Event; bottomDistance: number; type }) => void	-
search	搜索	(options: SearchContext) => void	-