Merge remote-tracking branch 'origin/main'

ArgoZhang · ArgoZhang · commit 644fcb7b87be · 2025-06-18T09:34:03.000+08:00
diff --git a/src/BootstrapBlazor.Server/Components/Samples/Selects.razor b/src/BootstrapBlazor.Server/Components/Samples/Selects.razor
@@ -364,9 +364,15 @@
 <DemoBlock Title="@Localizer["SelectsConfirmSelectTitle"]"
            Introduction="@Localizer["SelectsConfirmSelectIntro"]"
            Name="ConfirmSelect">
+    <section ignore>
+        <ul class="ul-demo">
+            <li>@((MarkupString)Localizer["SelectConfifrmSelectDesc1"].Value)</li>
+            <li>@((MarkupString)Localizer["SelectConfifrmSelectDesc2"].Value)</li>
+        </ul>
+    </section>
     <div class="row">
         <div class="col-12 col-sm-6">
-            <Select TValue="string" Items="Items" OnBeforeSelectedItemChange="@OnBeforeSelectedItemChange"
+            <Select TValue="string" Items="Items" ShowSwal="true"
                     SwalTitle="@Localizer["SwalTitle"]" SwalContent="@Localizer["SwalContent"]" SwalFooter="@Localizer["SwalFooter"]" />
         </div>
     </div>
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -3219,7 +3219,9 @@
     "SelectsShowSearchTitle": "Drop-down box with search box",
     "SelectsShowSearchIntro": "Controls whether the search box is displayed by setting the <code>ShowSearch</code> property, which is not displayed by default <b>false</b>. You can set the <code>IsAutoClearSearchTextWhenCollapsed</code> parameter to control whether the text in the search box is automatically cleared after the drop-down box is collapsed. The default value is <b>false</b>.",
     "SelectsConfirmSelectTitle": "Drop-down box with confirmation",
-    "SelectsConfirmSelectIntro": "Block changes to the current value by setting the <code>OnBeforeSelectedItemChange</code> delegate.",
+    "SelectsConfirmSelectIntro": "Prevent the current value from changing by setting the <code>OnBeforeSelectedItemChange</code> delegate or setting the <code>ShowSwal</code> parameter to <code>true</code>.",
+    "SelectConfifrmSelectDesc1": "Set the <code>OnBeforeSelectedItemChange</code> callback method, and pop up a window in the callback method to confirm whether to change the value. If it returns <code>true</code>, the value will be changed, otherwise it will not be changed.",
+    "SelectConfifrmSelectDesc2": "Set <code>ShowSwal=\"true\"</code> and then confirm the value of the <code>SwalTitle</code> <code>SwalContent</code> parameter using the built-in popup window. In the callback method, you can confirm whether to change the value.",
     "SelectsTimeZoneTitle": "Timezone",
     "SelectsTimeZoneIntro": "Display data of Timezone",
     "SwalTitle": "The drop-down box value changes",
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -3219,7 +3219,9 @@
     "SelectsShowSearchTitle": "带搜索框的下拉框",
     "SelectsShowSearchIntro": "通过设置 <code>ShowSearch</code> 属性控制是否显示搜索框，默认为 <b>false</b> 不显示搜索框，可以通过设置 <code>IsAutoClearSearchTextWhenCollapsed</code> 参数控制下拉框收起后是否自动清空搜索框内文字，默认值为 <b>false</b> 不清空",
     "SelectsConfirmSelectTitle": "带确认的下拉框",
-    "SelectsConfirmSelectIntro": "通过设置 <code>OnBeforeSelectedItemChange</code> 委托，阻止当前值的改变",
+    "SelectsConfirmSelectIntro": "通过设置 <code>OnBeforeSelectedItemChange</code> 委托或者设置 <code>ShowSwal</code> 参数值为 <code>true</code>，阻止当前值的改变。",
+    "SelectConfifrmSelectDesc1": "设置 <code>OnBeforeSelectedItemChange</code> 回调方法，在回调方法内自己弹窗确认是否更改值，返回 <code>true</code> 时更改，否则不更改",
+    "SelectConfifrmSelectDesc2": "设置 <code>ShowSwal=\"true\"</code> 然后通过设置 <code>SwalTitle</code> <code>SwalContent</code> 参数值使用内置弹窗进行确认即可，在回调方法内自己弹窗确认是否更改值",
     "SelectsTimeZoneTitle": "时区下拉框",
     "SelectsTimeZoneIntro": "下拉框展现时区数据",
     "SwalTitle": "下拉框值变更",
