From 752796712fbecc03c1eb92f9bbf4771a67874e6d Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 18 Sep 2024 21:00:46 +0800
Subject: [PATCH] feat(OnScreenKeyboard): update base class to fix script error
 (#4325)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* doc: 更新示例

* chore: 更新依赖包
---
 .../BootstrapBlazor.Server.csproj             |  2 +-
 .../Samples/OnScreenKeyboards.razor           | 37 ++-----------------
 .../Samples/OnScreenKeyboards.razor.cs        | 24 ++++++++++++
 3 files changed, 29 insertions(+), 34 deletions(-)

diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index 025876af3..2d4f9f7cc 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -54,7 +54,7 @@
     <PackageReference Include="BootstrapBlazor.Middleware" Version="8.0.0" />
     <PackageReference Include="BootstrapBlazor.MindMap" Version="8.0.7" />
     <PackageReference Include="BootstrapBlazor.MouseFollower" Version="8.0.0" />
-    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="8.0.3" />
+    <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="8.0.4" />
     <PackageReference Include="BootstrapBlazor.PdfReader" Version="8.0.4" />
     <PackageReference Include="BootstrapBlazor.Player" Version="8.0.0-beta05" />
     <PackageReference Include="BootstrapBlazor.SignaturePad" Version="8.0.2" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
index f3d79c23d..ab9569dfb 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor
@@ -3,9 +3,7 @@
 
 <h3>@Localizer["OnScreenKeyboardsTitle"]</h3>
 
-<div>重构中 ... 稍后开放</div>
-
-@* <PackageTips Name="BootstrapBlazor.OnScreenKeyboard" />
+<PackageTips Name="BootstrapBlazor.OnScreenKeyboard" />
 
 <p><b>@Localizer["OnScreenKeyboardsBasicTitle"]</b></p>
 <div class="code-label">Razor</div>
@@ -71,14 +69,14 @@
            Introduction=""
            Name="App">
     <p>@Localizer["OnScreenKeyboardsAppDescription"]</p>
-    <OnScreenKeyboard ClassName="virtualkeyboardbb" Option="AppOption" />
     <div class="form-control textarea-demo"> @BindValue</div>
     <p>BootstrapInput</p>
     <BootstrapInput class="virtualkeyboardbb" data-kioskboard-specialcharacters="true" placeholder="BootstrapInput" @bind-Value="@BindValue" />
     <p>BootstrapPassword</p>
     <BootstrapPassword class="virtualkeyboardbb" data-kioskboard-specialcharacters="true" placeholder="BootstrapPassword" @bind-Value="@BindValue" />
     <p>Textarea</p>
-<Textarea class="virtualkeyboardbb" data-kioskboard-specialcharacters="true" placeholder="Textarea" rows="4" @bind-Value="@BindValue" />
+    <Textarea class="virtualkeyboardbb" data-kioskboard-specialcharacters="true" placeholder="Textarea" rows="4" @bind-Value="@BindValue" />
+    <OnScreenKeyboard ClassName="virtualkeyboardbb" Option="AppOption" />
 </DemoBlock>
 
 <Tips class="mt-3">
@@ -90,31 +88,4 @@
 
 <AttributeTable Items="@GetKeyboardOptionAttributes()" Title="KeyboardOption" />
 
-<AttributeTable Items="@GetKeyboardEnumAttributes()" Title="KeyboardEnum" /> *@
-
-@code {
-
-    static KeyboardOption CustomerOption => new()
-    {
-        KeyboardSpecialcharacters = KeyboardSpecialcharacters.europe
-    };
-
-    static KeyboardOption SpecialcharactersOption => new()
-    {
-        CustomerKeyboardSpecialcharacters = new string[] { "中", "国", "女", "足", "牛啊" }
-    };
-
-    static KeyboardOption Option => new()
-    {
-        keysFontFamily = "Barlow",
-        keysFontWeight = "500",
-        Theme = KeyboardTheme.dark,
-    };
-
-    string BindValue { get; set; } = "virtualkeyboard";
-
-    static KeyboardOption AppOption => new()
-    {
-        autoScroll = true
-    };
-}
+<AttributeTable Items="@GetKeyboardEnumAttributes()" Title="KeyboardEnum" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor.cs
index a077a6af0..87aaaa619 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/OnScreenKeyboards.razor.cs
@@ -12,6 +12,30 @@ public sealed partial class OnScreenKeyboards
     private static readonly Dictionary<string, string> Keys1 = new() { { "0", "L" }, { "1", "O" } };
     private static readonly Dictionary<string, string> Keys2 = new() { { "0", "V" }, { "1", "E" } };
 
+    static KeyboardOption CustomerOption => new()
+    {
+        KeyboardSpecialcharacters = KeyboardSpecialcharacters.europe
+    };
+
+    static KeyboardOption SpecialcharactersOption => new()
+    {
+        CustomerKeyboardSpecialcharacters = new string[] { "中", "国", "女", "足", "牛啊" }
+    };
+
+    static KeyboardOption Option => new()
+    {
+        keysFontFamily = "Barlow",
+        keysFontWeight = "500",
+        Theme = KeyboardTheme.dark,
+    };
+
+    string BindValue { get; set; } = "virtualkeyboard";
+
+    static KeyboardOption AppOption => new()
+    {
+        autoScroll = true
+    };
+
     /// <summary>
     /// 获得属性方法
     /// </summary>