doc: 更新文档

Author: ArgoZhang

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

@@ -0,0 +1,20 @@
+@page "/smiles-drawer"
+@inject IStringLocalizer<SmilesDrawers> Localizer
+
+<h3>@Localizer["SmilesDrawerTitle"]</h3>
+
+<h4>@Localizer["SmilesDrawerDescription"]</h4>
+
+<PackageTips Name="BootstrapBlazor.SmilesDrawer" />
+
+<DemoBlock Title="@Localizer["SmilesDrawerNormalTitle"]"
+           Introduction="@Localizer["SmilesDrawerNormalIntro"]"
+           Name="Normal">
+    <SmilesDrawer SmilesValue="CC(=O)Oc1ccccc1C(=O)O"></SmilesDrawer>
+</DemoBlock>
+
+<DemoBlock Title="@Localizer["SmilesDrawerSizeTitle"]"
+           Introduction="@Localizer["SmilesDrawerSizeIntro"]"
+           Name="Size">
+    <SmilesDrawer SmilesValue="CC(=O)Oc1ccccc1C(=O)O" Theme="light" Width="120" Height="120"></SmilesDrawer>
+</DemoBlock>

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

@@ -8,7 +8,7 @@ namespace BootstrapBlazor.Server.Components.Samples;
 /// <summary>
 /// SmileDrawer 组件示例
 /// </summary>
-public partial class SmileDrawers
+public partial class SmilesDrawers
 {
 
 }

src/BootstrapBlazor.Server/Components/Samples/SmileDrawers.razor.cs renamed to src/BootstrapBlazor.Server/Components/Samples/SmilesDrawers.razor.cs

@@ -709,8 +709,8 @@ void AddData(DemoMenuItem item)
                 },
                 new()
                 {
-                    Text = Localizer["SmileDrawer"],
-                    Url = "smile-drawer"
+                    Text = Localizer["SmilesDrawer"],
+                    Url = "smiles-drawer"
                 },
                 new()
                 {

src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs

@@ -6844,11 +6844,19 @@
     "RDKitTitle": "RDKit",
     "RDKitDescription": "A powerful cheminformatics and molecule rendering toolbelt for Blazor, Powered by RDKit",
     "RDKitNormalTitle": "Basic usage",
-    "RDKitNormalIntro": "Set the molecular formula through <code>Value</code> and draw the component",
+    "RDKitNormalIntro": "Set the molecular formula through <code>Smiles</code> and draw the component",
     "RDKitSmartsTitle": "Smarts",
     "RDKitSmartsIntro": "By setting the <code>Smarts</code> value, parts of the molecular formula can be highlighted",
     "RDKitSmartsLabel": "Show Smarts",
     "RDKitSizeTitle": "Size",
     "RDKitSizeIntro": "Set the width and height of the molecular formula by setting the <code>Width</code> and <code>Height</code> values"
+  },
+  "BootstrapBlazor.Server.Components.Samples.SmilesDrawers": {
+    "SmilesDrawerTitle": "SmilesDrawer",
+    "SmilesDrawerDescription": "A small, highly performant JavaScript component for parsing and drawing SMILES strings",
+    "SmilesDrawerNormalTitle": "Basic usage",
+    "SmilesDrawerNormalIntro": "Set the molecular formula through <code>Smiles</code> and draw the component",
+    "SmilesDrawerSizeTitle": "Size",
+    "SmilesDrawerSizeIntro": "Set the width and height of the molecular formula by setting the <code>Width</code> and <code>Height</code> values"
   }
 }

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

@@ -6841,14 +6841,22 @@
     "AttributeOnPostDataAsync": "Frame 加载页面传递过来的数据"
   },
   "BootstrapBlazor.Server.Components.Samples.RDKits": {
-    "RDKitTitle": "分子图组件",
+    "RDKitTitle": "RDKit.js 分子图组件",
     "RDKitDescription": "RDKit 是一个开源的化学信息学工具包，用于分子建模和化学信息学",
     "RDKitNormalTitle": "基础用法",
-    "RDKitNormalIntro": "通过 <code>Value</code> 设置分子式，组件画图",
+    "RDKitNormalIntro": "通过 <code>Smiles</code> 设置分子式，组件画图",
     "RDKitSmartsTitle": "Smarts",
     "RDKitSmartsIntro": "通过设置 <code>Smarts</code> 值，高亮显示部分分子式",
     "RDKitSmartsLabel": "显示 Smarts",
     "RDKitSizeTitle": "尺寸",
     "RDKitSizeIntro": "通过设置 <code>Width</code> <code>Height</code> 值设置分子式宽高"
+  },
+  "BootstrapBlazor.Server.Components.Samples.SmilesDrawers": {
+    "SmilesDrawerTitle": "SmilesDrawer 分子图组件",
+    "SmilesDrawerDescription": "SmilesDrawer 是一个开源的化学信息学工具包，用于分子建模和化学信息学",
+    "SmilesDrawerNormalTitle": "基础用法",
+    "SmilesDrawerNormalIntro": "通过 <code>Smiles</code> 设置分子式，组件画图",
+    "SmilesDrawerSizeTitle": "尺寸",
+    "SmilesDrawerSizeIntro": "通过设置 <code>Width</code> <code>Height</code> 值设置分子式宽高"
   }
 }

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

@@ -222,7 +222,7 @@
     "win-box": "WinBoxes",
     "player": "Players",
     "rdkit": "Rdkits",
-    "smile-drawer": "SmileDrawers"
+    "smiles-drawer": "SmilesDrawers"
   },
   "video": {
     "table": "BV1ap4y1x7Qn?p=1",