fix(BasicLayout): Invalid setting collapsed value (#76)

### Associated issue ###
#38
#66
ant-design-blazor/ant-design-pro-blazor#136
ant-design-blazor/ant-design-pro-blazor#134

Author: yoli799480165

src/layout/src/AntDesign.ProLayout.csproj

@@ -23,7 +23,7 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="AntDesign" Version="0.14.4" />
+    <PackageReference Include="AntDesign" Version="0.15.5" />
   </ItemGroup>
 
   <PropertyGroup Condition=" '$(Configuration)' == 'Debug' And '$(SolutionDir)'==''">

src/layout/src/BasicLayout.razor

@@ -12,6 +12,7 @@
             else
             {
                 <CascadingValue Value="MenuExtraRender" Name="MenuExtraRender">
+                    <CascadingValue Value="Collapsed" Name="Collapsed">
                         <SiderMenu
                             MenuData="MenuData"
                             OpenKeys="OpenKeys"
@@ -22,6 +23,7 @@
                             Accordion="MenuAccordion"
                             OnCollapse="HandleCollapse">
                         </SiderMenu>
+                    </CascadingValue>
                 </CascadingValue>
             }
         }

src/layout/src/BasicLayout.razor.cs

@@ -1,4 +1,5 @@
-using System.Collections.Generic;
+using System;
+using System.Collections.Generic;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
@@ -20,6 +21,7 @@ public partial class BasicLayout : IBasicLayout
         private readonly bool _isChildrenLayout = false;
         private string _genLayoutStyle;
         private string _weakModeStyle;
+        private bool _collapsed;
 
         public string PrefixCls { get; } = "ant-pro";
         public string BaseClassName => $"{PrefixCls}-basicLayout";
@@ -61,10 +63,20 @@ protected override void OnInitialized()
             SetClassMap();
         }
 
+        protected override void OnParametersSet()
+        {
+            if (Collapsed != _collapsed)
+            {
+                _collapsed = Collapsed;
+                SetStyle();
+            }
+        }
+
         protected void SetStyle()
         {
             var hasLeftPadding = FixSiderbar && Layout != Layout.Top && !IsMobile;
             var paddingLeft = hasLeftPadding ? Collapsed ? 48 : SiderWidth : 0;
+            Logger.LogInformation($"HasLeftPadding: {hasLeftPadding}, Collapsed: {Collapsed}, Padding: {paddingLeft}");
             _genLayoutStyle = MenuRender ? $"padding-left: {paddingLeft}px; position: relative;" : "";
             _weakModeStyle = ColorWeak ? "filter: invert(80%);" : "";
         }

src/layout/src/SiderMenu/BaseMenu.razor

@@ -8,8 +8,7 @@
     Style="@Style"
     Accordion="@Accordion"
     Class="@ClassMapper.Class"
-    OnOpenChange="SetOpenKeys"
-    InlineCollapsed="Collapsed">
+    OnOpenChange="SetOpenKeys">
     @menuItemTemplate((MenuData, false))
 </Menu>
 

src/layout/src/SiderMenu/SiderMenu.razor

@@ -4,7 +4,6 @@
     Collapsible="false"
     Collapsed="Collapsed"
     CollapsedWidth="48"
-    OnCollapse="HandleSiderCollapse"
     Style="@SiderStyle"
     Width="SiderWidth"
     Theme="SiderTheme"

src/layout/src/SiderMenu/SiderMenu.razor.cs

@@ -73,13 +73,6 @@ private async Task HandleOnCollapse(bool collapsed)
             }
         }
 
-        private async Task HandleSiderCollapse(bool collapsed)
-        {
-            Collapsed = collapsed;
-
-            await HandleOnCollapse(collapsed);
-        }
-
         protected override void OnInitialized()
         {
             base.OnInitialized();