migrate to mudblazor v9

aishang2015 · aishang2015 · commit df0051d28717 · 2026-04-11T17:01:08.000+08:00
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Culture/CultureIcon.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Culture/CultureIcon.razor
@@ -7,7 +7,7 @@
     <MudMenu Color="Color.Inherit" Dense="true"
              AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopRight">
         <ActivatorContent>
-            <MudIcon Icon="@Icons.Material.Filled.Language" Size="Size.Small" Color="Color.Inherit"  />
+            <MudIcon Icon="@Icons.Material.Filled.Language" Size="Size.Small" Color="Color.Inherit" @onclick="@context.ToggleAsync" />
             <MudText Typo="Typo.caption" Color="Color.Surface">@_loc["CultureLanguage"]</MudText>
         </ActivatorContent>
         <ChildContent>
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/NavTabs/NavTab.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/NavTabs/NavTab.razor
@@ -2,8 +2,8 @@
 @using BlazorAdmin.Servers.Core.States
 @rendermode InteractiveServer
 
-<MudDynamicTabs MinimumTabWidth="120px" AddIconStyle="display:none;"
-                @bind-ActivePanelIndex="_selectedTabIndex" CloseIconStyle="padding:0;"
+<MudDynamicTabs MinimumTabWidth="120px" AddIconClass="d-none"
+                @bind-ActivePanelIndex="_selectedTabIndex" CloseIconClass="pa-0"
                 Class="mud-elevation-1 rounded-t" Style="overflow:hidden;"
                 CloseTab="OnTabClose">
     @foreach (var tab in _userTabs)
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Notification/NotificationIcon.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Notification/NotificationIcon.razor
@@ -15,20 +15,20 @@
 @rendermode InteractiveServer
 
 <MudMenu Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit" Dense="true"
-         TransformOrigin="Origin.TopRight">
+         TransformOrigin="Origin.TopRight" >
     <ActivatorContent>
         @if (UnreadCount > 0)
         {
             <MudBadge Content="@UnreadCount" Color="Color.Primary" Class="dense-badge"
                       Overlap="true" Style="margin-right:12px;">
-                <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit">
+                <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit" OnClick="@context.ToggleAsync">
                 </MudIconButton>
             </MudBadge>
         }
         else
         {
             <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit"
-                           Style="margin-right:12px;">
+                           Style="margin-right:12px;" OnClick="@context.ToggleAsync">
             </MudIconButton>
         }
     </ActivatorContent>
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Themes/ProvidersAggregate.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/Themes/ProvidersAggregate.razor
@@ -4,7 +4,7 @@
 
 <MudThemeProvider IsDarkMode="@_themeState.IsDark" Theme="@_themeState.MudTheme" />
 <MudPopoverProvider />
