breadcrumb separator custom (#811)

* Slider breakpoint: md => lg

* breadcrumb separator custom

src/components/PageHeader/index.js

@@ -43,10 +43,13 @@ export default class PageHeader extends PureComponent {
   // Generated according to props
   conversionFromProps= () => {
     const {
-      breadcrumbList, linkElement = 'a',
+      breadcrumbList, breadcrumbSeparator, linkElement = 'a',
     } = this.props;
     return (
-      <Breadcrumb className={styles.breadcrumb}>
+      <Breadcrumb
+        className={styles.breadcrumb}
+        separator={breadcrumbSeparator}
+      >
         {breadcrumbList.map(item => (
           <Breadcrumb.Item key={item.title}>
             {item.href ? (createElement(linkElement, {
@@ -58,7 +61,7 @@ export default class PageHeader extends PureComponent {
     );
   }
   conversionFromLocation = (routerLocation, breadcrumbNameMap) => {
-    const { linkElement = 'a' } = this.props;
+    const { breadcrumbSeparator, linkElement = 'a' } = this.props;
     // Convert the path to an array
     const pathSnippets = routerLocation.pathname.split('/').filter(i => i);
     // Loop data mosaic routing
@@ -84,7 +87,10 @@ export default class PageHeader extends PureComponent {
       </Breadcrumb.Item>
     );
     return (
-      <Breadcrumb className={styles.breadcrumb}>
+      <Breadcrumb
+        className={styles.breadcrumb}
+        separator={breadcrumbSeparator}
+      >
         {extraBreadcrumbItems}
       </Breadcrumb>
     );
@@ -94,7 +100,7 @@ export default class PageHeader extends PureComponent {
    * Convert parameters into breadcrumbs
    */
   conversionBreadcrumbList = () => {
-    const { breadcrumbList } = this.props;
+    const { breadcrumbList, breadcrumbSeparator } = this.props;
     const { routes, params, routerLocation, breadcrumbNameMap } = this.getBreadcrumbProps();
     if (breadcrumbList && breadcrumbList.length) {
       return this.conversionFromProps();
@@ -108,6 +114,7 @@ export default class PageHeader extends PureComponent {
           routes={routes.filter(route => route.breadcrumbName)}
           params={params}
           itemRender={this.itemRender}
+          separator={breadcrumbSeparator}
         />
       );
     }