Update useForm hooks supports input type checkbox

支持 checkbox，虽然只是返回 boolean，但这个判断和正常表单还是有区别的

contents/read.ts

@@ -46,14 +46,6 @@ const getDesc = () => {
   return "";
 }
 
-const getFrom = () => {
-  if (location.host === "mp.weixin.qq.com") {
-    return "wechat";
-  }
-
-  return "web";
-}
-
 const getAuthor = () => {
   const metaAuthor = document.querySelector<HTMLMetaElement>(`meta[name="author"]`);
   const metaOgAuthor = document.querySelector<HTMLMetaElement>(`meta[property="og:article:author"]`);
@@ -128,7 +120,6 @@ chrome.runtime.onMessage.addListener((req, sender, send) => {
       title: getTitle(),
       link: `${location.origin}${location.pathname}`,
       desc: getDesc(),
-      from: getFrom(),
       author: getAuthor(),
       image: getImage(),
       sitename: getSiteName(),

hooks/useForm.ts

@@ -21,6 +21,10 @@ interface UseFormReturns<T extends defaultValues> {
   onSubmit: (fn: (values: T) => void) => (ev: React.FormEvent) => void
 }
 
+const isCheckBox = (el: HTMLElement) => {
+  return el instanceof HTMLInputElement && el.type === "checkbox";
+}
+
 function useForm<T extends defaultValues>({ initialValues }: Props<T>) {
   const inputs = useRef<Partial<Record<keyof T, InputElements>>>({});
   const values = useRef<T>({ ...initialValues } as T);
@@ -32,10 +36,19 @@ function useForm<T extends defaultValues>({ initialValues }: Props<T>) {
     }
 
     const setValue = (name, value) => {
-      console.log(inputs.current[name], name);
+      const el = inputs.current[name];
 
-      if (inputs.current[name]) {
+      console.log(el, name);
+
+      if (el) {
         values.current[name as keyof T] = value;
+
+        if (el instanceof HTMLInputElement && el.type === "checkbox") {
+          el.checked = value;
+
+          return;
+        }
+
         inputs.current[name].value = value;
       }
     }
@@ -47,8 +60,6 @@ function useForm<T extends defaultValues>({ initialValues }: Props<T>) {
     }
 
     const bindInput = (name: string) => {
-      console.log('bindinput')
-
       return {
         name,
         id: name,
@@ -57,11 +68,23 @@ function useForm<T extends defaultValues>({ initialValues }: Props<T>) {
 
           if (target) {
             inputs.current[name as keyof T] = target;
+
+            if (isCheckBox(target)) {
+              target.checked = initialValues?.[name];
+            }
+            else if (name in initialValues) {
+              target.value = initialValues[name];
+            }
           }
         },
-        defaultValue: initialValues[name],
         onChange: (ev) => {
-          const { name, value } = ev.target;
+          const { name, value, checked } = ev.target;
+
+          if (isCheckBox(ev.target)) {
+            values.current[name as keyof T] = checked;
+
+            return;
+          }
 
           values.current[name as keyof T] = value;
         },