feat: 实现城市排列

Author: ArgoZhang

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

@@ -16,15 +16,17 @@
         <span class="@ClearClassString" @onclick="OnClearValue"><i class="@ClearIcon"></i></span>
     }
     <div class="dropdown-menu">
-        @foreach(var item in GetProvinces())
+        @foreach (var item in GetProvinces())
         {
-            <div class="bb-region-city-item">@item</div>
-            <ul>
-                @foreach (var city in GetCities(item))
-                {
-                    <li class="">@city</li>
-                }
-            </ul>
+            <div class="bb-region-city-item">
+                <div class="bb-region-city-title">@item</div>
+                <ul>
+                    @foreach (var city in GetCities(item))
+                    {
+                        <li class="">@city</li>
+                    }
+                </ul>
+            </div>
         }
     </div>
 </div>

src/components/BootstrapBlazor.Region/Components/SelectCity.razor.cs

@@ -26,7 +26,65 @@ private async Task OnClearValue()
         }
     }
 
-    private HashSet<string> GetProvinces() => RegionService.GetProvinces();
+    private static HashSet<string> GetProvinces()
+    {
+        return
+        [
+            "直辖市",
+            "河北省",
+            "山西省",
+            "辽宁省",
+            "吉林省",
+            "黑龙江省",
+            "江苏省",
+            "浙江省",
+            "安徽省",
+            "福建省",
+            "江西省",
+            "山东省",
+            "河南省",
+            "湖北省",
+            "湖南省",
+            "广东省",
+            "海南省",
+            "四川省",
+            "贵州省",
+            "云南省",
+            "陕西省",
+            "甘肃省",
+            "青海省",
+            "内蒙古自治区",
+            "广西壮族自治区",
+            "西藏自治区",
+            "宁夏回族自治区",
+            "新疆维吾尔自治区",
+            "台湾省",
+            "特别行政区"
+        ];
+    }
+
+    private HashSet<string> GetCities(string proviceName)
+    {
+        if (proviceName == "直辖市")
+        {
+            return
+            [
+                "北京市",
+                "天津市",
+                "上海市",
+                "重庆市"
+            ];
+        }
 
-    private HashSet<string> GetCities(string proviceName) => RegionService.GetCities(proviceName);
+        if (proviceName == "特别行政区")
+        {
+            return
+            [
+                "香港特别行政区",
+                "澳门特别行政区"
+            ];
+        }
+
+        return RegionService.GetCities(proviceName);
+    }
 }

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

@@ -34,7 +34,14 @@
             color: #000;
         }
 
-.bb-region-city-item {
+.bb-region-city-item:not(:last-child) {
+    margin-bottom: 3px;
+    padding-bottom: 3px;
+    border-bottom: 1px solid var(--bs-border-color);
+}
+
+.bb-region-city-title {
     padding: 3px 12px;
-    color: #ddd;
+    color: #000;
+    font-weight: bold;
 }