|
activeKey
|
当前激活 tab 面板的 key
|
string
|
-
|
|
|
addIcon
|
自定义添加按钮
|
ReactNode
|
-
|
4.4.0
|
|
animated
|
是否使用动画切换 Tabs
|
boolean| { inkBar: boolean, tabPane: boolean }
|
{ inkBar: true, tabPane: false }
|
|
|
centered
|
标签居中展示
|
boolean
|
false
|
4.4.0
|
|
defaultActiveKey
|
初始化选中面板的 key，如果没有设置 activeKey
|
string
|
第一个面板
|
|
|
hideAdd
|
是否隐藏加号图标，在
type="editable-card"
时有效
|
boolean
|
false
|
|
|
items
|
配置选项卡内容
|
TabItemType
|
[]
|
4.23.0
|
|
moreIcon
|
自定义折叠 icon
|
ReactNode
|
<EllipsisOutlined />
|
4.14.0
|
|
popupClassName
|
更多菜单的
className
|
string
|
-
|
4.21.0
|
|
renderTabBar
|
替换 TabBar，用于二次封装标签头
|
(props: DefaultTabBarProps, DefaultTabBar: React.ComponentClass) => React.ReactElement
|
-
|
|
|
size
|
大小，提供
large
middle
和
small
三种大小
|
string
|
middle
|
|
|
tabBarExtraContent
|
tab bar 上额外的元素
|
ReactNode | {left?: ReactNode, right?: ReactNode}
|
-
|
object: 4.6.0
|
|
tabBarGutter
|
tabs 之间的间隙
|
number
|
-
|
|
|
tabBarStyle
|
tab bar 的样式对象
|
CSSProperties
|
-
|
|
|
tabPosition
|
页签位置，可选值有
top
right
bottom
left
|
string
|
top
|
|
|
destroyInactiveTabPane
|
被隐藏时是否销毁 DOM 结构
|
boolean
|
false
|
|
|
type
|
页签的基本样式，可选
line
、
card
editable-card
类型
|
string
|
line
|
|
|
onChange
|
切换面板的回调
|
function(activeKey) {}
|
-
|
|
|
onEdit
|
新增和删除页签的回调，在
type="editable-card"
时有效
|
(action === 'add' ? event : targetKey, action): void
|
-
|
|
|
onTabClick
|
tab 被点击的回调
|
function(key: string, event: MouseEvent)
|
-
|
|
|
onTabScroll
|
tab 滚动时触发
|
function({ direction:
left
|
right
|
top
|
bottom
})
|
-
|
4.3.0
|
