feat: SLoading (#724)

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

@@ -14,10 +14,13 @@ public class GlobalConfig : IScopedDependency
     private bool _mini;
     private string _favorite;
     private Guid _currentTeamId;
+    private bool _loading;
     private int _navLayer = 2;
 
     public List<int> NavLayerItems = new List<int> { 1, 2, 3 };
 
+    public string LoadingText = string.Empty;
+
     public delegate void GlobalConfigChanged();
 
     public event GlobalConfigChanged? OnLanguageChanged;
@@ -30,6 +33,10 @@ public class GlobalConfig : IScopedDependency
 
     public event NavLayerChanged? OnNavLayerChanged;
 
+    public delegate void LoadingChanged(bool loading, string loadingText);
+
+    public event LoadingChanged? OnLoadingChanged;
+
     public GlobalConfig(I18n i18n, LocalStorage localStore)
     {
         _i18N = i18n;
@@ -109,6 +116,19 @@ public int NavLayer
         }
     }
 
+    public bool Loading
+    {
+        get => _loading;
+        set
+        {
+            if (_loading != value)
+            {
+                _loading = value;
+                OnLoadingChanged?.Invoke(_loading, LoadingText);
+            }
+        }
+    }
+
     public async void Initialization()
     {
         _dark = Convert.ToBoolean(await _localStore.GetItemAsync(DarkStoreKey));

src/Masa.Stack.Components/Shared/IntegrationComponents/SLoading.razor

@@ -0,0 +1,49 @@
+@implements IDisposable
+@inject GlobalConfig GlobalConfig;
+
+<MOverlay ZIndex=9999999 Value="Loading" Class="@Class" Style="@Style" Color="@Color">
+    <div class="d-flex flex-column">
+        <MProgressCircular Indeterminate Width="@Width" Size="@Size" Class="align-self-center"></MProgressCircular>
+        <div class="mt-1">@LoadingText</div>
+    </div>
+</MOverlay>
+
+@code {
+    [Parameter]
+    public bool Loading { get; set; }
+
+    [Parameter]
+    public string LoadingText { get; set; } = string.Empty;
+
+    [Parameter]
+    public StringNumber? Size { get; set; } = 64;
+
+    [Parameter]
+    public StringNumber? Width { get; set; }
+
+    [Parameter]
+    public string? Class { get; set; }
+
+    [Parameter]
+    public string? Style { get; set; }
+
+    [Parameter]
+    public string? Color { get; set; }
+
+    void Changed(bool loading, string loadingText)
+    {
+        Loading = loading;
+        LoadingText = loadingText;
+        base.StateHasChanged();
+    }
+
+    protected override void OnInitialized()
+    {
+        GlobalConfig.OnLoadingChanged += Changed;
+    }
+
+    public void Dispose()
+    {
+        GlobalConfig.OnLoadingChanged -= Changed;
+    }
+}