feat(RDKit): add Smarts parameter (#5062)

* doc: 增加 Smarts 示例

* doc: 增加 Smarts 示例

* chore: 更新依赖包到最新

Author: ArgoZhang

src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj

@@ -53,7 +53,7 @@
     <PackageReference Include="BootstrapBlazor.OnScreenKeyboard" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.PdfReader" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Player" Version="9.0.0" />
-    <PackageReference Include="BootstrapBlazor.RDKit" Version="9.0.0-beta01" />
+    <PackageReference Include="BootstrapBlazor.RDKit" Version="9.0.0-beta03" />
     <PackageReference Include="BootstrapBlazor.SignaturePad" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.Sortable" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.Splitting" Version="9.0.1" />

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

@@ -12,3 +12,19 @@
            Name="Normal">
     <RDKit Value="CC(=O)Oc1ccccc1C(=O)O"></RDKit>
 </DemoBlock>
+
+<DemoBlock Title="@Localizer["RDKitSmartsTitle"]"
+           Introduction="@Localizer["RDKitSmartsIntro"]"
+           Name="Smarts">
+    <section ignore>
+        <div class="row g-3">
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="@Localizer["RDKitSmartsLabel"]" />
+                    <Checkbox @bind-Value="_showSmarts"></Checkbox>
+                </BootstrapInputGroup>
+            </div>
+        </div>
+    </section>
+    <RDKit Value="CC(=O)Oc1ccccc1C(=O)O" Smarts="@Smarts"></RDKit>
+</DemoBlock>

src/BootstrapBlazor.Server/Components/Samples/RDKits.razor.cs

@@ -10,5 +10,7 @@ namespace BootstrapBlazor.Server.Components.Samples;
 /// </summary>
 public partial class RDKits
 {
+    private string? Smarts => _showSmarts ? "Oc1[c,n]cccc1" : "";
 
+    private bool _showSmarts;
 }

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

@@ -6843,6 +6843,9 @@
     "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>Value</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"
   }
 }

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

@@ -6843,6 +6843,9 @@
     "RDKitTitle": "分子图组件",
     "RDKitDescription": "RDKit 是一个开源的化学信息学工具包，用于分子建模和化学信息学",
     "RDKitNormalTitle": "基础用法",
-    "RDKitNormalIntro": "通过 <code>Value</code> 设置分子式，组件画图"
+    "RDKitNormalIntro": "通过 <code>Value</code> 设置分子式，组件画图",
+    "RDKitSmartsTitle": "Smarts",
+    "RDKitSmartsIntro": "通过设置 <code>Smarts</code> 值，高亮显示部分分子式",
+    "RDKitSmartsLabel": "显示 Smarts"
   }
 }