From 8be51f270988f969132c7846d1eaf87635796248 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 1 May 2025 14:19:12 +0800
Subject: [PATCH 1/4] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E4=BA=8C?=
 =?UTF-8?q?=E7=BB=B4=E7=A0=81=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BarCodeGenerator/EmailContent.cs          | 40 ++++++++++++++++
 .../Tutorials/BarCodeGenerator/TextContent.cs | 18 +++++++
 .../BarCodeGenerator/WiFiAuthentication.cs    | 32 +++++++++++++
 .../Tutorials/BarCodeGenerator/WiFiContent.cs | 48 +++++++++++++++++++
 4 files changed, 138 insertions(+)
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/EmailContent.cs
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiAuthentication.cs
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiContent.cs

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/EmailContent.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/EmailContent.cs
new file mode 100644
index 00000000000..c84ebe9cfa9
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/EmailContent.cs
@@ -0,0 +1,40 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// EmailContent
+/// </summary>
+public class EmailContent
+{
+    /// <summary>
+    /// Gets or sets Email
+    /// </summary>
+    [Required]
+    public string? Email { get; set; }
+
+    /// <summary>
+    /// Gets or sets Subject
+    /// </summary>
+    [Required]
+    public string? Subject { get; set; }
+
+    /// <summary>
+    /// Gets or sets Message
+    /// </summary>
+    [Required]
+    [AutoGenerateColumn(Rows = 3)]
+    public string? Message { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override string ToString()
+    {
+        return $"mailto:{Email}?subject={Uri.EscapeDataString(Subject ?? "")}&body={Uri.EscapeDataString(Message ?? "")}";
+    }
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
new file mode 100644
index 00000000000..d4c17e9d623
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
@@ -0,0 +1,18 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// TextContent
+/// </summary>
+public class TextContent
+{
+    /// <summary>
+    /// Gets or sets the content.
+    /// </summary>
+    [Required]
+    public string? Content { get; set; }
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiAuthentication.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiAuthentication.cs
new file mode 100644
index 00000000000..1797c2ce683
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiAuthentication.cs
@@ -0,0 +1,32 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+using System.ComponentModel;
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// WiFiAuthentication enum
+/// </summary>
+public enum WiFiAuthentication
+{
+    /// <summary>
+    /// 
+    /// </summary>
+    [Description("None")]
+    None,
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Description("WEP")]
+    WEP,
+
+    /// <summary>
+    /// 
+    /// </summary>
+    [Description("WPA")]
+    WPA
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiContent.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiContent.cs
new file mode 100644
index 00000000000..94fb0935ddc
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/WiFiContent.cs
@@ -0,0 +1,48 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// WiFi content class
+/// </summary>
+public class WiFiContent
+{
+    /// <summary>
+    /// Gets or sets the authentication type.
+    /// </summary>
+    public WiFiAuthentication Authentication { get; set; } = WiFiAuthentication.WPA;
+
+    /// <summary>
+    /// Gets or sets the SSID.
+    /// </summary>
+    [Required]
+    public string? SSID { get; set; }
+
+    /// <summary>
+    /// Gets or sets the password.
+    /// </summary>
+    [Required]
+    public string? Password { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override string ToString()
+    {
+        return $"WIFI:S:{EscapeInput(SSID ?? "")};T:{Authentication};P:{Password};;";
+    }
+
+    private static string EscapeInput(string content)
+    {
+        char[] array = ['\\', ';', ',', ':'];
+        foreach (char c in array)
+        {
+            content = content.Replace(c.ToString(), "\\" + c);
+        }
+        return content;
+    }
+}

From 7ded04872a776d636974c60b8b28833afe505b54 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 1 May 2025 14:19:26 +0800
Subject: [PATCH 2/4] =?UTF-8?q?doc:=20=E5=A2=9E=E5=8A=A0=E4=BA=8C=E7=BB=B4?=
 =?UTF-8?q?=E7=A0=81=E7=94=9F=E6=88=90=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BarCodeGenerator/BarCodeGenerator.razor   | 75 +++++++++++++++++++
 .../BarCodeGenerator.razor.cs                 | 65 ++++++++++++++++
 .../BarCodeGenerator.razor.css                | 19 +++++
 3 files changed, 159 insertions(+)
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
 create mode 100644 src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
new file mode 100644
index 00000000000..b368bdcefda
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
@@ -0,0 +1,75 @@
+@namespace BootstrapBlazor.Server.Components.Samples.Tutorials
+@page "/tutorials/barcode"
+
+<div class="bc-main">
+    <div class="row g-3">
+        <div class="col-12 col-sm-6">
+            <h5>选择一个类型</h5>
+            <div class="bc-type-list">
+                @foreach (var item in _contents)
+                {
+                    <span class="@GetItemClassString(item)" @onclick="@(() => OnActiveType(item))">@item</span>
+                }
+            </div>
+            <div class="bc-content-main">
+                @if (_activeContentType == "Text")
+                {
+                    <ValidateForm Model="_textContent" OnValidSubmit="OnTextSubmit">
+                        <EditorForm TModel="TextContent" ItemsPerRow="1">
+                            <FieldItems>
+                                <EditorItem @bind-Field="@context.Content" Rows="3" Text="Text"></EditorItem>
+                            </FieldItems>
+                        </EditorForm>
+                        <div class="form-footer">
+                            <Button ButtonType="@ButtonType.Submit" Text="Submit" />
+                        </div>
+                    </ValidateForm>
+                }
+                else if (_activeContentType == "Url")
+                {
+                    <ValidateForm Model="_urlContent" OnValidSubmit="OnUrlSubmit">
+                        <EditorForm TModel="TextContent" ItemsPerRow="1">
+                            <FieldItems>
+                                <EditorItem @bind-Field="@context.Content" PlaceHolder="https://" Text="Url"></EditorItem>
+                            </FieldItems>
+                        </EditorForm>
+                        <div class="form-footer">
+                            <Button ButtonType="@ButtonType.Submit" Text="Submit" />
+                        </div>
+                    </ValidateForm>
+                }
+                else if (_activeContentType == "Wi-Fi")
+                {
+                    <ValidateForm Model="_wifiContent" OnValidSubmit="OnWiFiSubmit">
+                        <EditorForm TModel="WiFiContent" ItemsPerRow="1">
+                            <FieldItems>
+                                <EditorItem @bind-Field="@context.Password" ComponentType="typeof(BootstrapPassword)"></EditorItem>
+                            </FieldItems>
+                        </EditorForm>
+                        <div class="form-footer">
+                            <Button ButtonType="@ButtonType.Submit" Text="Submit" />
+                        </div>
+                    </ValidateForm>
+                }
+                else if (_activeContentType == "Email")
+                {
+                    <ValidateForm Model="_emailContent" OnValidSubmit="OnEmailSubmit">
+                        <EditorForm TModel="EmailContent" ItemsPerRow="1"></EditorForm>
+                        <div class="form-footer">
+                            <Button ButtonType="@ButtonType.Submit" Text="Submit" />
+                        </div>
+                    </ValidateForm>
+                }
+            </div>
+        </div>
+        <div class="col-12 col-sm-6">
+            <h5>预览</h5>
+            <div class="bc-qr-content">
+                @if (!string.IsNullOrEmpty(_content))
+                {
+                    <QRCode Content="@_content"></QRCode>
+                }
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
new file mode 100644
index 00000000000..6a32d13108a
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
@@ -0,0 +1,65 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the Apache 2.0 License
+// See the LICENSE file in the project root for more information.
+// Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
+
+using Microsoft.AspNetCore.Components.Forms;
+
+namespace BootstrapBlazor.Server.Components.Samples.Tutorials;
+
+/// <summary>
+/// BarCodeGenerator 组件示例代码
+/// </summary>
+public partial class BarCodeGenerator
+{
+    private string _activeContentType = "Text";
+
+    private readonly List<string> _contents = ["Text", "Url", "Wi-Fi", "Email"];
+
+    private readonly WiFiContent _wifiContent = new();
+
+    private readonly EmailContent _emailContent = new();
+
+    private readonly TextContent _textContent = new();
+
+    private readonly TextContent _urlContent = new();
+
+    private string? _content;
+
+    private string? GetItemClassString(string item) => CssBuilder.Default("bc-type-item")
+        .AddClass("active", _activeContentType == item)
+        .Build();
+
+    private void OnActiveType(string item)
+    {
+        _activeContentType = item;
+    }
+
+    private Task OnTextSubmit(EditContext context)
+    {
+        _content = _textContent.ToString();
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    private Task OnUrlSubmit(EditContext context)
+    {
+        _content = _urlContent.ToString();
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    private Task OnWiFiSubmit(EditContext context)
+    {
+        _content = _wifiContent.ToString();
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
+    private Task OnEmailSubmit(EditContext context)
+    {
+        _content = _emailContent.ToString();
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css
new file mode 100644
index 00000000000..32924738e03
--- /dev/null
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css
@@ -0,0 +1,19 @@
+.bc-type-list {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem 0.5rem;
+    margin-bottom: 1rem;
+}
+
+.bc-type-item {
+    padding: .25rem 1rem;
+    border: 2px solid var(--bb-primary-color);
+    border-radius: 50px;
+    line-height: 1.8em;
+    cursor: pointer;
+}
+
+    .bc-type-item.active {
+        background-color: var(--bb-primary-color);
+        color: var(--bs-white);
+    }

From 63f9624722b752784f66456404937d40280415ad Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 1 May 2025 14:28:58 +0800
Subject: [PATCH 3/4] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tutorials/BarCodeGenerator/BarCodeGenerator.razor    | 2 +-
 .../BarCodeGenerator/BarCodeGenerator.razor.css          | 9 +++++++++
 .../Samples/Tutorials/BarCodeGenerator/TextContent.cs    | 6 ++++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
index b368bdcefda..9f5314d937e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
@@ -67,7 +67,7 @@
             <div class="bc-qr-content">
                 @if (!string.IsNullOrEmpty(_content))
                 {
-                    <QRCode Content="@_content"></QRCode>
+                    <QRCode Content="@_content" Width="256"></QRCode>
                 }
             </div>
         </div>
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css
index 32924738e03..0a41d8a2a4b 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.css
@@ -17,3 +17,12 @@
         background-color: var(--bb-primary-color);
         color: var(--bs-white);
     }
+
+.bc-qr-content {
+    border: 2px solid var(--bb-primary-color);
+    border-radius: var(--bs-border-radius);
+    padding: .25rem;
+    display: flex;
+    height: calc(256px + .5rem + 4px);
+    width: calc(256px + .5rem + 4px);
+}
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
index d4c17e9d623..6a1b63fcde3 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/TextContent.cs
@@ -15,4 +15,10 @@ public class TextContent
     /// </summary>
     [Required]
     public string? Content { get; set; }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    public override string? ToString() => Content;
 }

From 77b50a76302308d7d45291bce376ffe2d920cb0a Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 1 May 2025 14:55:19 +0800
Subject: [PATCH 4/4] =?UTF-8?q?doc:=20=E5=A2=9E=E5=8A=A0=E6=9C=AC=E5=9C=B0?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Tutorials/BarCodeGenerator/BarCodeGenerator.razor    | 6 ++++--
 .../Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs | 9 +++++++++
 src/BootstrapBlazor.Server/Locales/en-US.json            | 8 ++++++++
 src/BootstrapBlazor.Server/Locales/zh-CN.json            | 8 ++++++++
 4 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
index 9f5314d937e..eb847bb216d 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor
@@ -1,10 +1,11 @@
 @namespace BootstrapBlazor.Server.Components.Samples.Tutorials
+@inject IStringLocalizer<BarCodeGenerator> Localizer
 @page "/tutorials/barcode"
 
 <div class="bc-main">
     <div class="row g-3">
         <div class="col-12 col-sm-6">
-            <h5>选择一个类型</h5>
+            <h5>@Localizer["SelectType"]</h5>
             <div class="bc-type-list">
                 @foreach (var item in _contents)
                 {
@@ -63,7 +64,8 @@
             </div>
         </div>
         <div class="col-12 col-sm-6">
-            <h5>预览</h5>
+            <h5>@Localizer["Preview"]</h5>
+            <p>@((MarkupString)_desc)</p>
             <div class="bc-qr-content">
                 @if (!string.IsNullOrEmpty(_content))
                 {
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
index 6a32d13108a..051ce61237e 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/Tutorials/BarCodeGenerator/BarCodeGenerator.razor.cs
@@ -26,6 +26,15 @@ public partial class BarCodeGenerator
 
     private string? _content;
 
+    private string _desc => _activeContentType switch
+    {
+        "Text" => Localizer["TextDesc"],
+        "Url" => Localizer["UrlDesc"],
+        "Wi-Fi" => Localizer["WiFiDesc"],
+        "Email" => Localizer["EmailDesc"],
+        _ => string.Empty
+    };
+
     private string? GetItemClassString(string item) => CssBuilder.Default("bc-type-item")
         .AddClass("active", _activeContentType == item)
         .Build();
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index ee1e716d9e3..e8e0184e4ba 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -7108,5 +7108,13 @@
     "SubTitle": "An implementation TOTP RFC 6238 and HOTP RFC 4226 Authenticator service.",
     "BaseUsageTitle": "Basic usage",
     "BaseUsageIntro": "By calling the <code>Compute</code> method of the <code>ITotpService</code> service instance, you can get the password in the current time window. By calling the <code>Instance.GetRemainingSeconds</code> method, you can display the remaining validity time of the current password. In this example, the progress bar is used for dynamic display."
+  },
+  "BootstrapBlazor.Server.Components.Samples.Tutorials.BarCodeGenerator": {
+    "SelectType": "Select content type",
+    "Preview": "Preview",
+    "TextDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and search for the current text using the default search engine.",
+    "UrlDesc": "Use your iPhone's camera or the QR code scanning function to scan the QR code below, then open the <code>Safari</code> browser and open the current address",
+    "WiFiDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below to automatically join the <code>WiFi</code> network.",
+    "EmailDesc": "Use your iPhone's camera or the QR code scanner to scan the QR code below, then open the <code>Email</code> app to send an email."
   }
 }
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index 0b1c05db18e..ede716295d7 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -7108,5 +7108,13 @@
     "SubTitle": "实现 TOTP RFC 6238 和 HOTP RFC 4226 认证器服务",
     "BaseUsageTitle": "基本用法",
     "BaseUsageIntro": "通过调用 <code>ITotpService</code> 服务实例方法 <code>Compute</code> 得到当前时间窗口内密码, 通过调用 <code>Instance.GetRemainingSeconds</code> 方法可以显示当前密码剩余有效时间，本例中通过进度条进行动态显示"
+  },
+  "BootstrapBlazor.Server.Components.Samples.Tutorials.BarCodeGenerator": {
+    "SelectType": "选择一个类型",
+    "Preview": "预览",
+    "TextDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Safari</code> 浏览器使用默认搜索引擎搜索当前文本",
+    "UrlDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Safari</code> 浏览器并且打开当前地址",
+    "WiFiDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，自动加入 <code>WiFi</code> 网络",
+    "EmailDesc": "使用 <code>iPhone</code> 手机相机或者扫描二维码功能扫描下方二维码后，打开 <code>Email</code> 应用发送邮件"
   }
 }