-<MudDialogProvider />
+<MudDialogProvider DefaultFocus="DefaultFocus.FirstChild" />
 <MudSnackbarProvider />
 
 @code {
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/Dialogs/Com/BasicInfoConfig.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/Dialogs/Com/BasicInfoConfig.razor
@@ -12,8 +12,8 @@
                     <MudText>头像</MudText>
                     <MudSpacer />
                     <MudFileUpload Class="flex-none" T="IBrowserFile" FilesChanged="UploadFiles" Accept=".png, .jpg">
-                        <ActivatorContent>
-                            <MudIconButton>
+                        <CustomContent Context="fileUpload">
+                            <MudIconButton OnClick="@fileUpload.OpenFilePickerAsync">
                                 @if (string.IsNullOrEmpty(_user.Avatar))
                                 {
                                     <MudAvatar Color="Color.Primary">
@@ -27,7 +27,9 @@
                                     </MudAvatar>
                                 }
                             </MudIconButton>
-                        </ActivatorContent>
+                        </CustomContent>
+                        <SelectedTemplate>
+                        </SelectedTemplate>
                     </MudFileUpload>
                 </div>
             </MudListItem>
@@ -43,7 +45,7 @@
                     else
                     {
                         <MudTextField @bind-Value="_editUserName" Immediate="true" @onblur="EditUserNameBlur"
-                                    Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
+                                      Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
                     }
                 </div>
             </MudListItem>
@@ -59,7 +61,7 @@
                     else
                     {
                         <MudTextField @bind-Value="_editRealName" Immediate="true" @onblur="EditRealNameBlur"
-                                    Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
+                                      Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
                     }
                 </div>
             </MudListItem>
@@ -75,7 +77,7 @@
                     else
                     {
                         <MudTextField @bind-Value="_editEmail" Immediate="true" @onblur="EditEmailBlur"
-                                    Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
+                                      Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
                     }
                 </div>
             </MudListItem>
@@ -91,7 +93,7 @@
                     else
                     {
                         <MudTextField @bind-Value="_editPhone" Immediate="true" @onblur="EditPhoneBlur"
-                                    Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
+                                      Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>
                     }
                 </div>
             </MudListItem>
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/Dialogs/ProfileSetting.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/Dialogs/ProfileSetting.razor
@@ -4,16 +4,16 @@
 
 
 <MudDialog Gutters="false">
-	<DialogContent>
-		<div style="width:800px;height:600px;" class="pa-4">
-			<MudText Typo="Typo.h6">账号设置</MudText>
-			<MudTabs Position="Position.Left" Rounded="true" Class="mt-2" PanelClass="pa-2" Elevation="1"
-					 Style="height:calc(100% - 20px);">
-				<MudTabPanel Text="基本信息" Icon="@Icons.Material.Filled.SettingsApplications" Style="justify-content:start;">
-					<BasicInfoConfig/>
-				</MudTabPanel>
+    <DialogContent>
+        <div style="width:800px;height:600px;" class="pa-4">
+            <MudText Typo="Typo.h6">账号设置</MudText>
+            <MudTabs Position="Position.Left" Rounded="true" Class="mt-2" TabPanelsClass="pa-2" Elevation="1"
+                     Style="height:calc(100% - 20px);">
+                <MudTabPanel Text="基本信息" Icon="@Icons.Material.Filled.SettingsApplications" Style="width:100%;">
+                    <BasicInfoConfig />
+                </MudTabPanel>
 
-			</MudTabs>
-		</div>
-	</DialogContent>
+            </MudTabs>
+        </div>
+    </DialogContent>
 </MudDialog>
diff --git a/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/UserMenuAvatar.razor b/src/BlazorAdmin/BlazorAdmin.Modules/BlazorAdmin.Layout/Components/UserAvatar/UserMenuAvatar.razor
@@ -9,13 +9,13 @@
     <ActivatorContent>
         @if (string.IsNullOrEmpty(_avatar))
         {
-            <MudAvatar Size="Size.Small" Color=" Color.Primary">
+            <MudAvatar Size="Size.Small" Color=" Color.Primary" @onclick="@context.ToggleAsync">
                 @_userName.FirstOrDefault()
             </MudAvatar>
         }
         else
         {
-            <MudAvatar Size="Size.Small">
+            <MudAvatar Size="Size.Small" @onclick="@context.ToggleAsync">
                 <MudImage Src="@("Avatars/" + _avatar)"></MudImage>
             </MudAvatar>
         }

Original file line number	Diff line number	Diff line change
`@@ -15,20 +15,20 @@`
`15`	`15`	`@rendermode InteractiveServer`
`16`	`16`
`17`	`17`	`<MudMenu Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit" Dense="true"`
`18`		`- TransformOrigin="Origin.TopRight">`
	`18`	`+ TransformOrigin="Origin.TopRight" >`
`19`	`19`	`<ActivatorContent>`
`20`	`20`	`@if (UnreadCount > 0)`
`21`	`21`	`{`
`22`	`22`	`<MudBadge Content="@UnreadCount" Color="Color.Primary" Class="dense-badge"`
`23`	`23`	`Overlap="true" Style="margin-right:12px;">`
`24`		`- <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit">`
	`24`	`+ <MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit" OnClick="@context.ToggleAsync">`
`25`	`25`	`</MudIconButton>`
`26`	`26`	`</MudBadge>`
`27`	`27`	`}`
`28`	`28`	`else`
`29`	`29`	`{`
`30`	`30`	`<MudIconButton Icon="@Icons.Material.Filled.Notifications" Color="Color.Inherit"`
`31`		`- Style="margin-right:12px;">`
	`31`	`+ Style="margin-right:12px;" OnClick="@context.ToggleAsync">`
`32`	`32`	`</MudIconButton>`
`33`	`33`	`}`
`34`	`34`	`</ActivatorContent>`
Original file line number	Diff line number	Diff line change
`@@ -12,8 +12,8 @@`
`12`	`12`	`<MudText>头像</MudText>`
`13`	`13`	`<MudSpacer />`
`14`	`14`	`<MudFileUpload Class="flex-none" T="IBrowserFile" FilesChanged="UploadFiles" Accept=".png, .jpg">`
`15`		`- <ActivatorContent>`
`16`		`- <MudIconButton>`
	`15`	`+ <CustomContent Context="fileUpload">`
	`16`	`+ <MudIconButton OnClick="@fileUpload.OpenFilePickerAsync">`
`17`	`17`	`@if (string.IsNullOrEmpty(_user.Avatar))`
`18`	`18`	`{`
`19`	`19`	`<MudAvatar Color="Color.Primary">`
`@@ -27,7 +27,9 @@`
`27`	`27`	`</MudAvatar>`
`28`	`28`	`}`
`29`	`29`	`</MudIconButton>`
`30`		`- </ActivatorContent>`
	`30`	`+ </CustomContent>`
	`31`	`+ <SelectedTemplate>`
	`32`	`+ </SelectedTemplate>`
`31`	`33`	`</MudFileUpload>`
`32`	`34`	`</div>`
`33`	`35`	`</MudListItem>`
`@@ -43,7 +45,7 @@`
`43`	`45`	`else`
`44`	`46`	`{`
`45`	`47`	`<MudTextField @bind-Value="_editUserName" Immediate="true" @onblur="EditUserNameBlur"`
`46`		`- Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
	`48`	`+ Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
`47`	`49`	`}`
`48`	`50`	`</div>`
`49`	`51`	`</MudListItem>`
`@@ -59,7 +61,7 @@`
`59`	`61`	`else`
`60`	`62`	`{`
`61`	`63`	`<MudTextField @bind-Value="_editRealName" Immediate="true" @onblur="EditRealNameBlur"`
`62`		`- Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
	`64`	`+ Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
`63`	`65`	`}`
`64`	`66`	`</div>`
`65`	`67`	`</MudListItem>`
`@@ -75,7 +77,7 @@`
`75`	`77`	`else`
`76`	`78`	`{`
`77`	`79`	`<MudTextField @bind-Value="_editEmail" Immediate="true" @onblur="EditEmailBlur"`
`78`		`- Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
	`80`	`+ Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
`79`	`81`	`}`
`80`	`82`	`</div>`
`81`	`83`	`</MudListItem>`
`@@ -91,7 +93,7 @@`
`91`	`93`	`else`
`92`	`94`	`{`
`93`	`95`	`<MudTextField @bind-Value="_editPhone" Immediate="true" @onblur="EditPhoneBlur"`
`94`		`- Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
	`96`	`+ Margin="Margin.Dense" Variant="Variant.Outlined" AutoFocus="true"></MudTextField>`
`95`	`97`	`}`
`96`	`98`	`</div>`
`97`	`99`	`</MudListItem>`
Original file line number	Diff line number	Diff line change
`@@ -9,13 +9,13 @@`
`9`	`9`	`<ActivatorContent>`
`10`	`10`	`@if (string.IsNullOrEmpty(_avatar))`
`11`	`11`	`{`
`12`		`- <MudAvatar Size="Size.Small" Color=" Color.Primary">`
	`12`	`+ <MudAvatar Size="Size.Small" Color=" Color.Primary" @onclick="@context.ToggleAsync">`
`13`	`13`	`@_userName.FirstOrDefault()`
`14`	`14`	`</MudAvatar>`
`15`	`15`	`}`
`16`	`16`	`else`
`17`	`17`	`{`
`18`		`- <MudAvatar Size="Size.Small">`
	`18`	`+ <MudAvatar Size="Size.Small" @onclick="@context.ToggleAsync">`
`19`	`19`	`<MudImage Src="@("Avatars/" + _avatar)"></MudImage>`
`20`	`20`	`</MudAvatar>`
`21`	`21`	`}`