doc: 更新示例

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Samples/Tutorials/SocketApp.razor

@@ -1,20 +1,20 @@
 @page "/socket"
 
 <div>
-    <p>由于是示例演示，不提供选择 <code>IP 地址</code> 与 <code>端口</code> 功能。点击 <b>连接</b> <b>断开</b> 测试功能</p>
+    <ul class="ul-demo">
+        <li>点击 <b>连接</b> 按钮后通过 <code>ITcpSocketFactory</code> 服务实例创建的 <code>ITcpSocketClient</code> 对象连接到网站模拟 <code>TcpServer</code></li>
+        <li>点击 <b>断开</b> 按钮调用 <code>CloseAsync</code> 方法断开 Socket 连接</li>
+    </ul>
 
-    <div class="row forn-inline g-3">
-        <div class="col-12 col-sm-6 align-content-center">
-            <Light Color="@_connectColor" IsFlash="_flash"></Light>
-        </div>
+    <div class="row form-inline g-3">
         <div class="col-12 col-sm-6">
             <Button Text="连接" Icon="fa-solid fa-play"
                     OnClick="OnConnectAsync" IsDisabled="@_client.IsConnected"></Button>
-            <Button Text="断开" Icon="fa-solid fa-stop"
+            <Button Text="断开" Icon="fa-solid fa-stop" class="ms-2"
                     OnClick="OnCloseAsync" IsDisabled="@(!_client.IsConnected)"></Button>
         </div>
         <div class="col-12">
-            <Console Items="@_items" Height="500" HeaderText="接收数据（间隔 10 秒）"
+            <Console Items="@_items" Height="496" HeaderText="接收数据（间隔 10 秒）"
                      ShowAutoScroll="true" OnClear="@OnClear"></Console>
         </div>
     </div>

src/BootstrapBlazor.Server/Components/Samples/Tutorials/SocketApp.razor.cs

@@ -12,10 +12,6 @@ public partial class SocketApp : ComponentBase, IDisposable
     [Inject, NotNull]
     private ITcpSocketFactory? TcpSocketFactory { get; set; }
 
-    private Color _connectColor = Color.None;
-
-    private bool _flash = false;
-
     private ITcpSocketClient _client = null!;
 
     private List<ConsoleMessageItem> _items = [];
@@ -30,15 +26,13 @@ protected override void OnInitialized()
         // 从服务中获取 Socket 实例
         _client = TcpSocketFactory.GetOrCreate("bb", key => new IPEndPoint(IPAddress.Loopback, 0));
         _client.ReceivedCallBack += OnReceivedAsync;
-        ResetLight();
     }
 
     private async Task OnConnectAsync()
     {
         if (_client is { IsConnected: false })
         {
             await _client.ConnectAsync("127.0.0.1", 8800, CancellationToken.None);
-            ResetLight();
         }
     }
 
@@ -47,16 +41,9 @@ private async Task OnCloseAsync()
         if (_client is { IsConnected: true })
         {
             await _client.CloseAsync();
-            ResetLight();
         }
     }
 
-    private void ResetLight()
-    {
-        _flash = _client.IsConnected;
-        _connectColor = _client.IsConnected ? Color.Success : Color.None;
-    }
-
     private Task OnClear()
     {
         _items = [];