diff --git a/src/BootstrapBlazor/Components/ErrorLogger/BootstrapBlazorErrorBoundary.cs b/src/BootstrapBlazor/Components/ErrorLogger/BootstrapBlazorErrorBoundary.cs
@@ -18,7 +18,7 @@ class BootstrapBlazorErrorBoundary : ErrorBoundaryBase
 {
     [Inject]
     [NotNull]
-    private ILogger<ErrorLogger>? Logger { get; set; }
+    private ILogger<BootstrapBlazorErrorBoundary>? Logger { get; set; }
 
     [Inject]
     [NotNull]
@@ -48,6 +48,12 @@ class BootstrapBlazorErrorBoundary : ErrorBoundaryBase
     [Parameter]
     public bool ShowToast { get; set; } = true;
 
+    /// <summary>
+    /// 获得/设置 是否启用日志记录功能 默认 true 启用
+    /// </summary>
+    [Parameter]
+    public bool EnableILogger { get; set; } = true;
+
     /// <summary>
     /// 获得/设置 Toast 弹窗标题
     /// </summary>
@@ -61,7 +67,10 @@ class BootstrapBlazorErrorBoundary : ErrorBoundaryBase
     /// <param name="exception"></param>
     protected override Task OnErrorAsync(Exception exception)
     {
-        Logger.LogError(exception, "{BootstrapBlazorErrorBoundary} {OnErrorAsync} log this error occurred at {Page}", nameof(BootstrapBlazorErrorBoundary), nameof(OnErrorAsync), NavigationManager.Uri);
+        if (EnableILogger)
+        {
+            Logger.LogError(exception, "BootstrapBlazorErrorBoundary OnErrorAsync log this error occurred at {Page}", NavigationManager.Uri);
+        }
         return Task.CompletedTask;
     }
 
diff --git a/src/BootstrapBlazor/Components/ErrorLogger/ErrorLogger.cs b/src/BootstrapBlazor/Components/ErrorLogger/ErrorLogger.cs
@@ -30,6 +30,12 @@ public class ErrorLogger : ComponentBase, IErrorLogger
     [Parameter]
     public bool ShowToast { get; set; } = true;
 
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    [Parameter]
+    public bool EnableILogger { get; set; } = true;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
@@ -112,6 +118,7 @@ protected override void BuildRenderTree(RenderTreeBuilder builder)
         builder.AddAttribute(3, nameof(BootstrapBlazorErrorBoundary.ToastTitle), ToastTitle);
         builder.AddAttribute(4, nameof(BootstrapBlazorErrorBoundary.ErrorContent), ErrorContent);
         builder.AddAttribute(5, nameof(BootstrapBlazorErrorBoundary.ChildContent), ChildContent);
+        builder.AddAttribute(6, nameof(BootstrapBlazorErrorBoundary.EnableILogger), EnableILogger);
         builder.AddComponentReferenceCapture(5, obj => _errorBoundary = (BootstrapBlazorErrorBoundary)obj);
         builder.CloseComponent();
     };
diff --git a/src/BootstrapBlazor/Components/ErrorLogger/IErrorLogger.cs b/src/BootstrapBlazor/Components/ErrorLogger/IErrorLogger.cs
@@ -27,6 +27,12 @@ public interface IErrorLogger
     /// </summary>
     bool ShowToast { get; }
 
+    /// <summary>
+    /// 获得/设置 是否启用日志记录功能 默认 true 启用
+    /// <para>设置 false 后关闭记录日志功能</para>
+    /// </summary>
+    bool EnableILogger { get; }
+
     /// <summary>
     /// 获得 Error Toast 弹窗标题 默认读取资源文件内容
     /// </summary>
