From ac6967024f76897622ff4f793bb7554246809b7a Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 30 Mar 2026 14:56:14 +0800
Subject: [PATCH] feat: integrate CustomHeader and CustomLogo into layout

- Add imports for CustomHeader and CustomLogo components
- Add headerRender function to render custom header
- Add logoRenderer function to render custom logo with collapsed state
- Components properly integrated into layout configuration

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/common/libs/umi/layoutConfig.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/common/libs/umi/layoutConfig.tsx b/src/common/libs/umi/layoutConfig.tsx
index 8b02288..882f6b3 100644
--- a/src/common/libs/umi/layoutConfig.tsx
+++ b/src/common/libs/umi/layoutConfig.tsx
@@ -2,6 +2,7 @@
 import { MyIcons, MyIconsType, PermissionsType, useMyState } from '@/common';
 import { Link, RuntimeConfig, history } from '@umijs/max';
 import AvatarProps from '../../components/layout/AvatarProps';
+import { CustomHeader, CustomLogo } from '@/common/components/layout';
 
 const loopMenu = (permissions: PermissionsType[] | undefined) => {
   let tree: PermissionsType[] = [];
@@ -38,6 +39,17 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => {
     colorPrimary: '#1890ff',
     siderWidth: 220,
     pure: history.location.pathname === '/login',
+
+    // 新增：自定义Header渲染
+    headerRender: () => {
+      return <CustomHeader />;
+    },
+
+    // 新增：自定义Logo渲染
+    logoRenderer: (collapsed: boolean) => {
+      return <CustomLogo collapsed={collapsed} />;
+    },
+
     avatarProps: {
       render: () => <AvatarProps user={snap.session.user} />,
     },