doc(Localization): add others language localization list (#7686)

* doc: 更新 SiteTitle 资源文件

* doc: 更新葡萄牙语

* doc: 更新资源文件

* doc: 增加其他国家语言列表

* doc: 调整顺序

* doc: 资源文件调整顺序

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Layout/NavMenu.razor.cs

@@ -1,4 +1,4 @@
-// Licensed to the .NET Foundation under one or more agreements.
+// 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
@@ -20,10 +20,6 @@ public partial class NavMenu
     [NotNull]
     private string? ExpandAllText { get; set; }
 
-    [Inject]
-    [NotNull]
-    private IStringLocalizer<BaseLayout>? AppLocalizer { get; set; }
-
     [Inject]
     [NotNull]
     private TitleService? TitleService { get; set; }
@@ -65,7 +61,7 @@ private async Task OnClickMenu(MenuItem item)
     {
         if (!item.Items.Any() && !string.IsNullOrEmpty(item.Text))
         {
-            await TitleService.SetTitle($"{item.Text} - {AppLocalizer["SiteTitle"]}");
+            await TitleService.SetTitle($"{item.Text} - {Localizer["SiteTitle"]}");
         }
     }
 }

src/BootstrapBlazor.Server/Components/Pages/Localization.razor

@@ -1,4 +1,4 @@
-@page "/localization"
+@page "/localization"
 @inject IStringLocalizer<Localization> Localizer
 
 <h3>@Localizer["Title"]</h3>
@@ -28,6 +28,10 @@
         <li>@Localizer["N8"]</li>
         <li>@Localizer["N9"]</li>
         <li>@Localizer["ES"]</li>
+        <li>@Localizer["RU"]</li>
+        <li>@Localizer["TH"]</li>
+        <li>@Localizer["UK"]</li>
+        <li>@Localizer["IT"]</li>
         <li>@Localizer["TW"]</li>
     </ul>
     <div class="mt-2">

src/BootstrapBlazor.Server/Locales/en-US.json

@@ -373,6 +373,7 @@
     "Services": "Services",
     "ShieldBadge": "ShieldBadge",
     "SignaturePad": "SignaturePad",
+    "SiteTitle": "Bootstrap Blazor enterprise-level UI component library",
     "Skeleton": "Skeleton",
     "SlideButton": "SlideButton",
     "Slider": "Slider",
