fix: menu init open

Author: MuYunyun

packages/crd-seed/layout/index.js

@@ -22,12 +22,20 @@ function BasicLayout({
   menuSource,
   indexProps,
 }) {
+  console.log('menuSource', menuSource)
+  console.log('routeData', routeData)
+
   const { pathname } = location
+  console.log('location', location)
   const { user, repo, branch = 'main', language = 'en', menuOpenKeys } = DOCSCONFIG || {}
   const [inlineCollapsed, setInlineCollapsed] = useState(isMobile)
   const [selectedKey, setSelectedKey] = useState('')
   // console.log()
-  const curOpenKeys = getOpenSubMenuKeys(pathname, menuOpenKeys)
+  const curOpenKeys = getOpenSubMenuKeys({
+    pathname,
+    menuSource,
+    menuOpenKeys
+  })
   console.log('curOpenKeys', curOpenKeys)
   const defaultPath = (routeData.find(data => data.path === '/README')
     && routeData.find(data => data.path === '/README').mdconf
@@ -113,6 +121,7 @@ function BasicLayout({
   }
   const renderMenu = (menus) => {
     if (menus.length < 1) return null
+
     return (
       <Affix
         offsetTop={0}

packages/crd-seed/layout/utils.js

@@ -1,27 +1,54 @@
 /**
  * get keys of open sub menu from pathname
- * input: /BasicSkill/basis/DOM
- * menuOpenKeys: means extra show open keys in config.yml
+ *  {
+ *    pathname: /BasicSkill/basis/DOM,
+ *    menuOpenKeys: means extra show open keys in config.yml
+ *  }
  * output: ["/BasicSkill", "/BasicSkill/basis"]
  */
-function getOpenSubMenuKeys(pathname, menuOpenKeys) {
+// todo: optimize for depth-first traversal
+function getOpenSubMenuKeys({
+  pathname,
+  menuSource,
+  menuOpenKeys
+}) {
   const result = []
-  if (menuOpenKeys) {
-    result.push(...menuOpenKeys.split(','))
-  }
+  getOpenSubMenuKeysForAbbrLink(menuSource, pathname, result)
   /**
+   * logic for not abbrLink
    * there is no pick item if the length of pathnameSplit is less than or equal to 2.
    * eg: /README => ["", "README"]
    */
   const pathnameSplit = pathname.split('/')
   if (pathnameSplit.length <= 2) return result
   let recordValue = ''
-  // eslint-disable-next-line no-plusplus
   for (let i = 1; i < pathnameSplit.length - 1; i++) {
     recordValue += `/${pathnameSplit[i]}`
     result.push(recordValue)
   }
+
+  /** default open menu from config.yml */
+  if (menuOpenKeys) {
+    result.push(...menuOpenKeys.split(','))
+  }
+
   return result
 }
 
+function getOpenSubMenuKeysForAbbrLink(source, pathname, result) {
+  for (let i = 0; i < source.length; i++) {
+    const { type, path, mdconf } = source[i]
+    if (type === 'directory') {
+      result.push(path)
+      const ifFind = getOpenSubMenuKeysForAbbrLink(source[i].children, pathname, result)
+      if (ifFind) return true
+      result.pop()
+    } else {
+      if (pathname.indexOf(mdconf.abbrlink) > -1) {
+        return true
+      }
+    }
+  }
+}
+
 export { getOpenSubMenuKeys }