2021-11-16 15:49:52 +08:00
|
|
|
|
---
|
|
|
|
|
title: TransferPicker 穿梭选择器
|
|
|
|
|
description:
|
|
|
|
|
type: 0
|
|
|
|
|
group: null
|
|
|
|
|
menuName: TransferPicker 穿梭选择器
|
|
|
|
|
icon:
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
在[穿梭器(Transfer)](./transfer)的基础上扩充了弹窗选择模式,展示值用的是简单的 input 框,但是编辑的操作是弹窗个穿梭框来完成。
|
|
|
|
|
|
|
|
|
|
```schema: scope="body"
|
|
|
|
|
{
|
|
|
|
|
"type": "form",
|
|
|
|
|
"api": "/api/mock2/form/saveForm",
|
|
|
|
|
"body": [
|
|
|
|
|
{
|
|
|
|
|
"label": "组合穿梭器",
|
|
|
|
|
"type": "transfer-picker",
|
|
|
|
|
"name": "a",
|
|
|
|
|
"sortable": true,
|
|
|
|
|
"selectMode": "tree",
|
|
|
|
|
"searchable": true,
|
|
|
|
|
"options": [
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "法师",
|
2021-11-16 15:49:52 +08:00
|
|
|
|
"children": [
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "诸葛亮",
|
|
|
|
|
"value": "zhugeliang"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "战士",
|
|
|
|
|
"children": [
|
2021-11-16 15:49:52 +08:00
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "曹操",
|
|
|
|
|
"value": "caocao"
|
2021-11-16 15:49:52 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "钟无艳",
|
|
|
|
|
"value": "zhongwuyan"
|
2021-11-16 15:49:52 +08:00
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "打野",
|
2021-11-16 15:49:52 +08:00
|
|
|
|
"children": [
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "李白",
|
|
|
|
|
"value": "libai"
|
2021-11-16 15:49:52 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "韩信",
|
|
|
|
|
"value": "hanxin"
|
2021-11-16 15:49:52 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2021-11-17 18:03:07 +08:00
|
|
|
|
"label": "云中君",
|
|
|
|
|
"value": "yunzhongjun"
|
2021-11-16 15:49:52 +08:00
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2021-12-27 13:08:37 +08:00
|
|
|
|
## 自定义选项展示
|
|
|
|
|
|
|
|
|
|
```schema: scope="body"
|
|
|
|
|
{
|
|
|
|
|
"type": "form",
|
|
|
|
|
"body": [
|
|
|
|
|
{
|
|
|
|
|
"label": "默认",
|
|
|
|
|
"type": "transfer-picker",
|
|
|
|
|
"name": "transfer",
|
|
|
|
|
"menuTpl": "<div class='flex justify-between'><span>${label}</span><span class='text-muted m-r text-sm'>${tag}</span></div>",
|
|
|
|
|
"valueTpl": "${label}(${value})",
|
|
|
|
|
"options": [
|
|
|
|
|
{
|
|
|
|
|
"label": "诸葛亮",
|
|
|
|
|
"value": "zhugeliang",
|
|
|
|
|
"tag": "法师",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "曹操",
|
|
|
|
|
"value": "caocao",
|
|
|
|
|
"tag": "战士",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "钟无艳",
|
|
|
|
|
"value": "zhongwuyan",
|
|
|
|
|
"tag": "战士",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "李白",
|
|
|
|
|
"value": "libai",
|
|
|
|
|
"tag": "打野"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "韩信",
|
|
|
|
|
"value": "hanxin",
|
|
|
|
|
"tag": "打野"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
"label": "云中君",
|
|
|
|
|
"value": "yunzhongjun",
|
|
|
|
|
"tag": "打野"
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2021-11-16 15:49:52 +08:00
|
|
|
|
## 属性表
|
|
|
|
|
|
|
|
|
|
更多配置请参考[穿梭器(Transfer)](./transfer)。
|