feat: update menu scrollIntoView

Author: MuYunyun

packages/crd-seed/component/Menu/MenuItem.js

@@ -10,18 +10,27 @@ function MenuItem({
   keyValue = '',
   level = 0,
 }) {
-  const { theme, selectedKey, onSelect, onHoverKey } = useMenuContext()
+  const {
+    theme,
+    selectedKey,
+    onSelect,
+    onHoverKey,
+    inlineCollapsed
+  } = useMenuContext()
   const menuItemRef = useRef(null)
   const menuItemselected = keyValue.indexOf(selectedKey) > -1
+  const menuUnFoldDelayTime = 300
 
   useEffect(() => {
-    if (menuItemselected) {
-      menuItemRef.scrollIntoView({
-        block: 'center',
-        behavior: 'smooth'
-      })
+    if (menuItemselected && (inlineCollapsed === false)) {
+      setTimeout(() => {
+        menuItemRef.current.scrollIntoView({
+          block: 'center',
+          behavior: 'smooth'
+        })
+      }, menuUnFoldDelayTime)
     }
-  }, [])
+  }, [keyValue, selectedKey, inlineCollapsed])
 
   const handleOnClick = () => {
     onSelect(keyValue)

packages/crd-seed/layout/index.js

@@ -24,7 +24,7 @@ function BasicLayout({
 }) {
   const { pathname } = location
   const { user, repo, branch = 'main', language = 'en', menuOpenKeys } = DOCSCONFIG || {}
-  const [inlineCollapsed, setInlineCollapsed] = useState(isMobile)
+  const [inlineCollapsed, setInlineCollapsed] = useState(true)
   const [selectedKey, setSelectedKey] = useState('')
   const curOpenKeys = getOpenSubMenuKeys({
     pathname,