feat: allow custom navbar

Author: moonrailgun

packages/tushan/client/components/layout/index.tsx

@@ -63,13 +63,11 @@ export const BasicLayout: React.FC = React.memo((props) => {
   const navbarHeight = 64;
   const menuWidth = collapsed ? 48 : 220;
   const { t } = useTranslation();
-  const { footer } = useTushanContext();
+  const { navbar, footer } = useTushanContext();
 
   return (
     <Root className="basic-layout">
-      <Header className="header">
-        <Navbar />
-      </Header>
+      <Header className="header">{navbar ?? <Navbar />}</Header>
 
       <Layout>
         <Sider

packages/tushan/client/context/tushan.tsx

@@ -15,6 +15,7 @@ export interface TushanContextProps {
   };
   layout?: React.ReactElement;
   loginPage?: React.ReactElement;
+  navbar?: React.ReactNode;
   header?: React.ReactNode;
   footer?: React.ReactNode;
 }

packages/tushan/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tushan",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "description": "",
   "main": "./index.ts",
   "scripts": {