feat: 表格列文本和链接组件添加 tooltipValue 参数

Author: liyuan-meng

src/components/c-table/columnTpl/link.js

@@ -5,17 +5,19 @@ import { isVoid } from '../util';
 import Tooltip from '../../tooltip';
 import './index.less';
 
-export default function LinkTpl({ value, row, linkKey, link, onClick, line = 1 }) {
+export default function LinkTpl({ value, row, linkKey, link, onClick, line = 1, tooltipValue }) {
   const ref = useRef();
   const [tooltipContent, setTooltipContent] = useState('');
 
   useEffect(() => {
-    if (!isVoid(value)) {
+    if (tooltipValue) {
+      setTooltipContent(tooltipValue);
+    } else if (!isVoid(value)) {
       if (ref.current.scrollHeight > ref.current.clientHeight + 4) {
         setTooltipContent(value);
       }
     }
-  }, []);
+  }, [tooltipValue]);
 
   if (isVoid(value)) {
     return '-';

src/components/c-table/columnTpl/text.js

@@ -5,17 +5,19 @@ import { isVoid } from '../util';
 import Tooltip from '../../tooltip';
 import './index.less';
 
-export default function TextTpl({ value, line = 1 }) {
+export default function TextTpl({ value, line = 1, tooltipValue }) {
   const ref = useRef();
   const [tooltipContent, setTooltipContent] = useState('');
 
   useEffect(() => {
-    if (!isVoid(value)) {
+    if (tooltipValue) {
+      setTooltipContent(tooltipValue);
+    } else if (!isVoid(value)) {
       if (ref.current.scrollHeight > ref.current.clientHeight + 4) {
         setTooltipContent(value);
       }
     }
-  }, []);
+  }, [tooltipValue]);
 
   if (isVoid(value)) {
     return '-';

src/components/c-table/index.md

@@ -224,6 +224,7 @@ this.tableRef.current.setColumn(columnData, isReloadGrid?);
 | ------------------- | -------------------------------------------- | --------------------------- | ---------------- |
 | value            | 展示值，使用组件的形式必传，使用 typeConfig 忽略此字段             | string                 | -                |
 | typeConfig.line            | 展示行数            | number                 | 1                |
+| typeConfig.tooltipValue            | 如果不想让tooltip展示value的值，可以单独配置 tooltipValue           | string                 | -                |
 
 **（5）type 为 链接类型-`LINK`**
 （_可根据下表配置 typeConfig，查看 [Demo](https://cloud-react.shuyun.com/v1/cloud-react/data/c-table#标准化表格-文本类型)；也可以使用组件形式 <Table.LinkTpl/>，查看 [Demo](https://cloud-react.shuyun.com/v1/cloud-react/data/c-table#标准化表格-使用列模板形式)_）
@@ -234,6 +235,7 @@ this.tableRef.current.setColumn(columnData, isReloadGrid?);
 | typeConfig.linkKey            | 链接 key（取自 row 中的字段）             | string                 | ''                |
 | typeConfig.link            | 链接值             | string                 | ''                |
 | typeConfig.onClick            | 点击链接的回调函数             | func                 | -                |
+| typeConfig.tooltipValue            | 如果不想让tooltip展示value的值，可以单独配置 tooltipValue           | string                 | -                |
 
 **（6）type 为 标签类型-`TAG`**
 （_可根据下表配置 typeConfig，查看 [Demo](https://cloud-react.shuyun.com/v1/cloud-react/data/c-table#标准化表格-标签类型)；也可以使用组件形式 <Table.TagTpl/>，查看 [Demo](https://cloud-react.shuyun.com/v1/cloud-react/data/c-table#标准化表格-使用列模板形式)_）