Release

packages/g-mobile-webgl/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @antv/g-mobile-webgl
 
+## 1.0.15
+
+### Patch Changes
+
+-   Updated dependencies [3fb2553d]
+    -   @antv/g-plugin-device-renderer@2.0.13
+
 ## 1.0.14
 
 ### Patch Changes

packages/g-mobile-webgl/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-mobile-webgl",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "A renderer implemented by WebGL1/2 in mobile environment",
   "keywords": [
     "antv",

packages/g-plugin-3d/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @antv/g-plugin-3d
 
+## 2.0.13
+
+### Patch Changes
+
+-   Updated dependencies [3fb2553d]
+    -   @antv/g-plugin-device-renderer@2.0.13
+
 ## 2.0.12
 
 ### Patch Changes

packages/g-plugin-3d/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-3d",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "Provide 3D extension for G",
   "keywords": [
     "antv",

packages/g-plugin-device-renderer/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @antv/g-plugin-device-renderer
 
+## 2.0.13
+
+### Patch Changes
+
+-   3fb2553d: fix: the logic boundary condition judgment of text element attribute update is missing (#1755)
+
 ## 2.0.12
 
 ### Patch Changes

packages/g-plugin-device-renderer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-plugin-device-renderer",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "A G plugin of renderer implementation with GPUDevice",
   "keywords": [
     "antv",

packages/g-plugin-device-renderer/src/drawcalls/Text.ts

@@ -342,6 +342,11 @@ export class TextDrawcall extends Instanced {
     name: string,
     value: any,
   ): void {
+    // fix https://github.com/antvis/G/issues/1755
+    if (objects.length === 0) {
+      return;
+    }
+
     if (
       name === 'text' ||
       name === 'fontFamily' ||

packages/g-web-components/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @antv/g-web-components
 
+## 2.0.16
+
+### Patch Changes
+
+-   @antv/g-webgl@2.0.15
+
 ## 2.0.15
 
 ### Patch Changes

packages/g-web-components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-web-components",
-  "version": "2.0.15",
+  "version": "2.0.16",
   "description": "A declarative usage for G implemented with WebComponents",
   "keywords": [
     "antv",

packages/g-webgl/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @antv/g-webgl
 
+## 2.0.15
+
+### Patch Changes
+
+-   Updated dependencies [3fb2553d]
+    -   @antv/g-plugin-device-renderer@2.0.13
+
 ## 2.0.14
 
 ### Patch Changes

packages/g-webgl/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-webgl",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "description": "A renderer implemented by WebGL1/2",
   "keywords": [
     "antv",

packages/g-webgpu/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @antv/g-webgpu
 
+## 2.0.15
+
+### Patch Changes
+
+-   Updated dependencies [3fb2553d]
+    -   @antv/g-plugin-device-renderer@2.0.13
+
 ## 2.0.14
 
 ### Patch Changes

packages/g-webgpu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-webgpu",
-  "version": "2.0.14",
+  "version": "2.0.15",
   "description": "A renderer implemented by WebGPU",
   "keywords": [
     "antv",

packages/react-g/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @antv/react-g
 
+## 2.0.13
+
+### Patch Changes
+
+-   950db94d: fix: react-g rerender (#1757)
+
 ## 2.0.12
 
 ### Patch Changes

packages/react-g/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/react-g",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "react render for @antv/g",
   "keywords": [
     "react",

packages/react-g/src/canvas.tsx

@@ -2,7 +2,7 @@ import type { CanvasConfig } from '@antv/g';
 import { Canvas as GCanvas } from '@antv/g';
 import React, { forwardRef, useLayoutEffect, useRef } from 'react';
 import type { FiberRoot } from 'react-reconciler';
-import { reconcilor } from './reconciler';
+import { reconciler } from './reconciler';
 import { assertRef } from './util';
 
 export interface CanvasProps extends CanvasConfig {
@@ -52,7 +52,7 @@ export const Canvas = forwardRef<GCanvas, CanvasProps>(
       canvasRef.current = canvas;
 
       // @ts-ignore
-      container.current = reconcilor.createContainer(
+      container.current = reconciler.createContainer(
         canvas as any,
         1,
         false,
@@ -61,14 +61,14 @@ export const Canvas = forwardRef<GCanvas, CanvasProps>(
 
       return () => {
         // @ts-ignore
-        reconcilor.updateContainer(null, container.current, null);
+        reconciler.updateContainer(null, container.current, null);
       };
     }, []);
 
     useLayoutEffect(() => {
       if (container.current) {
         // @ts-ignore
-        reconcilor.updateContainer(children, container.current, null);
+        reconciler.updateContainer(children, container.current, null);
       }
     }, [children]);
 

packages/react-g/src/reconciler.ts

@@ -1,6 +1,6 @@
 import type { Canvas, Element } from '@antv/g';
 import React from 'react';
-import type { OpaqueHandle } from 'react-reconciler';
+import type { OpaqueHandle, OpaqueRoot } from 'react-reconciler';
 import ReactReconciler from 'react-reconciler';
 import { unstable_now as now } from 'scheduler';
 import { bindShapeEvent, updateProps } from './processProps';
@@ -20,7 +20,7 @@ import type {
   UpdatePayload,
 } from './types';
 
-export const reconcilor = ReactReconciler<
+export const reconciler = ReactReconciler<
   Type,
   Props,
   Container,
@@ -346,7 +346,7 @@ export const reconcilor = ReactReconciler<
   ): void {},
 });
 
-reconcilor.injectIntoDevTools({
+reconciler.injectIntoDevTools({
   // findFiberByHostInstance: () => {},
   // @ts-ignore
   bundleType: process.env.NODE_ENV !== 'production' ? 1 : 0,
@@ -359,6 +359,8 @@ reconcilor.injectIntoDevTools({
   },
 });
 
+const TargetContainerWeakMap = new WeakMap<Element | Canvas, OpaqueRoot>();
+
 /**
  * render react-g component to target g element
  * 将react-g组件渲染到任意的g实例（Canvas/Group/Shape）中
@@ -372,7 +374,9 @@ export const render = (
   target: Element | Canvas,
   callback?: (() => void) | null,
 ) => {
-  // @ts-ignore
-  const container = reconcilor.createContainer(target as any, 1, false, null);
-  reconcilor.updateContainer(component, container, null, callback);
+  const container =
+    TargetContainerWeakMap.get(target) ||
+    reconciler.createContainer(target as any, 1, false, null);
+  TargetContainerWeakMap.set(target, container);
+  reconciler.updateContainer(component, container, null, callback);
 };

site/docs/guide/advanced-topics/use-react-g.zh.md

@@ -3,7 +3,7 @@ title: 使用 React 定义图形
 order: 5
 ---
 
-react 通过 `react-reconcilor` 提供了自定义 render 的能力，`react-g` 便是一个 react 到 g 的 render。
+react 通过 `react-reconciler` 提供了自定义 render 的能力，`react-g` 便是一个 react 到 g 的 render。
 
 `react-g` 目前处于实验状态，欢迎试用和反馈。