Release (#1822)

* refactor: support optimize massive attrs clone (#1820) * refactor: support optimize massive attrs clone * chore: commit changeset * chore(release): bump version (#1821) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
antvis · Nov 7, 2024 · 57fd6ac · 57fd6ac
1 parent d09378b
commit 57fd6ac
Show file tree

Hide file tree

Showing 117 changed files with 773 additions and 106 deletions.
diff --git a/__tests__/demos/perf/index.ts b/__tests__/demos/perf/index.ts
@@ -2,3 +2,4 @@ export { circles } from './circles';
 export { rects } from './rect';
 export { image } from './image';
 export { attrUpdate } from './attr-update';
+export { massiveAttrs } from './massive-attrs';
diff --git a/__tests__/demos/perf/massive-attrs.ts b/__tests__/demos/perf/massive-attrs.ts
@@ -0,0 +1,59 @@
+import { Rect, runtime } from '@antv/g';
+
+export async function massiveAttrs(context) {
+  const { canvas, gui } = context;
+
+  runtime.enableMassiveParsedStyleAssignOptimization = true;
+
+  await canvas.ready;
+
+  console.time('massiveAttrs');
+
+  for (let i = 0; i < 10000; i++) {
+    const rect = new Rect({
+      style: {
+        x: Math.random() * 640,
+        y: Math.random() * 640,
+        width: 10 + Math.random() * 40,
+        height: 10 + Math.random() * 40,
+        fill: '#1890FF',
+        stroke: '#F04864',
+        lineWidth: 4,
+
+        // extra attrs
+        'attr-a': 1,
+        'attr-b': 2,
+        'attr-c': 3,
+        'attr-d': 4,
+        'attr-e': 5,
+        'attr-f': 6,
+        'attr-g': 7,
+        'attr-h': 8,
+        'attr-i': 9,
+        'attr-j': 10,
+        'attr-k': 11,
+        'attr-l': 12,
+        'attr-m': 13,
+        'attr-n': 14,
+        'attr-o': 15,
+        'attr-p': 16,
+        'attr-q': 17,
+        'attr-r': 18,
+        'attr-s': 19,
+        'attr-t': 20,
+        'attr-u': 21,
+        'attr-v': 22,
+        'attr-w': 23,
+        'attr-x': 24,
+        'attr-y': 25,
+        'attr-z': 26,
+      },
+    });
+
+    canvas.appendChild(rect);
+  }
+
+  canvas.addEventListener('rerender', () => {
+    console.timeEnd('massiveAttrs');
+  });
+}
diff --git a/packages/g-camera-api/CHANGELOG.md b/packages/g-camera-api/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-camera-api
 
+## 2.0.21
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+
 ## 2.0.20
 
 ### Patch Changes

diff --git a/packages/g-camera-api/package.json b/packages/g-camera-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-camera-api",
-  "version": "2.0.20",
+  "version": "2.0.21",
   "description": "A simple implementation of Camera API.",
   "keywords": [
     "antv",

diff --git a/packages/g-canvas/CHANGELOG.md b/packages/g-canvas/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @antv/g-canvas
 
+## 2.0.23
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+    -   @antv/g-plugin-canvas-path-generator@2.1.2
+    -   @antv/g-plugin-canvas-picker@2.1.2
+    -   @antv/g-plugin-canvas-renderer@2.2.2
+    -   @antv/g-plugin-dom-interaction@2.1.7
+    -   @antv/g-plugin-html-renderer@2.1.7
+    -   @antv/g-plugin-image-loader@2.1.2
+
 ## 2.0.22
 
 ### Patch Changes

diff --git a/packages/g-canvas/package.json b/packages/g-canvas/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvas",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "description": "A renderer implemented by Canvas 2D API",
   "keywords": [
     "antv",

diff --git a/packages/g-canvaskit/CHANGELOG.md b/packages/g-canvaskit/CHANGELOG.md
@@ -1,5 +1,18 @@
 # @antv/g-canvaskit
 
+## 1.0.22
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+    -   @antv/g-plugin-canvas-path-generator@2.1.2
+    -   @antv/g-plugin-canvas-picker@2.1.2
+    -   @antv/g-plugin-canvaskit-renderer@2.1.2
+    -   @antv/g-plugin-dom-interaction@2.1.7
+    -   @antv/g-plugin-html-renderer@2.1.7
+    -   @antv/g-plugin-image-loader@2.1.2
+
 ## 1.0.21
 
 ### Patch Changes

diff --git a/packages/g-canvaskit/package.json b/packages/g-canvaskit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-canvaskit",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "A renderer implemented by CanvasKit",
   "keywords": [
     "antv",

diff --git a/packages/g-components/CHANGELOG.md b/packages/g-components/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @antv/g-components
 
+## 2.0.18
+
+### Patch Changes
+
+-   0b639b81: optimize massive attrs clone
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+
 ## 2.0.17
 
 ### Patch Changes

diff --git a/packages/g-components/package.json b/packages/g-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-components",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "description": "Components for g",
   "keywords": [
     "antv",

diff --git a/packages/g-components/src/Arrow.ts b/packages/g-components/src/Arrow.ts
@@ -44,6 +44,19 @@ export interface ArrowStyleProps extends BaseStyleProps {
 export class Arrow extends CustomElement<ArrowStyleProps> {
   static tag = 'arrow';
 
+  static PARSED_STYLE_LIST = new Set([
+    ...CustomElement.PARSED_STYLE_LIST,
+    'body',
+    'startHead',
+    'endHead',
+    'startHeadOffset',
+    'endHeadOffset',
+    'stroke',
+    'lineWidth',
+    'opacity',
+    'strokeOpacity',
+  ]);
+
   private body: Line | Path | Polyline;
   private startHead?: DisplayObject;
   private endHead?: DisplayObject;

diff --git a/packages/g-components/src/Sector.ts b/packages/g-components/src/Sector.ts
@@ -154,6 +154,17 @@ export interface SectorStyleProps extends BaseStyleProps {
 }
 
 export class Sector extends CustomElement<SectorStyleProps> {
+  static PARSED_STYLE_LIST = new Set([
+    ...CustomElement.PARSED_STYLE_LIST,
+    'startAngle',
+    'endAngle',
+    'sr',
+    'sr0',
+    'sradius',
+    'sx',
+    'sy',
+  ]);
+
   static tag = 'sector';
 
   private path: Path;

diff --git a/packages/g-components/src/Sector2.ts b/packages/g-components/src/Sector2.ts
@@ -137,6 +137,17 @@ function computeArcSweep(startAngle: number, endAngle: number) {
 }
 
 export class Sector extends Path {
+  static PARSED_STYLE_LIST = new Set([
+    ...Path.PARSED_STYLE_LIST,
+    'x',
+    'y',
+    'sr',
+    'sr0',
+    'radius',
+    'startAngle',
+    'endAngle',
+  ]);
+
   // parsedStyle: any;
   constructor(config) {
     super(config);

diff --git a/packages/g-dom-mutation-observer-api/CHANGELOG.md b/packages/g-dom-mutation-observer-api/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-dom-mutation-observer-api
 
+## 2.0.18
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+
 ## 2.0.17
 
 ### Patch Changes

diff --git a/packages/g-dom-mutation-observer-api/package.json b/packages/g-dom-mutation-observer-api/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-dom-mutation-observer-api",
-  "version": "2.0.17",
+  "version": "2.0.18",
   "description": "A simple implementation of DOM MutationObserver API.",
   "keywords": [
     "antv",

diff --git a/packages/g-gesture/CHANGELOG.md b/packages/g-gesture/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-gesture
 
+## 3.0.18
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+
 ## 3.0.17
 
 ### Patch Changes

diff --git a/packages/g-gesture/package.json b/packages/g-gesture/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-gesture",
-  "version": "3.0.17",
+  "version": "3.0.18",
   "description": "G Gesture",
   "keywords": [
     "antv",

diff --git a/packages/g-image-exporter/CHANGELOG.md b/packages/g-image-exporter/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @antv/g-image-exporter
 
+## 1.0.18
+
+### Patch Changes
+
+-   Updated dependencies [0b639b81]
+    -   @antv/g-lite@2.2.2
+
 ## 1.0.17
 
 ### Patch Changes

diff --git a/packages/g-image-exporter/package.json b/packages/g-image-exporter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-image-exporter",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "A image exporter for G using DOM API",
   "keywords": [
     "antv",

diff --git a/packages/g-lite/CHANGELOG.md b/packages/g-lite/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @antv/g-lite
 
+## 2.2.2
+
+### Patch Changes
+
+-   0b639b81: optimize massive attrs clone
+
 ## 2.2.1
 
 ### Patch Changes

diff --git a/packages/g-lite/package.json b/packages/g-lite/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-lite",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A core module for rendering engine implements DOM API.",
   "keywords": [
     "antv",

diff --git a/packages/g-lite/src/css/StyleValueRegistry.ts b/packages/g-lite/src/css/StyleValueRegistry.ts
@@ -2,7 +2,7 @@ import { isNil, isUndefined } from '@antv/util';
 import { vec3 } from 'gl-matrix';
 import type { DisplayObject } from '../display-objects';
 import { EMPTY_PARSED_PATH } from '../display-objects/constants';
-import type { GlobalRuntime } from '../global-runtime';
+import { runtime, type GlobalRuntime } from '../global-runtime';
 import { GeometryAABBUpdater } from '../services';
 import { AABB } from '../shapes';
 import type { BaseStyleProps, Tuple3Number } from '../types';
@@ -660,7 +660,7 @@ export class DefaultStyleValueRegistry implements StyleValueRegistry {
     const oldClipPath = object.parsedStyle.clipPath;
     const oldOffsetPath = object.parsedStyle.offsetPath;
 
-    Object.assign(object.parsedStyle, attributes);
+    assignParsedStyle(object, attributes);
 
     let needUpdateGeometry = !!options.forceUpdateGeometry;
     if (!needUpdateGeometry) {
@@ -1000,3 +1000,20 @@ export class DefaultStyleValueRegistry implements StyleValueRegistry {
     }
   }
 }
+
+function assignParsedStyle(
+  object: DisplayObject,
+  attributes: Record<string, any>,
+) {
+  if (!runtime.enableMassiveParsedStyleAssignOptimization) {
+    Object.assign(object.parsedStyle, attributes);
+    return;
+  }
+
+  const list = (object.constructor as typeof DisplayObject).PARSED_STYLE_LIST;
+  for (const key in attributes) {
+    if (list.has(key)) {
+      object.parsedStyle[key] = attributes[key];
+    }
+  }
+}
diff --git a/packages/g-lite/src/display-objects/Circle.ts b/packages/g-lite/src/display-objects/Circle.ts
@@ -41,6 +41,16 @@ export class Circle extends DisplayObject<
   CircleStyleProps,
   ParsedCircleStyleProps
 > {
+  static PARSED_STYLE_LIST: Set<string> = new Set([
+    ...DisplayObject.PARSED_STYLE_LIST,
+    'cx',
+    'cy',
+    'cz',
+    'r',
+    'isBillboard',
+    'isSizeAttenuation',
+  ]);
+
   constructor(options: DisplayObjectConfig<CircleStyleProps> = {}) {
     super({
       type: Shape.CIRCLE,