feat(BasicLayout): support two-way binding Collapsed (#83)

Author: ElderJames

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

@@ -5,6 +5,7 @@
     MenuData="MenuData"
     Theme="MenuTheme.Light"
     MenuAccordion
+    @bind-Collapsed="collapsed"
 >
     <HeaderContentRender>
         <Menu Mode="MenuMode.Horizontal" Theme="MenuTheme.Dark">
@@ -44,6 +45,8 @@
 {
     private MenuDataItem[] MenuData { get; set; } = {};
 
+    private bool collapsed;
+
     protected override async Task OnInitializedAsync()
     {
         await base.OnInitializedAsync();

src/layout/src/BasicLayout.razor.cs

@@ -28,10 +28,13 @@ public partial class BasicLayout : IBasicLayout
         public ClassMapper ContentClassMapper { get; set; } = new ClassMapper();
 
         [Parameter] public bool Collapsed { get; set; }
+        [Parameter] public EventCallback<bool> CollapsedChanged { get; set; }
         [Parameter] public EventCallback<bool> HandleOpenChange { get; set; }
         [Parameter] public bool IsMobile { get; set; }
         [Parameter] public MenuDataItem[] MenuData { get; set; }
         [Parameter] public MenuMode Mode { get; set; }
+
+        [Obsolete("use CollapsedChanged or @bind-Collapsed instead.")]
         [Parameter] public EventCallback<bool> OnCollapse { get; set; }
         [Parameter] public string[] OpenKeys { get; set; } = { };
         [Parameter] public MenuTheme Theme { get; set; }
@@ -110,7 +113,15 @@ private async Task HandleCollapse(bool collapsed)
         {
             Collapsed = collapsed;
             SetStyle();
-            await OnCollapse.InvokeAsync(collapsed);
+            if (CollapsedChanged.HasDelegate)
+            {
+                await CollapsedChanged.InvokeAsync(collapsed);
+            }
+            if (OnCollapse.HasDelegate)
+            {
+                await OnCollapse.InvokeAsync(collapsed);
+            }
+           
         }
     }
 }