Merge branch 'release' into perf/pick

Author: wang1212

.changeset/public-shoes-bathe.md

@@ -0,0 +1,13 @@
+---
+'@antv/g-plugin-canvaskit-renderer': minor
+'@antv/g-plugin-canvas-renderer': minor
+'@antv/g-plugin-device-renderer': minor
+'@antv/g-plugin-html-renderer': minor
+'@antv/g-plugin-image-loader': minor
+'@antv/g-plugin-svg-renderer': minor
+'@antv/g-plugin-a11y': minor
+'@antv/g-plugin-yoga': minor
+'@antv/g-lite': minor
+---
+
+perf: element event batch triggering

.changeset/slimy-sites-jam.md

@@ -0,0 +1,7 @@
+---
+'@antv/g-plugin-canvas-renderer': minor
+'@antv/g-plugin-svg-renderer': minor
+'@antv/g-lite': minor
+---
+
+feat(text): add text-decoration support for text elements

__tests__/demos/2d/index.ts

@@ -8,6 +8,7 @@ export { polyline } from './polyline';
 export { polygon } from './polygon';
 export { path } from './path';
 export { text } from './text';
+export { textDecoration } from './text-decoration';
 export { gradient } from './gradient';
 export { transform } from './transform';
 export { transformText } from './transform-text';

__tests__/demos/2d/text-decoration.ts

@@ -0,0 +1,156 @@
+import { Text } from '@antv/g';
+
+export async function textDecoration(context) {
+  const { canvas } = context;
+  await canvas.ready;
+
+  // Test underline
+  const text1 = new Text({
+    style: {
+      x: 50,
+      y: 50,
+      text: 'Underline Text',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'red',
+      textDecorationStyle: 'solid',
+    },
+  });
+  canvas.appendChild(text1);
+
+  // Test overline
+  const text2 = new Text({
+    style: {
+      x: 50,
+      y: 100,
+      text: 'Overline Text',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'overline',
+      textDecorationColor: 'blue',
+      textDecorationStyle: 'solid',
+    },
+  });
+  canvas.appendChild(text2);
+
+  // Test line-through
+  const text3 = new Text({
+    style: {
+      x: 50,
+      y: 150,
+      text: 'Line-through Text',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'line-through',
+      textDecorationColor: 'green',
+      textDecorationStyle: 'solid',
+    },
+  });
+  canvas.appendChild(text3);
+
+  // Test multiple decorations
+  const text4 = new Text({
+    style: {
+      x: 50,
+      y: 200,
+      text: 'Underline and Overline',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline overline',
+      textDecorationColor: 'purple',
+      textDecorationStyle: 'solid',
+    },
+  });
+  canvas.appendChild(text4);
+
+  // Test dashed underline
+  const text5 = new Text({
+    style: {
+      x: 50,
+      y: 250,
+      text: 'Dashed Underline',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'orange',
+      textDecorationStyle: 'dashed',
+    },
+  });
+  canvas.appendChild(text5);
+
+  // Test dotted underline
+  const text6 = new Text({
+    style: {
+      x: 50,
+      y: 300,
+      text: 'Dotted Underline',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'brown',
+      textDecorationStyle: 'dotted',
+    },
+  });
+  canvas.appendChild(text6);
+
+  // Test wavy underline
+  const text7 = new Text({
+    style: {
+      x: 50,
+      y: 350,
+      text: 'Wavy Underline',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'pink',
+      textDecorationStyle: 'wavy',
+    },
+  });
+  canvas.appendChild(text7);
+
+  // Test none (should remove any decoration)
+  const text8 = new Text({
+    style: {
+      x: 50,
+      y: 400,
+      text: 'No Decoration',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'none',
+    },
+  });
+  canvas.appendChild(text8);
+
+  // Test textDecorationThickness
+  const text9 = new Text({
+    style: {
+      x: 50,
+      y: 450,
+      text: 'Thick Underline',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'red',
+      textDecorationStyle: 'solid',
+      textDecorationThickness: 3,
+    },
+  });
+  canvas.appendChild(text9);
+
+  // Test textDecorationThickness with dashed style
+  const text10 = new Text({
+    style: {
+      x: 50,
+      y: 500,
+      text: 'Thick Dashed',
+      fontSize: 20,
+      fill: 'black',
+      textDecorationLine: 'underline',
+      textDecorationColor: 'blue',
+      textDecorationStyle: 'dashed',
+      textDecorationThickness: 4,
+    },
+  });
+  canvas.appendChild(text10);
+}

__tests__/demos/perf/custom-event.ts

@@ -16,7 +16,7 @@ export async function customEvent(context: { canvas: Canvas; gui: lil.GUI }) {
   const { width, height } = canvas.getConfig();
   const root = new Group();
   let count = 1e4;
-  let rects = [];
+  let rects: { x: number; y: number; size: number; el: Rect }[] = [];
 
   // Shared event instance
   const sharedEvent = new CustomEvent(ElementEvent.BOUNDS_CHANGED);