hidden breadcrumb href in Doc

components/breadcrumb/demo/basic.md

@@ -2,7 +2,7 @@
 
 - order: 0
 
-最简单的用法，存在 `href` 表示可点。
+最简单的用法。
 
 ---
 
@@ -12,8 +12,8 @@ import { Breadcrumb } from 'antd';
 ReactDOM.render(
   <Breadcrumb>
     <Breadcrumb.Item>首页</Breadcrumb.Item>
-    <Breadcrumb.Item href="">应用中心</Breadcrumb.Item>
+    <Breadcrumb.Item><a href="">应用中心</a></Breadcrumb.Item>
-    <Breadcrumb.Item href="">应用列表</Breadcrumb.Item>
+    <Breadcrumb.Item><a href="">应用列表</a></Breadcrumb.Item>
     <Breadcrumb.Item>某应用</Breadcrumb.Item>
   </Breadcrumb>
 , mountNode);

components/breadcrumb/index.jsx

@@ -17,10 +17,12 @@ class BreadcrumbItem extends React.Component {
   }
 
   render() {
-    const { prefixCls, separator, children } = this.props;
+    const { prefixCls, separator, children, ...restProps } = this.props;
-    let link = <a className={`${prefixCls}-link`} {...this.props}>{children}</a>;
+    let link;
-    if (typeof this.props.href === 'undefined') {
+    if ('href' in this.props) {
-      link = <span className={`${prefixCls}-link`} {...this.props}>{children}</span>;
+      link = <a className={`${prefixCls}-link`} {...restProps}>{children}</a>;
+    } else {
+      link = <span className={`${prefixCls}-link`} {...restProps}>{children}</span>;
     }
     return (
       <span>

components/breadcrumb/index.md

@@ -19,23 +19,15 @@
 ```html
 <Breadcrumb>
   <Breadcrumb.Item>首页</Breadcrumb.Item>
-  <Breadcrumb.Item href="">应用中心</Breadcrumb.Item>
+  <Breadcrumb.Item>应用中心</Breadcrumb.Item>
-  <Breadcrumb.Item href="">应用列表</Breadcrumb.Item>
+  <Breadcrumb.Item>应用列表</Breadcrumb.Item>
   <Breadcrumb.Item>某应用</Breadcrumb.Item>
 </Breadcrumb>
 ```
 
-### Breadcrumb
-
 | 参数      | 说明                              | 类型              |  可选值 | 默认值 |
 |-----------|-----------------------------------|-------------------|---------|--------|
 | routes    | router 的路由栈信息               | Array             |         | -      |
 | params    | 路由的参数                        | Object            |         | -      |
 | separator | 分隔符自定义                      | String or Element |         | '/'    |
 | linkRender | 自定义链接函数，和 react-router 配置使用               | Function(href, name) |         | -    |
-
-### Breadcrumb.Item
-
-| 参数      | 说明                                     | 类型       |  可选值 | 默认值 |
-|-----------|------------------------------------------|------------|---------|--------|
-| href      | 链接，如不传则不可点击                   | string     |         | -      |

style/components/breadcrumb.less

@@ -2,15 +2,15 @@
 
 .@{breadcrumb-prefix-cls} {
   color: #999;
-  font-size: 12px;
+  font-size: @font-size-base;
 
   a {
-    color: #666;
+    color: @text-color;
   }
 
   & > span:last-child {
     font-weight: bold;
-    color: #666;
+    color: @text-color;
   }
 
   & > span:last-child &-separator {