expose HeaderContentRender for BasicLayout (#64)

Author: ElderJames

src/layout/example/AntDesign.ProLayout.Wasm/Shared/ProLayout.razor

@@ -4,6 +4,12 @@
     Logo="@("https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg")"
     MenuData="MenuData"
     Theme="MenuTheme.Light">
+    <HeaderContentRender>
+        <Menu Mode="MenuMode.Horizontal" Theme="MenuTheme.Dark">
+            <MenuItem>Menu 1</MenuItem>
+            <MenuItem>Menu 2</MenuItem>
+        </Menu>
+    </HeaderContentRender>
     <RightContentRender>
         <RightContent />
     </RightContentRender>

src/layout/src/BasicLayout.razor

@@ -29,7 +29,7 @@
             @if (HeaderRender && Pure)
             {
                 <CascadingValue Value="RightContentRender" Name="RightContentRender">
-                    <HeaderView Logo="Logo" MenuData="MenuData" Title="@Title"/>
+                    <HeaderView SiderWidth="SiderWidth" Logo="Logo" MenuData="MenuData" Title="@Title" HeaderContentRender="HeaderContentRender" />
                 </CascadingValue>
             }
 

src/layout/src/BasicLayout.razor.cs

@@ -49,6 +49,7 @@ public partial class BasicLayout : IBasicLayout
         [Parameter] public string ContentStyle { get; set; }
         [Parameter] public string ColSize { get; set; } = "lg";
         [Parameter] public RenderFragment RightContentRender { get; set; }
+        [Parameter] public RenderFragment HeaderContentRender { get;set;}
         [Inject] public ILogger<BasicLayout> Logger { get; set; }
 
         protected override void OnInitialized()

src/layout/src/GlobalHeader/GlobalHeader.razor

@@ -14,7 +14,7 @@ else
     <div class="@ClassMapper.Class" Style="@Style">
         @if (IsMobile)
         {
-            <span class=@BaseClassName-logo key="logo">
+            <span class="@BaseClassName-logo" key="logo">
                 <a>
                     @if (Logo.IsT0)
                     {
@@ -48,7 +48,7 @@ else
         {
             if (Layout == Layout.Mix)
             {
-                <div class="@BaseClassName-logo">
+                <div class="@BaseClassName-logo" style="min-width:@(SiderWidth)px">
                     <a href="/">
                         @if (Logo.IsT0)
                         {

src/layout/src/GlobalHeader/GlobalHeader.razor.cs

@@ -34,6 +34,8 @@ public partial class GlobalHeader : AntProComponentBase, IGlobalHeader
         [Parameter]
         public bool IsMobile { get; set; }
 
+        [Parameter] public int SiderWidth { get; set; }
+
         [Parameter]
         public OneOf<string, RenderFragment> Logo { get; set; }
 

src/layout/src/HeaderView.razor

@@ -12,7 +12,7 @@
     }
     else
     {
-        <GlobalHeader Logo="Logo" Title="@Title">
+        <GlobalHeader SiderWidth="SiderWidth" Logo="Logo" Title="@Title">
             @HeaderContentRender
         </GlobalHeader>
     }

src/layout/src/HeaderView.razor.cs

@@ -23,7 +23,7 @@ public partial class HeaderView : IHeaderView
         [Parameter] public bool IsMobile { get; set; }
         [Parameter] public OneOf<string, RenderFragment> Logo { get; set; }
         [Parameter] public bool HasSiderMenu { get; set; }
-        [Parameter] public int SiderWidth { get; set; } = 208;
+        [Parameter] public int SiderWidth { get; set; }
         [Parameter] public RenderFragment HeaderContentRender { get; set; }
         [Parameter] public MenuDataItem[] MenuData { get; set; } = { };