!3741 doc(#I69F1U): update empty demos

* update empty demos

Author: Lambert Lee

src/BootstrapBlazor.Shared/Demos/Empty/EmptyImage.razor

@@ -0,0 +1,5 @@
+@inject IStringLocalizer<EmptyImage> Localizer
+
+<div>
+    <Empty Image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg" Width="133" Text="@Localizer["ImageText"]" />
+</div>

src/BootstrapBlazor.Shared/Demos/Empty/EmptyNormal.razor

@@ -0,0 +1,3 @@
+<div>
+    <Empty />
+</div>

src/BootstrapBlazor.Shared/Demos/Empty/EmptyTemplate.razor

@@ -0,0 +1,10 @@
+@inject NavigationManager NavigationManager
+@inject IStringLocalizer<EmptyTemplate> Localizer
+
+<div>
+    <Empty Image="_content/BootstrapBlazor.Shared/images/empty.svg">
+        <Template>
+            <Button OnClick="@(()=>NavigationManager.NavigateTo("components"))">@Localizer["TemplateIButtonText"]</Button>
+        </Template>
+    </Empty>
+</div>

src/BootstrapBlazor.Shared/Locales/en.json

@@ -4144,14 +4144,12 @@
   "BootstrapBlazor.Shared.Samples.Empties": {
     "Title": "Empty",
     "SubTitle": "Sub Title PlaceHolder",
-    "BasicUsageTitle": "Basic usage",
-    "BasicUsageIntro": "Just add <code>Empty</code> tag",
+    "NormalTitle": "Basic usage",
+    "NormalIntro": "Just add <code>Empty</code> tag",
     "ImageTitle": "Set the path to the empty state picture",
     "ImageIntro": "Just set the <code>Image</code> property",
-    "ImageText": "No data at this time",
     "TemplateTitle": "Customize the empty state template",
     "TemplateIntro": "The inner set renders custom components <code>Template</code> labels",
-    "TemplateIButtonText": "Go back to the previous page",
     "Image": "Customize the picture path",
     "Text": "Custom description information",
     "TextDefaultValue": "There is no description at this time",
@@ -4160,6 +4158,12 @@
     "Template": "Custom templates",
     "ChildContent": "ChildContent"
   },
+  "BootstrapBlazor.Shared.Demos.Empty.EmptyImage": {
+    "ImageText": "No data at this time"
+  },
+  "BootstrapBlazor.Shared.Demos.Empty.EmptyTemplate": {
+    "TemplateIButtonText": "Go back to the previous page"
+  },
   "BootstrapBlazor.Shared.Samples.GroupBoxs": {
     "Title": "GroupBox",
     "SubTitle": "Simulate WinForm's GroupBox components",

src/BootstrapBlazor.Shared/Locales/zh.json

@@ -4151,14 +4151,12 @@
   "BootstrapBlazor.Shared.Samples.Empties": {
     "Title": "Empty 空状态",
     "SubTitle": "空状态时的展示占位图",
-    "BasicUsageTitle": "基础用法",
-    "BasicUsageIntro": "添加 <code>Empty</code> 标签即可",
+    "NormalTitle": "基础用法",
+    "NormalIntro": "添加 <code>Empty</code> 标签即可",
     "ImageTitle": "设置空状态图片路径",
     "ImageIntro": "设置 <code>Image</code> 属性即可",
-    "ImageText": "暂无数据",
     "TemplateTitle": "自定义空状态模板",
     "TemplateIntro": "内套 <code>Template</code> 标签渲染自定义组件",
-    "TemplateIButtonText": "返回上一页",
     "Image": "自定义图片路径",
     "Text": "自定义描述信息",
     "TextDefaultValue": "暂无描述",
@@ -4167,6 +4165,12 @@
     "Template": "自定义模板",
     "ChildContent": "子组件"
   },
+  "BootstrapBlazor.Shared.Demos.Empty.EmptyImage": {
+    "ImageText": "暂无数据"
+  },
+  "BootstrapBlazor.Shared.Demos.Empty.EmptyTemplate": {
+    "TemplateIButtonText": "返回上一页"
+  },
   "BootstrapBlazor.Shared.Samples.GroupBoxs": {
     "Title": "GroupBox 集合组件",
     "SubTitle": "模拟 WinForm 的 GroupBox 组件",

src/BootstrapBlazor.Shared/Samples/Empties.razor

@@ -1,24 +1,15 @@
 @page "/empties"
 @inject NavigationManager NavigationManager
+@inject IStringLocalizer<Empties> Localizer
 
-<h3>@Title</h3>
-<h4>@SubTitle</h4>
+<h3>@Localizer["Title"]</h3>
+<h4>@Localizer["SubTitle"]</h4>
 
-<DemoBlock Title="@Localizer["BasicUsageTitle"]" Introduction="@Localizer["BasicUsageIntro"]" Name="Normal">
-    <Empty />
-</DemoBlock>
+<DemoBlock Title="@Localizer["NormalTitle"]" Introduction="@Localizer["NormalIntro"]" Name="Normal" Demo="typeof(Demos.Empty.EmptyNormal)" />
 
-<DemoBlock Title="@Localizer["ImageTitle"]" Introduction="@Localizer["ImageIntro"]" Name="Image">
-    <Empty Image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg" Width="133" Text="@Localizer["ImageText"]" />
-</DemoBlock>
+<DemoBlock Title="@Localizer["ImageTitle"]" Introduction="@Localizer["ImageIntro"]" Name="Image" Demo="typeof(Demos.Empty.EmptyImage)" />
 
-<DemoBlock Title="@Localizer["TemplateTitle"]" Introduction="@Localizer["TemplateIntro"]" Name="Template">
-    <Empty Image="_content/BootstrapBlazor.Shared/images/empty.svg">
-        <Template>
-            <Button OnClick="@(()=>NavigationManager.NavigateTo("components"))">@Localizer["TemplateIButtonText"]</Button>
-        </Template>
-    </Empty>
-</DemoBlock>
+<DemoBlock Title="@Localizer["TemplateTitle"]" Introduction="@Localizer["TemplateIntro"]" Name="Template" Demo="typeof(Demos.Empty.EmptyTemplate)" />
 
 <AttributeTable Items="@GetAttributes()" />
 

src/BootstrapBlazor.Shared/Samples/Empties.razor.cs

@@ -5,47 +5,18 @@
 namespace BootstrapBlazor.Shared.Samples;
 
 /// <summary>
-/// 
+/// Empties
 /// </summary>
 public partial class Empties
 {
-
-    /// <summary>
-    /// 
-    /// </summary>
-    [Parameter]
-    public string? Title { get; set; }
-
-    /// <summary>
-    /// 
-    /// </summary>
-    [Parameter]
-    public string? SubTitle { get; set; }
-
-    /// <summary>
-    /// 
-    /// </summary>
-    [Inject]
-    [NotNull]
-    private IStringLocalizer<Empties>? Localizer { get; set; }
-
-    /// <summary>
-    /// 
-    /// </summary>
-
-    protected override void OnInitialized()
-    {
-        base.OnInitialized();
-        Title = Localizer[nameof(Title)];
-        SubTitle = Localizer[nameof(SubTitle)];
-    }
-
     /// <summary>
     /// 获得属性方法
     /// </summary>
     /// <returns></returns>
-    private IEnumerable<AttributeItem> GetAttributes() => new[]
+    private IEnumerable<AttributeItem> GetAttributes()
     {
+        return new[]
+        {
             // TODO: 移动到数据库中
             new AttributeItem() {
                 Name = "Image",
@@ -90,4 +61,5 @@ private IEnumerable<AttributeItem> GetAttributes() => new[]
                 DefaultValue = " — "
             }
         };
+    }
 }