feat: Global Navigation Layer

src/Masa.Stack.Components/Configs/GlobalConfig.cs

@@ -2,17 +2,21 @@
 
 public class GlobalConfig : IScopedDependency
 {
-    private const string DarkCookieKey = "GlobalConfig_IsDark";
-    private const string MiniCookieKey = "GlobalConfig_NavigationMini";
-    private const string FavoriteCookieKey = "GlobalConfig_Favorite";
-    private const string LangCookieKey = "GlobalConfig_Lang";
+    private const string DarkStoreKey = "GlobalConfig_IsDark";
+    private const string MiniStoreKey = "GlobalConfig_NavigationMini";
+    private const string FavoriteStoreKey = "GlobalConfig_Favorite";
+    private const string LangStoreKey = "GlobalConfig_Lang";
+    private const string NavLayerStoreKey = "GlobalConfig_NavLayer";
 
-    private readonly CookieStorage _cookieStorage;
+    private readonly LocalStorage _localStore;
     private readonly I18n _i18N;
     private bool _dark;
     private bool _mini;
     private string _favorite;
     private Guid _currentTeamId;
+    private int _navLayer = 2;
+
+    public List<int> NavLayerItems = new List<int> { 1, 2, 3 };
 
     public delegate void GlobalConfigChanged();
 
@@ -22,10 +26,14 @@ public class GlobalConfig : IScopedDependency
 
     public event CurrentTeamChanged? OnCurrentTeamChanged;
 
-    public GlobalConfig(CookieStorage cookieStorage, I18n i18n)
+    public delegate Task NavLayerChanged();
+
+    public event NavLayerChanged? OnNavLayerChanged;
+
+    public GlobalConfig(I18n i18n, LocalStorage localStore)
     {
-        _cookieStorage = cookieStorage;
         _i18N = i18n;
+        _localStore = localStore;
     }
 
     public CultureInfo Culture
@@ -34,7 +42,7 @@ public CultureInfo Culture
         set
         {
             _i18N.SetCulture(new CultureInfo("en-US"), value);
-            _cookieStorage.SetAsync(LangCookieKey, value.Name);
+            _localStore.SetItemAsync(LangStoreKey, value.Name);
             OnLanguageChanged?.Invoke();
         }
     }
@@ -61,7 +69,7 @@ public bool Dark
         set
         {
             _dark = value;
-            _cookieStorage.SetAsync(DarkCookieKey, value);
+            _localStore.SetItemAsync(DarkStoreKey, value);
         }
     }
 
@@ -73,7 +81,7 @@ public bool Mini
         set
         {
             _mini = value;
-            _cookieStorage?.SetAsync(MiniCookieKey, value);
+            _localStore?.SetItemAsync(MiniStoreKey, value);
         }
     }
 
@@ -83,20 +91,40 @@ public string Favorite
         set
         {
             _favorite = value;
-            _cookieStorage?.SetAsync(FavoriteCookieKey, value);
+            _localStore?.SetItemAsync(FavoriteStoreKey, value);
+        }
+    }
+
+    public int NavLayer
+    {
+        get => _navLayer;
+        set
+        {
+            if (_navLayer != value)
+            {
+                _navLayer = value;
+                OnNavLayerChanged?.Invoke();
+                _localStore.SetItemAsync(NavLayerStoreKey, value);
+            }
         }
     }
 
     public async void Initialization()
     {
-        _dark = Convert.ToBoolean(await _cookieStorage.GetAsync(DarkCookieKey));
-        bool.TryParse(await _cookieStorage.GetAsync(MiniCookieKey), out _mini);
-        _favorite = await _cookieStorage.GetAsync(FavoriteCookieKey);
+        _dark = Convert.ToBoolean(await _localStore.GetItemAsync(DarkStoreKey));
+        bool.TryParse(await _localStore.GetItemAsync(MiniStoreKey), out _mini);
+        _favorite = await _localStore.GetItemAsync(FavoriteStoreKey) ?? string.Empty;
 
-        var lang = await _cookieStorage.GetAsync(LangCookieKey);
+        var lang = await _localStore.GetItemAsync(LangStoreKey);
         if (!string.IsNullOrWhiteSpace(lang))
         {
             _i18N.SetCulture(new CultureInfo("en-US"), new CultureInfo(lang));
         }
+
+        var navLayer = await _localStore.GetItemAsync<int>(NavLayerStoreKey);
+        if (navLayer > 0)
+        {
+            _navLayer = navLayer;
+        }
     }
 }

src/Masa.Stack.Components/Locales/en-US.json

@@ -131,5 +131,7 @@
   },
   "403Tips": "You are not authorized! ",
   "404Tips": "The requested URL was not found.",
