fix(TimePicker): Use culture-invariant formatting for CSS transform values (#6790)

* Initial plan

* Fix TimePicker culture-specific decimal separator in CSS transform

Co-authored-by: ArgoZhang <[email protected]>

* refactor: 使用 AddStyle 重构代码

* refactor: 改用 AddClass 方法

* test: 更新单元测试

---------

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: ArgoZhang <[email protected]>
Co-authored-by: Argo Zhang <[email protected]>

Author: Copilot

src/BootstrapBlazor/Components/TimePicker/TimePickerCell.razor.cs

@@ -3,6 +3,8 @@
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
+using System.Globalization;
+
 namespace BootstrapBlazor.Components;
 
 /// <summary>
@@ -51,7 +53,7 @@ public partial class TimePickerCell
     /// 获得 组件单元数据样式
     /// </summary>
     private string? StyleName => CssBuilder.Default()
-        .AddClass($"transform: translateY({CalcTranslateY()}px);")
+        .AddClass($"transform: translateY({CalcTranslateY().ToString(CultureInfo.InvariantCulture)}px);")
         .Build();
 
     private string? UpIconString => CssBuilder.Default("time-spinner-arrow time-up")

test/UnitTest/Components/TimePickerTest.cs

@@ -3,6 +3,8 @@
 // See the LICENSE file in the project root for more information.
 // Maintainer: Argo Zhang([email protected]) Website: https://www.blazor.zone
 
+using System.Globalization;
+
 namespace UnitTest.Components;
 
 public class TimePickerTest : BootstrapBlazorTestBase
@@ -98,4 +100,37 @@ public async Task OnClickConfirm_Ok()
         await cut.InvokeAsync(() => btn.Click());
         Assert.True(confirm);
     }
+
+    [Fact]
+    public async Task TimePickerCell_StyleName_CultureInvariant()
+    {
+        // 保存老的 Culture 设置
+        var originalCulture = CultureInfo.CurrentCulture;
+        var originalUICulture = CultureInfo.CurrentUICulture;
+
+        // 设置为土耳其文化环境 小数点使用逗号
+        var trCulture = new CultureInfo("tr-TR");
+        CultureInfo.CurrentCulture = trCulture;
+        CultureInfo.CurrentUICulture = trCulture;
+
+        var cut = Context.RenderComponent<TimePickerCell>(pb =>
+        {
+            pb.Add(a => a.ViewMode, TimePickerCellViewMode.Hour);
+            pb.Add(a => a.Value, TimeSpan.FromHours(2.5));
+        });
+
+        // 调用 OnHeightCallback 方法设置高度
+        await cut.InvokeAsync(() => cut.Instance.OnHeightCallback(12.25));
+        cut.SetParametersAndRender();
+
+        // 检查高度样式是否正确生成应该是用点而不是逗号
+        var styleElement = cut.Find("ul.time-spinner-list");
+        var style = styleElement.GetAttribute("style");
+
+        Assert.Contains("-24.5px", style);
+
+        // 恢复当前线程文化设置
+        CultureInfo.CurrentCulture = originalCulture;
+        CultureInfo.CurrentUICulture = originalUICulture;
+    }
 }