@bit-sun/business-component 4.0.11 → 4.0.12-alpha.2

package/src/components/Business/DetailPageWrapper/index.tsx

@@ -107,6 +107,27 @@ const DetailWrapper = React.memo(
         breadcrumbArrs.pop();
         breadcrumbArrs.push(title);
       }
+
+      // 处理详情页上层列表页面路径
+      var pattern = /^(\/.*)\/(action|create|edit|view)(\/.*)*$/
+      const result = pathname.match(pattern)
+
+      if(result?.length && result[1]) {
+        const parentRoute = matchParamsPath(
+          `${basePath}${result[1]}`,
+          breadcrumbNameMap,
+        );
+
+        if(!parentRoute) return;
+
+        if(breadcrumbArrs.length >= 2) {
+          breadcrumbArrs.splice(-1, 0, {
+            title: parentRoute.name,
+            path: result[1]
+          })
+        }
+      }
+
       setBreadCrumbArr([...breadcrumbArrs]);
 
       const pageName = formatMessage({
@@ -221,7 +242,7 @@ const DetailWrapper = React.memo(
     };
 
     return (
-      <div ref={wrapperContainerRef}>
+      <div ref={wrapperContainerRef} className='bs_detail_page_head_wrapper'>
         <div
           className={'detail_page_head'}
           style={{
@@ -245,7 +266,11 @@ const DetailWrapper = React.memo(
                     key={item}
                   >
                     <span className={`${index === breadcrumbArr.length - 1 ? 'bread_name_last' : ''} bread_name`} >
-                      {item}
+                      {typeof item == 'object' ? <span className='bread_name_pre' onClick={()=> {
+                        history.push({
+                          pathname: item.path
+                        })
+                      }}>{item.title}</span> : item}
                     </span>
                   </Breadcrumb.Item>
                   })}

package/src/components/Business/HomePageWrapper/index.less

@@ -1,3 +1,12 @@
+.bs_home_page_head_wrapper{
+  height: 32px;
+  position: sticky;
+  background: #fff;
+  width: 100%;
+  top: 0px;
+  z-index: 10;
+}
+
 .home_page_head {
   display: flex;
   justify-content: space-between;

package/src/components/Business/HomePageWrapper/index.tsx

@@ -84,7 +84,7 @@ const HeaderWrapper = React.memo(
     useEffect(() => {}, [pathname]);
 
     return (
-      <div>
+      <div className='bs_home_page_head_wrapper'>
         <div className={'home_page_head'}>
           <div className='home_page_title_wrapper'>
             {/* <div className={'home_page_title'}>{pageTitle}</div> */}