快捷键设置模块提取为组件

Author: JiuLing-zhang

src/ComputerLock/Components/HotkeyInput.razor

@@ -0,0 +1,17 @@
+<MudPaper Class="d-flex align-center" Elevation="0">
+    <MudText Typo="Typo.button">@(Title)</MudText>
+    <MudButton Class="ml-3"
+               Size="Size.Small"
+               Color="Color.Primary"
+               OnClick="SetShortcutKey">
+        @(_lockHotkeyDisplay)
+    </MudButton>
+    @if (Hotkey.IsNotEmpty())
+    {
+        <MudTooltip Text="@(Lang["DeleteShortcutKeys"])" Delay="600">
+            <MudIconButton Icon="@Icons.Material.Filled.Delete"
+                           Size="Size.Small"
+                           OnClick="ClearShortcutKey" />
+        </MudTooltip>
+    }
+</MudPaper>

src/ComputerLock/Components/HotkeyInput.razor.cs

@@ -0,0 +1,51 @@
+namespace ComputerLock.Components;
+public partial class HotkeyInput
+{
+    private string _lockHotkeyDisplay => HotkeyTools.StringKeyToDisplay(Hotkey) ?? "";
+
+    [Parameter]
+    public string Title { get; set; } = null!;
+
+    [Parameter]
+    public string Hotkey { get; set; } = null!;
+
+    [Parameter]
+    public EventCallback<string> OnHotkeySet { get; set; }
+
+    [Parameter]
+    public EventCallback OnHotkeyClear { get; set; }
+
+
+    [Inject]
+    private IStringLocalizer<Lang> Lang { get; set; } = null!;
+
+    [Inject]
+    private IDialogService Dialog { get; set; } = null!;
+
+    [Inject]
+    private HotkeyTools HotkeyTools { get; set; } = null!;
+
+
+    private async Task SetShortcutKey()
+    {
+        var noHeader = new DialogOptions()
+        {
+            NoHeader = true,
+            BackgroundClass = "dialog-blurry",
+            CloseOnEscapeKey = false,
+        };
+        var dialog = await Dialog.ShowAsync<HotkeySetting>("", noHeader);
+        var result = await dialog.Result;
+        if (result!.Canceled)
+        {
+            return;
+        }
+
+        await OnHotkeySet.InvokeAsync(result.Data!.ToString());
+    }
+
+    private async Task ClearShortcutKey()
+    {
+        await OnHotkeyClear.InvokeAsync();
+    }
+}

src/ComputerLock/Pages/Index.razor

@@ -45,23 +45,10 @@ else
                      ValueChanged="AutoLockChanged">
     </MudNumericField>
 
-    <MudPaper Class="d-flex align-center" Elevation="0">
-        <MudText Typo="Typo.button">@(Lang["LockHotkey"])</MudText>
-        <MudButton Class="ml-3"
-                   Size="Size.Small"
-                   Color="Color.Primary"
-                   OnClick="SetShortcutKey">
-            @(AppSettings.LockHotkeyDisplay)
-        </MudButton>
-        @if (AppSettings.ShortcutKeyForLock.IsNotEmpty())
-        {
-            <MudTooltip Text="@(Lang["DeleteShortcutKeys"])" Delay="600">
-                <MudIconButton Icon="@Icons.Material.Filled.Delete"
-                               Size="Size.Small"
-                               OnClick="ClearShortcutKey" />
-            </MudTooltip>
-        }
-    </MudPaper>
+    <HotkeyInput Title="@(Lang["LockHotkey"])"
+                 Hotkey="@(AppSettings.ShortcutKeyForLock)"
+                 OnHotkeySet="SetHotkey"
+                 OnHotkeyClear="ClearHotkey" />
 
     <MudToggleGroup @bind-Value="@(AppSettings.ScreenUnlockMethod)"
                     @bind-Value:after="SaveSettings"

src/ComputerLock/Pages/Index.razor.cs

@@ -150,26 +150,14 @@ private void SaveSettings()
     {
         AppSettingsProvider.SaveSettings(AppSettings);
     }
-    private async Task SetShortcutKey()
+    private Task SetHotkey(string hotkey)
     {
-        var noHeader = new DialogOptions()
-        {
-            NoHeader = true,
-            BackgroundClass = "dialog-blurry",
-            CloseOnEscapeKey = false,
-        };
-        var dialog = await Dialog.ShowAsync<HotkeySetting>("", noHeader);
-        var result = await dialog.Result;
-        if (result!.Canceled)
-        {
-            return;
-        }
-
-        AppSettings.ShortcutKeyForLock = result.Data!.ToString()!;
+        AppSettings.ShortcutKeyForLock = hotkey;
         SaveSettings();
         RegisterHotkey();
+        return Task.CompletedTask;
     }
-    private Task ClearShortcutKey()
+    private Task ClearHotkey()
     {
         AppSettings.ShortcutKeyForLock = "";
         SaveSettings();