feat: 升级 g 6.0

jest.config.js

@@ -25,4 +25,5 @@ module.exports = {
       },
     },
   },
+  transformIgnorePatterns: ['/node_modules/(?!d3-color/)'],
 };

packages/f2-wordcloud/test/index.test.tsx

@@ -426,7 +426,7 @@ describe('WordCloud', () => {
                 style={{
                   x: 0,
                   y: 0,
-                  img,
+                  src: img,
                   width: 300,
                   height: 225,
                 }}

packages/f2/package.json

@@ -43,7 +43,7 @@
     "type-fest": "^3.5.0"
   },
   "devDependencies": {
-    "@antv/g-mobile-svg": "~0.10.0"
+    "@antv/g-mobile-svg": "~1.0.0"
   },
   "miniprogram": "dist"
 }

packages/f2/src/chart/index.tsx

@@ -7,7 +7,6 @@ import {
   Children,
   jsx,
   Ref,
-  createRef,
 } from '@antv/f-engine';
 import { ScaleConfig } from '../deps/f2-scale/src';
 import { each, findIndex, isArray, deepMix } from '@antv/util';
@@ -76,7 +75,7 @@ class Chart<
 
     this.scale = new ScaleController(data);
     this.coord = new CoordController();
-    this.coordRef = createRef();
+    this.coordRef = {};
     // state
     this.state = {
       filters: {},

packages/f2/src/components/guide/views/Tag.tsx

@@ -219,7 +219,9 @@ export default class Tag extends Component<TagGuideProps> {
     return (
       <group
         style={{
+          // @ts-ignore
           x: posX,
+          // @ts-ignore
           y: posY,
         }}
       >

site/.dumi/components/MultiRender.tsx

@@ -1,4 +1,3 @@
-import { Renderer as CanvasRenderer } from '@antv/g-mobile-canvas';
 import { Renderer as SVGRenderer } from '@antv/g-mobile-svg';
 import { Renderer as WebGLRenderer } from '@antv/g-mobile-webgl';
 import React, { useRef, useState } from 'react';
@@ -19,7 +18,6 @@ function renderChart(F2, options) {
   const { Canvas, Chart, Axis, Line } = F2;
   function getProps(data) {
     const { props } = (
-      // @ts-ignore
       <Canvas pixelRatio={window.devicePixelRatio} animate={false} {...options}>
         <Chart data={data}>
           <Axis field="rate" />
@@ -66,9 +64,9 @@ export default ({ F2 }) => {
       canvasEl.style.width = '100%';
       canvasEl.style.height = '100%';
       container.appendChild(canvasEl);
-      const canvasRenderer = new CanvasRenderer();
+      // const canvasRenderer = new CanvasRenderer();
       const canvas = renderChart(F2, {
-        renderer: canvasRenderer,
+        // renderer: canvasRenderer,
         context: canvasEl.getContext('2d'),
       });
       setCanvas(canvas);

site/.dumi/components/Pan.tsx

@@ -66,7 +66,7 @@ function renderChart(F2, canvasEl: HTMLCanvasElement) {
   setTimeout(async () => {
     gestureSimulator(canvasEl, 'touchstart', { x: 350, y: 35 });
     loopTouchmove();
-  });
+  }, 1000);
 
   return canvas;
 }

site/.dumi/components/Pinch.tsx

@@ -76,7 +76,7 @@ function renderChart(F2, canvasEl: HTMLCanvasElement) {
       { x: 260, y: 260 },
     ]);
     loopTouchmove();
-  });
+  }, 1000);
 
   return canvas;
 }