test/ant-design-blazor
1
0
Fork 0
mirror of https://gitee.com/ant-design-blazor/ant-design-blazor.git synced 2024-11-29 18:48:50 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(module: input): composition event conflict (#542)

Browse Source 
Co-authored-by: 笨木头 <musicvs@163.com>
This commit is contained in:
James Yeung 2020-08-28 14:04:46 +08:00 committed by GitHub
parent a6219ab0bd
commit fdbb825910
1 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
components/input/Input.cs
View File

@ -1,10 +1,10 @@
using Microsoft.AspNetCore.Components;
using System.Collections.Generic;
using System.Text.Json;
using System.Threading.Tasks;
using AntDesign.JsInterop;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Rendering;
using Microsoft.AspNetCore.Components.Web;
using System;
using System.Collections.Generic;
using System.Globalization;
using System.Threading.Tasks;
namespace AntDesign
{
@ -24,6 +24,9 @@ namespace AntDesign
protected virtual bool IgnoreOnChangeAndBlur { get; }
[Inject]
public DomEventService DomEventService { get; set; }
[Parameter]
public string Type { get; set; } = "text";
@ -68,6 +71,7 @@ namespace AntDesign
[Parameter]
public EventCallback<KeyboardEventArgs> OnkeyUp { get; set; }
[Parameter]
public EventCallback<KeyboardEventArgs> OnkeyDown { get; set; }
@ -83,6 +87,7 @@ namespace AntDesign
public Dictionary<string, object> Attributes { get; set; }
private TValue _inputValue;
private bool _compositionInputting = false;
protected override void OnInitialized()
{
@ -180,10 +185,13 @@ namespace AntDesign
{
if (!EqualityComparer<TValue>.Default.Equals(CurrentValue, _inputValue))
{
CurrentValue = _inputValue;
if (OnChange.HasDelegate)
if (!_compositionInputting)
{
await OnChange.InvokeAsync(Value);
CurrentValue = _inputValue;
if (OnChange.HasDelegate)
{
await OnChange.InvokeAsync(Value);
}
}
}
@ -210,6 +218,17 @@ namespace AntDesign
await OnFocus.InvokeAsync(e);
}
}
internal virtual void OnCompositionStart(JsonElement e)
{
_compositionInputting = true;
}
internal virtual void OnCompositionEnd(JsonElement e)
{
_compositionInputting = false;
}
private void ToggleClearBtn()
{
Suffix = (builder) =>
@ -240,12 +259,26 @@ namespace AntDesign
{
await base.OnAfterRenderAsync(firstRender);
if (this.AutoFocus)
if (firstRender)
{
await this.Focus();
DomEventService.AddEventListener(Ref, "compositionstart", OnCompositionStart);
DomEventService.AddEventListener(Ref, "compositionend", OnCompositionEnd);
if (this.AutoFocus)
{
await this.Focus();
}
}
}
protected override void Dispose(bool disposing)
{
DomEventService.RemoveEventListerner<JsonElement>(Ref, "compositionstart", OnCompositionStart);
DomEventService.RemoveEventListerner<JsonElement>(Ref, "compositionend", OnCompositionEnd);
base.Dispose(disposing);
}
protected virtual string GetClearIconCls()
{
return $"{PrefixCls}-clear-icon";
@ -280,7 +313,6 @@ namespace AntDesign
{
await OnInput.InvokeAsync(args);
}
}
protected override void BuildRenderTree(RenderTreeBuilder builder)