1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/open-hand-choerodon-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
index.zh-CN.md 1.9 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
xilang Отправлено 3 лет назад 697714e
category subtitle type title cols
Pro Components
穿梭框
Data Entry
Transfer
1

表单控件。

何时使用

API

Transfer

参数 说明 类型 默认值
operations 操作文案集合,顺序从下至上 string[] | ReactNode[] ['>', '<']
sortable 是否显示排序按钮 boolean false
sortOperations 排序文案集合 string[] | ReactNode[] ['∧', '∨']
oneWay 是否单向穿梭 boolean false

更多属性请参考 Select

Transfer.OptGroup

参数 说明 类型 默认值
label 选项组标题 string

Transfer.Option

参数 说明 类型 默认值
value 选项值 any

Render Props

  • Transfer 支持接收 children 自定义渲染列表,并返回以下参数:
参数 说明 类型 默认值
direction 渲染列表的方向 left | right
targetOption 目标数据源 Record[]
setTargetOption 设置目标数据源 (values: any[]) => void
onItemSelect 勾选条目 (Records: Record[])

参考示例

<Transfer {...props}>{({ direction, targetOption, onItemSelect}) => <YourComponent {...listProps} />}</Transfer>
<style> .code-box-demo .c7n-hap-transfer-wrapper { margin-bottom: .1rem; } </style>

Комментарий ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/open-hand-choerodon-ui.git
git@gitlife.ru:oschina-mirror/open-hand-choerodon-ui.git
oschina-mirror
open-hand-choerodon-ui
open-hand-choerodon-ui
master