chore: fix ci problems

__tests__/demos/2d/marker.ts

@@ -1,4 +1,4 @@
-import { Path, Circle, Line, Rect, Image } from '@antv/g';
+import { Path, Circle, Line } from '@antv/g';
 
 export async function marker(context) {
   const { canvas } = context;

__tests__/demos/2d/path.ts

@@ -1,4 +1,4 @@
-import { Path, Rect, Group } from '@antv/g';
+import { Path } from '@antv/g';
 
 export async function path(context) {
   const { canvas } = context;

__tests__/demos/2d/text.ts

@@ -1,4 +1,4 @@
-import { Text, Group } from '@antv/g';
+import { Text } from '@antv/g';
 
 export async function text(context) {
   const { canvas } = context;

__tests__/demos/2d/transform-group.ts

@@ -1,4 +1,4 @@
-import { CanvasEvent, Circle, Rect, Path, Group } from '@antv/g';
+import { CanvasEvent, Circle, Rect, Group } from '@antv/g';
 
 export async function transformGroup(context) {
   const { canvas } = context;

__tests__/demos/2d/transform.ts

@@ -1,4 +1,4 @@
-import { CanvasEvent, Circle, Rect, Path, Group } from '@antv/g';
+import { Circle, Rect, Group } from '@antv/g';
 
 export async function transform(context) {
   const { canvas } = context;

__tests__/demos/bugfix/1624.ts

@@ -1,4 +1,4 @@
-import { Canvas, Path } from '@antv/g';
+import { Path } from '@antv/g';
 
 export async function transform_path(context) {
   const { canvas, container } = context;

__tests__/demos/perf/circles.ts

@@ -1,4 +1,4 @@
-import { runtime, Circle } from '@antv/g';
+import { Circle } from '@antv/g';
 
 export async function circles(context) {
   const { canvas, container } = context;

__tests__/demos/plugin/exporter.ts

@@ -1,5 +1,5 @@
 import * as d3 from 'd3';
-import { HTML, Rectangle, runtime } from '@antv/g';
+import { HTML, Rectangle } from '@antv/g';
 import { ImageExporter } from '@antv/g-image-exporter';
 
 export async function exporter(context) {
@@ -13,9 +13,7 @@ export async function exporter(context) {
 
   const drawBars = async () => {
     // 1. Access data
-    const dataset = await d3.json(
-      'https://gw.alipayobjects.com/os/bmw-prod/8e7cfeb6-28e5-4e78-8d16-c08468360f5f.json',
-    );
+    const dataset = await d3.json('https://gw.alipayobjects.com/os/bmw-prod/8e7cfeb6-28e5-4e78-8d16-c08468360f5f.json');
     const metricAccessor = (d) => d.humidity;
     const yAccessor = (d) => d.length;
 
@@ -33,10 +31,8 @@ export async function exporter(context) {
       boundedWidth: 0,
       boundedHeight: 0,
     };
-    dimensions.boundedWidth =
-      dimensions.width - dimensions.margin.left - dimensions.margin.right;
-    dimensions.boundedHeight =
-      dimensions.height - dimensions.margin.top - dimensions.margin.bottom;
+    dimensions.boundedWidth = dimensions.width - dimensions.margin.left - dimensions.margin.right;
+    dimensions.boundedHeight = dimensions.height - dimensions.margin.top - dimensions.margin.bottom;
 
     // 3. Draw canvas
     const wrapper = d3.select(
@@ -45,10 +41,7 @@ export async function exporter(context) {
 
     const bounds = wrapper
       .append('g')
-      .style(
-        'transform',
-        `translate(${dimensions.margin.left}px, ${dimensions.margin.top}px)`,
-      );
+      .style('transform', `translate(${dimensions.margin.left}px, ${dimensions.margin.top}px)`);
 
     // 4. Create scales
 
@@ -58,11 +51,7 @@ export async function exporter(context) {
       .range([0, dimensions.boundedWidth])
       .nice();
 
-    const binsGenerator = d3
-      .bin()
-      .domain(xScale.domain())
-      .value(metricAccessor)
-      .thresholds(12);
+    const binsGenerator = d3.bin().domain(xScale.domain()).value(metricAccessor).thresholds(12);
 
     const bins = binsGenerator(dataset);
 
@@ -74,20 +63,14 @@ export async function exporter(context) {
 
     // 5. Draw data
     const binsGroup = bounds.append('g');
-    const binGroups = binsGroup
-      .selectAll('g')
-      .data(bins)
-      .join('g')
-      .attr('class', 'bin');
+    const binGroups = binsGroup.selectAll('g').data(bins).join('g').attr('class', 'bin');
 
     const barPadding = 1;
     const barRects = binGroups
       .append('rect')
       .attr('x', (d) => xScale(d.x0) + barPadding / 2)
       .attr('y', (d) => yScale(yAccessor(d)))
-      .attr('width', (d) =>
-        d3.max([0, xScale(d.x1) - xScale(d.x0) - barPadding]),
-      )
+      .attr('width', (d) => d3.max([0, xScale(d.x1) - xScale(d.x0) - barPadding]))
       .attr('height', (d) => dimensions.boundedHeight - yScale(yAccessor(d)))
       .attr('fill', 'cornflowerblue')
       .on('mouseenter', function (e) {
@@ -191,12 +174,7 @@ export async function exporter(context) {
         ignoreElements: (element) => {
           return [gui.domElement].indexOf(element) > -1;
         },
-        clippingRegion: new Rectangle(
-          clippingRegionX,
-          clippingRegionY,
-          clippingRegionWidth,
-          clippingRegionHeight,
-        ),
+        clippingRegion: new Rectangle(clippingRegionX, clippingRegionY, clippingRegionWidth, clippingRegionHeight),
         beforeDrawImage: (context) => {
           if (enableBackgroundColor) {
             context.fillStyle = backgroundColor;
@@ -229,12 +207,7 @@ export async function exporter(context) {
         ignoreElements: (element) => {
           return [gui.domElement].indexOf(element) > -1;
         },
-        clippingRegion: new Rectangle(
-          clippingRegionX,
-          clippingRegionY,
-          clippingRegionWidth,
-          clippingRegionHeight,
-        ),
+        clippingRegion: new Rectangle(clippingRegionX, clippingRegionY, clippingRegionWidth, clippingRegionHeight),
         beforeDrawImage: (context) => {
           if (enableBackgroundColor) {
             context.fillStyle = backgroundColor;
@@ -282,12 +255,7 @@ export async function exporter(context) {
   exporterFolder.add(exporterConfig, 'enableBackgroundColor');
   exporterFolder.addColor(exporterConfig, 'backgroundColor');
   exporterFolder.add(exporterConfig, 'enableWatermark');
-  exporterFolder.add(exporterConfig, 'type', [
-    'image/png',
-    'image/jpeg',
-    'image/webp',
-    'image/bmp',
-  ]);
+  exporterFolder.add(exporterConfig, 'type', ['image/png', 'image/jpeg', 'image/webp', 'image/bmp']);
   exporterFolder.add(exporterConfig, 'encoderOptions', 0, 1);
   exporterFolder.add(exporterConfig, 'toDataURL');
   exporterFolder.add(exporterConfig, 'downloadImage');

__tests__/demos/plugin/rough-barchart.ts

@@ -1,4 +1,3 @@
-import { runtime } from '@antv/g';
 import { Plugin as PluginRoughCanvasRenderer } from '@antv/g-plugin-rough-canvas-renderer';
 import { Plugin as PluginRoughSVGRenderer } from '@antv/g-plugin-rough-svg-renderer';
 import { Plugin as PluginCSSSelect } from '@antv/g-plugin-css-select';
@@ -37,10 +36,8 @@ export async function roughBarchart(context) {
         left: 50,
       },
     };
-    dimensions.boundedWidth =
-      dimensions.width - dimensions.margin.left - dimensions.margin.right;
-    dimensions.boundedHeight =
-      dimensions.height - dimensions.margin.top - dimensions.margin.bottom;
+    dimensions.boundedWidth = dimensions.width - dimensions.margin.left - dimensions.margin.right;
+    dimensions.boundedHeight = dimensions.height - dimensions.margin.top - dimensions.margin.bottom;
 
     // 3. Draw canvas
     const wrapper = d3.select(
@@ -49,10 +46,7 @@ export async function roughBarchart(context) {
 
     const bounds = wrapper
       .append('g')
-      .style(
-        'transform',
-        `translate(${dimensions.margin.left}px, ${dimensions.margin.top}px)`,
-      );
+      .style('transform', `translate(${dimensions.margin.left}px, ${dimensions.margin.top}px)`);
 
     // 4. Create scales
 
@@ -62,11 +56,7 @@ export async function roughBarchart(context) {
       .range([0, dimensions.boundedWidth])
       .nice();
 
-    const binsGenerator = d3
-      .bin()
-      .domain(xScale.domain())
-      .value(metricAccessor)
-      .thresholds(12);
+    const binsGenerator = d3.bin().domain(xScale.domain()).value(metricAccessor).thresholds(12);
 
     const bins = binsGenerator(dataset);
 
@@ -78,20 +68,14 @@ export async function roughBarchart(context) {
 
     // 5. Draw data
     const binsGroup = bounds.append('g');
-    const binGroups = binsGroup
-      .selectAll('g')
-      .data(bins)
-      .join('g')
-      .attr('class', 'bin');
+    const binGroups = binsGroup.selectAll('g').data(bins).join('g').attr('class', 'bin');
 
     const barPadding = 1;
     const barRects = binGroups
       .append('rect')
       .attr('x', (d) => xScale(d.x0) + barPadding / 2)
       .attr('y', (d) => yScale(yAccessor(d)))
-      .attr('width', (d) =>
-        d3.max([0, xScale(d.x1) - xScale(d.x0) - barPadding]),
-      )
+      .attr('width', (d) => d3.max([0, xScale(d.x1) - xScale(d.x0) - barPadding]))
       .attr('height', (d) => dimensions.boundedHeight - yScale(yAccessor(d)))
       .attr('fill', 'cornflowerblue')
       .on('mouseenter', function (e) {