@rspress-theme-anatole/theme-default 0.3.2 → 0.3.4

package/dist/bundle.css

@@ -461,7 +461,7 @@ summary a:not(.header-anchor) {
 }
 
 .link_a9ef4:hover {
-  border-bottom: 1px solid;
+  /* border-bottom: 1px solid; */
 }
 
 summary .link_a9ef4:hover {
@@ -1573,7 +1573,7 @@ ul>li>ul>li>ul>li {
 }
 
 .pl-5 {
-  padding-left: 1.25rem;
+  padding-left: 2.5rem;
 }
 
 .pl-6 {

package/dist/bundle.js

@@ -1062,7 +1062,7 @@ const DocLayout_index_module = {
 function DocLayout(props) {
     const { beforeDocFooter, afterDocFooter, beforeDoc, afterDoc, beforeDocContent, afterDocContent, beforeOutline, afterOutline, beforeSidebar, afterSidebar, uiSwitch, navTitle, components } = props;
     const { siteData, page } = (0, __WEBPACK_EXTERNAL_MODULE__rspress_runtime_0abd3046__.usePageData)();
-    const { headingTitle, title, toc = [], frontmatter } = page;
+    const { headingTitle, title, toc = [], frontmatter, routePath } = page;
     const [tabData, setTabData] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
     const headers = toc;
     const { themeConfig } = siteData;
@@ -1104,6 +1104,37 @@ function DocLayout(props) {
     ]);
     const [isSidebarOpen, setIsSidebarOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
 
+    const sidebarData = useSidebarData();
+    const activeMatcher = useActiveMatcher();
+
+    function findActiveBreadcrumb(items, activeMatcher, parents = []) {
+        for (const item of items) {
+            if ('link' in item && item.link && activeMatcher(item.link)) {
+                return [...parents, item.text];
+            }
+            if ('items' in item) {
+                const found = findActiveBreadcrumb(item.items, activeMatcher, [...parents, item.text]);
+                if (found) return found;
+            }
+        }
+        return null;
+    }
+
+    const breadcrumb = findActiveBreadcrumb(sidebarData, activeMatcher) || [];
+
+    const breadcrumbNav = breadcrumb.map((text, idx) => (
+        text = text + (idx < breadcrumb.length - 1 ? ' > ' : '')
+    ));
+
+    if (frontmatter.breadcrumb) {
+        if (breadcrumbNav.length > 0) {
+            breadcrumbNav.unshift(frontmatter.breadcrumb + ' > ');
+        }
+        else{
+            breadcrumbNav.unshift(frontmatter.breadcrumb);
+        }
+    }
+
     return [
         (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
             className: `${DocLayout_index_module.docLayout} pt-0`,
@@ -1170,8 +1201,8 @@ function DocLayout(props) {
                                                                 style: {
                                                                     fontWeight: '600'
                                                                 },
-                                                                children: frontmatter.breadcrumb
-                                                            }),
+                                                                children: breadcrumbNav
+                                                            })
                                                         ]
                                                     }),
                                                 ]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rspress-theme-anatole/theme-default",
   "author": "Anatole Tong",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "license": "MIT",
   "sideEffects": [
     "*.css",
@@ -21,7 +21,7 @@
   "types": "./dist/bundle.d.ts",
   "dependencies": {
     "@mdx-js/react": "2.3.0",
-    "@rspress-theme-anatole/shared": "0.3.2",
+    "@rspress-theme-anatole/shared": "0.3.4",
     "@rspress/runtime": "1.43.8",
     "body-scroll-lock": "4.0.0-beta.0",
     "copy-to-clipboard": "^3.3.3",
@@ -35,7 +35,7 @@
     "react-helmet-async": "^1.3.0",
     "react-router-dom": "6.29.0",
     "react-syntax-highlighter": "^15.6.1",
-    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.3.2"
+    "@rspress-theme-anatole/rspress-plugin-mermaid": "0.3.4"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.49.2",