Fix #974: Use parse instead of format in checkbox/radio checked logic (#1074)

* Fix #974: Use parse instead of format in getInputChecked

The bug: getInputChecked() used format() to transform the value before
comparing to _value. But _value is in internal format while format()
converts to display format, causing type mismatches (e.g. string "10"
vs number 10).

Fix: Use parse() instead of format() in checkbox/radio checked logic.
This compares the parsed internal value with the raw _value attribute.

Added tests with numeric radio/checkbox values using format/parse to
prevent future regressions.

* chore: remove unused defaultIsEqual

---------

Co-authored-by: erikras-dinesh-agent <dinesh@openclaw.dev>
Co-authored-by: erikras-richard-agent <richard@openclaw.ai>

Author: 3 people

src/Field.test.js

@@ -1249,4 +1249,92 @@ describe("Field", () => {
     }).toThrow("prop name cannot be undefined in <Field> component");
     console.error = consoleError;
   });
+
+  it("should support using format/parse with radio controls", () => {
+    const format = (value) => value && value.toString();
+    const parse = (value) => value && parseInt(value, 10);
+
+    const { getByTestId } = render(
+      <Form onSubmit={onSubmitMock} initialValues={{ number: 20 }}>
+        {({ handleSubmit }) => (
+          <form onSubmit={handleSubmit}>
+            <Field
+              name="number"
+              component="input"
+              type="radio"
+              value={10}
+              data-testid="ten"
+              parse={parse}
+              format={format}
+            />
+            <Field
+              name="number"
+              component="input"
+              type="radio"
+              value={20}
+              data-testid="twenty"
+              parse={parse}
+              format={format}
+            />
+            <Field
+              name="number"
+              component="input"
+              type="radio"
+              value={30}
+              data-testid="thirty"
+              parse={parse}
+              format={format}
+            />
+          </form>
+        )}
+      </Form>,
+    );
+    expect(getByTestId("ten").checked).toBe(false);
+    expect(getByTestId("twenty").checked).toBe(true);
+    expect(getByTestId("thirty").checked).toBe(false);
+  });
+
+  it("should support using format/parse with checkbox controls", () => {
+    const format = (value) => value && value.map((x) => x.toString());
+    const parse = (value) => value && value.map((x) => parseInt(x, 10));
+
+    const { getByTestId } = render(
+      <Form onSubmit={onSubmitMock} initialValues={{ number: [20, 30] }}>
+        {({ handleSubmit }) => (
+          <form onSubmit={handleSubmit}>
+            <Field
+              name="number"
+              component="input"
+              type="checkbox"
+              value={10}
+              data-testid="ten"
+              parse={parse}
+              format={format}
+            />
+            <Field
+              name="number"
+              component="input"
+              type="checkbox"
+              value={20}
+              data-testid="twenty"
+              parse={parse}
+              format={format}
+            />
+            <Field
+              name="number"
+              component="input"
+              type="checkbox"
+              value={30}
+              data-testid="thirty"
+              parse={parse}
+              format={format}
+            />
+          </form>
+        )}
+      </Form>,
+    );
+    expect(getByTestId("ten").checked).toBe(false);
+    expect(getByTestId("twenty").checked).toBe(true);
+    expect(getByTestId("thirty").checked).toBe(true);
+  });
 });

src/useField.ts

@@ -223,14 +223,14 @@ function useField<
   const getInputChecked = () => {
     let value = state.value;
     if (type === "checkbox") {
-      value = format(value, name);
+      value = parse(value, name);
       if (_value === undefined) {
         return !!value;
       } else {
         return !!(Array.isArray(value) && ~value.indexOf(_value));
       }
     } else if (type === "radio") {
-      return format(value, name) === _value;
+      return parse(value, name) === _value;
     }
     return undefined;
   };