refactor: 更改组件名称

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -90,7 +90,7 @@
         }
         @if (ShowSplitBar)
         {
-            <LayoutSidebar></LayoutSidebar>
+            <LayoutSplitebar></LayoutSplitebar>
         }
         @if (Menus != null)
         {

src/BootstrapBlazor/Components/Layout/LayoutSidebar.razor renamed to src/BootstrapBlazor/Components/Layout/LayoutSplitebar.razor

@@ -1,8 +1,8 @@
 @namespace BootstrapBlazor.Components
 @inherits BootstrapModuleComponentBase
-@attribute [BootstrapModuleAutoLoader("Layout/LayoutSidebar.razor.js")]
+@attribute [BootstrapModuleAutoLoader("Layout/LayoutSplitebar.razor.js")]
 
-<div id="@Id" class="layout-sidebar"
+<div id="@Id" class="layout-splitebar"
      data-bb-min="@_minWidthString" data-bb-max="@_maxWidthString" data-bb-selector="@ContainerSelector">
-    <div class="layout-sidebar-body"></div>
+    <div class="layout-splitebar-body"></div>
 </div>

src/BootstrapBlazor/Components/Layout/LayoutSidebar.razor.cs renamed to src/BootstrapBlazor/Components/Layout/LayoutSplitebar.razor.cs

@@ -8,7 +8,7 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// LayoutSidebar 组件
 /// </summary>
-public partial class LayoutSidebar
+public partial class LayoutSplitebar
 {
     /// <summary>
     /// 获得/设置 容器选择器 默认 null 未设置

src/BootstrapBlazor/Components/Layout/LayoutSidebar.razor.js renamed to src/BootstrapBlazor/Components/Layout/LayoutSplitebar.razor.js

@@ -1,5 +1,4 @@
 import Drag from "../../modules/drag.js"
-import Data from "../../modules/data.js"
 
 export function init(id) {
     const el = document.getElementById(id);
@@ -11,7 +10,7 @@ export function init(id) {
     const max = parseFloat(el.getAttribute("data-bb-max") ?? "0");
     const selector = el.getAttribute("data-bb-selector");
     const section = document.querySelector(selector);
-    const bar = el.querySelector(".layout-sidebar-body");
+    const bar = el.querySelector(".layout-splitebar-body");
     let originX = 0;
     let width = 0;
     Drag.drag(bar,
@@ -37,7 +36,7 @@ export function init(id) {
 export function dispose(id) {
     const el = document.getElementById(id);
     if (el) {
-        const bar = el.querySelector(".layout-sidebar-body");
+        const bar = el.querySelector(".layout-splitebar-body");
         if (bar) {
             Drag.dispose(bar);
         }

src/BootstrapBlazor/Components/Layout/LayoutSidebar.razor.scss renamed to src/BootstrapBlazor/Components/Layout/LayoutSplitebar.razor.scss

@@ -1,4 +1,4 @@
-.layout-sidebar {
+.layout-splitebar {
     width: 1px;
     position: absolute;
     top: 0;
@@ -7,7 +7,7 @@
     background-color: var(--bs-border-color);
     display: none;
 
-    .layout-sidebar-body {
+    .layout-splitebar-body {
         position: absolute;
         inset: 0px -2px;
         cursor: col-resize;
@@ -26,7 +26,7 @@
 }
 
 @media(min-width: 768px) {
-    .layout-sidebar {
+    .layout-splitebar {
         display: block;
     }
 }

src/BootstrapBlazor/wwwroot/scss/components.scss

@@ -57,7 +57,7 @@
 @import "../../Components/Input/FloatingLabel.razor.scss";
 @import "../../Components/IpAddress/IpAddress.razor.scss";
 @import "../../Components/Layout/Layout.razor.scss";
-@import "../../Components/Layout/LayoutSidebar.razor.scss";
+@import "../../Components/Layout/LayoutSplitebar.razor.scss";
 @import "../../Components/Light/Light.razor.scss";
 @import "../../Components/ListGroup/ListGroup.razor.scss";
 @import "../../Components/ListView/ListView.razor.scss";