@@ -598,6 +599,7 @@
   "BootstrapBlazor.Server.Components.Pages.Localization": {
     "AdditionalJsonFile": "Additional <code>json</code> localization file",
     "ES": "Spanish (es)",
+    "IT": "Italian（it-IT）",
     "LocalizationFileDesc": "The component built-in localization resource files are <code>en</code> <code>zh</code>. The other localization resource files <code>de</code> <code>es</code> <code>pt</code> <code>zh-TW</code> which are placed in the project folder <code>localization</code>. you can be downloaded by yourself and imported into the project through the injection service",
     "N1": "How localization works in components",
     "N10": "The component has a built-in localization language fallback mechanism. For example, the request culture is",
@@ -661,16 +663,19 @@
     "N63": "Ignore the loss of localized key-value culture information",
     "N7": "English (en)",
     "N8": "German (de)",
-    "N9": "Portuguese (pu)",
+    "N9": "Portuguese (pt)",
     "P1": "Localization is the process of customizing an application for a given language and region.",
     "P2": "A component allows you to translate its UI elements into the desired language. This includes text for buttons, filter operator properties, etc. The component uses the current request by default",
     "P3": "Culture language, this article will show you how to use this feature in your app",
+    "RU": "Russian（ru-RU）",
     "T1": "Please check before reading the following knowledge points",
     "T2": "Microsoft Official Documentation",
     "T3": "because",
     "T4": "The mode cannot obtain the system language and culture information, the default culture information is",
+    "TH": "Thai（th-TH）",
     "Title": "Localization",
-    "TW": "中國台灣 (zh-TW)"
+    "TW": "中國台灣 (zh-TW)",
+    "UK": "Ukrainian（uk-UA）"
   },
   "BootstrapBlazor.Server.Components.Pages.Online": {
     "Browser": "Browser",
@@ -4544,6 +4549,7 @@
     "TablesColumnTitle": "Table Column"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnList": {
+    "IsPopoverToolbarDropdownButtonDesc": "The <code>IsPopoverToolbarDropdownButton</code> parameter controls whether the column list is displayed as a popover or a dropdown menu. The default value is <code>false</code>, which means it is displayed as a dropdown menu. When set to <code>true</code>, it is displayed as a popover.",
     "ResetVisibleColumnsButtonText": "Set Columns",
     "ResetVisibleColumnsDesc": "Call the instancel method <code>ResetVisibleColumns</code> of <code>Table</code> for set the multiple columns visible value",
     "ShowColumnListControlsDesc": "The <code>ShowColumnListControls</code> setting controls whether the column dropdown list displays control buttons. The built-in control buttons are <code>All</code> and <code>Invert</code>.",
@@ -4559,7 +4565,6 @@
     "ShownWithBreakPointP4": "Because the <code>Table</code> component supports mobile adaptation by default, the card mode is used for small screens. In this example, the explicit setting uses <code>RenderMode=\"TableRenderMode. Table\"</code> mode",
     "ShownWithBreakPointTitle": "Automatically show/hide columns based on screen width",
     "TablesColumnDescription": "Used to display multiple pieces of data with similar structures, data can be sorted, filtered, compared or other custom operations.",
-    "IsPopoverToolbarDropdownButtonDesc": "The <code>IsPopoverToolbarDropdownButton</code> parameter controls whether the column list is displayed as a popover or a dropdown menu. The default value is <code>false</code>, which means it is displayed as a dropdown menu. When set to <code>true</code>, it is displayed as a popover.",
     "TablesColumnTitle": "Table Column",
     "VisibleIntro": "Set whether the column is displayed by specifying the <code>ShowColumnList</code> attribute",
     "VisibleP1": "<code>ShowColumnList</code> The default value is false, and if it is explicitly specified as true, the corresponding column adjustment button will appear in the toolbar",

src/BootstrapBlazor.Server/Locales/zh-CN.json

@@ -373,6 +373,7 @@
     "Services": "内置服务",
     "ShieldBadge": "徽章组件 ShieldBadge",
     "SignaturePad": "手写签名 SignaturePad",
+    "SiteTitle": "Bootstrap Blazor - 组件库",
     "Skeleton": "骨架屏 Skeleton",
     "SlideButton": "快捷菜单 SlideButton",
     "Slider": "滑块 Slider",
@@ -598,6 +599,7 @@
   "BootstrapBlazor.Server.Components.Pages.Localization": {
     "AdditionalJsonFile": "额外本地化语言 <code>json</code> 文件",
     "ES": "西班牙语（es）",
+    "IT": "意大利（it-IT）",
     "LocalizationFileDesc": "组件内置本地化资源文件为 <code>en</code> <code>zh</code> 由网友提供的其他本地化资源文件 <code>de</code> <code>es</code> <code>pt</code> <code>zh-TW</code> 放置在项目文件夹 <code>localization</code> 内，可自行下载通过注入服务引入到项目中",
     "N1": "本地化在组件中的工作原理",
     "N10": "组件内置本地化语言回退机制，如请求文化为",
@@ -661,16 +663,19 @@
     "N63": "忽略本地化键值文化信息丢失",
     "N7": "英语（en）",
     "N8": "德语（de）",
-    "N9": "葡萄牙语（pu）",
+    "N9": "葡萄牙语（pt）",
     "P1": "本地化是为给定语言和地区定制应用程序的过程.",
     "P2": "组件允许您将其 UI 元素转换为所需的语言。这包括按钮、过滤器操作符属性等文本。组件内部默认使用当前请求",
     "P3": "文化语言，本文将向您展示如何在应用程序中使用此功能",
+    "RU": "俄语（ru-RU）",
     "T1": "阅读以下知识点前请先查看",
     "T2": "微软官方文档",
     "T3": "由于",
     "T4": "模式无法获取系统语言文化信息，默认文化信息为",
+    "TH": "泰语（th-TH）",
     "Title": "本地化",
-    "TW": "中國台灣（zh-TW）"
+    "TW": "中國台灣（zh-TW）",
+    "UK": "乌克兰语（uk-UA）"
   },
   "BootstrapBlazor.Server.Components.Pages.Online": {
     "Browser": "浏览器",
@@ -4544,6 +4549,7 @@
     "TablesColumnTitle": "Table 表格"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesColumnList": {
+    "IsPopoverToolbarDropdownButtonDesc": "通过设置 <code>IsPopoverToolbarDropdownButton</code> 属性，工具栏列下拉框显示为气泡弹窗形式",
     "ResetVisibleColumnsButtonText": "设置列隐藏信息",
     "ResetVisibleColumnsDesc": "通过调用 <code>Table</code> 实例方法 <code>ResetVisibleColumns</code> 可设置任意列显示隐藏属性",
     "ShowColumnListControlsDesc": "通过设置 <code>ShowColumnListControls</code> 控制列下拉框是否显示控制按钮，内置控制按钮有 <code>全选</code> 与 <code>反选</code> 两个按钮",
@@ -4559,7 +4565,6 @@
     "ShownWithBreakPointP4": "由于 <code>Table</code> 组件默认是支持移动端适配，所以小屏幕时采用的是卡片式模式，本例中显式设置使用 <code>RenderMode=\"TableRenderMode.Table\"</code> 模式",
     "ShownWithBreakPointTitle": "根据屏幕宽度自动显示/隐藏列",
     "TablesColumnDescription": "用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。",
-    "IsPopoverToolbarDropdownButtonDesc": "通过设置 <code>IsPopoverToolbarDropdownButton</code> 属性，工具栏列下拉框显示为气泡弹窗形式",
     "TablesColumnTitle": "Table 表格",
     "VisibleIntro": "通过指定 <code>ShowColumnList</code> 属性设置列是否显示",
     "VisibleP1": "<code>ShowColumnList</code> 默认值为 false，显式指定为 true 后工具栏出现相应列调整按钮",