AntDesign Blazor中ESC键关闭确认对话框导致代码中断问题解析

问题现象

在AntDesign Blazor组件库的使用过程中，开发者发现当通过ConfirmService调用确认对话框时，如果用户通过ESC键关闭对话框，会导致后续代码无法正常执行。具体表现为：在调用ConfirmService.Show()方法后，控制台输出语句不会被执行，而通过点击确认按钮关闭对话框则能正常执行后续代码。

技术背景

AntDesign Blazor是基于Blazor框架的Ant Design设计体系的实现。ConfirmService是其提供的一个服务，用于显示模态确认对话框。在0.19.3版本之前，该服务在处理键盘ESC键关闭对话框时存在行为不一致的问题。

问题本质

这个问题实际上涉及异步编程和模态对话框的事件处理机制。当用户按下ESC键时：

1. 对话框被强制关闭
2. 但ConfirmService没有正确返回Task结果
3. 导致await表达式后的代码被跳过
4. 异步调用链被意外中断

解决方案

该问题已在AntDesign Blazor 0.19.3版本中得到修复。升级到该版本后：

• ESC键关闭对话框会返回明确的取消结果
• 确保后续代码能够继续执行
• 保持与点击按钮关闭对话框一致的行为

最佳实践

在使用ConfirmService时，建议开发者：

1. 始终处理可能的取消操作
2. 使用try-catch块捕获异常
3. 检查确认结果后再执行关键操作

private async Task ShowConfirm(ConfirmButtons confirmButtons)
{
    try
    {
        var result = await ConfirmService.Show(...);
        if(result == ConfirmResult.OK)
        {
            // 执行确认后的操作
        }
        // 其他结果处理
    }
    catch(Exception ex)
    {
        // 异常处理
    }
}

总结