refactor: 重构代码

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/DockViews2/BaseDockView.cs

@@ -39,11 +39,6 @@ public abstract class BaseDockView : ComponentBase
     /// </summary>
     protected DataTableDynamicContext? DataTableDynamicContext { get; set; }
 
-    /// <summary>
-    /// Gets or sets the theme
-    /// </summary>
-    protected DockViewTheme Theme { get; set; } = DockViewTheme.Light;
-
     /// <summary>
     /// 获得 <see cref="DynamicObjectContext"/> 实例方法
     /// </summary>

src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewLayout.razor

@@ -12,7 +12,7 @@
     <Button OnClickWithoutRender="Reset" Text="复位"></Button>
 </GroupBox>
 
-<DockViewV2 @ref="DockView" Name="DockViewLayout" LayoutConfig="@LayoutConfig" class="dock-layout-demo">
+<DockViewV2 @ref="@_dockView" Name="DockViewLayout" LayoutConfig="@_layoutConfig" class="dock-layout-demo">
     <DockViewContent Type="DockViewContentType.Column">
         <DockViewComponent Key="tab1" Title="标签一">
             <Table TItem="DynamicObject" DynamicContext="DataTableDynamicContext"

src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewLayout.razor.cs

@@ -15,26 +15,26 @@ public partial class DockViewLayout
     private IStringLocalizer<DockViewLayout>? Localizer { get; set; }
 
     [NotNull]
-    private DockViewV2? DockView { get; set; }
+    private DockViewV2? _dockView = null;
 
-    private Task Reset() => DockView.Reset(LayoutConfig);
+    private Task Reset() => _dockView.Reset(_layoutConfig);
 
     private void OnToggleLayout1()
     {
-        LayoutConfig = LayoutConfig1;
+        _layoutConfig = LayoutConfig1;
     }
 
     private void OnToggleLayout2()
     {
-        LayoutConfig = LayoutConfig2;
+        _layoutConfig = LayoutConfig2;
     }
 
     private void OnToggleLayout3()
     {
-        LayoutConfig = LayoutConfig3;
+        _layoutConfig = LayoutConfig3;
     }
 
-    private string LayoutConfig = LayoutConfig1;
+    private string _layoutConfig = LayoutConfig1;
 
     const string LayoutConfig1 = """{"grid":{"root":{"type":"branch","data":[{"type":"branch","data":[{"type":"leaf","data":{"views":["bb_5893789"],"activeView":"bb_5893789","id":"0"},"size":364},{"type":"leaf","data":{"views":["bb_11251481"],"activeView":"bb_11251481","id":"1"},"size":364},{"type":"leaf","data":{"views":["bb_39754773"],"activeView":"bb_39754773","id":"2"},"size":364}],"size":601}],"size":1092},"width":1092,"height":601,"orientation":"VERTICAL"},"panels":{"bb_5893789":{"id":"bb_5893789","contentComponent":"component","tabComponent":"component","params":{"componentName":"component","title":"标签一","titleWidth":null,"titleClass":null,"class":null,"visible":true,"showClose":true,"width":null,"height":null,"key":null,"isLock":false,"type":"component","id":"bb_5893789","additionalAttributes":null},"title":"标签一"},"bb_11251481":{"id":"bb_11251481","contentComponent":"component","tabComponent":"component","params":{"componentName":"component","title":"标签二","titleWidth":null,"titleClass":null,"class":null,"visible":true,"showClose":true,"width":null,"height":null,"key":null,"isLock":false,"type":"component","id":"bb_11251481","additionalAttributes":null},"title":"标签二"},"bb_39754773":{"id":"bb_39754773","contentComponent":"component","tabComponent":"component","params":{"componentName":"component","title":"标签三","titleWidth":null,"titleClass":null,"class":null,"visible":true,"showClose":true,"width":null,"height":null,"key":null,"isLock":false,"type":"component","id":"bb_39754773","additionalAttributes":null},"title":"标签三"}},"activeGroup":"1"}""";
 

src/BootstrapBlazor.Server/Components/Samples/DockViews2/DockViewNest.razor

@@ -5,7 +5,7 @@
 
 <h4>@((MarkupString)Localizer["DockViewNestIntro"].Value)</h4>
 
-<Select @bind-Value="@Theme"></Select>
+<Select @bind-Value="@_theme"></Select>
 
 <DockViewV2 Name="DockViewNest" Theme="_theme" class="dockview-demo">
     <DockViewContent Type="DockViewContentType.Row">
@@ -40,7 +40,7 @@
             </Table>
         </DockViewComponent>
         <DockViewComponent Key="tab3" Title="嵌套布局" ShowHeader="false">
-            <DockViewV2 Name="DockViewInnerNest" Theme="Theme">
+            <DockViewV2 Name="DockViewInnerNest" Theme="_theme">
                 <DockViewContent Type="DockViewContentType.Column">
                     <DockViewComponent Key="tab31" Title="内嵌标签一">
                         <Table TItem="TreeFoo" IsBordered="true" IsStriped="true"