From b285bc34f7a670b8adf9d9a31a45fccafbcc5f39 Mon Sep 17 00:00:00 2001
From: Argo <argo@163.com>
Date: Fri, 11 Feb 2022 05:31:48 +0000
Subject: [PATCH] =?UTF-8?q?!2410=20feat(#I4T5JG):=20add=20AutoClearSearchT?=
 =?UTF-8?q?ext=20parameter=20on=20Select=20*=20chore:=20bump=20version=206?=
 =?UTF-8?q?.3.1-beta03=20*=20test:=20=E5=A2=9E=E5=8A=A0=20AutoClearSearchT?=
 =?UTF-8?q?ext=20=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95=20*=20doc:=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E8=87=AA=E5=8A=A8=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=96=87=E6=9C=AC=20=E7=A4=BA=E4=BE=8B=20*?=
 =?UTF-8?q?=20feat:=20=E5=A2=9E=E5=8A=A0=20AutoClearSearchText=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor.Shared/Locales/en.json          |  3 ++-
 src/BootstrapBlazor.Shared/Locales/zh.json          |  1 +
 src/BootstrapBlazor.Shared/Samples/Selects.razor    | 13 +++++++------
 src/BootstrapBlazor/BootstrapBlazor.csproj          |  2 +-
 .../Components/Select/Select.razor.cs               | 11 +++++++++++
 test/UnitTest/Components/SelectTest.cs              |  1 +
 6 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/BootstrapBlazor.Shared/Locales/en.json b/src/BootstrapBlazor.Shared/Locales/en.json
index 024dec1f7..6324c6095 100644
--- a/src/BootstrapBlazor.Shared/Locales/en.json
+++ b/src/BootstrapBlazor.Shared/Locales/en.json
@@ -1491,12 +1491,13 @@
     "BlockShowSearchTitle": "Drop-down box with search box",
     "BlockShowSearchIntro": "Controls whether the search box is displayed by setting the <code>ShowSearch</code> property, which is not displayed by default false",
     "Block15Title": "Drop-down box with confirmation",
-    "Block15Intro": "Block changes to the current value by setting the <code> onBeforeSelectedItemChange </code> delegate.",
+    "Block15Intro": "Block changes to the current value by setting the <code>OnBeforeSelectedItemChange</code> delegate.",
     "SwalTitle": "The drop-down box value changes",
     "SwalContent": "Are you sure you want to change the option value?",
     "SwalFooter": "Click Confirm to change the option value and select Cancel to leave the value unchanged",
     "ShowLabel": "Whether to display the front label",
     "ShowSearch": "Whether to display the search box",
+    "AutoClearSearchTextIntro": "By default, the component will maintain the searchtext content. You can set the <code>AutoClearSearchText</code> parameter to control the automatic emptying of the search content when click the select item",
     "DisplayText": "The front label displays text",
     "Class": "Style",
     "Color": "Color",
diff --git a/src/BootstrapBlazor.Shared/Locales/zh.json b/src/BootstrapBlazor.Shared/Locales/zh.json
index 9bbde7a49..f443607e9 100644
--- a/src/BootstrapBlazor.Shared/Locales/zh.json
+++ b/src/BootstrapBlazor.Shared/Locales/zh.json
@@ -1500,6 +1500,7 @@
     "SwalFooter": "点击确认改变选项值，选择取消后值不变",
     "ShowLabel": "是否显示前置标签",
     "ShowSearch": "是否显示搜索框",
+    "AutoClearSearchTextIntro": "默认情况下组件会保持 SearchText 内容，可以通过设置 <code>AutoClearSearchText</code> 参数来控制选中候选项时自动清空搜索内容",
     "DisplayText": "前置标签显示文本",
     "Class": "样式",
     "Color": "颜色",
diff --git a/src/BootstrapBlazor.Shared/Samples/Selects.razor b/src/BootstrapBlazor.Shared/Samples/Selects.razor
index a50e676a1..2cb17e3e0 100644
--- a/src/BootstrapBlazor.Shared/Samples/Selects.razor
+++ b/src/BootstrapBlazor.Shared/Samples/Selects.razor
@@ -113,7 +113,7 @@
     </ValidateForm>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["Block6Title"]" Introduction="@Localizer["Block6Intro"]"  Name="Group">
+<DemoBlock Title="@Localizer["Block6Title"]" Introduction="@Localizer["Block6Intro"]" Name="Group">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select TValue="string" Color="Color.Primary" Items="GroupItems">
@@ -133,7 +133,7 @@
     </div>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["Block8Title"]" Introduction="@Localizer["Block8Intro"]"  Name="DispalyLabel">
+<DemoBlock Title="@Localizer["Block8Title"]" Introduction="@Localizer["Block8Intro"]" Name="DispalyLabel">
     <p>@((MarkupString)Localizer["P3"].Value)</p>
     <Divider Text="@Localizer["Divider1"]" Alignment="Alignment.Left" style="margin: 2rem 0;"></Divider>
     <ValidateForm Model="Model">
@@ -171,7 +171,7 @@
     </div>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["Block10Title"]" Introduction="@Localizer["Block10Intro"]"  Name="Enum">
+<DemoBlock Title="@Localizer["Block10Title"]" Introduction="@Localizer["Block10Intro"]" Name="Enum">
     <p>@((MarkupString)Localizer["P4"].Value)</p>
     <p>@((MarkupString)Localizer["P5"].Value)</p>
     <div class="row g-3">
@@ -236,18 +236,19 @@
     </div>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["BlockShowSearchTitle"]" Introduction="@Localizer["BlockShowSearchIntro"]"  Name="ShowSearch">
+<DemoBlock Title="@Localizer["BlockShowSearchTitle"]" Introduction="@Localizer["BlockShowSearchIntro"]" Name="ShowSearch">
+    <p>@((MarkupString)Localizer["AutoClearSearchTextIntro"].Value)</p>
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select TValue="string" Items="Items" ShowSearch="true" />
         </div>
         <div class="col-12 col-sm-6">
-            <Select TValue="string" Items="StringItems" ShowSearch="true" />
+            <Select TValue="string" Items="StringItems" ShowSearch="true" AutoClearSearchText="true" />
         </div>
     </div>
 </DemoBlock>
 
-<DemoBlock Title="@Localizer["Block15Title"]" Introduction="@Localizer["Block15Intro"]"  Name="ConfirmSelect">
+<DemoBlock Title="@Localizer["Block15Title"]" Introduction="@Localizer["Block15Intro"]" Name="ConfirmSelect">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
             <Select TValue="string" Items="Items" OnBeforeSelectedItemChange="@OnBeforeSelectedItemChange"
diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index da95e2c8d..3a03771ec 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>6.3.1-beta02</Version>
+    <Version>6.3.1-beta03</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.cs b/src/BootstrapBlazor/Components/Select/Select.razor.cs
index df51d1da5..62f563b91 100644
--- a/src/BootstrapBlazor/Components/Select/Select.razor.cs
+++ b/src/BootstrapBlazor/Components/Select/Select.razor.cs
@@ -81,6 +81,12 @@ public partial class Select<TValue> : ISelect
     [Parameter]
     public bool ShowSearch { get; set; }
 
+    /// <summary>
+    /// 获得/设置 选中候选项后是否自动清空搜索框内容 默认 false 不清空
+    /// </summary>
+    [Parameter]
+    public bool AutoClearSearchText { get; set; }
+
     /// <summary>
     /// 获得 PlaceHolder 属性
     /// </summary>
@@ -261,6 +267,11 @@ public partial class Select<TValue> : ISelect
         {
             await OnSelectedItemChanged.Invoke(SelectedItem);
         }
+
+        if (AutoClearSearchText)
+        {
+            SearchText = string.Empty;
+        }
     }
 
     /// <summary>
diff --git a/test/UnitTest/Components/SelectTest.cs b/test/UnitTest/Components/SelectTest.cs
index ce279ff1c..d6d257b85 100644
--- a/test/UnitTest/Components/SelectTest.cs
+++ b/test/UnitTest/Components/SelectTest.cs
@@ -17,6 +17,7 @@ public class SelectTest : BootstrapBlazorTestBase
             pb.AddChildContent<Select<string>>(pb =>
             {
                 pb.Add(a => a.ShowSearch, true);
+                pb.Add(a => a.AutoClearSearchText, true);
                 pb.Add(a => a.Items, new List<SelectedItem>()
                 {
                     new SelectedItem("1", "Test1"),