fix(Select): fix option title (#3058)

src/select/_example/base.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Select } from 'tdesign-react';
+import { Select, Tooltip } from 'tdesign-react';
 
 export default function SingleSelect() {
   const [value, setValue] = useState('');
@@ -18,7 +18,16 @@ export default function SingleSelect() {
         { label: '大数据', value: '2' },
         { label: '区块链', value: '3' },
         { label: '物联网', value: '4', disabled: true },
-        { label: '人工智能', value: '5', content: <span>人工智能（新）</span> },
+        {
+          label: '人工智能',
+          value: '5',
+          content: (
+            <Tooltip content="人工智能">
+              <span>人工智能（新）</span>
+            </Tooltip>
+          ),
+          title: null,
+        },
       ]}
     />
   );

src/select/base/Option.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import isNumber from 'lodash/isNumber';
 import isString from 'lodash/isString';
@@ -64,6 +64,15 @@ const Option: React.FC<SelectOptionProps> = (props) => {
   const label = propLabel || value;
   const disabled = propDisabled || (multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max);
 
+  const titleContent = useMemo(() => {
+    // 外部设置 props，说明希望受控
+    const controlledTitle = Reflect.has(props, 'title');
+    if (controlledTitle) return propTitle;
+    if (typeof label === 'string') return label;
+    return null;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [propTitle, label]);
+
   const { classPrefix } = useConfig();
 
   // 使用斜八角动画
@@ -121,7 +130,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
             [`${classPrefix}-is-disabled`]: disabled,
             [`${classPrefix}-is-checked`]: selected,
           })}
-          title={propTitle || (label as string)}
+          title={titleContent}
         >
           <input
             type="checkbox"
@@ -138,7 +147,7 @@ const Option: React.FC<SelectOptionProps> = (props) => {
         </label>
       );
     }
-    return <span title={propTitle || (label as string)}>{children || content || label}</span>;
+    return <span title={titleContent}>{children || content || label}</span>;
   };
 
   return (