refactor: 规范样式名称

Author: ArgoZhang

src/components/BootstrapBlazor.Region/Components/SelectProvince.razor

@@ -1,4 +1,4 @@
-@namespace BootstrapBlazor.Components
+@namespace BootstrapBlazor.Components
 @inherits SelectRegionBase
 @attribute [JSModuleAutoLoader("./_content/BootstrapBlazor.Region/Components/SelectRegion.razor.js")]
 
@@ -15,7 +15,7 @@
     {
         <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
     }
-    <div class="dropdown-menu bb-region-body">
+    <div class="dropdown-menu dropdown-menu-province">
         <ul>
             @foreach (var item in GetProvinces())
             {

src/components/BootstrapBlazor.Region/Components/SelectProvince.razor.css

@@ -6,7 +6,7 @@
         display: none;
     }
 
-.dropdown-menu {
+.dropdown-menu-province {
     --bs-dropdown-padding-y: 0;
     --bb-region-body-color: #495057;
     --bb-region-body-hover-bg-color: #e9ecef;
@@ -19,48 +19,48 @@
     --bb-region-body-gap: 5px;
 }
 
-    .dropdown-menu ul {
+    .dropdown-menu-province ul {
         margin: 0;
         padding: 0;
     }
 
-    .dropdown-menu li {
+    .dropdown-menu-province li {
         list-style: none;
         transition: background-color .3s linear, color .3s linear;
     }
 
-[data-bs-theme="dark"] .dropdown-menu {
+[data-bs-theme="dark"] .dropdown-menu-province {
     --bb-region-body-color: #c0c4cc;
     --bb-region-body-hover-color: #fff;
     --bb-region-body-active-color: #fff;
     --bb-region-body-hover-bg-color: #495057;
     --bb-region-body-active-bg-color: #6c757d;
 }
 
-.bb-region-body {
+.dropdown-menu-province {
     padding: var(--bb-region-body-padding);
     width: var(--bb-region-body-width);
 }
 
-    .bb-region-body ul {
+    .dropdown-menu-province ul {
         display: flex;
         flex-wrap: wrap;
         gap: var(--bb-region-body-gap);
     }
 
-    .bb-region-body ul li {
-        padding: var(--bb-region-body-item-padding);
-        border-radius: var(--bs-border-radius);
-        color: var(--bb-region-body-color);
-        cursor: pointer;
-    }
-
-        .bb-region-body ul li:hover {
-            background-color: var(--bb-region-body-hover-bg-color);
-            color: var(--bb-region-body-hover-color);
+        .dropdown-menu-province ul li {
+            padding: var(--bb-region-body-item-padding);
+            border-radius: var(--bs-border-radius);
+            color: var(--bb-region-body-color);
+            cursor: pointer;
         }
 
-        .bb-region-body ul li.active {
-            background-color: var(--bb-region-body-active-bg-color);
-            color: var(--bb-region-body-active-color);
-        }
+            .dropdown-menu-province ul li:hover {
+                background-color: var(--bb-region-body-hover-bg-color);
+                color: var(--bb-region-body-hover-color);
+            }
+
+            .dropdown-menu-province ul li.active {
+                background-color: var(--bb-region-body-active-bg-color);
+                color: var(--bb-region-body-active-color);
+            }

src/components/BootstrapBlazor.Region/Components/SelectRegion.razor

@@ -15,7 +15,7 @@
     {
         <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
     }
-    <div class="dropdown-menu">
+    <div class="dropdown-menu dropdown-menu-region">
         <div class="bb-region-header">
             <ul>
                 <li class="@GetHeaderActiveClass(RegionViewMode.Province)" @onclick="@OnSwitchProvinceView">省/直辖市</li>

src/components/BootstrapBlazor.Region/Components/SelectRegion.razor.css

@@ -6,7 +6,7 @@
         display: none;
     }
 
-.dropdown-menu {
+.dropdown-menu-region {
     --bs-dropdown-padding-y: 0;
     --bb-region-header-padding: 3px 12px;
     --bb-region-header-hover-bg-color: #e9ecef;
@@ -22,17 +22,17 @@
     --bb-region-body-gap: 5px;
 }
 
-    .dropdown-menu ul {
+    .dropdown-menu-region ul {
         margin: 0;
         padding: 0;
     }
 
-    .dropdown-menu li {
+    .dropdown-menu-region li {
         list-style: none;
         transition: background-color .3s linear, color .3s linear;
     }
 
-[data-bs-theme="dark"] .dropdown-menu {
+[data-bs-theme="dark"] .dropdown-menu-region {
     --bb-region-header-hover-bg-color: #495057;
     --bb-region-header-active-bg-color: #6c757d;
     --bb-region-body-color: #c0c4cc;