diff --git a/src/BootstrapBlazor.Shared/BootstrapBlazor.Shared.csproj b/src/BootstrapBlazor.Shared/BootstrapBlazor.Shared.csproj index 92dbbb9883379960a33ca51f86515bc82130564f..39be3850cf696de30c889c2d8cd481c10d42ae89 100644 --- a/src/BootstrapBlazor.Shared/BootstrapBlazor.Shared.csproj +++ b/src/BootstrapBlazor.Shared/BootstrapBlazor.Shared.csproj @@ -1,4 +1,4 @@ - + @@ -18,10 +18,11 @@ - - + contentFiles + + diff --git a/src/BootstrapBlazor.Shared/Locales/en.json b/src/BootstrapBlazor.Shared/Locales/en.json index d4adc7ed68c3d56c8f01ff061caf8834e69985e1..aa290f70c50a233090081b52f485359b326b8967 100644 --- a/src/BootstrapBlazor.Shared/Locales/en.json +++ b/src/BootstrapBlazor.Shared/Locales/en.json @@ -427,7 +427,8 @@ "ChartBubbleText": "Bubble", "DispatchText": "Dispatch", "GeolocationText": "Geolocation", - "Notification": "Notification", + "OnScreenKeyboardText": "OnScreenKeyboard", + "NotificationText": "Notification", "SignaturePadText": "SignaturePad" }, "BootstrapBlazor.Shared.Samples.GlobalException": { @@ -2767,7 +2768,8 @@ "SpeechIntro": "Introduction", "Recognizer": "Recognizer", "Synthesizer": "Synthesizer", - "SpeechWave": "SpeechWave" + "SpeechWave": "SpeechWave", + "OnScreenKeyboard": "OnScreenKeyboard" }, "BootstrapBlazor.Shared.Samples.Table.TablesFooter": { "Left": "Left", @@ -2937,5 +2939,25 @@ "TableRow4": "Reconnection rejected. The server was reached but refused the connection, and the user's state on the server is lost. To reload the app, call location.reload() in JavaScript. This connection state may result when:", "TableRow5": "
  • A crash in the server-side circuit occurs.
  • The client is disconnected long enough for the server to drop the user's state. Instances of the user's components are disposed.
  • The server is restarted, or the app's worker process is recycled.
    • ", "Application": "Application" + }, + "BootstrapBlazor.Shared.Samples.OnScreenKeyboards": { + "Title": "On-Screen keyboard", + "P1": "Precautions", + "P2": "This component relies on BootstrapBlazor.OnScreenKeyboard, which needs to reference its component package when using this component", + "P3": "Nuget package installation", + "P4": "Install the components of BootstrapBlazor.OnScreenKeyboard using nuget.org", + "BaseUsageText": "Basic usage", + "BlockKeyboardTypeAllTitle": "Full Keyboard", + "BlockKeyboardTypekeyboard": "Keyboard", + "BlockKeyboardTypeNumpadTitle": "Numpad", + "BlockKeyboardTypeSpanishTitle": "Spanish keyboard", + "BlockKeyboardThemeDarkTitle": "Theme dark", + "BlockSpecialcharactersTitle": "Special characters europe", + "BlockSpecialcharactersCustomerTitle": "Special characters in customer", + "BBUsageText": "BootstrapBlazor component", + "BBUsage2Text": "Bind", + "Tips": "If the performance is not normal, you can add this css to debug", + "P5": " .kioskboard-body-padding { padding-top: unset !important;} ", + "P6": "Basic" } } diff --git a/src/BootstrapBlazor.Shared/Locales/zh.json b/src/BootstrapBlazor.Shared/Locales/zh.json index 68211de1bbab05ca196fb956894d1eba79b52a3f..a727038a7bc5a53320071db7c333129232dd5b05 100644 --- a/src/BootstrapBlazor.Shared/Locales/zh.json +++ b/src/BootstrapBlazor.Shared/Locales/zh.json @@ -428,6 +428,7 @@ "DispatchText": "消息分发 Dispatch", "GeolocationText": "地理定位组件 Geolocation", "NotificationsText": "浏览器通知 Notification", + "OnScreenKeyboardText": "屏幕键盘 OnScreenKeyboard", "SignaturePadText": "手写签名 SignaturePad" }, "BootstrapBlazor.Shared.Samples.GlobalException": { @@ -2780,8 +2781,8 @@ "SpeechIntro": "简介", "Recognizer": "语音识别 Recognizer", "Synthesizer": "语音合成 Synthesizer", - "SpeechWave": "语音波形图 SpeechWave" - + "SpeechWave": "语音波形图 SpeechWave", + "OnScreenKeyboard": "屏幕键盘 OnScreenKeyboard" }, "BootstrapBlazor.Shared.Samples.Table.TablesFooter": { "Left": "左对齐", @@ -2929,7 +2930,6 @@ "P2": "本组件依赖于 BootstrapBlazor.SignaturePad，使用本组件时需要引用其组件包", "P3": "Nuget 包安装", "P4": "使用 nuget.org 进行 BootstrapBlazor.SignaturePad 组件的安装" - }, "BootstrapBlazor.Shared.Samples.Reconnectors": { "Title": "Reconnector 重连组件", @@ -2953,5 +2953,25 @@ "TableRow4": "已拒绝重新连接。 已达到服务器，但拒绝连接，服务器上的用户状态丢失。 若要重新加载应用，请在 JavaScript 中调用 location.reload()。当出现以下情况时，可能会导致此连接状态：", "TableRow5": "
  • 服务器端线路发生故障。
  • 客户端断开连接的时间足以使服务器删除用户的状态。用户组件的实例已被处置。
  • 服务器已重启，或者应用的工作进程被回收。
    • ", "Application": "实战应用" + }, + "BootstrapBlazor.Shared.Samples.OnScreenKeyboards": { + "Title": "On-Screen keyboard 屏幕键盘", + "P1": "注意事项", + "P2": "本组件依赖于 BootstrapBlazor.SignaturePad，使用本组件时需要引用其组件包", + "P3": "Nuget 包安装", + "P4": "使用 nuget.org 进行 BootstrapBlazor.OnScreenKeyboard 组件的安装", + "BaseUsageText": "基础用法", + "BlockKeyboardTypeAllTitle": "全键盘", + "BlockKeyboardTypekeyboard": "字母键盘", + "BlockKeyboardTypeNumpadTitle": "数字键盘", + "BlockKeyboardTypeSpanishTitle": "西班牙语键盘", + "BlockKeyboardThemeDarkTitle": "暗黑主题", + "BlockSpecialcharactersTitle": "特殊符号-欧洲", + "BlockSpecialcharactersCustomerTitle": "特殊符号自定义", + "BBUsageText": "BootstrapBlazor 组件", + "BBUsage2Text": "双绑", + "Tips": "如果表现不正常,可以加上这句 css 调试看看", + "P5": " .kioskboard-body-padding { padding-top: unset !important;} ", + "P6": "基础用法" } } diff --git a/src/BootstrapBlazor.Shared/Pages/Coms.razor b/src/BootstrapBlazor.Shared/Pages/Coms.razor index 5b508a1c043a7c29894732dcdce0af85a0e73ab0..29e908c21a3cb70641ca87cc3f5c0f94b9f96748 100644 --- a/src/BootstrapBlazor.Shared/Pages/Coms.razor +++ b/src/BootstrapBlazor.Shared/Pages/Coms.razor @@ -58,6 +58,7 @@ + diff --git a/src/BootstrapBlazor.Shared/Samples/OnScreenKeyboards.razor b/src/BootstrapBlazor.Shared/Samples/OnScreenKeyboards.razor new file mode 100644 index 0000000000000000000000000000000000000000..cb09be6053b548cb71ed65d6ae2eda6f6c146d93 --- /dev/null +++ b/src/BootstrapBlazor.Shared/Samples/OnScreenKeyboards.razor @@ -0,0 +1,93 @@ +@page "/onscreenkeyboards" +@namespace BootstrapBlazor.Shared.Samples +@inject IStringLocalizer Localizer + +

    @Localizer["Title"]

    + +

    @Localizer["P1"] ：

    + +

    @((MarkupString)Localizer["P2"].Value)

    + +

    @Localizer["P3"]

    + +

    @((MarkupString)Localizer["P4"].Value)

    + +
    .NET CLI
    +
    dotnet add package BootstrapBlazor.SignaturePad
    + +
    PackageReference
    +
    <PackageReference Include="BootstrapBlazor.SignaturePad" />
    + +
    Package Manager
    +
    Install-Package BootstrapBlazor.SignaturePad
    + +

    @Localizer["P6"]

    +
    Razor
    +
    1. <OnScreenKeyboard />
    +
    2. <input class="virtualkeyboard" data-kioskboard-type="all" data-kioskboard-specialcharacters="true" />
    + + + + + + + + + + + + + + + + + + + + + + + + + + + +Pre> + + + +

    @Localizer["BBUsage2Text"]

    + + +
    @BindValue
    +

    BootstrapInput

    + +

    BootstrapPassword

    + +

    Textarea

    +