refactor: update radio component to handle boolean values instead of numeric (#24956)

web/app/components/base/form/components/base/base-field.tsx

@@ -103,12 +103,6 @@ const BaseField = ({
     })
   }, [values, show_on])
 
-  const booleanRadioValue = useMemo(() => {
-    if (value === null || value === undefined)
-      return undefined
-    return value ? 1 : 0
-  }, [value])
-
   if (!show)
     return null
 
@@ -215,11 +209,11 @@ const BaseField = ({
           formSchema.type === FormTypeEnum.boolean && (
             <Radio.Group
               className='flex w-fit items-center'
-              value={booleanRadioValue}
-              onChange={val => field.handleChange(val === 1)}
+              value={value}
+              onChange={v => field.handleChange(v)}
             >
-              <Radio value={1} className='!mr-1'>True</Radio>
-              <Radio value={0}>False</Radio>
+              <Radio value={true} className='!mr-1'>True</Radio>
+              <Radio value={false}>False</Radio>
             </Radio.Group>
           )
         }

web/app/components/base/radio/component/group/index.tsx

@@ -5,7 +5,7 @@ import cn from '@/utils/classnames'
 
 export type TRadioGroupProps = {
   children?: ReactNode | ReactNode[]
-  value?: string | number
+  value?: string | number | boolean
   className?: string
   onChange?: (value: any) => void
 }

web/app/components/base/radio/component/radio/index.tsx

@@ -10,7 +10,7 @@ export type IRadioProps = {
   labelClassName?: string
   children?: string | ReactNode
   checked?: boolean
-  value?: string | number
+  value?: string | number | boolean
   disabled?: boolean
   onChange?: (e?: IRadioProps['value']) => void
 }