refactor: 增加鼠标选中脚本框架

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Icons/AntDesign/AntDesignIcons.razor

@@ -1,5 +1,6 @@
 @page "/ant-design-icon"
 @inject IStringLocalizer<AntDesignIcons> Localizer
+@inherits BootstrapIcon
 
 <h3>@Localizer["AntDesignIconTitle"]</h3>
 
@@ -22,16 +23,18 @@
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
 <p class="code-label mt-3">Outlined</p>
-<div class="icon-list">
-    <AntDesignIconListOutlined></AntDesignIconListOutlined>
-</div>
-
-<p class="code-label mt-3">Filled</p>
-<div class="icon-list">
-    <AntDesignIconListFilled></AntDesignIconListFilled>
-</div>
-
-<p class="code-label mt-3">TwoTone</p>
-<div class="icon-list">
-    <AntDesignIconListTwoTone></AntDesignIconListTwoTone>
+<div id="@Id" class="list">
+    <div class="icon-list">
+        <AntDesignIconListOutlined></AntDesignIconListOutlined>
+    </div>
+
+    <p class="code-label mt-3">Filled</p>
+    <div class="icon-list">
+        <AntDesignIconListFilled></AntDesignIconListFilled>
+    </div>
+
+    <p class="code-label mt-3">TwoTone</p>
+    <div class="icon-list">
+        <AntDesignIconListTwoTone></AntDesignIconListTwoTone>
+    </div>
 </div>

src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcon.razor

@@ -0,0 +1 @@
+@inherits WebSiteModuleComponentBase

src/BootstrapBlazor.Server/Components/Samples/Icons/UniverIcon/UniverIcons.razor.cs renamed to src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcon.razor.cs

@@ -6,9 +6,10 @@
 namespace BootstrapBlazor.Server.Components.Samples.Icons;
 
 /// <summary>
-/// OctIcons 图标示例
+/// Icon component base class
 /// </summary>
-public partial class UniverIcons
+[JSModuleAutoLoader("Samples/Icons/BootstrapIcon.razor.js")]
+public partial class BootstrapIcon
 {
 
 }

src/BootstrapBlazor.Server/Components/Samples/Icons/BootstrapIcon.razor.js

@@ -0,0 +1,8 @@
+export function init(id) {
+    const list = document.getElementById(id);
+    console.log(list);
+}
+
+export function dispose(id) {
+
+}

src/BootstrapBlazor.Server/Components/Samples/Icons/ElementIcon/ElementIcons.razor

@@ -1,5 +1,6 @@
 @page "/element-icon"
 @inject IStringLocalizer<ElementIcons> Localizer
+@inherits BootstrapIcon
 
 <h3>@Localizer["ElementIconTitle"]</h3>
 
@@ -21,6 +22,6 @@
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
-<div class="icon-list">
+<div id="@Id" class="icon-list">
     <ElementIconList></ElementIconList>
 </div>

src/BootstrapBlazor.Server/Components/Samples/Icons/IconPark/IconParks.razor

@@ -1,5 +1,6 @@
 @page "/icon-park"
 @inject IStringLocalizer<IconParks> Localizer
+@inherits BootstrapIcon
 
 <h3>@Localizer["IconParkTitle"]</h3>
 
@@ -21,6 +22,6 @@
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
-<div class="icon-list">
+<div id="@Id" class="icon-list">
     <IconParkList></IconParkList>
 </div>

src/BootstrapBlazor.Server/Components/Samples/Icons/OctIcon/OctIcons.razor

@@ -1,5 +1,6 @@
 @page "/oct-icon"
 @inject IStringLocalizer<OctIcons> Localizer
+@inherits BootstrapIcon
 
 <h3>@Localizer["OctIconTitle"]</h3>
 
@@ -21,6 +22,6 @@
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
-<div class="icon-list">
+<div id="@Id" class="icon-list">
     <OcticonIconList></OcticonIconList>
 </div>

src/BootstrapBlazor.Server/Components/Samples/Icons/UniverIcon/UniverIcons.razor

@@ -1,5 +1,6 @@
 @page "/univer-icon"
 @inject IStringLocalizer<UniverIcons> Localizer
+@inherits BootstrapIcon
 
 <h3>@Localizer["UniverIconTitle"]</h3>
 
@@ -21,6 +22,6 @@
 
 <div>@((MarkupString)Localizer["Icons"].Value)</div>
 
-<div class="icon-list">
+<div id="@Id" class="icon-list">
     <UniverIconList></UniverIconList>
 </div>