aldehyde 0.2.480 → 0.2.481

package/src/aldehyde/layout5/page.tsx

@@ -1,107 +1,107 @@
-import { Layout, theme, ConfigProvider } from "antd";
-import React, { useEffect, useRef, useState, useMemo } from "react";
-import DocumentTitle from "react-document-title";
-import { useSessionStorageState } from "ahooks";
-import { generate } from "@ant-design/colors";
-import Header from "./header";
-import Sider from "./sider";
-import Main from "../layout2/main";
-import { useVarCssColor } from "../hooks/useVarCssColor";
-import { LayoutProvider, useLayoutContext } from "../layout2/layout-context";
-import { MenuType } from "../layout2/type/layout-type";
-import Units from '../units';
-import { useLocale } from "../locale/useLocale";
-import { KeepAliveTab, useTabs } from "../hooks/use-tabs";
-import { getMenuConfig, routeNavigationThemeHome } from "../layout2/page";
-import { ThemeConfig } from "../tmpl/interface";
-import { useLocation, useNavigate, NavigateFunction } from "react-router-dom";
-import { KeepAliveTabContext } from '../layout2/tabs/tabs-context';
-import homePng from "./imgs/home.png";
-
-const { useToken } = theme;
-
-type PagePropsType = {
-  children?: React.ReactNode;
-  logo?: string;
-};
-
-const Page: React.FC<PagePropsType> = (props: PagePropsType) => {
-  const { logo } = props;
-  const [systemName, setSystemName] = useState("");
-  const [systemLogo, setSystemLogo] = useState("");
-  const [customHome, setCustomHome] = useState<string>(); // 自定义首页菜单
-  const [themeConfig, setThemeConfig] = useState<ThemeConfig>();
-  const [menu, setMenu] = useState<MenuType[]>([]);
-  const pageRef = useRef<HTMLDivElement>(undefined); // page ref
-  //清空缓存
-  const [keepAliveTabs, setKeepAliveTabs] = useSessionStorageState<KeepAliveTab[]>('keepAliveTabs', { defaultValue: [] });
-  const { documentTitle, updateMenuItemIdToFirstFloorIdxMap } = useLayoutContext();
-  const { getSiderCollapsed, compactTheme } = useLocale();
-  const { token: { colorPrimary } } = useToken();
-  const { pathname } = useLocation();
-  const navigate = useNavigate();
-  const { closeTab, tabs, refreshTab, closeOtherTab, setTabs, activeTabRoutePath } = useTabs();
-
-  const getThemeConfigAndMenuConfig = async () => {
-    const tConfig = await Units.getThemeConfig();
-    const menuConfig = await getMenuConfig("v5");
-    setSystemName(tConfig?.programName || menuConfig?.systemName);
-    setSystemLogo(tConfig?.programIcon || homePng);
-    setMenu(menuConfig?.menu);
-    updateMenuItemIdToFirstFloorIdxMap(menuConfig?.menu);
-    setThemeConfig(tConfig);
-    const temCustomHome = routeNavigationThemeHome(tConfig, menuConfig?.menu, pathname, navigate, closeTab, "v5");
-    setCustomHome(temCustomHome);
-  };
-
-  useEffect(() => {
-    getThemeConfigAndMenuConfig();
-    useVarCssColor(generate(colorPrimary));
-    localStorage.setItem("version", "v5");
-    window.addEventListener('beforeunload', () => { setKeepAliveTabs([]); });
-  }, []);
-
-  const keepAliveContextValue = useMemo(
-    () => ({ closeTab, closeOtherTab, refreshTab, setTabs, tabs, activeTabRoutePath }),
-    [closeTab, closeOtherTab, refreshTab, setTabs, tabs, activeTabRoutePath]
-  );
-
-  return (
-    <DocumentTitle title={documentTitle || ""}>
-      <div
-        ref={pageRef}
-        style={{
-          width: "100%",
-          height: "100%",
-          position: "absolute",
-        }}
-      >
-        <ConfigProvider
-          theme={{
-            algorithm: compactTheme ? [theme.compactAlgorithm] : [],
-          }}>
-          <KeepAliveTabContext.Provider value={keepAliveContextValue}>
-
-            <Layout style={{ height: "100%" }} className={compactTheme ? "layout-compactTheme" : undefined}>
-              <Sider themeConfig={themeConfig} logoImg={logo || systemLogo} menuList={menu} collapsed={getSiderCollapsed()} systemName={systemName ? systemName : Units.programName_NavLeft()} customHome={customHome} />
-              <Layout>
-                <Header themeConfig={themeConfig} menuList={menu} />
-                <Main menuList={menu}>{props.children}</Main>
-              </Layout>
-            </Layout>
-          </KeepAliveTabContext.Provider>
-        </ConfigProvider>
-      </div>
-    </DocumentTitle>
-  );
-};
-
-const ContextPage: React.FC<PagePropsType> = (props: PagePropsType) => {
-  return (
-    <LayoutProvider>
-      <Page {...props}>{props.children}</Page>
-    </LayoutProvider>
-  );
-};
-
-export default ContextPage;
+import { Layout, theme, ConfigProvider } from "antd";
+import React, { useEffect, useRef, useState, useMemo } from "react";
+import DocumentTitle from "react-document-title";
+import { useSessionStorageState } from "ahooks";
+import { generate } from "@ant-design/colors";
+import Header from "./header";
+import Sider from "./sider";
+import Main from "../layout2/main";
+import { useVarCssColor } from "../hooks/useVarCssColor";
+import { LayoutProvider, useLayoutContext } from "../layout2/layout-context";
+import { MenuType } from "../layout2/type/layout-type";
+import Units from '../units';
+import { useLocale } from "../locale/useLocale";
+import { KeepAliveTab, useTabs } from "../hooks/use-tabs";
+import { getMenuConfig, routeNavigationThemeHome } from "../layout2/page";
+import { ThemeConfig } from "../tmpl/interface";
+import { useLocation, useNavigate, NavigateFunction } from "react-router-dom";
+import { KeepAliveTabContext } from '../layout2/tabs/tabs-context';
+import homePng from "./imgs/home.png";
+
+const { useToken } = theme;
+
+type PagePropsType = {
+  children?: React.ReactNode;
+  logo?: string;
+};
+
+const Page: React.FC<PagePropsType> = (props: PagePropsType) => {
+  const { logo } = props;
+  const [systemName, setSystemName] = useState("");
+  const [systemLogo, setSystemLogo] = useState("");
+  const [customHome, setCustomHome] = useState<string>(); // 自定义首页菜单
+  const [themeConfig, setThemeConfig] = useState<ThemeConfig>();
+  const [menu, setMenu] = useState<MenuType[]>([]);
+  const pageRef = useRef<HTMLDivElement>(undefined); // page ref
+  //清空缓存
+  const [keepAliveTabs, setKeepAliveTabs] = useSessionStorageState<KeepAliveTab[]>('keepAliveTabs', { defaultValue: [] });
+  const { documentTitle, updateMenuItemIdToFirstFloorIdxMap } = useLayoutContext();
+  const { getSiderCollapsed, compactTheme } = useLocale();
+  const { token: { colorPrimary } } = useToken();
+  const { pathname } = useLocation();
+  const navigate = useNavigate();
+  const { closeTab, tabs, refreshTab, closeOtherTab, setTabs, activeTabRoutePath } = useTabs();
+
+  const getThemeConfigAndMenuConfig = async () => {
+    const tConfig = await Units.getThemeConfig();
+    const menuConfig = await getMenuConfig("v5");
+    setSystemName(tConfig?.programName || menuConfig?.systemName);
+    setSystemLogo(tConfig?.programIcon || homePng);
+    setMenu(menuConfig?.menu);
+    updateMenuItemIdToFirstFloorIdxMap(menuConfig?.menu);
+    setThemeConfig(tConfig);
+    const temCustomHome = routeNavigationThemeHome(tConfig, menuConfig?.menu, pathname, navigate, closeTab, "v5");
+    setCustomHome(temCustomHome);
+  };
+
+  useEffect(() => {
+    getThemeConfigAndMenuConfig();
+    useVarCssColor(generate(colorPrimary));
+    localStorage.setItem("version", "v5");
+    window.addEventListener('beforeunload', () => { setKeepAliveTabs([]); });
+  }, []);
+
+  const keepAliveContextValue = useMemo(
+    () => ({ closeTab, closeOtherTab, refreshTab, setTabs, tabs, activeTabRoutePath }),
+    [closeTab, closeOtherTab, refreshTab, setTabs, tabs, activeTabRoutePath]
+  );
+
+  return (
+    <DocumentTitle title={documentTitle || ""}>
+      <div
+        ref={pageRef}
+        style={{
+          width: "100%",
+          height: "100%",
+          position: "absolute",
+        }}
+      >
+        <ConfigProvider
+          theme={{
+            algorithm: compactTheme ? [theme.compactAlgorithm] : [],
+          }}>
+          <KeepAliveTabContext.Provider value={keepAliveContextValue}>
+
+            <Layout style={{ height: "100%" }} className={compactTheme ? "layout-compactTheme" : undefined}>
+              <Sider themeConfig={themeConfig} logoImg={logo || systemLogo} menuList={menu} collapsed={getSiderCollapsed()} systemName={systemName ? systemName : Units.programName_NavLeft()} customHome={customHome} />
+              <Layout>
+                <Header themeConfig={themeConfig} menuList={menu} />
+                <Main menuList={menu}>{props.children}</Main>
+              </Layout>
+            </Layout>
+          </KeepAliveTabContext.Provider>
+        </ConfigProvider>
+      </div>
+    </DocumentTitle>
+  );
+};
+
+const ContextPage: React.FC<PagePropsType> = (props: PagePropsType) => {
+  return (
+    <LayoutProvider>
+      <Page {...props}>{props.children}</Page>
+    </LayoutProvider>
+  );
+};
+
+export default ContextPage;