fix(options): 修复点击事件

Author: XYShaoKang

src/content/components/Checkbox.tsx

@@ -12,6 +12,7 @@ interface CheckboxProps {
   onChange?: ChangeEventHandler<HTMLInputElement>
   size?: number
   color?: string
+  id?: string
 }
 
 const Checkbox: FC<CheckboxProps> = ({
@@ -20,6 +21,7 @@ const Checkbox: FC<CheckboxProps> = ({
   onChange,
   size,
   color,
+  id,
 }) => {
   const Icon = indeterminate
     ? CheckBoxIndeterminateIcon
@@ -39,6 +41,7 @@ const Checkbox: FC<CheckboxProps> = ({
       `}
     >
       <input
+        id={id}
         type="checkbox"
         checked={checked}
         onChange={chandleChange}

src/options/Option.tsx

@@ -91,8 +91,16 @@ const Option: FC = () => {
             justify-content: flex-end;
           `}
         >
-          <span>{hasEnable ? '全部禁用' : '全部启用'}</span>
+          <label
+            htmlFor="selectAll"
+            css={css`
+              cursor: pointer;
+            `}
+          >
+            {hasEnable ? '全部禁用' : '全部启用'}
+          </label>
           <Checkbox
+            id="selectAll"
             checked={hasEnable}
             indeterminate={indeterminate}
             onChange={() =>