Balloon 组件更新

This commit is contained in:
金禅 2020-08-23 22:14:17 +08:00
parent f13b3ab4d5
commit 9d637bd918

View File

@ -1634,16 +1634,6 @@
"propType": "object", "propType": "object",
"description": "自定义内敛样式" "description": "自定义内敛样式"
}, },
{
"name": "children",
"propType": "any",
"description": "浮层的内容"
},
{
"name": "size",
"propType": "string",
"defaultValue": "medium"
},
{ {
"name": "type", "name": "type",
"propType": { "propType": {
@ -1709,8 +1699,8 @@
{ {
"name": "offset", "name": "offset",
"propType": { "propType": {
"type": "instanceOf", "type": "arrayOf",
"value": "array" "value": "number"
}, },
"description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px", "description": "弹层相对于trigger的定位的微调, 接收数组[hoz, ver], 表示弹层在 left / top 上的增量\ne.g. [100, 100] 表示往右(RTL 模式下是往左) 、下分布偏移100px",
"defaultValue": [ "defaultValue": [
@ -1720,19 +1710,17 @@
}, },
{ {
"name": "trigger", "name": "trigger",
"propType": "any", "propType": "node",
"description": "触发元素" "description": "触发元素"
}, },
{ {
"name": "triggerType", "name": "triggerType",
"title": "触发行为",
"propType": { "propType": {
"type": "oneOfType", "type": "oneOf",
"value": [ "value": [
"string", "hover",
{ "click"
"type": "instanceOf",
"value": "array"
}
] ]
}, },
"description": "触发行为\n鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组,如 ['hover', 'click'], 强烈不建议使用'focus'若弹窗内容有复杂交互请使用click", "description": "触发行为\n鼠标悬浮, 鼠标点击('hover','click')或者它们组成的数组,如 ['hover', 'click'], 强烈不建议使用'focus'若弹窗内容有复杂交互请使用click",
@ -1778,74 +1766,15 @@
"description": "弹层出现后是否自动focus到内部第一个元素", "description": "弹层出现后是否自动focus到内部第一个元素",
"defaultValue": true "defaultValue": true
}, },
{
"name": "safeNode",
"propType": "string",
"description": "安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象"
},
{
"name": "safeId",
"propType": "string",
"description": "用来指定safeNode节点的id和safeNode配合使用",
"defaultValue": null
},
{
"name": "animation",
"propType": {
"type": "oneOfType",
"value": [
"object",
"bool"
]
},
"description": "配置动画的播放方式\n@param {String} in 进场动画\n@param {String} out 出场动画"
},
{
"name": "cache",
"propType": "bool",
"description": "弹层的dom节点关闭时是否删除",
"defaultValue": false
},
{
"name": "popupContainer",
"propType": "any",
"description": "指定浮层渲染的父节点, 可以为节点id的字符串也可以返回节点的函数。"
},
{
"name": "container",
"propType": "any"
},
{
"name": "popupStyle",
"propType": "object",
"description": "弹层组件style透传给Popup"
},
{
"name": "popupClassName",
"propType": "string",
"description": "弹层组件className透传给Popup",
"defaultValue": ""
},
{
"name": "popupProps",
"propType": "object",
"description": "弹层组件属性透传给Popup"
},
{ {
"name": "followTrigger", "name": "followTrigger",
"propType": "bool", "propType": "bool",
"description": "是否跟随滚动" "description": "是否跟随滚动"
},
{
"name": "id",
"propType": "string",
"description": "弹层id, 传入值才会支持无障碍"
} }
], ],
"configure": { "configure": {
"component": { "component": {
"isModel": true, "isContainer": true
"rootSelector": "div.next-balloon"
} }
} }
}, },
@ -1881,7 +1810,7 @@
}, },
{ {
"name": "children", "name": "children",
"propType": "any", "propType": "node",
"description": "tooltip的内容" "description": "tooltip的内容"
}, },
{ {
@ -1908,19 +1837,16 @@
}, },
{ {
"name": "trigger", "name": "trigger",
"propType": "any", "propType": "node",
"description": "触发元素" "description": "触发元素"
}, },
{ {
"name": "triggerType", "name": "triggerType",
"propType": { "propType": {
"type": "oneOfType", "type": "oneOf",
"value": [ "value": [
"string", "hover",
{ "click"
"type": "instanceOf",
"value": "array"
}
] ]
}, },
"description": "触发行为\n鼠标悬浮, 鼠标点击('hover', 'click')或者它们组成的数组,如 ['hover', 'click'], 强烈不建议使用'focus'若有复杂交互推荐使用triggerType为click的Balloon组件", "description": "触发行为\n鼠标悬浮, 鼠标点击('hover', 'click')或者它们组成的数组,如 ['hover', 'click'], 强烈不建议使用'focus'若有复杂交互推荐使用triggerType为click的Balloon组件",
@ -1948,7 +1874,7 @@
}, },
{ {
"name": "popupContainer", "name": "popupContainer",
"propType": "any", "propType": "string",
"description": "指定浮层渲染的父节点, 可以为节点id的字符串也可以返回节点的函数。" "description": "指定浮层渲染的父节点, 可以为节点id的字符串也可以返回节点的函数。"
}, },
{ {
@ -14108,7 +14034,7 @@
"schema": { "schema": {
"componentName": "Balloon", "componentName": "Balloon",
"props": { "props": {
"visible": true, "defaultVisible": true,
"prefix": "next-", "prefix": "next-",
"size": "medium", "size": "medium",
"type": "normal", "type": "normal",
@ -14121,9 +14047,9 @@
"triggerType": "hover", "triggerType": "hover",
"autoFocus": true, "autoFocus": true,
"trigger": { "trigger": {
"componentName": "Avatar", "type": "JSSlot",
"props": { "props": {
"icon": "success" "title": "触发元素"
} }
} }
} }