🐛 hover不到tooltip的bug

[yanhcao]

🏷 Version

最新

🖋 Description

1. 添加行头/列头/单元格tooltip功能
2. 页面加载完毕后直接点击左上角列头标题tooltip，发现出现tooltip后，鼠标hover不到tooltip不上
3. 鼠标去点击其余的单元格（如表格内部）
4. 再返回点击列头标题tooltip，发现鼠标可以hover进去tooltip了

🔗 Reproduce Link

复现问题的demo链接：https://riddle.alibaba-inc.com/riddles/d50d5692

import React from 'react';
import ReactDOM from 'react-dom';
import { SheetComponent } from '@antv/s2-react';
import '@antv/s2-react/dist/style.min.css';

fetch(
  'https://gw.alipayobjects.com/os/bmw-prod/2a5dbbc8-d0a7-4d02-b7c9-34f6ca63cff6.json',
)
  .then((res) => res.json())
  .then((dataCfg) => {
    const s2Options = {
      width: 600,
      height: 480,
      tooltip: {
        showTooltip: true,
        row: {
          showTooltip: false,
        },
      },
    };

   const CustomTooltip = () => <div> demo </div>;
  const onColCellClick = (value) => {
    if (!value?.viewMeta) {
      return;
    }
    const { spreadsheet, id } = value.viewMeta;
    
      const position = {
        x: value.event.clientX,
        y: value.event.clientY,
      };
      spreadsheet.tooltip.show({
        position,
        content: <CustomTooltip />,
      });
  };

    ReactDOM.render(
      <SheetComponent
        sheetType="pivot"
        adaptive={false}
        dataCfg={dataCfg}
        options={s2Options}
        onColCellClick={onColCellClick}
        onCornerCellClick={onColCellClick}
      />,
      document.getElementById('container'),
    );
  });

🤔 Steps to Reproduce

😊 Expected Behavior

😅 Current Behavior

💻 System information

[github-actions]

你要找的是不是 (You may look for issues):

1. 55% 🐛 明细表中meta给了format后，列头名称也被format了 #1255
2. 53% 🐛 s2更新机制上的缺陷 #1029
3. 50% 🐛. 树状模式列头非叶子节点点击无法高亮整列 #1306
4. 50% 🐛 图表中不应该出现总计，因为没有配置 #1100
5. 50% 🐛 下钻场景下的总计/小计展示错误 #953

_{🤖 By issues-similarity-analysis}

[yanhcao]

你要找的是不是 (You may look for issues):

1. 55% 🐛 明细表中meta给了format后，列头名称也被format了 #1255
2. 53% 🐛 s2更新机制上的缺陷 #1029
3. 50% 🐛. 树状模式列头非叶子节点点击无法高亮整列 #1306
4. 50% 🐛 图表中不应该出现总计，因为没有配置 #1100
5. 50% 🐛 下钻场景下的总计/小计展示错误 #953

🤖 By issues-similarity-analysis

不是

[github-actions]

你好 @yanhcao，很抱歉给你带来了不好的体验, 我们会尽快排查问题并修复, 请关注后续发布日志.

Hello, @yanhcao, We are so sorry for the bad experience. We will troubleshoot and fix the problem as soon as possible. Please pay attention to the follow-up change logs.

[lijinke666]

临时方案: 在角头点击显示 tooltip 后 添加 hover 拦截, 角头比较特殊, 没有选中状态

import { InterceptType } from '@antv/s2'

spreadsheet.tooltip.show({
  position,
  content: <CustomTooltip />,
});

spreadsheet.interaction.addIntercepts([InterceptType.HOVER]);

[yanhcao]

感谢，那我暂时用这个方案，后续如果需要修改的话告诉我一下哈

[lijinke666]

🎉 This issue has been resolved in version @antv/s2-v1.17.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[lijinke666]

🎉 This issue has been resolved in version @antv/s2-react-v1.15.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[lijinke666]

感谢，那我暂时用这个方案，后续如果需要修改的话告诉我一下哈

新版本已经兼容了角头的处理，可升级体验