Fix/radar label

common/changes/@visactor/vrender-core/fix-radar-label_2024-09-03-08-44.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "fix: fix bug of label in radarchart triggered by aniamtion\n\n",
+      "type": "none",
+      "packageName": "@visactor/vrender-core"
+    }
+  ],
+  "packageName": "@visactor/vrender-core",
+  "email": "dingling112@gmail.com"
+}

docs/demos/package.json

@@ -12,7 +12,7 @@
     "@internal/eslint-config": "workspace:*",
     "@internal/ts-config": "workspace:*",
     "@visactor/vrender-kits": "workspace:0.14.8",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "d3-scale-chromatic": "^3.0.0",
     "lodash": "4.17.21",
     "dat.gui": "^0.7.9",

docs/package.json

@@ -11,7 +11,7 @@
   "dependencies": {
     "@arco-design/web-react": "2.46.1",
     "@visactor/vchart": "1.3.0",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "@visactor/vgrammar": "~0.5.7",
     "@visactor/vrender": "workspace:0.20.0",
     "markdown-it": "^13.0.0",

packages/react-vrender-utils/package.json

@@ -26,7 +26,7 @@
   "dependencies": {
     "@visactor/vrender": "workspace:0.20.0",
     "@visactor/react-vrender": "workspace:0.20.0",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "react-reconciler": "^0.29.0",
     "tslib": "^2.3.1"
   },

packages/react-vrender/package.json

@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@visactor/vrender": "workspace:0.20.0",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "react-reconciler": "^0.29.0",
     "tslib": "^2.3.1"
   },

packages/vrender-components/package.json

@@ -26,15 +26,15 @@
   "dependencies": {
     "@visactor/vrender-core": "workspace:0.20.0",
     "@visactor/vrender-kits": "workspace:0.20.0",
-    "@visactor/vutils": "~0.18.14",
-    "@visactor/vscale": "~0.18.14"
+    "@visactor/vutils": "~0.18.15",
+    "@visactor/vscale": "~0.18.15"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",
     "@internal/eslint-config": "workspace:*",
     "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
-    "@visactor/vscale": "~0.18.14",
+    "@visactor/vscale": "~0.18.15",
     "@types/jest": "^26.0.0",
     "jest": "^26.0.0",
     "jest-electron": "^0.1.12",

packages/vrender-core/package.json

@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "color-convert": "2.0.1",
-    "@visactor/vutils": "~0.18.14"
+    "@visactor/vutils": "~0.18.15"
   },
   "devDependencies": {
     "@internal/bundler": "workspace:*",

packages/vrender-core/src/animate/animate.ts

@@ -192,8 +192,13 @@ export class Animate implements IAnimate {
   declare _onRemove?: (() => void)[];
   declare _preventAttrs?: Set<string>;
   static interpolateMap: Map<string, InterpolateFunc> = new Map();
+  slience?: boolean;
 
-  constructor(id: string | number = Generator.GenAutoIncrementId(), timeline: ITimeline = defaultTimeline) {
+  constructor(
+    id: string | number = Generator.GenAutoIncrementId(),
+    timeline: ITimeline = defaultTimeline,
+    slience?: boolean
+  ) {
     this.id = id;
     this.timeline = timeline;
     this.status = AnimateStatus.INITIAL;
@@ -204,6 +209,7 @@ export class Animate implements IAnimate {
     this._startTime = 0;
     this._duringTime = 0;
     this.timeline.addAnimate(this);
+    this.slience = slience;
   }
 
   setTimeline(timeline: ITimeline) {
@@ -420,7 +426,7 @@ export class Animate implements IAnimate {
   bind(target: IAnimateTarget) {
     this.target = target;
 
-    if (this.target.onAnimateBind) {
+    if (this.target.onAnimateBind && !this.slience) {
       this.target.onAnimateBind(this);
     }
 

packages/vrender-core/src/graphic/graphic.ts

@@ -755,7 +755,9 @@ export abstract class Graphic<T extends Partial<IGraphicAttribute> = Partial<IGr
     if (!this.animates) {
       this.animates = new Map();
     }
-    const animate = new Animate(params?.id, this.stage && this.stage.getTimeline()).bind(this);
+    const animate = new Animate(params?.id, this.stage && this.stage.getTimeline(), params?.slience);
+
+    animate.bind(this);
     if (params) {
       const { onStart, onFrame, onEnd, onRemove } = params;
       onStart != null && animate.onStart(onStart);
@@ -830,7 +832,7 @@ export abstract class Graphic<T extends Partial<IGraphicAttribute> = Partial<IGr
         }
       });
 
-      const animate = this.animate();
+      const animate = this.animate({ slience: true });
       (animate as any).stateNames = stateNames;
       animate.to(
         animateAttrs,

packages/vrender-core/src/interface/graphic.ts

@@ -346,6 +346,7 @@ export type ISetAttributeContext = {
 };
 
 export type IGraphicAnimateParams = {
+  slience?: boolean;
   id?: number | string;
   onStart?: () => void;
   onFrame?: (step: IStep, ratio: number) => void;

packages/vrender-kits/package.json

@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@visactor/vrender-core": "workspace:0.20.0",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "@resvg/resvg-js": "2.4.1",
     "roughjs": "4.5.2"
   },

packages/vrender/package.json

@@ -32,7 +32,7 @@
     "@internal/eslint-config": "workspace:*",
     "@internal/ts-config": "workspace:*",
     "@rushstack/eslint-patch": "~1.1.4",
-    "@visactor/vutils": "~0.18.14",
+    "@visactor/vutils": "~0.18.15",
     "canvas": "2.11.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",