feat: [radio] 添加文字hover的提示title fix kingdee#831

albyben · Jul 18, 2024 · 9db6341 · 9db6341
1 parent 36aa2cc
commit 9db6341
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/components/radio/radio-button.tsx b/components/radio/radio-button.tsx
@@ -9,14 +9,22 @@ const RadioButton = (props: IRadioProps, ref: React.Ref<any>) => {
   const radioGroupContext = React.useContext(RadioGroupContext)
   const { getPrefixCls, prefixCls, compDefaultProps: userDefaultProps } = React.useContext(ConfigContext)
 
-  const { prefixCls: customPrefixcls, ...radioProps } = getCompProps('Radio', userDefaultProps, props)
+  let { prefixCls: customPrefixcls, title, children, ...radioProps } = getCompProps('Radio', userDefaultProps, props)
+
+  if (typeof children === 'string' && typeof title === 'undefined') {
+    title = children
+  }
 
   const radioButtonPrefixCls = getPrefixCls?.(prefixCls, `radio-button`, customPrefixcls)
   if (radioGroupContext) {
     radioProps.checked = props.value === radioGroupContext.value
     radioProps.disabled = props.disabled || radioGroupContext.disabled
   }
-  return <Radio prefixCls={radioButtonPrefixCls} {...radioProps} type="radio" ref={ref} />
+  return (
+    <Radio title={title} prefixCls={radioButtonPrefixCls} {...radioProps} type="radio" ref={ref}>
+      {children}
+    </Radio>
+  )
 }
 
 export default React.forwardRef(RadioButton)