🐛合并单元格在滚动后出现异常

[wyh888]

🏷 Version

Package	Version
@antv/s2	v2.0.0-next.33
@antv/s2-react	v2.0.0-next.31

Sheet Type

• PivotSheet
• TableSheet
• GridAnalysisSheet
• StrategySheet
• EditableSheet

🖋 Description

设置合并单元格生效后，滚动表格，再滚动回合并单元格的位置，发现合并的样式出现异常且不可预计

⌨️ Code Snapshots

const s2Options: S2Options = {
      width: 600,
      height: 280,
      mergedCellsInfo: [
        [
          {
            "rowIndex": 0,
            "colIndex": 1
          },
          {
            "rowIndex": 1,
            "colIndex": 1,
            showText: true,
          },
          {
            "rowIndex": 2,
            "colIndex": 1,
          },
          {
            "rowIndex": 3,
            "colIndex": 1
          },
        ]
      ],
    };

🔗 Reproduce Link

https://s2.antv.antgroup.com/examples/basic/table/#table

🤔 Steps to Reproduce

😊 Expected Behavior

😅 Current Behavior

💻 System information

Environment	Info
System
Browser

[lijinke666]

最新版本 (@antv/s2-v2.1.4) 未复现

[wyh888]

最新版本 (@antv/s2-v2.1.4) 未复现

@lijinke666 麻烦大佬再看一下，我拉取最新的代码v2.1.4依然是复现的，并且官网demo也是一样的bug，需要滚动可以复现

复现案例：

1. 官网地址：https://s2.antv.antgroup.com/examples/basic/table/#table，代码参考 issue 内容
2. 拉取最新代码本地运行，复现如图：

按照下述代码修改一下 100w 数据的demo，反复滚动可出现：

const s2Options: SheetComponentOptions = {
  height: 480,
  mergedCellsInfo: [
        [
          {
            "rowIndex": 0,
            "colIndex": 1
          },
          {
            "rowIndex": 1,
            "colIndex": 1,
            showText: true,
          },
          {
            "rowIndex": 2,
            "colIndex": 1,
          },
          {
            "rowIndex": 3,
            "colIndex": 1
          },
        ]
      ],
  interaction: {
    scrollSpeedRatio: {
      vertical: 1,
      horizontal: 1,
    },
  },
  transformCanvasConfig(renderer) {
    renderer.setConfig({
      enableCulling: true,
    });
  },
};

const s2DataConfig: S2DataConfig = {
  fields: {
    // rows: [],
    columns: ['type', 'subType', 'province', 'city', 'number'],
    // values: ['number'],
  },
  data: generateRawData(
    { province: 1, city: 10 },
    { type: 10, subType: 10 },
  ),
};

// sheetType 也改成 table