feat:add TinyTransfer component material (#1335)
This commit is contained in:
parent
b835c4ab6d
commit
09f2c507fe
|
|
@ -12900,6 +12900,270 @@
|
|||
"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": [],
|
||||
|
|
@ -13400,6 +13664,41 @@
|
|||
"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