Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
a8caa500
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
a8caa500
编写于
12月 26, 2017
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Add activeTabKey for PageHeader
上级
577ded4b
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
12 addition
and
2 deletion
+12
-2
src/components/PageHeader/demo/standard.md
src/components/PageHeader/demo/standard.md
+1
-0
src/components/PageHeader/demo/structure.md
src/components/PageHeader/demo/structure.md
+1
-0
src/components/PageHeader/index.d.ts
src/components/PageHeader/index.d.ts
+1
-0
src/components/PageHeader/index.js
src/components/PageHeader/index.js
+6
-1
src/components/PageHeader/index.md
src/components/PageHeader/index.md
+1
-0
src/routes/List/List.js
src/routes/List/List.js
+2
-1
未找到文件。
src/components/PageHeader/demo/standard.md
浏览文件 @
a8caa500
...
...
@@ -88,6 +88,7 @@ ReactDOM.render(
extraContent
=
{
extra
}
breadcrumbList
=
{
breadcrumbList
}
tabList
=
{
tabList
}
tabActiveKey
=
"detail"
onTabChange
=
{
onTabChange
}
/>
</
div
>
...
...
src/components/PageHeader/demo/structure.md
浏览文件 @
a8caa500
...
...
@@ -34,6 +34,7 @@ ReactDOM.render(
extraContent
=
{
<
div
className
=
"extraContent"
>
extraContent
</
div
>
}
breadcrumbList
=
{
breadcrumbList
}
tabList
=
{
tabList
}
tabActiveKey
=
"1"
/>
</
div
>
,
mountNode
);
...
...
src/components/PageHeader/index.d.ts
浏览文件 @
a8caa500
...
...
@@ -9,6 +9,7 @@ export interface PageHeaderProps {
params
?:
any
;
breadcrumbList
?:
Array
<
{
title
:
React
.
ReactNode
;
href
?:
string
}
>
;
tabList
?:
Array
<
{
key
:
string
;
tab
:
React
.
ReactNode
}
>
;
tabActiveKey
?:
string
;
onTabChange
?:
(
key
:
string
)
=>
void
;
linkElement
?:
React
.
ReactNode
;
}
...
...
src/components/PageHeader/index.js
浏览文件 @
a8caa500
...
...
@@ -60,6 +60,7 @@ export default class PageHeader extends PureComponent {
const
{
title
,
logo
,
action
,
content
,
extraContent
,
breadcrumbList
,
tabList
,
className
,
linkElement
=
'
a
'
,
activeTabKey
,
}
=
this
.
props
;
const
clsString
=
classNames
(
styles
.
pageHeader
,
className
);
let
breadcrumb
;
...
...
@@ -120,7 +121,10 @@ export default class PageHeader extends PureComponent {
breadcrumb
=
null
;
}
const
tabDefaultValue
=
tabList
&&
(
tabList
.
filter
(
item
=>
item
.
default
)[
0
]
||
tabList
[
0
]);
let
tabDefaultValue
;
if
(
activeTabKey
!==
undefined
&&
tabList
)
{
tabDefaultValue
=
tabList
.
filter
(
item
=>
item
.
default
)[
0
]
||
tabList
[
0
];
}
return
(
<
div
className
=
{
clsString
}
>
...
...
@@ -144,6 +148,7 @@ export default class PageHeader extends PureComponent {
<
Tabs
className
=
{
styles
.
tabs
}
defaultActiveKey
=
{(
tabDefaultValue
&&
tabDefaultValue
.
key
)}
activeKey
=
{
activeTabKey
}
onChange
=
{
this
.
onChange
}
>
{
...
...
src/components/PageHeader/index.md
浏览文件 @
a8caa500
...
...
@@ -22,6 +22,7 @@ order: 11
| params | 面包屑相关属性,路由的参数 | object | - |
| breadcrumbList | 面包屑数据,配置了
`routes`
`params`
时此属性无效 | array
<
{
title:
ReactNode
,
href
?
:
string
}
>
| - |
| tabList | tab 标题列表 | array
<
{
key:
string
,
tab:
ReactNode
}
>
| - |
| tabActiveKey | 当前高亮的 tab 项 | string | - |
| onTabChange | 切换面板的回调 | (key) => void | - |
| linkElement | 定义链接的元素,默认为
`a`
,可传入 react-router 的 Link | string
\|
ReactElement | - |
...
...
src/routes/List/List.js
浏览文件 @
a8caa500
...
...
@@ -48,7 +48,7 @@ export default class SearchList extends Component {
<
/div
>
);
const
{
match
,
routerData
}
=
this
.
props
;
const
{
match
,
routerData
,
location
}
=
this
.
props
;
const
routes
=
getRoutes
(
match
.
path
,
routerData
);
return
(
...
...
@@ -56,6 +56,7 @@ export default class SearchList extends Component {
title
=
"
搜索列表
"
content
=
{
mainSearch
}
tabList
=
{
tabList
}
activeTabKey
=
{
location
.
pathname
.
replace
(
`
${
match
.
path
}
/`
,
''
)}
onTabChange
=
{
this
.
handleTabChange
}
>
<
Switch
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录