Merge branch 'main' into copilot/fix-030e1e49-e9e3-4284-bfb2-1455f503ce53

Author: ArgoZhang

.github/workflows/pack.yml

@@ -10,6 +10,9 @@ on:
 jobs:
   pack:
     runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: read
 
     steps:
     - uses: actions/checkout@v4
@@ -19,9 +22,15 @@ jobs:
       with:
         dotnet-version: 9.0.x
 
+    - name: NuGet login
+      uses: NuGet/login@v1
+      id: login
+      with:
+        user: ${{ secrets.NUGET_USER }}
+
     - name: Publish to Nuget
       env:
-        NUGET_API_KEY: ${{secrets.NUGET_API_KEY}}
+        NUGET_API_KEY: ${{steps.login.outputs.NUGET_API_KEY}}
         Bundle: True
 
       run: |

BootstrapBlazor.slnx

@@ -1,4 +1,11 @@
 <Solution>
+  <Folder Name="/actions/">
+    <File Path=".github/workflows/auto-pull-request-checks.yml" />
+    <File Path=".github/workflows/build.yml" />
+    <File Path=".github/workflows/docker.yml" />
+    <File Path=".github/workflows/pack.yml" />
+    <File Path=".github/workflows/publish.yml" />
+  </Folder>
   <Folder Name="/configuration/">
     <File Path=".editorconfig" />
     <File Path=".gitignore" />

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.cs

@@ -85,6 +85,8 @@ public partial class AutoComplete
     [NotNull]
     private RenderTemplate? _dropdown = null;
 
+    private string? _clientValue;
+
     private string? ClassString => CssBuilder.Default("auto-complete")
         .AddClass("is-clearable", IsClearable)
         .Build();
@@ -130,13 +132,36 @@ protected override void OnParametersSet()
         PlaceHolder ??= Localizer[nameof(PlaceHolder)];
         Icon ??= IconTheme.GetIconByKey(ComponentIcons.AutoCompleteIcon);
         LoadingIcon ??= IconTheme.GetIconByKey(ComponentIcons.LoadingIcon);
+
+        _clientValue = Value;
     }
 
     /// <summary>
     /// <inheritdoc/>
     /// </summary>
+    /// <param name="firstRender"></param>
     /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, Value);
+    protected override async Task OnAfterRenderAsync(bool firstRender)
+    {
+        await base.OnAfterRenderAsync(firstRender);
+
+        if (!firstRender)
+        {
+            if (Value != _clientValue)
+            {
+                _clientValue = Value;
+                await InvokeVoidAsync("setValue", Id, _clientValue);
+            }
+        }
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, Interop, Value, GetChangedEventCallbackName());
+
+    private string? GetChangedEventCallbackName() => (OnValueChanged != null || ValueChanged.HasDelegate) ? nameof(TriggerChange) : null;
 
     /// <summary>
     /// Gets whether show the clear button.
@@ -199,6 +224,20 @@ public async Task TriggerFilter(string val)
         _dropdown.Render();
     }
 
+    /// <summary>
+    /// 支持双向绑定 由客户端 JavaScript 触发
+    /// </summary>
+    /// <param name="v"></param>
+    /// <returns></returns>
+    [JSInvokable]
+    public Task TriggerChange(string v)
+    {
+        _clientValue = v;
+        CurrentValueAsString = v;
+
+        return Task.CompletedTask;
+    }
+
     private List<string> GetFilterItemsByValue(string val)
     {
         var comparison = IgnoreCase ? StringComparison.OrdinalIgnoreCase : StringComparison.Ordinal;

src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.js

@@ -5,13 +5,15 @@ import EventHandler from "../../modules/event-handler.js"
 import Input from "../../modules/input.js"
 import Popover from "../../modules/base-popover.js"
 
-export function init(id, invoke) {
+export function init(id, invoke, value, changedEventCallback) {
     const el = document.getElementById(id)
     const menu = el.querySelector('.dropdown-menu')
     const input = document.getElementById(`${id}_input`)
     const ac = { el, invoke, menu, input }
     Data.set(id, ac)
 
+    input.value = value;
+
     const isPopover = input.getAttribute('data-bs-toggle') === 'bb.dropdown';
     if (isPopover) {
         ac.popover = Popover.init(el, { toggleClass: '[data-bs-toggle="bb.dropdown"]' });
@@ -62,6 +64,12 @@ export function init(id, invoke) {
         }
     });
 
+    if (changedEventCallback) {
+        EventHandler.on(input, 'change', e => {
+            invoke.invokeMethodAsync(changedEventCallback, e.target.value);
+        });
+    }
+
     let filterDuration = duration;
     if (filterDuration === 0) {
         filterDuration = 200;

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/AutoCompleteTest.cs

@@ -54,6 +54,37 @@ public void Value_Ok()
         Assert.Equal(2, menus.Count);
     }
 
+    [Fact]
+    public async Task BindValue_Ok()
+    {
+        // 由于设置了双向绑定 Value 改变后触发 change 事件
+        var clientValue = "";
+        var cut = Context.RenderComponent<AutoComplete>(pb =>
+        {
+            pb.Add(a => a.Items, new List<string>() { "test1", "test12", "test123", "test1234" });
+            pb.Add(a => a.Value, "test12");
+            pb.Add(a => a.OnValueChanged, v =>
+            {
+                clientValue = v;
+                return Task.CompletedTask;
+            });
+        });
+
+        await cut.InvokeAsync(() => cut.Instance.TriggerChange("test4"));
+        Assert.Equal("test4", clientValue);
+
+        cut.SetParametersAndRender(pb =>
+        {
+            pb.Add(a => a.OnValueChanged, null);
+            pb.Add(a => a.ValueChanged, v =>
+            {
+                clientValue = v;
+            });
+        });
+        await cut.InvokeAsync(() => cut.Instance.TriggerChange("test5"));
+        Assert.Equal("test5", clientValue);
+    }
+
     [Fact]
     public void IsClearable_Ok()
     {

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;
+    }
 }