feat:add TinyTransfer component material (#1335)
This commit is contained in:
parent
b835c4ab6d
commit
09f2c507fe
|
|
@ -12900,6 +12900,270 @@
|
||||||
"disable": ["copy", "remove"]
|
"disable": ["copy", "remove"]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": {
|
||||||
|
"zh_CN": "穿梭框"
|
||||||
|
},
|
||||||
|
"component": "TinyTransfer",
|
||||||
|
"icon": "transfer",
|
||||||
|
"description": "穿梭框,实现左右表格数据的双向交换的组件",
|
||||||
|
"docUrl": "",
|
||||||
|
"screenshot": "",
|
||||||
|
"tags": "",
|
||||||
|
"keywords": "",
|
||||||
|
"devMode": "proCode",
|
||||||
|
"npm": {
|
||||||
|
"package": "@opentiny/vue",
|
||||||
|
"exportName": "TinyTransfer"
|
||||||
|
},
|
||||||
|
"group": "component",
|
||||||
|
"priority": 1,
|
||||||
|
"schema": {
|
||||||
|
"properties": [
|
||||||
|
{
|
||||||
|
"label": {
|
||||||
|
"zh_CN": "基础信息"
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "基础信息"
|
||||||
|
},
|
||||||
|
"content": [
|
||||||
|
{
|
||||||
|
"property": "modelValue",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "绑定值"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": true,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "I18nConfigurator",
|
||||||
|
"props": {}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "双向绑定值"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "data",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "左右列表的全量数据源"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": true,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CodeConfigurator",
|
||||||
|
"props": {
|
||||||
|
"language": "json"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "左右列表的全量数据源"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "filterable",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "是否启用搜索的功能"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": false,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CheckBoxConfigurator",
|
||||||
|
"props": {}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "是否启用搜索的功能"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "showAllBtn",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "是否显示全部移动按钮"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": false,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CheckBoxConfigurator",
|
||||||
|
"props": {}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "是否显示全部移动按钮"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "toLeftDisable",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "组件初始化状态下未选中时,默认按钮显示禁用状态"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": false,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CheckBoxConfigurator",
|
||||||
|
"props": {}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "组件初始化状态下未选中时,默认按钮显示禁用状态"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "toRightDisable",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "组件初始化状态下未选中时,默认按钮显示禁用状态"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": false,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CheckBoxConfigurator",
|
||||||
|
"props": {}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "组件初始化状态下未选中时,默认按钮显示禁用状态"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"property": "titles",
|
||||||
|
"label": {
|
||||||
|
"text": {
|
||||||
|
"zh_CN": "自定义列表的标题"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": false,
|
||||||
|
"readOnly": false,
|
||||||
|
"disabled": false,
|
||||||
|
"widget": {
|
||||||
|
"component": "CodeConfigurator",
|
||||||
|
"props": {
|
||||||
|
"language": "json"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "自定义列表的标题;不设置titles时,左右列表的标题默认显示为: 列表 1, 列表 2"
|
||||||
|
},
|
||||||
|
"labelPosition": "left"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"events": {
|
||||||
|
"onChange": {
|
||||||
|
"label": {
|
||||||
|
"zh_CN": "右侧列表元素变化时触发"
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "右侧列表元素变化时触发"
|
||||||
|
},
|
||||||
|
"type": "event",
|
||||||
|
"functionInfo": {
|
||||||
|
"params": [
|
||||||
|
{
|
||||||
|
"name": "value",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "",
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "右侧列表元素变化时触发"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"returns": {}
|
||||||
|
},
|
||||||
|
"defaultValue": ""
|
||||||
|
},
|
||||||
|
"onLeftCheckChange": {
|
||||||
|
"label": {
|
||||||
|
"zh_CN": "左侧列表元素被用户选中 / 取消选中时触发;"
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "左侧列表元素被用户选中 / 取消选中时触发;"
|
||||||
|
},
|
||||||
|
"type": "event",
|
||||||
|
"functionInfo": {
|
||||||
|
"params": [
|
||||||
|
{
|
||||||
|
"name": "value",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "",
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "左侧列表元素被用户选中 / 取消选中时触发;"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"returns": {}
|
||||||
|
},
|
||||||
|
"defaultValue": ""
|
||||||
|
},
|
||||||
|
"onRightCheckChange": {
|
||||||
|
"label": {
|
||||||
|
"zh_CN": "右侧列表元素被用户选中 / 取消选中时触发"
|
||||||
|
},
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "右侧列表元素被用户选中 / 取消选中时触发"
|
||||||
|
},
|
||||||
|
"type": "event",
|
||||||
|
"functionInfo": {
|
||||||
|
"params": [
|
||||||
|
{
|
||||||
|
"name": "value",
|
||||||
|
"type": "string",
|
||||||
|
"defaultValue": "",
|
||||||
|
"description": {
|
||||||
|
"zh_CN": "右侧列表元素被用户选中 / 取消选中时触发"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"returns": {}
|
||||||
|
},
|
||||||
|
"defaultValue": ""
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"configure": {
|
||||||
|
"loop": true,
|
||||||
|
"condition": true,
|
||||||
|
"styles": true,
|
||||||
|
"isContainer": false,
|
||||||
|
"isModal": false,
|
||||||
|
"nestingRule": {
|
||||||
|
"childWhitelist": "",
|
||||||
|
"parentWhitelist": "",
|
||||||
|
"descendantBlacklist": "",
|
||||||
|
"ancestorWhitelist": ""
|
||||||
|
},
|
||||||
|
"isNullNode": false,
|
||||||
|
"isLayout": false,
|
||||||
|
"rootSelector": "",
|
||||||
|
"shortcuts": {
|
||||||
|
"properties": ["value", "disabled"]
|
||||||
|
},
|
||||||
|
"contextMenu": {
|
||||||
|
"actions": ["create symbol"],
|
||||||
|
"disable": ["copy", "remove"]
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"blocks": [],
|
"blocks": [],
|
||||||
|
|
@ -13400,6 +13664,41 @@
|
||||||
"step": 1
|
"step": 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": {
|
||||||
|
"zh_CN": "穿梭框"
|
||||||
|
},
|
||||||
|
"icon": "transfer",
|
||||||
|
"screenshot": "",
|
||||||
|
"snippetName": "TinyTransfer",
|
||||||
|
"schema": {
|
||||||
|
"componentName": "TinyTransfer",
|
||||||
|
"props": {
|
||||||
|
"modelValue": [3],
|
||||||
|
"data": [
|
||||||
|
{
|
||||||
|
"key": 1,
|
||||||
|
"label": "备选项1",
|
||||||
|
"disabled":false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": 2,
|
||||||
|
"label": "备选项2",
|
||||||
|
"disabled":false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": 3,
|
||||||
|
"label": "备选项3",
|
||||||
|
"disabled":false
|
||||||
|
}, {
|
||||||
|
"key": 4,
|
||||||
|
"label": "备选项4",
|
||||||
|
"disabled":false
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,24 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 140 140" style="enable-background:new 0 0 140 140;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:currentColor;}
|
||||||
|
</style>
|
||||||
|
<desc>Created with Pixso.</desc>
|
||||||
|
<path id="矢量_40" class="st0" d="M46.7,23.5c-0.9-0.4-1.8-0.5-2.9-0.5H18.5c-1,0-2,0.2-2.9,0.5c-0.9,0.4-1.7,0.9-2.4,1.6
|
||||||
|
c-0.7,0.7-1.3,1.5-1.6,2.4c-0.4,0.9-0.5,1.8-0.5,2.9V109c0,1,0.2,2,0.5,2.9c0.4,0.9,0.9,1.7,1.6,2.4c0.7,0.7,1.5,1.3,2.4,1.6
|
||||||
|
c0.9,0.4,1.8,0.6,2.9,0.6h25.3c1,0,2-0.2,2.9-0.6c0.9-0.4,1.7-0.9,2.4-1.6c0.7-0.7,1.3-1.5,1.6-2.4c0.4-0.9,0.5-1.8,0.5-2.9V30.5
|
||||||
|
c0-1-0.2-2-0.5-2.9c-0.4-0.9-0.9-1.7-1.6-2.4S47.5,23.9,46.7,23.5z M120.5,23c1,0,2,0.2,2.9,0.5c0.9,0.4,1.7,0.9,2.4,1.6
|
||||||
|
c0.7,0.7,1.3,1.5,1.6,2.4c0.4,0.9,0.6,1.8,0.6,2.9V109c0,1-0.2,2-0.6,2.9c-0.4,0.9-0.9,1.7-1.6,2.4c-0.7,0.7-1.5,1.3-2.4,1.6
|
||||||
|
c-0.9,0.4-1.8,0.6-2.9,0.6H95.2c-1,0-2-0.2-2.9-0.6c-0.9-0.4-1.7-0.9-2.4-1.6c-0.7-0.7-1.3-1.5-1.7-2.4c-0.4-0.9-0.5-1.8-0.5-2.9
|
||||||
|
V30.5c0-1,0.2-2,0.5-2.9c0.4-0.9,0.9-1.7,1.7-2.4s1.5-1.3,2.4-1.6c0.9-0.4,1.8-0.5,2.9-0.5H120.5z M18.5,30h25.3
|
||||||
|
c0.2,0,0.3,0,0.4,0.1c0.1,0.1,0.1,0.2,0.1,0.4V109c0,0.1,0,0.1,0,0.2c0,0.1-0.1,0.1-0.1,0.2c0,0.1-0.1,0.1-0.2,0.1
|
||||||
|
c-0.1,0-0.1,0-0.2,0H18.5c-0.2,0-0.3,0-0.4-0.1c-0.1-0.1-0.1-0.2-0.1-0.4V30.5c0-0.1,0-0.1,0-0.2c0-0.1,0.1-0.1,0.1-0.2
|
||||||
|
c0-0.1,0.1-0.1,0.2-0.1C18.3,30,18.4,30,18.5,30z M120.5,30H95.2c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0.1-0.1,0.2
|
||||||
|
c0,0.1,0,0.1,0,0.2V109c0,0.2,0.1,0.3,0.1,0.4c0.1,0.1,0.2,0.1,0.4,0.1h25.3c0.1,0,0.1,0,0.2,0c0.1,0,0.1-0.1,0.2-0.1
|
||||||
|
c0,0,0.1-0.1,0.1-0.2c0-0.1,0-0.1,0-0.2V30.5c0-0.2,0-0.3-0.1-0.4C120.8,30,120.7,30,120.5,30z M82.1,50l-9.9-7.4
|
||||||
|
c-0.7-0.4-1.5,0-1.5,0.8v3.9H58c-0.8,0-1.5,0.7-1.5,1.5v4c0,0.8,0.7,1.5,1.5,1.5h12.7v3.9c0,0.8,0.9,1.3,1.5,0.8l9.9-7.4
|
||||||
|
C82.7,51.2,82.7,50.3,82.1,50z M56.8,86.8l9.9-7.4c0.7-0.4,1.5,0,1.5,0.8v3.9h12.7c0.8,0,1.5,0.7,1.5,1.5v4c0,0.8-0.7,1.5-1.5,1.5
|
||||||
|
H68.2V95c0,0.8-0.9,1.3-1.5,0.8l-9.9-7.4C56.2,88.1,56.2,87.2,56.8,86.8z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.2 KiB |
Loading…
Reference in New Issue