-  "BackToHome": "Back to home"
+  "BackToHome": "Back to home",
+  "NavigationLayerLabel": "Menu display",
+  "Layer": "layer"
 }

src/Masa.Stack.Components/Locales/ru-RU.json

@@ -216,5 +216,7 @@
   "Create": "Создать",
   "403Tips": "У вас нет разрешения!",
   "404Tips": "Не найден запрашиваемый URL.",
-  "BackToHome": "Вернуться на главную"
+  "BackToHome": "Вернуться на главную",
+  "NavigationLayerLabel": "Меню Показать",
+  "Layer": "Слой"
 }

src/Masa.Stack.Components/Locales/zh-CN.json

@@ -217,5 +217,7 @@
   "Create": "新建",
   "403Tips": "您未经授权！",
   "404Tips": "找不到请求的URL。",
-  "BackToHome": "回到主页"
+  "BackToHome": "回到主页",
+  "NavigationLayerLabel": "菜单显示",
+  "Layer": "层"
 }

src/Masa.Stack.Components/Shared/GlobalNavigations/ExpansionAppWrapper.razor

@@ -38,15 +38,21 @@
 
 @code {
 
-    private RenderFragment RenderNestNav(ExpansionMenu menu) => __builder =>
+    private RenderFragment RenderNestNav(ExpansionMenu menu, int layer = 1) => __builder =>
     {
         @RenderNav(menu)
 
+        if (GlobalConfig.NavLayer <= layer)
+        {
+            return;
+        }
+
         if (menu.Children.Count != 0)
         {
             foreach (var child in menu.Children)
             {
-                @RenderNestNav(child)
+                layer++;
+                @RenderNestNav(child, layer)
             }
         }
     };

src/Masa.Stack.Components/Shared/GlobalNavigations/ExpansionAppWrapper.razor.cs

@@ -11,6 +11,16 @@ public partial class ExpansionAppWrapper
     [Parameter]
     public EventCallback<ExpansionMenu> OnItemOperClick { get; set; }
 
+    [Inject]
+    public GlobalConfig GlobalConfig { get; set; } = null!;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+
+        GlobalConfig.OnNavLayerChanged += Changed;
+    }
+
     private async Task ItemOperClick()
     {
         await OnItemOperClick.InvokeAsync(Value);
@@ -43,4 +53,15 @@ private static string GetClass(ExpansionMenu menu)
 
         return string.Join(" ", css);
     }
+
+    async Task Changed()
+    {
+        await InvokeAsync(StateHasChanged);
+    }
+
+    protected override ValueTask DisposeAsyncCore()
+    {
+        GlobalConfig.OnNavLayerChanged -= Changed;
+        return base.DisposeAsyncCore();
+    }
 }

src/Masa.Stack.Components/Shared/GlobalNavigations/GlobalNavigation.razor

@@ -81,6 +81,10 @@
                         <div class="d-flex">
                             <span class="global-nav-header__title">@T("GlobalNavigation")</span>
                             <MSpacer />
+                            <div style="width: 140px;" Class="mr-6">
+                                <SSelect @bind-Value="GlobalConfig.NavLayer" Items="GlobalConfig.NavLayerItems" ItemText="@(v => $"{v.ToWords()} {T("Layer")}")" ItemValue="v=> v" Label="@T("NavigationLayerLabel")" Small />
+                            </div>
+
                             <SSearch Dense Class="mr-6" Value="@_search" ValueChanged="SearchChanged" />
                             <MButton Icon OnClick="() => _visible = false">
                                 <MIcon>mdi-close</MIcon>

src/Masa.Stack.Components/Shared/GlobalNavigations/GlobalNavigation.razor.cs

@@ -16,6 +16,9 @@ public partial class GlobalNavigation : MasaComponentBase
     [Parameter]
     public Func<string, Task>? OnFavoriteRemove { get; set; }
 
+    [Inject]
+    public GlobalConfig GlobalConfig { get; set; } = null!;
+
     private bool _visible;
     private List<(string name, string url)>? _recentVisits;
     private List<KeyValuePair<string, string>>? _recommendApps;

src/Masa.Stack.Components/Shared/Layouts/Components/Notification.razor.cs

@@ -113,9 +113,13 @@ async Task Changed()
         await InvokeAsync(StateHasChanged);
     }
 
-    public async void Dispose()
+    protected override async ValueTask DisposeAsyncCore()
     {
         NoticeState.OnNoticeChanged -= Changed;
-        await HubConnection.DisposeAsync();
+        if (HubConnection != null)
+        {
+            await HubConnection.DisposeAsync();
+        }
+        await base.DisposeAsyncCore();
     }
 }