doc(Labels): update localizer content (#7617)

* doc(Labels): update localizer content

* doc: 更新命名空间

* doc: 更新中文资源文件

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Labels.razor

@@ -73,7 +73,7 @@
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["LabelsEditorFormTitle"]" Introduction="@Localizer["LabelsEditorFormIntro"]" Name="EditorForm">
-    <p>@((MarkupString)Localizer["LabelsEditorFormDescription1"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsEditorFormDescription1"].Value)</section>
     <GroupBox>
         <EditorForm Model="@Dummy2" ShowLabel="false" RowType="RowType.Inline" ItemsPerRow="2">
             <FieldItems>
@@ -83,7 +83,7 @@
         </EditorForm>
     </GroupBox>
 
-    <p class="mt-3">@((MarkupString)Localizer["LabelsEditorFormDescription2"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsEditorFormDescription2"].Value)</section>
     <GroupBox>
         <EditorForm Model="@Dummy2" RowType="RowType.Inline" ItemsPerRow="2">
             <FieldItems>
@@ -93,7 +93,7 @@
         </EditorForm>
     </GroupBox>
 
-    <p class="mt-3">@((MarkupString)Localizer["EditorFormLabelAlignRight"].Value)</p>
+    <section>@((MarkupString)Localizer["EditorFormLabelAlignRight"].Value)</section>
     <GroupBox>
         <EditorForm Model="@Dummy2" ShowLabel="true" RowType="RowType.Inline" ItemsPerRow="2" LabelAlign="Alignment.Right">
             <FieldItems>
@@ -103,7 +103,7 @@
         </EditorForm>
     </GroupBox>
 
-    <p class="mt-3">@((MarkupString)Localizer["EditorFormLabelAlignCenter"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["EditorFormLabelAlignCenter"].Value)</section>
     <GroupBox>
         <EditorForm Model="@Dummy2" ShowLabel="true" RowType="RowType.Inline" ItemsPerRow="2" LabelAlign="Alignment.Center">
             <FieldItems>
@@ -115,7 +115,7 @@
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["LabelsValidateForm1Title"]" Introduction="@Localizer["LabelsValidateForm1Intro"]" Name="ValidateForm">
-    <p>@((MarkupString)Localizer["LabelsValidateForm1Description1"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsValidateForm1Description1"].Value)</section>
 
     <GroupBox>
         <ValidateForm Model="@Dummy3">
@@ -128,7 +128,7 @@
         </ValidateForm>
     </GroupBox>
 
-    <p class="mt-3">@((MarkupString)Localizer["LabelsValidateForm1Description2"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsValidateForm1Description2"].Value)</section>
     <GroupBox>
         <ValidateForm Model="@Dummy3" ShowLabel="false">
             <EditorForm TModel="Foo" RowType="RowType.Inline" ItemsPerRow="2">
@@ -142,7 +142,7 @@
 </DemoBlock>
 
 <DemoBlock Title="@Localizer["LabelsValidateForm2Title"]" Introduction="@Localizer["LabelsValidateForm2Intro"]" Name="ShowLabel">
-    <p>@((MarkupString)Localizer["LabelsValidateForm2Description1"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsValidateForm2Description1"].Value)</section>
     <ValidateForm Model="@Dummy4">
         <div class="row g-3">
             <div class="col-sm-12 col-md-6">
@@ -154,7 +154,7 @@
         </div>
     </ValidateForm>
 
-    <p class="mt-3">@((MarkupString)Localizer["LabelsValidateForm2Description2"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsValidateForm2Description2"].Value)</section>
     <ValidateForm Model="@Dummy4" ShowLabel="false">
         <div class="row g-3">
             <div class="col-sm-12 col-md-6">
@@ -166,7 +166,7 @@
         </div>
     </ValidateForm>
 
-    <p class="mt-3">@((MarkupString)Localizer["LabelsValidateForm2Description3"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["LabelsValidateForm2Description3"].Value)</section>
     <ValidateForm Model="@Dummy4">
         <div class="row g-3 form-inline">
             <div class="col-sm-12 col-md-6">
@@ -178,7 +178,7 @@
         </div>
     </ValidateForm>
 
-    <p class="mt-3">@((MarkupString)Localizer["ValidateFormAlignRight"].Value)</p>
+    <section ignore>@((MarkupString)Localizer["ValidateFormAlignRight"].Value)</section>
     <ValidateForm Model="@Dummy4">
         <div class="row g-3 form-inline form-inline-end">
             <div class="col-sm-12 col-md-6">
@@ -190,7 +190,7 @@
         </div>
     </ValidateForm>
 
-    <p class="mt-3">@((MarkupString)Localizer["ValidateFormAlignCenter"].Value)</p>
+    <section>@((MarkupString)Localizer["ValidateFormAlignCenter"].Value)</section>
     <ValidateForm Model="@Dummy4">
         <div class="row g-3 form-inline form-inline-center">
             <div class="col-sm-12 col-md-6">

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

@@ -2753,14 +2753,14 @@
     "OpenUrlTitle": "OpenUrl"
   },
   "BootstrapBlazor.Server.Components.Samples.Labels": {
-    "EditorFormLabelAlignCenter": "<b>Alignment</b><div><code>LabelAlign=\"Alignment.Center\"</code> set the label alignment is center</div>",
-    "EditorFormLabelAlignRight": "<b>Alignment</b><div><code>LabelAlign=\"Alignment.Right\"</code> set the label alignment is right</div>",
+    "EditorFormLabelAlignCenter": "<p><b>Alignment</b></p><div><code>LabelAlign=\"Alignment.Center\"</code> set the label alignment is center</div>",
+    "EditorFormLabelAlignRight": "<p><b>Alignment</b></p><div><code>LabelAlign=\"Alignment.Right\"</code> set the label alignment is right</div>",
     "LabelsDescription": "This set of components includes <code>ValidateForm</code> <code>EditorForm</code> and a variety of <b>Form components</b> inherited from <code>ValidateBase&lt;TValue&gt;</code>. Among these components There is a special set of display front label logic, now let’s sort it out in a unified way:",
     "LabelsDescriptionTips1": "The <a href='/validate-form' target='_blank'>ValidateForm</a> component is a <b>verifiable</b> form component. The form component in this component will automatically perform data compliance checks. If Data non-compliance will prevent the <b>Submit</b> action, which is the most frequently used component in data submission",
     "LabelsDescriptionTips2": "The <a href='/editor-form' target='_blank'>EditorForm</a> component is an ordinary form component. After this component is bound to the <code>Model</code>, the entire form can be automatically generated, which greatly reduces repetition Code, put the <code>ValidateForm</code> on the outside to open the <b>data compliance check</b> very convenient, concise and efficient",
     "LabelsDescriptionTips3": "Take the <a href='input' target='_blank'>BootstrapInput</a> input box component as an example to explain whether to display the <code>Label</code> logic",
-    "LabelsEditorFormDescription1": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
-    "LabelsEditorFormDescription2": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
+    "LabelsEditorFormDescription1": "<p><b class=\"mb-3\">Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
+    "LabelsEditorFormDescription2": "<p><b class=\"mb-3\">Show label</b></p><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
     "LabelsEditorFormIntro": "Not used in <code>ValidateForm</code>",
     "LabelsEditorFormTitle": "Used in EditorForm",
     "LabelsNormalDescription": "When two-way binding is not used",
@@ -2785,21 +2785,21 @@
     "LabelsRowLabelWidthTitle": "Style setting label width",
     "LabelsTips": "The logic of <code>ShowLabel</code> is the principle of proximity. The closer the setting is to itself, the setting takes effect. For example, the form component is built into the <code>ValidateForm</code> component, even if <code>ValidateForm</code> is set to <code>>ShowLabel=true</code>, when the form component itself sets <code>ShowLabel=false</code>, the final result of the label is <b>not displayed</b>",
     "LabelsTitle": "Component label",
-    "LabelsValidateForm1Description1": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
-    "LabelsValidateForm1Description2": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
+    "LabelsValidateForm1Description1": "<p><b>Show label</b></p><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
+    "LabelsValidateForm1Description2": "<p><b>Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
     "LabelsValidateForm1Intro": "Used in external <code>ValidateForm</code>",
     "LabelsValidateForm1Title": "Use in EditorForm built-in ValidateForm",
-    "LabelsValidateForm2Description1": "<b>Show label</b><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
-    "LabelsValidateForm2Description2": "<b>Do not display labels</b><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
+    "LabelsValidateForm2Description1": "<p><b>Show label</b></p><div>The <code>ShowLabel</code> property of the <coe>EditorForm</coe> component is not set. If it is not set, it is equivalent to set to <code>true</code>. All components <b>display</b> tags</div>",
+    "LabelsValidateForm2Description2": "<p><b>Do not display labels</b></p><div>Set <code>ShowLabel=\"false\"</code>, all form components in the component <b>Do not display</b> tags</div>",
     "LabelsValidateForm2Description3": "<b>Show labels</b><div>set class <code>form-inline</code> for the all labels within the component are prefixed</div>",
     "LabelsValidateForm2Intro": "Show labels are automatically turned on by default",
     "LabelsValidateForm2Title": "Used in ValidateForm",
     "LabelsWidthCode1": "As shown in the code above, the final value is <b>180</b> according to the principle of proximity",
     "LabelsWidthDescription": "The components <code>ValidateForm</code> <code>EditorForm</code> <code>BootstrapLabelSetting</code> <code>ValidateForm</code> can set the label width value. The components use the <b>proximity principle</b> to determine the final value",
     "LabelsWidthIntro": "Control the label width by setting the variable <code>LabelWidth</code>",
     "LabelsWidthTitle": "Parameter setting label width",
-    "ValidateFormAlignCenter": "<b>Center</b><div><code>form-inline-center</code> set the label alignment is center</div>",
-    "ValidateFormAlignRight": "<b>Right</b><div><code>form-inline-end</code> set the label alignment is right</div>"
+    "ValidateFormAlignCenter": "<p><b>Center</b></p><div><code>form-inline-center</code> set the label alignment is center</div>",
+    "ValidateFormAlignRight": "<p><b>Right</b></p><div><code>form-inline-end</code> set the label alignment is right</div>"
   },
   "BootstrapBlazor.Server.Components.Samples.LayoutPages": {
     "H1": "full page level components",

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

@@ -2753,14 +2753,14 @@
     "OpenUrlTitle": "OpenUrl"
   },
   "BootstrapBlazor.Server.Components.Samples.Labels": {
-    "EditorFormLabelAlignCenter": "<b>居中对齐</b><div>通过 <code>LabelAlign=\"Alignment.Center\"</code> 设置标签居中对齐</div>",
-    "EditorFormLabelAlignRight": "<b>右对齐</b><div>通过 <code>LabelAlign=\"Alignment.Right\"</code> 设置标签右对齐</div>",
+    "EditorFormLabelAlignCenter": "<p><b>居中对齐</b></p><div>通过 <code>LabelAlign=\"Alignment.Center\"</code> 设置标签居中对齐</div>",
+    "EditorFormLabelAlignRight": "<p><b>右对齐</b></p><div>通过 <code>LabelAlign=\"Alignment.Right\"</code> 设置标签右对齐</div>",
     "LabelsDescription": "本套组件中有 <code>ValidateForm</code> <code>EditorForm</code> 以及多种继承 <code>ValidateBase&lt;TValue&gt;</code> 的 <b>表单组件</b>，这些组件中有一套特殊的显示前置标签逻辑，现在我们统一的梳理一下：",
     "LabelsDescriptionTips1": "<a href='/validate-form' target='_blank'>ValidateForm</a> 组件是 <b>可验证的</b> 表单组件，此组件内的表单组件会自动进行数据合规性检查，如果数据不合规将会阻止 <b>提交(Submit)</b> 动作，是数据提交中使用最最最频繁的组件",
     "LabelsDescriptionTips2": "<a href='/editor-form' target='_blank'>EditorForm</a> 组件是普通的表单组件，此组件绑定 <code>Model</code> 后即可自动生成整个表单，大大减少重复性编码，外面套上 <code>ValidateForm</code> 即可开启 <b>数据合规性检查</b> 非常方便、简洁、高效",
     "LabelsDescriptionTips3": "以 <a href='input' target='_blank'>BootstrapInput</a> 输入框组件为例，阐述一下是否显示 <code>Label</code> 逻辑",
-    "LabelsEditorFormDescription1": "<b>不显示标签</b><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
-    "LabelsEditorFormDescription2": "<b>显示标签</b><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性等同于设置为 <code>true</code>，所有组件 <b>显示</b> 标签</div>",
+    "LabelsEditorFormDescription1": "<p><b class=\"mb-3\">不显示标签</b></p><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
+    "LabelsEditorFormDescription2": "<p><b class=\"mb-3\">显示标签</b></p><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性等同于设置为 <code>true</code>，所有组件 <b>显示</b> 标签</div>",
     "LabelsEditorFormIntro": "未套 <code>ValidateForm</code> 中使用",
     "LabelsEditorFormTitle": "EditorForm 中使用",
     "LabelsNormalDescription": "未使用双向绑定时",
@@ -2785,21 +2785,21 @@
     "LabelsRowLabelWidthTitle": "样式设置标签宽度",
     "LabelsTips": "<code>ShowLabel</code> 的逻辑即就近原则，离自身越近的设置生效，如表单组件内置到 <code>ValidateForm</code> 组件中，即使 <code>ValidateForm</code> 设置 <code>ShowLabel=true</code>，表单组件自身设置 <code>ShowLabel=false</code> 时，标签最终结果为 <b>不显示</b>",
     "LabelsTitle": "组件标签",
-    "LabelsValidateForm1Description1": "<b>显示标签</b><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性，未设置时等同于设置为 <code>ShowLabel=\"true\"</code>，所有组件 <b>显示</b> 标签</div>",
-    "LabelsValidateForm1Description2": "<b>不显示标签</b><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
+    "LabelsValidateForm1Description1": "<p><b>显示标签</b></p><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性，未设置时等同于设置为 <code>ShowLabel=\"true\"</code>，所有组件 <b>显示</b> 标签</div>",
+    "LabelsValidateForm1Description2": "<p><b>不显示标签</b></p><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
     "LabelsValidateForm1Intro": "内置 <code>ValidateForm</code> 中使用",
     "LabelsValidateForm1Title": "EditorForm 内置 ValidateForm 中使用",
-    "LabelsValidateForm2Description1": "<b>显示标签</b><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性，未设置时等同于设置为 <code>true</code>，所有组件 <b>显示</b> 标签</div>",
-    "LabelsValidateForm2Description2": "<b>不显示标签</b><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
+    "LabelsValidateForm2Description1": "<p><b>显示标签</b></p><div>未设置 <coe>EditorForm</coe> 组件的 <code>ShowLabel</code> 属性，未设置时等同于设置为 <code>true</code>，所有组件 <b>显示</b> 标签</div>",
+    "LabelsValidateForm2Description2": "<p><b>不显示标签</b></p><div>设置 <code>ShowLabel=\"false\"</code>，组件内的所有表单组件 <b>不显示</b> 标签</div>",
     "LabelsValidateForm2Description3": "<b>显示标签</b><div>设置样式 <code>form-inline</code>，组件内的所有表单组件标签前置</div>",
     "LabelsValidateForm2Intro": "默认自动开启显示标签",
     "LabelsValidateForm2Title": "ValidateForm 中使用",
     "LabelsWidthCode1": "如上代码所示, 根据就近原则最终取值 <b>180</b>",
     "LabelsWidthDescription": "组件 <code>ValidateForm</code> <code>EditorForm</code> <code>BootstrapLabelSetting</code> <code>ValidateForm</code> 均可以设置标签宽度值，组件采用 <b>就近原则</b> 来确定最终值",
     "LabelsWidthIntro": "通过设置变量 <code>LabelWidth</code> 控制标签宽度",
     "LabelsWidthTitle": "参数设置标签宽度",
-    "ValidateFormAlignCenter": "<b>居中对齐</b><div>通过设置样式 <code>form-inline-center</code> 标签居中对齐</div>",
-    "ValidateFormAlignRight": "<b>右对齐</b><div>通过设置样式 <code>form-inline-end</code> 标签右对齐</div>"
+    "ValidateFormAlignCenter": "<p><b>居中对齐</b></p><div>通过设置样式 <code>form-inline-center</code> 标签居中对齐</div>",
+    "ValidateFormAlignRight": "<p><b>右对齐</b></p><div>通过设置样式 <code>form-inline-end</code> 标签右对齐</div>"
   },
   "BootstrapBlazor.Server.Components.Samples.LayoutPages": {
     "H1": "整页面级别组件",