feat(module: menu): add IconFont support (#89)

Author: ElderJames

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

@@ -41,6 +41,8 @@
 <SettingDrawer />
 
 @inject HttpClient HttpClient
+@inject IconService iconService;
+
 @code
 {
     private MenuDataItem[] MenuData { get; set; } = {};
@@ -52,6 +54,7 @@
     {
         await base.OnInitializedAsync();
         var data = await HttpClient.GetFromJsonAsync<List<MenuDataItem>>("data/menu.json");
+        data[0].IconFont = "icon-tuichu";
         data.Insert(0, new MenuDataItem
             {
                 TitleTemplate =@<span><Icon Type="user"></Icon> Custom Menu </span>,
@@ -63,4 +66,12 @@
     {
         openKeys = [];
     }
+
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            await iconService.CreateFromIconfontCN("//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js");
+        }
+    }
 }

src/layout/src/AntDesign.ProLayout.csproj

@@ -51,7 +51,7 @@
   	<Exec WorkingDirectory="$(SolutionDir)" Command="npm install" />
   	<Exec WorkingDirectory="$(SolutionDir)" Command="npm run gulp:layout" />
   </Target>
-	
+
   <ItemGroup>
     <Content Update="**\*.razor">
       <Pack>false</Pack>

src/layout/src/SiderMenu/BaseMenu.razor

@@ -23,7 +23,7 @@
         return @<span>
             @if (!string.IsNullOrEmpty(menuItem.Icon))
             {
-                <Icon Type="@menuItem.Icon" Theme="outline" />
+                <Icon IconFont="@menuItem.IconFont" Type="@menuItem.Icon" Theme="outline" />
             }
             <span>@menuItem.Name</span>
             </span>

src/layout/src/SiderMenu/MenuDataItem.cs

@@ -10,6 +10,7 @@ public class MenuDataItem
         public bool HideChildrenInMenu { get; set; }
         public bool HideInMenu { get; set; }
         public string Icon { get; set; }
+        public string IconFont { get; set; }
         public string Locale { get; set; }
         public virtual string Name { get; set; }
         public string Key { get; set; }