diff --git a/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs b/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.cs
@@ -36,10 +36,10 @@ protected override void OnParametersSet()
         var ipSegments = CurrentValueAsString.Split(".", System.StringSplitOptions.RemoveEmptyEntries);
         if (ipSegments.Length == 4)
         {
-            Value1 = ipSegments[0];
-            Value2 = ipSegments[1];
-            Value3 = ipSegments[2];
-            Value4 = ipSegments[3];
+            Value1 = ipSegments[0].Trim();
+            Value2 = ipSegments[1].Trim();
+            Value3 = ipSegments[2].Trim();
+            Value4 = ipSegments[3].Trim();
         }
         else
         {
diff --git a/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.js b/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.js
@@ -8,9 +8,8 @@ const selectCell = (el, index) => {
     if (index > 3) {
         index = 3
     }
-    const c = el.querySelectorAll(".ipv4-cell")[index]
-    c.focus()
-    return c
+    const cell = el.querySelectorAll(".ipv4-cell")[index];
+    cell.focus();
 }
 
 export function init(id) {
@@ -23,16 +22,26 @@ export function init(id) {
     Data.set(id, ip)
 
     el.querySelectorAll(".ipv4-cell").forEach((c, index) => {
+        EventHandler.on(c, 'compositionend', e => {
+            e.preventDefault();
+            c.value = ip.prevValues[index];
+        });
+        EventHandler.on(c, 'focus', e => {
+            const input = e.target;
+            input.select();
+        });
         EventHandler.on(c, 'keydown', e => {
+            const current = e.target;
             if ((e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105)) {
                 // numbers, backup last status
                 ip.prevValues[index] = c.value
                 if (c.value === "0") {
                     c.value = ""
                 }
                 else if (c.selectionStart !== c.selectionEnd) {
-                    const v = c.value.substring(c.selectionStart, c.selectionEnd)
-                    const newVal = c.value.replace(v, e.key)
+                    const v1 = c.value.substring(0, c.selectionStart);
+                    const v2 = c.value.substring(c.selectionEnd, c.value.length);
+                    const newVal = `${v1}${e.key}${v2}`;
                     const num = Number(newVal)
                     if (num > 255) {
                         e.preventDefault()
@@ -47,15 +56,23 @@ export function init(id) {
             }
             else if (e.key === '.') {
                 e.preventDefault()
-                const c = selectCell(el, index + 1)
-                c.select()
+                selectCell(el, index + 1)
             }
             else if (e.key === 'Backspace') {
-                if (c.value.length === 0) {
+                if (c.value.length <= 1) {
                     c.value = "0"
+                    e.preventDefault();
                     selectCell(el, index - 1)
                 }
             }
+            else if (current.selectionStart === current.value.length && (e.code === 'Space' || e.code === 'ArrowRight')) {
+                e.preventDefault()
+                selectCell(el, index + 1)
+            }
+            else if (current.selectionStart === 0 && e.code === 'ArrowLeft') {
+                e.preventDefault()
+                selectCell(el, index - 1)
+            }
             else if (e.key === 'Delete' || e.key === 'Tab' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
 
             }
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor b/src/BootstrapBlazor/Components/Layout/Layout.razor
@@ -127,7 +127,7 @@
         else
         {
             <ErrorLogger EnableErrorLogger="@_enableErrorLogger" ShowToast="@_showToast" ToastTitle="@ErrorLoggerToastTitle" 
-                         OnErrorHandleAsync="OnErrorHandleAsync" OnInitializedCallback="OnErrorLoggerInitialized">
+                         EnableILogger="@_enableILogger" OnErrorHandleAsync="OnErrorHandleAsync" OnInitializedCallback="OnErrorLoggerInitialized">
                 @HandlerMain()
             </ErrorLogger>
         }
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.cs b/src/BootstrapBlazor/Components/Layout/Layout.razor.cs
@@ -465,6 +465,12 @@ public partial class Layout : IHandlerException, ITabHeader
     [Parameter]
     public bool? ShowErrorLoggerToast { get; set; }
 
+    /// <summary>
+    /// 获得/设置 是否启用日志记录功能 默认 null 启用 使用 <see cref="BootstrapBlazorOptions.EnableErrorLoggerILogger"/> 设置值
+    /// </summary>
+    [Parameter]
+    public bool? EnableErrorLoggerILogger { get; set; }
+
     /// <summary>
     /// 获得/设置 错误日志 <see cref="Toast"/> 弹窗标题 默认 null
     /// </summary>
@@ -503,6 +509,8 @@ public partial class Layout : IHandlerException, ITabHeader
 
     private bool _showToast => ShowErrorLoggerToast ?? Options.CurrentValue.ShowErrorLoggerToast;
 
+    private bool _enableILogger => EnableErrorLoggerILogger ?? Options.CurrentValue.EnableErrorLoggerILogger;
+
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
diff --git a/src/BootstrapBlazor/Options/BootstrapBlazorOptions.cs b/src/BootstrapBlazor/Options/BootstrapBlazorOptions.cs
@@ -4,6 +4,7 @@
 // Maintainer: Argo Zhang(argo@live.ca) Website: https://www.blazor.zone
 
 using Microsoft.Extensions.Localization;
+using Microsoft.Extensions.Logging;
 using System.Globalization;
 
 namespace BootstrapBlazor.Components;
@@ -53,6 +54,11 @@ public class BootstrapBlazorOptions : IOptions<BootstrapBlazorOptions>
     /// </summary>
     public bool ShowErrorLoggerToast { get; set; } = true;
 
+    /// <summary>
+    /// Gets or sets a value indicating whether error logging using an <see cref="ILogger"/> is enabled, default is true.
+    /// </summary>
+    public bool EnableErrorLoggerILogger { get; set; } = true;
+
     /// <summary>
     /// Gets or sets whether to fall back to the fallback culture, default is true
     /// </summary>
diff --git a/test/UnitTest/Components/LayoutTest.cs b/test/UnitTest/Components/LayoutTest.cs
@@ -568,6 +568,7 @@ public void ErrorLogger_LifeCycle()
                 pb.Add(a => a.UseTabSet, false);
                 pb.Add(a => a.EnableErrorLogger, true);
                 pb.Add(a => a.ShowErrorLoggerToast, false);
+                pb.Add(a => a.EnableErrorLoggerILogger, false);
                 pb.Add(a => a.ErrorLoggerToastTitle, "Title");
                 // 按钮触发异常
                 pb.Add(a => a.Main, new RenderFragment(builder =>

Original file line number	Diff line number	Diff line change
`@@ -36,10 +36,10 @@ protected override void OnParametersSet()`
`36`	`36`	`var ipSegments = CurrentValueAsString.Split(".", System.StringSplitOptions.RemoveEmptyEntries);`
`37`	`37`	`if (ipSegments.Length == 4)`
`38`	`38`	`{`
`39`		`- Value1 = ipSegments[0];`
`40`		`- Value2 = ipSegments[1];`
`41`		`- Value3 = ipSegments[2];`
`42`		`- Value4 = ipSegments[3];`
	`39`	`+ Value1 = ipSegments[0].Trim();`
	`40`	`+ Value2 = ipSegments[1].Trim();`
	`41`	`+ Value3 = ipSegments[2].Trim();`
	`42`	`+ Value4 = ipSegments[3].Trim();`
`43`	`43`	`}`
`44`	`44`	`else`
`45`	`45`	`{`
Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@`
`127`	`127`	`else`
`128`	`128`	`{`
`129`	`129`	`<ErrorLogger EnableErrorLogger="@_enableErrorLogger" ShowToast="@_showToast" ToastTitle="@ErrorLoggerToastTitle"`
`130`		`- OnErrorHandleAsync="OnErrorHandleAsync" OnInitializedCallback="OnErrorLoggerInitialized">`
	`130`	`+ EnableILogger="@_enableILogger" OnErrorHandleAsync="OnErrorHandleAsync" OnInitializedCallback="OnErrorLoggerInitialized">`
`131`	`131`	`@HandlerMain()`
`132`	`132`	`</ErrorLogger>`
`133`	`133`	`}`