doc: 增加网络状态菜单

Author: ArgoZhang

src/BootstrapBlazor.Server/Extensions/MenusLocalizerExtensions.cs

@@ -1248,6 +1248,12 @@ void AddNotice(DemoMenuItem item)
                     Url = "fullscreen-button"
                 },
                 new()
+                {
+                    IsNew = true,
+                    Text = Localizer["NetworkMonitor"],
+                    Url = "network-monitor"
+                },
+                new()
                 {
                     Text = Localizer["Light"],
                     Url = "light"

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

@@ -4840,7 +4840,8 @@
     "SocketAutoReceive": "Auto Receive",
     "SocketManualReceive": "Manual Receive",
     "DataPackageAdapter": "DataPackageAdapter",
-    "SocketAutoConnect": "Reconnect"
+    "SocketAutoConnect": "Reconnect",
+    "NetworkMonitor": "Network Monitor"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesHeader": {
     "TablesHeaderTitle": "Header grouping function",
@@ -7119,5 +7120,12 @@
     "AutoReconnectsDescription": "Receive data through the data adapter and display",
     "NormalTitle": "Basic usage",
     "NormalIntro": "Enable automatic reconnection by setting <code>IsAutoReconnect</code>"
+  },
+  "BootstrapBlazor.Server.Components.Samples.NetworkMonitors": {
+    "NetworkMonitorTitle": "NetworkMonitor",
+    "NetworkMonitorDescription": "链路断开后自动重连示例",
+    "NormalTitle": "基本用法",
+    "NormalIntro": "通过设置 <code>IsAutoReconnect</code> 开启自动重连机制",
+    "NormalDesc": "网络变化时，通过 <code>OnNetworkStateChanged</code> 回调获得当前网络状态信息"
   }
 }

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

@@ -4840,7 +4840,8 @@
     "SocketAutoReceive": "自动接收数据",
     "SocketManualReceive": "手动接收数据",
     "DataPackageAdapter": "数据处理器",
-    "SocketAutoConnect": "自动重连"
+    "SocketAutoConnect": "自动重连",
+    "NetworkMonitor": "网络状态 NetworkMonitor"
   },
   "BootstrapBlazor.Server.Components.Samples.Table.TablesHeader": {
     "TablesHeaderTitle": "表头分组功能",
@@ -7119,5 +7120,11 @@
     "AutoReconnectsDescription": "链路断开后自动重连示例",
     "NormalTitle": "基本用法",
     "NormalIntro": "通过设置 <code>IsAutoReconnect</code> 开启自动重连机制"
+  },
+  "BootstrapBlazor.Server.Components.Samples.NetworkMonitors": {
+    "NetworkMonitorTitle": "NetworkMonitor 网络状态",
+    "NetworkMonitorDescription": "使用浏览器原生 api <code>navigator.connection</code> 实时显示当前网络状态",
+    "NormalTitle": "基本用法",
+    "NormalIntro": "网络变化时，通过 <code>OnNetworkStateChanged</code> 回调获得当前网络状态信息"
   }
 }