feat

src/components/NavMenu/index.jsx

@@ -31,10 +31,10 @@ export default function NavMenu (props) {
   }, [])
 
   return (
-    <Fragment>
+    <div ref={elementRef}>
       <nav
         id="pageNav"
-        ref={elementRef}
+        
         className="navbar navbar-expand-lg navbar-light bg-light fixed-top p-0"
         style={{ '--bs-bg-opacity': 0.9 }}
       >
@@ -93,6 +93,6 @@ export default function NavMenu (props) {
         menus={current?.children}
         onShowChange={setShow}
       />
-    </Fragment>
+    </div>
   );
 }

src/components/NavMenu/style.less

@@ -1,7 +1,7 @@
 
 #sub-menu {
   visibility: hidden;
-  position: absolute;
+  position: fixed;
   max-height: 0;
   left: 0;
   opacity: 0;

src/middleware.js

@@ -1,14 +1,36 @@
-// import { sequence } from "astro:middleware";
-// // import { getCategary } from "./services/apis";
-// import menus from './data/menu';
+import { sequence } from "astro:middleware";
 
-// async function getGloalData(context, next) {
-//   // const menus = await getCategary();
-//   context.locals._menus = menus;
+let globalData = null;
 
-//   context.data = { ...(context.data || {}), menus };
+function getKey(path) {
+  // 去掉 .js 后缀
+  const parts = path.replace(/\.js$/, '').split('/');
+  // 去掉 /data/zh/
+  return parts.slice(3).join('.');
+}
+
+async function impData() {
+  const data = await import.meta.glob('./data/zh/*.js');
+
+  Object.keys(data).forEach(async (key) => {
+    const dt = await data[key]();
+    globalData = {
+      ...(globalData || {}),
+      [getKey(key)]: dt.default,
+    }
+  });
+}
+
+async function getGloalData(context, next) {
+
+  if (!globalData) {
+    await impData();
+  }
+
+  context.locals.globalData = globalData;
+  console.log('globalData', globalData);
   
-//   return next();
-// }
+  return next();
+}
 
-// export const onRequest = sequence(getGloalData);
+export const onRequest = sequence(getGloalData);

src/pages/[lang]/index.astro

@@ -10,8 +10,8 @@ import LeftRightCarousel from '@/components/LeftRightCarousel.astro'
 import VerticalNavigationContent from '@/components/VerticalNavigationContent.astro'
 import LeftImgRightText from '@/components/LeftImgRightText.astro'
 import FooterMenu from '@/components/NavMenu/FooterMenu.jsx'
-import menus from '@/data/menu'
-import pageData from '@/data/homepage'
+import menus from '@/data/zh/menuenu'
+import pageData from '@/data/zh/homepageage'
 
 import Container from '@/components/Container.astro'
 import MediaCard from '@/components/MediaCard/MediaCard1.astro'