chore: 更新文件目录结构

Author: ArgoZhang

src/components/BootstrapBlazor.UniverSheet/Components/UniverSheet.razor

@@ -2,9 +2,12 @@
 @inherits BootstrapModuleComponentBase
 @attribute [JSModuleAutoLoader("./_content/BootstrapBlazor.UniverSheet/Components/UniverSheet.razor.js", JSObjectReference = true)]
 
-<div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id" style="position: relative; overflow: hidden;">
-    <div class="bb-univer-sheet-wrap" style="height: 100%;"></div>
-    <div class="bb-univer-sheet-backdrop" style="background-color: #000; opacity: 0.3; position: absolute; inset: 0; z-index: 1205; display: flex; align-items: center; justify-content: center;">
-        <div style="color: #fff;">@LoadingText</div>
-    </div>
+<div @attributes="@AdditionalAttributes" class="@ClassString" id="@Id">
+    <div class="bb-univer-sheet-wrap"></div>
+    @if (ShowLoading)
+    {
+        <div class="bb-univer-sheet-backdrop" style="display: none;">
+            <div class="bb-univer-sheet-load">@LoadingText</div>
+        </div>
+    }
 </div>

src/components/BootstrapBlazor.UniverSheet/Components/UniverSheet.razor.cs

@@ -49,6 +49,12 @@ public partial class UniverSheet
     [Parameter]
     public UniverSheetData? Data { get; set; }
 
+    /// <summary>
+    /// 获得/设置 是否显示加载遮罩 默认 true 显示遮罩
+    /// </summary>
+    [Parameter]
+    public bool ShowLoading { get; set; } = true;
+
     /// <summary>
     /// 获得/设置 正在加载显示文本 默认 null 未设置读取资源文件
     /// </summary>

src/components/BootstrapBlazor.UniverSheet/Components/UniverSheet.razor.js

@@ -1,5 +1,5 @@
-import { isFunction, registerBootstrapBlazorModule } from '../../BootstrapBlazor/modules/utility.js'
-import { createUniverSheetAsync } from '../js/univer.js'
+import { addLink, isFunction, registerBootstrapBlazorModule } from '../../BootstrapBlazor/modules/utility.js'
+import { createUniverSheetAsync } from '../univer.js'
 import Data from '../../BootstrapBlazor/modules/data.js'
 import EventHandler from "../../BootstrapBlazor/modules/event-handler.js"
 
@@ -11,6 +11,11 @@ export async function init(id, invoke, options) {
         return;
     }
 
+    const backdrop = el.querySelector('.bb-univer-sheet-backdrop');
+    if (backdrop) {
+        backdrop.style.removeProperty('display');
+    }
+
     const { theme, lang, plugins, data, ribbonType, darkMode } = options;
     const univerSheet = {
         el: el.querySelector('.bb-univer-sheet-wrap'),
@@ -23,7 +28,6 @@ export async function init(id, invoke, options) {
         darkMode,
         events: {
             onRendered: () => {
-                const backdrop = el.querySelector('.bb-univer-sheet-backdrop');
                 if (backdrop) {
                     backdrop.classList.add('d-none');
                 }
@@ -34,11 +38,11 @@ export async function init(id, invoke, options) {
     await createUniverSheetAsync(univerSheet);
     Data.set(id, univerSheet);
 
-    invoke.invokeMethodAsync('TriggerReadyAsync');
-
     registerBootstrapBlazorModule('UniverSheet', id, () => {
         EventHandler.on(document, 'changed.bb.theme', updateTheme);
     });
+
+    invoke.invokeMethodAsync('TriggerReadyAsync');
 }
 
 export function execute(id, data) {

src/components/BootstrapBlazor.UniverSheet/wwwroot/css/univer-sheet.bundle.css

@@ -3,6 +3,27 @@
 .bb-univer-sheet {
     width: 100%;
     height: 100%;
+    position: relative;
+    overflow: hidden;
+}
+
+.bb-univer-sheet-wrap {
+    height: 100%;
+}
+
+.bb-univer-sheet-backdrop {
+    background-color: #000;
+    opacity: 0.5;
+    position: absolute;
+    inset: 0;
+    z-index: 1205;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.bb-univer-sheet-load {
+    color: #fff;
 }
 
 .univer-theme {