feat: update to [email protected] for better performance

[xiaoiver]

升级到 @antv/[email protected]
https://github.com/antvis/G/releases/tag/%40antv%2Fg%406.0.0

主要修改包括：

• Group / CustomElement x/y 改为 transform 表示
• 属性名规范：Pathpath -> d
• GUI Axis title transform 修改，通过主题中的 titleTransform 调整到之前同样的位置
• 移除 runtime.enableCSSParsing = false; 现默认开启
• 添加 circle 和 hollowCircle 用于绘制较高性能的散点图

之前版本遗留 bug 修复和 hack 写法移除：

• 使用动画 keyframe 必须添加 scale(1, 1) translate(0, 0) 用于配平
• morphing 动画后需要手动重置 transform
• 无法实现 pie chart 中 hover 扇形固定 transformOrigin 缩放特性

对比截图目前不一致：

• animation-soldIntervalKeyframe
• chart-emit-brush-highlight-axis-vertical
• chartChangeDataFacet
• 少量截图中 class 和 transform 顺序不一致导致 CI 挂
• shapeToShape 动画问题，在动画过程中触发 tooltip 报错：
  • static-weatherLineMultiSlider
  • tooltip-stateAgesIntervalScrollbar
  • interaction-alphabetIntervalActiveScrollbar

性能对比

例子太多有些卡甚至页面崩溃，拆分成多个 OB 文档

• 测试框架：https://observablehq.com/@antv/benchmarks-of-antv-g2
• 折线图：https://observablehq.com/@antv/benchmarks-of-antv-g2-line-chart
• 散点图：https://observablehq.com/@antv/benchmarks-of-antv-g2-scatter
• 柱形图：https://observablehq.com/@antv/benchmarks-of-antv-g2-interval

[hustcc]

这个图形用 G2 的 beta 版本会出现问题。https://observablehq.com/d/f404e5b5f5382392?collection=@antv/cases-of-interesting-visualization

[xiaoiver]

这个图形用 G2 的 beta 版本会出现问题。https://observablehq.com/d/f404e5b5f5382392?collection=@antv/cases-of-interesting-visualization

规范了下属性名和 SVG 保持一致。Path 的路径定义属性应该是 d

const p = document.createElement('path', {
  style: {
    d: path, // 这里属性名改成 d 就好了
    inset: 1,
    fill: value.color,
  },
});

[xiaoiver]

截图问题都已经修复，CI 测试用例都过了，但构建会报错（本地正常）：

[!] (plugin terser) TypeError: sources.at is not a function