feat: support custom cell ellipsis tooltip

[lijinke666]

需求场景

设置 columns 的 ellipsis 属性后, 会很贴心的在自动省略的单元格, hover后显示完整的数据, 因为添加了html的title属性

const columns = [
  {
    title: 'name',
    dataIndex: 'name',
    width: 100,
    ellipsis: true,
  }
]

但比较尴尬, 在我们的业务场景中, 用户觉得 初次 hover 后显示 title 有一定的延迟, 大概有 2 秒左右, 所以用 Tooltip 替代 title, 但这样会有重复的提示, 如图 所以需要一个开关来关闭默认的 title 属性

使用

 <Table columns={columns} data={data} showCellEllipsisHtmlTitle={false} />

codesandbox

[codecov]

Codecov Report

Merging #474 into master will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master     #474   +/-   ##
=======================================
  Coverage   99.70%   99.70%           
=======================================
  Files          23       23           
  Lines         669      670    +1     
  Branches      190      191    +1     
=======================================
+ Hits          667      668    +1     
  Misses          2        2           

Impacted Files	Coverage Δ
src/Header/HeaderRow.tsx	100.00% <ø> (ø)
src/Cell/index.tsx	98.36% <100.00%> (+0.02%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8f736e6...a89eb8e. Read the comment docs.

[lgtm-com]

This pull request introduces 1 alert when merging 9682806 into 8f736e6 - view on LGTM.com

new alerts:

• 1 for Useless conditional

[afc163]

改成这样的 API 吧。

ellipsis: {
  showTitle?: boolean;
}

[lijinke666]

ellipsis: {
showTitle?: boolean;
}

可以的, 你的意思是 在 <Table /> 上改成这个api

<Table ellipsis={{ showTitle: false }}/>

还是基于 columns 的 ellipsis 字段?

const columns = [
  {
    title: 'name',
    dataIndex: 'name',
    width: 100,
    ellipsis: true, 
    // ellipsis: { showTitle: false }
  }
]

[lijinke666]

似乎 基于 columns ellipsis 更合理一点, 你认为呢

[afc163]

下面这个。

[lijinke666]

@afc163 偏右大佬麻烦有空review下哈

[afc163]

https://github.com/react-component/table/releases/tag/v7.7.0