From 70a691bc684195f74ef87fcb8344ce06f82c582f Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Thu, 10 Nov 2022 17:54:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8D=95=E9=80=89=E6=A1=86?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/base/Checkbox.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/base/Checkbox.vue b/src/renderer/components/base/Checkbox.vue
index 3808c0f4..b05941c6 100644
--- a/src/renderer/components/base/Checkbox.vue
+++ b/src/renderer/components/base/Checkbox.vue
@@ -1,11 +1,11 @@
 <template>
   <div :class="$style.checkbox">
     <input
-      :id="id" :type="need ? 'radio' : 'checkbox'" :aria-hidden="true" :checked="checked"
-      :class="$style.input" :disabled="disabled" :value="value" :name="name" @input="handleInput"
+      :id="id" ref="dom_input" :type="need ? 'radio' : 'checkbox'" :aria-hidden="true" :checked="checked"
+      :class="$style.input" :disabled="disabled" :value="value" :name="name" @input="handleInput($event.target.checked)"
     >
     <label :for="id" :class="$style.content">
-      <div :class="$style.container" role="checkbox" tabindex="0" :aria-label="ariaLabel || label" :aria-checked="checked" :aria-disabled="disabled">
+      <div :class="$style.container" :role="need ? 'radio' : 'checkbox'" tabindex="0" :aria-label="ariaLabel || label" :aria-checked="checked" :aria-disabled="disabled" @keydown.enter.space.stop.prevent="handleToggle">
         <svg version="1.1" :class="$style.icon" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" height="100%" width="100%" viewBox="0 32 448 448" space="preserve">
           <use xlink:href="#icon-check-true" />
         </svg>
@@ -66,8 +66,7 @@ export default {
     this.setValue(this.modelValue)
   },
   methods: {
-    handleInput(event) {
-      const checked = event.target.checked
+    handleInput(checked) {
       let modelValue
       if (Array.isArray(this.modelValue)) {
         modelValue = [...this.modelValue]
@@ -99,6 +98,17 @@ export default {
       if (this.checked == checked) return
       this.checked = checked
     },
+    handleToggle(event) {
+      event.lx_handled = true
+      if (this.need) {
+        if (this.$refs.dom_input.checked) return
+        this.$refs.dom_input.checked = true
+        this.handleInput(true)
+      } else {
+        this.$refs.dom_input.checked = !this.$refs.dom_input.checked
+        this.handleInput(this.$refs.dom_input.checked)
+      }
+    },
   },
 }
 </script>