support custom menu title template (#86)

Author: ElderJames

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

@@ -50,7 +50,11 @@
     protected override async Task OnInitializedAsync()
     {
         await base.OnInitializedAsync();
-        var data = await HttpClient.GetFromJsonAsync<MenuDataItem[]>("data/menu.json");
-        MenuData = data;
+        var data = await HttpClient.GetFromJsonAsync<List<MenuDataItem>>("data/menu.json");
+        data.Insert(0, new MenuDataItem
+            {
+                TitleTemplate =@<span><Icon Type="user"></Icon> Custom Menu </span>,
+            });
+        MenuData = data.ToArray();
     }
 }

src/layout/src/SiderMenu/BaseMenu.razor

@@ -14,8 +14,12 @@
 
 @code
 {
-    RenderFragment title(MenuDataItem menuItem) {
-        
+    RenderFragment title(MenuDataItem menuItem) 
+    {
+        if (menuItem.TitleTemplate != null)
+        {
+            return menuItem.TitleTemplate;
+        }
         return @<span>
             @if (!string.IsNullOrEmpty(menuItem.Icon))
             {
@@ -26,7 +30,7 @@
         ;
     }
 
-    RenderFragment menuItemTemplate(MenuDataItem[] items, bool isChildren)
+    RenderFragment menuItemTemplate(IEnumerable<MenuDataItem> items, bool isChildren)
     {
         @if (items == null)
         {

src/layout/src/SiderMenu/MenuDataItem.cs

@@ -1,4 +1,5 @@
-using Microsoft.AspNetCore.Components.Routing;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Routing;
 
 namespace AntDesign.ProLayout
 {
@@ -15,5 +16,6 @@ public class MenuDataItem
         public string Path { get; set; }
         public string[] ParentKeys { get; set; }
         public NavLinkMatch Match { get; set; } = NavLinkMatch.All;
+        public RenderFragment TitleTemplate { get; set; }
     }
 }