refactor: 更改组件名称

Author: ArgoZhang

src/BootstrapBlazor/Components/Layout/Layout.razor

@@ -96,7 +96,7 @@
         }
         @if (ShowSplitBar)
         {
-            <LayoutSplitebar Min="SidebarMinWidth" Max="SidebarMaxWidth"></LayoutSplitebar>
+            <LayoutSplitBar Min="SidebarMinWidth" Max="SidebarMaxWidth"></LayoutSplitBar>
         }
         @if (Menus != null)
         {

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

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

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

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

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

@@ -11,11 +11,11 @@ export function init(id) {
     const selector = el.getAttribute("data-bb-selector") ?? ".layout";
     const section = document.querySelector(selector);
     if (section === null) {
-        log.warning(`LayoutSplitebar: selector ${selector} not found`);
+        log.warning(`LayoutSplitBar: selector ${selector} not found`);
         return;
     }
 
-    const bar = el.querySelector(".layout-splitebar-body");
+    const bar = el.querySelector(".layout-split-bar-body");
     let originX = 0;
     let width = 0;
     Drag.drag(bar,
@@ -50,7 +50,7 @@ export function init(id) {
 export function dispose(id) {
     const el = document.getElementById(id);
     if (el) {
-        const bar = el.querySelector(".layout-splitebar-body");
+        const bar = el.querySelector(".layout-split-bar-body");
         if (bar) {
             Drag.dispose(bar);
         }

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

@@ -1,4 +1,4 @@
-.layout-splitebar {
+.layout-split-bar {
     width: 1px;
     position: absolute;
     top: 0;
@@ -7,9 +7,9 @@
     background-color: var(--bs-border-color);
     display: none;
 
-    .layout-splitebar-body {
-        --bb-splitebar-body-hover-bg: #{$bb-splitebar-body-hover-bg};
-        --bb-splitebar-body-drag-hover-bg: #{$bb-splitebar-body-drag-hover-bg};
+    .layout-split-bar-body {
+        --bb-split-bar-body-hover-bg: #{$bb-split-bar-body-hover-bg};
+        --bb-split-bar-body-drag-hover-bg: #{$bb-split-bar-body-drag-hover-bg};
         position: absolute;
         inset: 0px -2px;
         cursor: col-resize;
@@ -18,27 +18,27 @@
         transition: background .3s linear;
 
         &:hover {
-            background-color: var(--bb-splitebar-body-hover-bg);
+            background-color: var(--bb-split-bar-body-hover-bg);
         }
     }
 }
 
 .drag {
-    .layout-splitebar {
-        .layout-splitebar-body:hover {
-            background-color: var(--bb-splitebar-body-drag-hover-bg);
+    .layout-split-bar {
+        .layout-split-bar-body:hover {
+            background-color: var(--bb-split-bar-body-drag-hover-bg);
         }
     }
 }
 
 .is-collapsed {
-    .layout-splitebar-body {
+    .layout-split-bar-body {
         display: none;
     }
 }
 
 @media(min-width: 768px) {
-    .layout-splitebar {
+    .layout-split-bar {
         display: block;
     }
 }

src/BootstrapBlazor/wwwroot/scss/components.scss

@@ -60,7 +60,7 @@
 @import "../../Components/Input/OtpInput.razor.scss";
 @import "../../Components/IpAddress/IpAddress.razor.scss";
 @import "../../Components/Layout/Layout.razor.scss";
-@import "../../Components/Layout/LayoutSplitebar.razor.scss";
+@import "../../Components/Layout/LayoutSplitBar.razor.scss";
 @import "../../Components/Light/Light.razor.scss";
 @import "../../Components/ListGroup/ListGroup.razor.scss";
 @import "../../Components/ListView/ListView.razor.scss";

src/BootstrapBlazor/wwwroot/scss/theme/bootstrapblazor.scss

@@ -347,9 +347,9 @@ $bb-layout-menu-item-hover-bg: #409eff;
 $bb-layout-logo-border-color: #d5d5d5;
 $bb-layout-logo-bg: #0e77e3;
 
-// LayoutSplitebar
-$bb-splitebar-body-hover-bg: rgba(175, 184, 193, 0.2);
-$bb-splitebar-body-drag-hover-bg: rgb(9, 105, 218);
+// LayoutSplitBar
+$bb-split-bar-body-hover-bg: rgba(175, 184, 193, 0.2);
+$bb-split-bar-body-drag-hover-bg: rgb(9, 105, 218);
 
 // Light
 $bb-light-bg: radial-gradient(circle, #fff, #aaa, #333);