@visactor/vrender-components 1.1.0-alpha.22 → 1.1.0-alpha.24

package/cjs/animation/axis-animate.d.ts

@@ -1,4 +1,4 @@
-import { AComponentAnimate } from '@visactor/vrender-animate';
+import { AComponentAnimate } from '@visactor/vrender-animate/custom/custom-animate';
 export declare class AxisEnter extends AComponentAnimate<any> {
     onBind(): void;
 }

package/cjs/animation/axis-animate.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerAxisAnimate = exports.AxisUpdate = exports.AxisEnter = void 0;
 
-const vrender_animate_1 = require("@visactor/vrender-animate"), static_truth_1 = require("./static-truth");
+const component_1 = require("@visactor/vrender-animate/component"), custom_animate_1 = require("@visactor/vrender-animate/custom/custom-animate"), animate_executor_1 = require("@visactor/vrender-animate/executor/animate-executor"), static_truth_1 = require("./static-truth");
 
-class AxisEnter extends vrender_animate_1.AComponentAnimate {
+class AxisEnter extends custom_animate_1.AComponentAnimate {
     onBind() {
         var _a;
-        const animator = (0, vrender_animate_1.createComponentAnimator)(this.target);
+        const animator = (0, component_1.createComponentAnimator)(this.target);
         this._animator = animator;
         const duration = this.duration, easing = this.easing, {config: config, lastScale: lastScale, getTickCoord: getTickCoord} = this.params;
         let ratio = 1;
@@ -44,9 +44,9 @@ class AxisEnter extends vrender_animate_1.AComponentAnimate {
 
 exports.AxisEnter = AxisEnter;
 
-class AxisUpdate extends vrender_animate_1.AComponentAnimate {
+class AxisUpdate extends custom_animate_1.AComponentAnimate {
     onBind() {
-        const animator = (0, vrender_animate_1.createComponentAnimator)(this.target);
+        const animator = (0, component_1.createComponentAnimator)(this.target);
         this._animator = animator;
         const duration = this.duration, easing = this.easing, {diffAttrs: diffAttrs} = this.params;
         (0, static_truth_1.commitUpdateAnimationTarget)(this.target, Object.assign({}, diffAttrs)), 
@@ -70,8 +70,8 @@ class AxisUpdate extends vrender_animate_1.AComponentAnimate {
 }
 
 function registerAxisAnimate() {
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("axisEnter", AxisEnter), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("axisUpdate", AxisUpdate);
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("axisEnter", AxisEnter), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("axisUpdate", AxisUpdate);
 }
 
 exports.AxisUpdate = AxisUpdate, exports.registerAxisAnimate = registerAxisAnimate;

package/cjs/animation/axis-animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animation/axis-animate.ts"],"names":[],"mappings":"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","file":"axis-animate.js","sourcesContent":["import { AComponentAnimate, AnimateExecutor, createComponentAnimator } from '@visactor/vrender-animate';\nimport { commitUpdateAnimationTarget } from './static-truth';\n\n/**\n * AxisEnter class handles the enter animation for Axis components\n */\nexport class AxisEnter extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const { config, lastScale, getTickCoord } = this.params;\n\n    let ratio = 1;\n    const currData = this.target.data;\n    if (lastScale && getTickCoord && currData) {\n      ratio = 0.7;\n\n      const oldValue = lastScale.scale(currData.rawValue);\n      const point = getTickCoord(oldValue);\n      const newX = this.target.attribute.x;\n      const newY = this.target.attribute.y;\n\n      commitUpdateAnimationTarget(this.target, { x: newX, y: newY }, { x: point.x, y: point.y });\n      animator.animate(this.target, {\n        type: 'to',\n        to: { x: newX, y: newY },\n        duration,\n        easing\n      });\n    }\n\n    // if (updateEls && updateEls.length > 1) {\n    //   ratio = 0.5;\n    //   const oldData1 = updateEls[0].oldEl.data;\n    //   const { rawValue: oldRawValue1, value: oldValue1 } = oldData1;\n    //   const oldData2 = updateEls[1].oldEl.data;\n    //   const { rawValue: oldRawValue2, value: oldValue2 } = oldData2;\n    //   const data = this.target.data;\n    //   const { rawValue: newRawValue } = data;\n    //   // rawValue 是原始值，value是映射出来的值，假设是线性映射，计算一下newRawValue在old阶段的value是什么值\n    //   const oldValue =\n    //     oldValue1 + ((oldValue2 - oldValue1) * (newRawValue - oldRawValue1)) / (oldRawValue2 - oldRawValue1);\n    //   // 将 x 和 y 做映射\n    //   const oldX1 = updateEls[0].oldEl.attribute.x;\n    //   const oldY1 = updateEls[0].oldEl.attribute.y;\n    //   const oldX2 = updateEls[1].oldEl.attribute.x;\n    //   const oldY2 = updateEls[1].oldEl.attribute.y;\n    //   const oldX = oldX1 + ((oldX2 - oldX1) * (oldValue - oldValue1)) / (oldValue2 - oldValue1);\n    //   const oldY = oldY1 + ((oldY2 - oldY1) * (oldValue - oldValue1)) / (oldValue2 - oldValue1);\n    //   const newX = this.target.attribute.x;\n    //   const newY = this.target.attribute.y;\n\n    //   this.target.setAttributes({ x: oldX, y: oldY });\n    //   animator.animate(this.target, {\n    //     type: 'to',\n    //     to: { x: newX, y: newY },\n    //     duration,\n    //     easing\n    //   });\n    // }\n\n    animator.animate(this.target, {\n      type: config.type ?? 'fadeIn',\n      to: config.to,\n      duration: duration * ratio,\n      easing\n    });\n    this.completeBind(animator);\n  }\n}\n\n/**\n * AxisUpdate class handles the update animation for Axis components\n */\nexport class AxisUpdate extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const { diffAttrs } = this.params;\n    // this.target.applyAnimationState(\n    //   ['update'],\n    //   [\n    //     {\n    //       name: 'update',\n    //       animation: {\n    //         type: 'to',\n    //         to: { ...this.props },\n    //         duration,\n    //         easing,\n    //         customParameters: {\n    //           diffAttrs: { ...this.props }\n    //         }\n    //       }\n    //     }\n    //   ]\n    // );\n    // console.log('this.props', this.props, { ...this.target.attribute });\n    commitUpdateAnimationTarget(this.target, { ...diffAttrs });\n    animator.animate(this.target, {\n      type: 'to',\n      to: { ...diffAttrs },\n      duration,\n      easing,\n      customParameters: {\n        diffAttrs: { ...diffAttrs }\n      }\n    });\n    this.completeBind(animator);\n  }\n\n  // 轴动画本身没有逻辑，具体通过animator中执行，所以当需要屏蔽自身属性时，需要通过animator中执行\n  deleteSelfAttr(key: string): void {\n    this.deleteSelfAttrs([key]);\n  }\n\n  deleteSelfAttrs(keys: string[]): void {\n    super.deleteSelfAttrs(keys);\n    this._animator.deleteSelfAttrs(keys);\n  }\n\n  // 轴动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport function registerAxisAnimate() {\n  // Label update animation\n  AnimateExecutor.registerBuiltInAnimate('axisEnter', AxisEnter);\n  AnimateExecutor.registerBuiltInAnimate('axisUpdate', AxisUpdate);\n}\n"]}
+{"version":3,"sources":["../src/animation/axis-animate.ts"],"names":[],"mappings":"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","file":"axis-animate.js","sourcesContent":["import { createComponentAnimator } from '@visactor/vrender-animate/component';\nimport { AComponentAnimate } from '@visactor/vrender-animate/custom/custom-animate';\nimport { AnimateExecutor } from '@visactor/vrender-animate/executor/animate-executor';\nimport { commitUpdateAnimationTarget } from './static-truth';\n\n/**\n * AxisEnter class handles the enter animation for Axis components\n */\nexport class AxisEnter extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const { config, lastScale, getTickCoord } = this.params;\n\n    let ratio = 1;\n    const currData = this.target.data;\n    if (lastScale && getTickCoord && currData) {\n      ratio = 0.7;\n\n      const oldValue = lastScale.scale(currData.rawValue);\n      const point = getTickCoord(oldValue);\n      const newX = this.target.attribute.x;\n      const newY = this.target.attribute.y;\n\n      commitUpdateAnimationTarget(this.target, { x: newX, y: newY }, { x: point.x, y: point.y });\n      animator.animate(this.target, {\n        type: 'to',\n        to: { x: newX, y: newY },\n        duration,\n        easing\n      });\n    }\n\n    // if (updateEls && updateEls.length > 1) {\n    //   ratio = 0.5;\n    //   const oldData1 = updateEls[0].oldEl.data;\n    //   const { rawValue: oldRawValue1, value: oldValue1 } = oldData1;\n    //   const oldData2 = updateEls[1].oldEl.data;\n    //   const { rawValue: oldRawValue2, value: oldValue2 } = oldData2;\n    //   const data = this.target.data;\n    //   const { rawValue: newRawValue } = data;\n    //   // rawValue 是原始值，value是映射出来的值，假设是线性映射，计算一下newRawValue在old阶段的value是什么值\n    //   const oldValue =\n    //     oldValue1 + ((oldValue2 - oldValue1) * (newRawValue - oldRawValue1)) / (oldRawValue2 - oldRawValue1);\n    //   // 将 x 和 y 做映射\n    //   const oldX1 = updateEls[0].oldEl.attribute.x;\n    //   const oldY1 = updateEls[0].oldEl.attribute.y;\n    //   const oldX2 = updateEls[1].oldEl.attribute.x;\n    //   const oldY2 = updateEls[1].oldEl.attribute.y;\n    //   const oldX = oldX1 + ((oldX2 - oldX1) * (oldValue - oldValue1)) / (oldValue2 - oldValue1);\n    //   const oldY = oldY1 + ((oldY2 - oldY1) * (oldValue - oldValue1)) / (oldValue2 - oldValue1);\n    //   const newX = this.target.attribute.x;\n    //   const newY = this.target.attribute.y;\n\n    //   this.target.setAttributes({ x: oldX, y: oldY });\n    //   animator.animate(this.target, {\n    //     type: 'to',\n    //     to: { x: newX, y: newY },\n    //     duration,\n    //     easing\n    //   });\n    // }\n\n    animator.animate(this.target, {\n      type: config.type ?? 'fadeIn',\n      to: config.to,\n      duration: duration * ratio,\n      easing\n    });\n    this.completeBind(animator);\n  }\n}\n\n/**\n * AxisUpdate class handles the update animation for Axis components\n */\nexport class AxisUpdate extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const { diffAttrs } = this.params;\n    // this.target.applyAnimationState(\n    //   ['update'],\n    //   [\n    //     {\n    //       name: 'update',\n    //       animation: {\n    //         type: 'to',\n    //         to: { ...this.props },\n    //         duration,\n    //         easing,\n    //         customParameters: {\n    //           diffAttrs: { ...this.props }\n    //         }\n    //       }\n    //     }\n    //   ]\n    // );\n    // console.log('this.props', this.props, { ...this.target.attribute });\n    commitUpdateAnimationTarget(this.target, { ...diffAttrs });\n    animator.animate(this.target, {\n      type: 'to',\n      to: { ...diffAttrs },\n      duration,\n      easing,\n      customParameters: {\n        diffAttrs: { ...diffAttrs }\n      }\n    });\n    this.completeBind(animator);\n  }\n\n  // 轴动画本身没有逻辑，具体通过animator中执行，所以当需要屏蔽自身属性时，需要通过animator中执行\n  deleteSelfAttr(key: string): void {\n    this.deleteSelfAttrs([key]);\n  }\n\n  deleteSelfAttrs(keys: string[]): void {\n    super.deleteSelfAttrs(keys);\n    this._animator.deleteSelfAttrs(keys);\n  }\n\n  // 轴动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport function registerAxisAnimate() {\n  // Label update animation\n  AnimateExecutor.registerBuiltInAnimate('axisEnter', AxisEnter);\n  AnimateExecutor.registerBuiltInAnimate('axisUpdate', AxisUpdate);\n}\n"]}

package/cjs/animation/label-animate.d.ts

@@ -1,4 +1,4 @@
-import { AComponentAnimate } from '@visactor/vrender-animate';
+import { AComponentAnimate } from '@visactor/vrender-animate/custom/custom-animate';
 export declare class LabelUpdate extends AComponentAnimate<any> {
     onBind(): void;
     protected tryPreventConflict(): void;

package/cjs/animation/label-animate.js

@@ -1,29 +1,19 @@
 "use strict";
 
-var __rest = this && this.__rest || function(s, e) {
-    var t = {};
-    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-        var i = 0;
-        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-    }
-    return t;
-};
-
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerLabelAnimate = exports.LabelEnter = exports.LabelUpdate = void 0;
 
-const vrender_animate_1 = require("@visactor/vrender-animate");
+const component_1 = require("@visactor/vrender-animate/component"), custom_animate_1 = require("@visactor/vrender-animate/custom/custom-animate"), number_1 = require("@visactor/vrender-animate/custom/number"), animate_executor_1 = require("@visactor/vrender-animate/executor/animate-executor");
 
-class LabelUpdate extends vrender_animate_1.AComponentAnimate {
+class LabelUpdate extends custom_animate_1.AComponentAnimate {
     onBind() {
-        const animator = (0, vrender_animate_1.createComponentAnimator)(this.target);
+        const animator = (0, component_1.createComponentAnimator)(this.target);
         this._animator = animator;
         const duration = this.duration, easing = this.easing, {prevText: prevText, curText: curText, prevLabelLine: prevLabelLine, curLabelLine: curLabelLine, increaseEffect: increaseEffect = !0} = this.params, diff = {};
         for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
-        const {text: text} = diff, rest = __rest(diff, [ "text" ]);
-        animator.animate(prevText, {
+        const rest = Object.assign({}, diff);
+        delete rest.text, animator.animate(prevText, {
             type: "to",
             to: rest,
             duration: duration,
@@ -47,9 +37,9 @@ class LabelUpdate extends vrender_animate_1.AComponentAnimate {
 
 exports.LabelUpdate = LabelUpdate;
 
-class LabelEnter extends vrender_animate_1.AComponentAnimate {
+class LabelEnter extends custom_animate_1.AComponentAnimate {
     onBind() {
-        const animator = (0, vrender_animate_1.createComponentAnimator)(this.target);
+        const animator = (0, component_1.createComponentAnimator)(this.target);
         this._animator = animator;
         const duration = this.duration, easing = this.easing, {relatedGraphic: relatedGraphic, relatedGraphics: relatedGraphics, config: config} = this.params, {mode: mode, type: type = "fadeIn"} = config, target = this.target;
         let startTime = 0;
@@ -72,9 +62,9 @@ class LabelEnter extends vrender_animate_1.AComponentAnimate {
 }
 
 function registerLabelAnimate() {
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("increaseCount", vrender_animate_1.IncreaseCount), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("labelUpdate", LabelUpdate), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("labelEnter", LabelEnter);
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("increaseCount", number_1.IncreaseCount), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("labelUpdate", LabelUpdate), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("labelEnter", LabelEnter);
 }
 
 exports.LabelEnter = LabelEnter, exports.registerLabelAnimate = registerLabelAnimate;

package/cjs/animation/label-animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animation/label-animate.ts"],"names":[],"mappings":"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","file":"label-animate.js","sourcesContent":["import { AComponentAnimate, AnimateExecutor, createComponentAnimator, IncreaseCount } from '@visactor/vrender-animate';\n\n/**\n * LabelUpdate class handles the update animation for Label components\n */\nexport class LabelUpdate extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n\n    const { prevText, curText, prevLabelLine, curLabelLine, increaseEffect = true } = this.params;\n    const diff: Record<string, any> = {};\n\n    for (const key in curText.attribute) {\n      if (prevText.attribute[key] !== curText.attribute[key]) {\n        diff[key] = curText.attribute[key];\n      }\n    }\n\n    const { text, ...rest } = diff;\n\n    animator.animate(prevText, {\n      type: 'to',\n      to: rest,\n      duration,\n      easing\n    });\n\n    if (increaseEffect !== false) {\n      animator.animate(prevText, {\n        type: 'increaseCount',\n        to: {\n          text: curText.attribute.text\n        },\n        duration,\n        easing\n      });\n    }\n\n    if (prevLabelLine) {\n      animator.animate(prevLabelLine, {\n        type: 'to',\n        to: curLabelLine.attribute,\n        duration,\n        easing\n      });\n    }\n\n    this.completeBind(animator);\n  }\n\n  // 标签动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport class LabelEnter extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n\n    const { relatedGraphic, relatedGraphics, config } = this.params;\n    const { mode, type = 'fadeIn' } = config;\n\n    const target = this.target;\n\n    let startTime = 0;\n\n    if (mode === 'after') {\n      relatedGraphic.animates &&\n        relatedGraphic.animates.forEach((animate: any) => {\n          startTime = Math.max(startTime, animate.getStartTime() + animate.getTotalDuration());\n        });\n    } else if (mode === 'after-all') {\n      relatedGraphics &&\n        relatedGraphics.forEach((graphic: any) => {\n          graphic.animates &&\n            graphic.animates.forEach((animate: any) => {\n              startTime = Math.max(startTime, animate.getStartTime() + animate.getTotalDuration());\n            });\n        });\n    } else {\n      // 'same-time'\n      relatedGraphic.animates &&\n        relatedGraphic.animates.forEach((animate: any) => {\n          startTime = Math.max(startTime, animate.getStartTime());\n        });\n    }\n\n    animator.animate(target, {\n      ...config,\n      duration,\n      easing,\n      startTime,\n      type\n    });\n\n    this.completeBind(animator);\n  }\n\n  // 标签动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport function registerLabelAnimate() {\n  AnimateExecutor.registerBuiltInAnimate('increaseCount', IncreaseCount);\n  // Label update animation\n  AnimateExecutor.registerBuiltInAnimate('labelUpdate', LabelUpdate);\n  AnimateExecutor.registerBuiltInAnimate('labelEnter', LabelEnter);\n}\n"]}
+{"version":3,"sources":["../src/animation/label-animate.ts"],"names":[],"mappings":"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","file":"label-animate.js","sourcesContent":["import { createComponentAnimator } from '@visactor/vrender-animate/component';\nimport { AComponentAnimate } from '@visactor/vrender-animate/custom/custom-animate';\nimport { IncreaseCount } from '@visactor/vrender-animate/custom/number';\nimport { AnimateExecutor } from '@visactor/vrender-animate/executor/animate-executor';\n\n/**\n * LabelUpdate class handles the update animation for Label components\n */\nexport class LabelUpdate extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n\n    const { prevText, curText, prevLabelLine, curLabelLine, increaseEffect = true } = this.params;\n    const diff: Record<string, any> = {};\n\n    for (const key in curText.attribute) {\n      if (prevText.attribute[key] !== curText.attribute[key]) {\n        diff[key] = curText.attribute[key];\n      }\n    }\n\n    const rest = { ...diff };\n    delete rest.text;\n\n    animator.animate(prevText, {\n      type: 'to',\n      to: rest,\n      duration,\n      easing\n    });\n\n    if (increaseEffect !== false) {\n      animator.animate(prevText, {\n        type: 'increaseCount',\n        to: {\n          text: curText.attribute.text\n        },\n        duration,\n        easing\n      });\n    }\n\n    if (prevLabelLine) {\n      animator.animate(prevLabelLine, {\n        type: 'to',\n        to: curLabelLine.attribute,\n        duration,\n        easing\n      });\n    }\n\n    this.completeBind(animator);\n  }\n\n  // 标签动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport class LabelEnter extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n\n    const { relatedGraphic, relatedGraphics, config } = this.params;\n    const { mode, type = 'fadeIn' } = config;\n\n    const target = this.target;\n\n    let startTime = 0;\n\n    if (mode === 'after') {\n      relatedGraphic.animates &&\n        relatedGraphic.animates.forEach((animate: any) => {\n          startTime = Math.max(startTime, animate.getStartTime() + animate.getTotalDuration());\n        });\n    } else if (mode === 'after-all') {\n      relatedGraphics &&\n        relatedGraphics.forEach((graphic: any) => {\n          graphic.animates &&\n            graphic.animates.forEach((animate: any) => {\n              startTime = Math.max(startTime, animate.getStartTime() + animate.getTotalDuration());\n            });\n        });\n    } else {\n      // 'same-time'\n      relatedGraphic.animates &&\n        relatedGraphic.animates.forEach((animate: any) => {\n          startTime = Math.max(startTime, animate.getStartTime());\n        });\n    }\n\n    animator.animate(target, {\n      ...config,\n      duration,\n      easing,\n      startTime,\n      type\n    });\n\n    this.completeBind(animator);\n  }\n\n  // 标签动画本身没有逻辑，具体通过animator中执行，所以本身不需要屏蔽冲突\n  protected tryPreventConflict(): void {\n    return;\n  }\n}\n\nexport function registerLabelAnimate() {\n  AnimateExecutor.registerBuiltInAnimate('increaseCount', IncreaseCount);\n  // Label update animation\n  AnimateExecutor.registerBuiltInAnimate('labelUpdate', LabelUpdate);\n  AnimateExecutor.registerBuiltInAnimate('labelEnter', LabelEnter);\n}\n"]}

package/cjs/axis/animate/group-transition.d.ts

@@ -1,5 +1,5 @@
 import { AnimateMode, type IGroup } from '@visactor/vrender-core';
-import { ACustomAnimate } from '@visactor/vrender-animate';
+import { ACustomAnimate } from '@visactor/vrender-animate/custom/custom-animate';
 export declare class GroupTransition extends ACustomAnimate<any> {
     target: IGroup;
     private _newElementAttrMap;

package/cjs/axis/animate/group-transition.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.GroupTransition = void 0;
 
-const vrender_core_1 = require("@visactor/vrender-core"), vrender_animate_1 = require("@visactor/vrender-animate"), vutils_1 = require("@visactor/vutils"), util_1 = require("../../util"), static_truth_1 = require("../../animation/static-truth");
+const vrender_core_1 = require("@visactor/vrender-core"), custom_animate_1 = require("@visactor/vrender-animate/custom/custom-animate"), vutils_1 = require("@visactor/vutils"), util_1 = require("../../util"), static_truth_1 = require("../../animation/static-truth");
 
-class GroupTransition extends vrender_animate_1.ACustomAnimate {
+class GroupTransition extends custom_animate_1.ACustomAnimate {
     constructor() {
         super(...arguments), this.mode = vrender_core_1.AnimateMode.NORMAL;
     }

package/cjs/axis/animate/group-transition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/animate/group-transition.ts"],"names":[],"mappings":"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","file":"group-transition.js","sourcesContent":["import { AnimateMode, type EasingType, type IGraphic, type IGroup } from '@visactor/vrender-core';\nimport { ACustomAnimate } from '@visactor/vrender-animate';\nimport { cloneDeep, interpolateString, isEqual, isValidNumber, type Dict } from '@visactor/vutils';\nimport { traverseGroup } from '../../util';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport class GroupTransition extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  private _newElementAttrMap: Dict<any>;\n  private _started: boolean;\n  mode = AnimateMode.NORMAL; // 组件的群组动画不需要设置走 AnimateMode.SET_ATTR_IMMEDIATELY\n\n  onBind(): void {\n    this._started = false;\n    // @ts-ignore\n    const currentInnerView = this.target.getInnerView();\n    // @ts-ignore\n    const prevInnerView = this.target.getPrevInnerView();\n    if (!prevInnerView) {\n      return;\n    }\n\n    this._newElementAttrMap = {};\n\n    // 遍历新的场景树，将新节点属性更新为旧节点\n    // TODO: 目前只处理更新场景\n    traverseGroup(currentInnerView, (el: IGraphic) => {\n      if ((el as IGraphic).type !== 'group' && el.id) {\n        const oldEl = prevInnerView[el.id];\n        if (oldEl) {\n          if (!isEqual((el as IGraphic).attribute, (oldEl as IGraphic).attribute)) {\n            // 更新\n            const newProps = cloneDeep((el as IGraphic).attribute);\n            this._newElementAttrMap[el.id] = {\n              state: 'update',\n              node: el,\n              attrs: {\n                ...newProps,\n                opacity: newProps.opacity ?? 1,\n                fillOpacity: newProps.fillOpacity ?? 1,\n                strokeOpacity: newProps.strokeOpacity ?? 1\n              }\n            };\n\n            commitUpdateAnimationTarget(\n              el as IGraphic,\n              this._newElementAttrMap[el.id].attrs,\n              cloneDeep((oldEl as IGraphic).attribute)\n            );\n          }\n        } else {\n          // 新入场元素，进行 fadeIn 动画\n          const finalOpacityAttrs = {\n            opacity: el.attribute.opacity ?? 1,\n            fillOpacity: el.attribute.fillOpacity ?? 1,\n            strokeOpacity: el.attribute.strokeOpacity ?? 1\n          };\n          this._newElementAttrMap[el.id] = {\n            state: 'enter',\n            node: el,\n            attrs: finalOpacityAttrs\n          };\n          commitUpdateAnimationTarget(el as IGraphic, finalOpacityAttrs, {\n            opacity: 0,\n            fillOpacity: 0,\n            strokeOpacity: 0\n          });\n        }\n      }\n    });\n  }\n\n  onStart(): void {\n    if (this._started) {\n      return;\n    }\n    this._started = true;\n\n    let duration = this.duration;\n    let easing = this.easing;\n\n    // 新的场景树\n    this._newElementAttrMap &&\n      Object.keys(this._newElementAttrMap).forEach(id => {\n        const { node, attrs, state } = this._newElementAttrMap[id];\n        if (state === 'enter') {\n          const { enter = {} } = this.params ?? {};\n          duration = isValidNumber(enter.duration) ? enter.duration : duration;\n          easing = enter.easing ? enter.easing : easing;\n        }\n        if ((node as IGraphic).type === 'path') {\n          (node as IGraphic)\n            .animate({\n              interpolate(key: string, ratio: number, from: any, to: any, nextAttributes: any) {\n                if (key === 'path') {\n                  nextAttributes.path = interpolateString(from, to)(ratio);\n                  return true;\n                }\n\n                return false;\n              }\n            })\n            // .wait(delay)\n            .to(attrs, duration, easing as EasingType);\n        } else {\n          (node as IGraphic)\n            .animate()\n            // .wait(delay)\n            .to(attrs, duration, easing as EasingType);\n        }\n      });\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // do nothing\n  }\n}\n"]}
+{"version":3,"sources":["../src/axis/animate/group-transition.ts"],"names":[],"mappings":";;;AAAA,yDAAkG;AAClG,oFAAiF;AACjF,6CAAmG;AACnG,qCAA2C;AAC3C,+DAA2E;AAE3E,MAAa,eAAgB,SAAQ,+BAAmB;IAAxD;;QAKE,SAAI,GAAG,0BAAW,CAAC,MAAM,CAAC;IA0G5B,CAAC;IAxGC,MAAM;QACJ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEtB,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QAEpD,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;QACrD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QAED,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;QAI7B,IAAA,oBAAa,EAAC,gBAAgB,EAAE,CAAC,EAAY,EAAE,EAAE;;YAC/C,IAAK,EAAe,CAAC,IAAI,KAAK,OAAO,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC9C,MAAM,KAAK,GAAG,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;gBACnC,IAAI,KAAK,EAAE;oBACT,IAAI,CAAC,IAAA,gBAAO,EAAE,EAAe,CAAC,SAAS,EAAG,KAAkB,CAAC,SAAS,CAAC,EAAE;wBAEvE,MAAM,QAAQ,GAAG,IAAA,kBAAS,EAAE,EAAe,CAAC,SAAS,CAAC,CAAC;wBACvD,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG;4BAC/B,KAAK,EAAE,QAAQ;4BACf,IAAI,EAAE,EAAE;4BACR,KAAK,kCACA,QAAQ,KACX,OAAO,EAAE,MAAA,QAAQ,CAAC,OAAO,mCAAI,CAAC,EAC9B,WAAW,EAAE,MAAA,QAAQ,CAAC,WAAW,mCAAI,CAAC,EACtC,aAAa,EAAE,MAAA,QAAQ,CAAC,aAAa,mCAAI,CAAC,GAC3C;yBACF,CAAC;wBAEF,IAAA,0CAA2B,EACzB,EAAc,EACd,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EACpC,IAAA,kBAAS,EAAE,KAAkB,CAAC,SAAS,CAAC,CACzC,CAAC;qBACH;iBACF;qBAAM;oBAEL,MAAM,iBAAiB,GAAG;wBACxB,OAAO,EAAE,MAAA,EAAE,CAAC,SAAS,CAAC,OAAO,mCAAI,CAAC;wBAClC,WAAW,EAAE,MAAA,EAAE,CAAC,SAAS,CAAC,WAAW,mCAAI,CAAC;wBAC1C,aAAa,EAAE,MAAA,EAAE,CAAC,SAAS,CAAC,aAAa,mCAAI,CAAC;qBAC/C,CAAC;oBACF,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG;wBAC/B,KAAK,EAAE,OAAO;wBACd,IAAI,EAAE,EAAE;wBACR,KAAK,EAAE,iBAAiB;qBACzB,CAAC;oBACF,IAAA,0CAA2B,EAAC,EAAc,EAAE,iBAAiB,EAAE;wBAC7D,OAAO,EAAE,CAAC;wBACV,WAAW,EAAE,CAAC;wBACd,aAAa,EAAE,CAAC;qBACjB,CAAC,CAAC;iBACJ;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAGzB,IAAI,CAAC,kBAAkB;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;;gBAChD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;gBAC3D,IAAI,KAAK,KAAK,OAAO,EAAE;oBACrB,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC;oBACzC,QAAQ,GAAG,IAAA,sBAAa,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;oBACrE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;iBAC/C;gBACD,IAAK,IAAiB,CAAC,IAAI,KAAK,MAAM,EAAE;oBACrC,IAAiB;yBACf,OAAO,CAAC;wBACP,WAAW,CAAC,GAAW,EAAE,KAAa,EAAE,IAAS,EAAE,EAAO,EAAE,cAAmB;4BAC7E,IAAI,GAAG,KAAK,MAAM,EAAE;gCAClB,cAAc,CAAC,IAAI,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gCACzD,OAAO,IAAI,CAAC;6BACb;4BAED,OAAO,KAAK,CAAC;wBACf,CAAC;qBACF,CAAC;yBAED,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;iBAC9C;qBAAM;oBACJ,IAAiB;yBACf,OAAO,EAAE;yBAET,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAoB,CAAC,CAAC;iBAC9C;YACH,CAAC,CAAC,CAAC;IACP,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;IAE9D,CAAC;CACF;AA/GD,0CA+GC","file":"group-transition.js","sourcesContent":["import { AnimateMode, type EasingType, type IGraphic, type IGroup } from '@visactor/vrender-core';\nimport { ACustomAnimate } from '@visactor/vrender-animate/custom/custom-animate';\nimport { cloneDeep, interpolateString, isEqual, isValidNumber, type Dict } from '@visactor/vutils';\nimport { traverseGroup } from '../../util';\nimport { commitUpdateAnimationTarget } from '../../animation/static-truth';\n\nexport class GroupTransition extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  private _newElementAttrMap: Dict<any>;\n  private _started: boolean;\n  mode = AnimateMode.NORMAL; // 组件的群组动画不需要设置走 AnimateMode.SET_ATTR_IMMEDIATELY\n\n  onBind(): void {\n    this._started = false;\n    // @ts-ignore\n    const currentInnerView = this.target.getInnerView();\n    // @ts-ignore\n    const prevInnerView = this.target.getPrevInnerView();\n    if (!prevInnerView) {\n      return;\n    }\n\n    this._newElementAttrMap = {};\n\n    // 遍历新的场景树，将新节点属性更新为旧节点\n    // TODO: 目前只处理更新场景\n    traverseGroup(currentInnerView, (el: IGraphic) => {\n      if ((el as IGraphic).type !== 'group' && el.id) {\n        const oldEl = prevInnerView[el.id];\n        if (oldEl) {\n          if (!isEqual((el as IGraphic).attribute, (oldEl as IGraphic).attribute)) {\n            // 更新\n            const newProps = cloneDeep((el as IGraphic).attribute);\n            this._newElementAttrMap[el.id] = {\n              state: 'update',\n              node: el,\n              attrs: {\n                ...newProps,\n                opacity: newProps.opacity ?? 1,\n                fillOpacity: newProps.fillOpacity ?? 1,\n                strokeOpacity: newProps.strokeOpacity ?? 1\n              }\n            };\n\n            commitUpdateAnimationTarget(\n              el as IGraphic,\n              this._newElementAttrMap[el.id].attrs,\n              cloneDeep((oldEl as IGraphic).attribute)\n            );\n          }\n        } else {\n          // 新入场元素，进行 fadeIn 动画\n          const finalOpacityAttrs = {\n            opacity: el.attribute.opacity ?? 1,\n            fillOpacity: el.attribute.fillOpacity ?? 1,\n            strokeOpacity: el.attribute.strokeOpacity ?? 1\n          };\n          this._newElementAttrMap[el.id] = {\n            state: 'enter',\n            node: el,\n            attrs: finalOpacityAttrs\n          };\n          commitUpdateAnimationTarget(el as IGraphic, finalOpacityAttrs, {\n            opacity: 0,\n            fillOpacity: 0,\n            strokeOpacity: 0\n          });\n        }\n      }\n    });\n  }\n\n  onStart(): void {\n    if (this._started) {\n      return;\n    }\n    this._started = true;\n\n    let duration = this.duration;\n    let easing = this.easing;\n\n    // 新的场景树\n    this._newElementAttrMap &&\n      Object.keys(this._newElementAttrMap).forEach(id => {\n        const { node, attrs, state } = this._newElementAttrMap[id];\n        if (state === 'enter') {\n          const { enter = {} } = this.params ?? {};\n          duration = isValidNumber(enter.duration) ? enter.duration : duration;\n          easing = enter.easing ? enter.easing : easing;\n        }\n        if ((node as IGraphic).type === 'path') {\n          (node as IGraphic)\n            .animate({\n              interpolate(key: string, ratio: number, from: any, to: any, nextAttributes: any) {\n                if (key === 'path') {\n                  nextAttributes.path = interpolateString(from, to)(ratio);\n                  return true;\n                }\n\n                return false;\n              }\n            })\n            // .wait(delay)\n            .to(attrs, duration, easing as EasingType);\n        } else {\n          (node as IGraphic)\n            .animate()\n            // .wait(delay)\n            .to(attrs, duration, easing as EasingType);\n        }\n      });\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // do nothing\n  }\n}\n"]}

package/cjs/axis/register.js

@@ -4,27 +4,28 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadCircleAxisGridComponent = exports.loadLineAxisGridComponent = exports.loadCircleAxisComponent = exports.loadLineAxisComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits"), axis_animate_1 = require("../animation/axis-animate");
+const register_circle_1 = require("@visactor/vrender-kits/register/register-circle"), register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_line_1 = require("@visactor/vrender-kits/register/register-line"), register_path_1 = require("@visactor/vrender-kits/register/register-path"), register_rect_1 = require("@visactor/vrender-kits/register/register-rect"), register_richtext_1 = require("@visactor/vrender-kits/register/register-richtext"), register_text_1 = require("@visactor/vrender-kits/register/register-text"), axis_animate_1 = require("../animation/axis-animate");
 
 function loadBasicAxis() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerLine)(), (0, vrender_kits_1.registerRichtext)(), 
-    (0, vrender_kits_1.registerText)(), (0, axis_animate_1.registerAxisAnimate)();
+    (0, register_group_1.registerGroup)(), (0, register_line_1.registerLine)(), (0, 
+    register_richtext_1.registerRichtext)(), (0, register_text_1.registerText)(), (0, 
+    axis_animate_1.registerAxisAnimate)();
 }
 
 function loadLineAxisComponent() {
-    loadBasicAxis(), (0, vrender_kits_1.registerRect)();
+    loadBasicAxis(), (0, register_rect_1.registerRect)();
 }
 
 function loadCircleAxisComponent() {
-    loadBasicAxis(), (0, vrender_kits_1.registerCircle)();
+    loadBasicAxis(), (0, register_circle_1.registerCircle)();
 }
 
 function loadLineAxisGridComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPath)();
+    (0, register_group_1.registerGroup)(), (0, register_path_1.registerPath)();
 }
 
 function loadCircleAxisGridComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPath)();
+    (0, register_group_1.registerGroup)(), (0, register_path_1.registerPath)();
 }
 
 exports.loadLineAxisComponent = loadLineAxisComponent, exports.loadCircleAxisComponent = loadCircleAxisComponent, 

package/cjs/axis/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/register.ts"],"names":[],"mappings":";;;AAAA,yDAQgC;AAChC,4DAAgE;AAEhE,SAAS,aAAa;IACpB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;IACnB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,kCAAmB,GAAE,CAAC;AACxB,CAAC;AAED,SAAgB,qBAAqB;IACnC,aAAa,EAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sDAGC;AAED,SAAgB,uBAAuB;IACrC,aAAa,EAAE,CAAC;IAChB,IAAA,6BAAc,GAAE,CAAC;AACnB,CAAC;AAHD,0DAGC;AAED,SAAgB,yBAAyB;IACvC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,8DAGC;AAED,SAAgB,2BAA2B;IACzC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,kEAGC","file":"register.js","sourcesContent":["import {\n  registerCircle,\n  registerGroup,\n  registerLine,\n  registerPath,\n  registerRect,\n  registerRichtext,\n  registerText\n} from '@visactor/vrender-kits';\nimport { registerAxisAnimate } from '../animation/axis-animate';\n\nfunction loadBasicAxis() {\n  registerGroup();\n  registerLine();\n  registerRichtext();\n  registerText();\n  registerAxisAnimate();\n}\n\nexport function loadLineAxisComponent() {\n  loadBasicAxis();\n  registerRect();\n}\n\nexport function loadCircleAxisComponent() {\n  loadBasicAxis();\n  registerCircle();\n}\n\nexport function loadLineAxisGridComponent() {\n  registerGroup();\n  registerPath();\n}\n\nexport function loadCircleAxisGridComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}
+{"version":3,"sources":["../src/axis/register.ts"],"names":[],"mappings":";;;AAAA,qFAAiF;AACjF,mFAA+E;AAC/E,iFAA6E;AAC7E,iFAA6E;AAC7E,iFAA6E;AAC7E,yFAAqF;AACrF,iFAA6E;AAC7E,4DAAgE;AAEhE,SAAS,aAAa;IACpB,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,oCAAgB,GAAE,CAAC;IACnB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,kCAAmB,GAAE,CAAC;AACxB,CAAC;AAED,SAAgB,qBAAqB;IACnC,aAAa,EAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sDAGC;AAED,SAAgB,uBAAuB;IACrC,aAAa,EAAE,CAAC;IAChB,IAAA,gCAAc,GAAE,CAAC;AACnB,CAAC;AAHD,0DAGC;AAED,SAAgB,yBAAyB;IACvC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,8DAGC;AAED,SAAgB,2BAA2B;IACzC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,kEAGC","file":"register.js","sourcesContent":["import { registerCircle } from '@visactor/vrender-kits/register/register-circle';\nimport { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerLine } from '@visactor/vrender-kits/register/register-line';\nimport { registerPath } from '@visactor/vrender-kits/register/register-path';\nimport { registerRect } from '@visactor/vrender-kits/register/register-rect';\nimport { registerRichtext } from '@visactor/vrender-kits/register/register-richtext';\nimport { registerText } from '@visactor/vrender-kits/register/register-text';\nimport { registerAxisAnimate } from '../animation/axis-animate';\n\nfunction loadBasicAxis() {\n  registerGroup();\n  registerLine();\n  registerRichtext();\n  registerText();\n  registerAxisAnimate();\n}\n\nexport function loadLineAxisComponent() {\n  loadBasicAxis();\n  registerRect();\n}\n\nexport function loadCircleAxisComponent() {\n  loadBasicAxis();\n  registerCircle();\n}\n\nexport function loadLineAxisGridComponent() {\n  registerGroup();\n  registerPath();\n}\n\nexport function loadCircleAxisGridComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}

package/cjs/brush/register.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadBrushComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_polygon_1 = require("@visactor/vrender-kits/register/register-polygon");
 
 function loadBrushComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPolygon)();
+    (0, register_group_1.registerGroup)(), (0, register_polygon_1.registerPolygon)();
 }
 
 exports.loadBrushComponent = loadBrushComponent;

package/cjs/brush/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/brush/register.ts"],"names":[],"mappings":";;;AAAA,yDAAwE;AAExE,SAAgB,kBAAkB;IAChC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,8BAAe,GAAE,CAAC;AACpB,CAAC;AAHD,gDAGC","file":"register.js","sourcesContent":["import { registerGroup, registerPolygon } from '@visactor/vrender-kits';\n\nexport function loadBrushComponent() {\n  registerGroup();\n  registerPolygon();\n}\n"]}
+{"version":3,"sources":["../src/brush/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,uFAAmF;AAEnF,SAAgB,kBAAkB;IAChC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,kCAAe,GAAE,CAAC;AACpB,CAAC;AAHD,gDAGC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerPolygon } from '@visactor/vrender-kits/register/register-polygon';\n\nexport function loadBrushComponent() {\n  registerGroup();\n  registerPolygon();\n}\n"]}

package/cjs/checkbox/register.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadCheckBoxComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_image_1 = require("@visactor/vrender-kits/register/register-image"), register_rect_1 = require("@visactor/vrender-kits/register/register-rect"), register_text_1 = require("@visactor/vrender-kits/register/register-text");
 
 function loadCheckBoxComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerRect)(), (0, vrender_kits_1.registerText)(), 
-    (0, vrender_kits_1.registerImage)();
+    (0, register_group_1.registerGroup)(), (0, register_rect_1.registerRect)(), (0, 
+    register_text_1.registerText)(), (0, register_image_1.registerImage)();
 }
 
 exports.loadCheckBoxComponent = loadCheckBoxComponent;

package/cjs/checkbox/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/checkbox/register.ts"],"names":[],"mappings":";;;AAAA,yDAAkG;AAElG,SAAgB,qBAAqB;IACnC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,4BAAa,GAAE,CAAC;AAClB,CAAC;AALD,sDAKC","file":"register.js","sourcesContent":["import { registerGroup, registerImage, registerRect, registerText } from '@visactor/vrender-kits';\n\nexport function loadCheckBoxComponent() {\n  registerGroup();\n  registerRect();\n  registerText();\n  registerImage();\n}\n"]}
+{"version":3,"sources":["../src/checkbox/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,mFAA+E;AAC/E,iFAA6E;AAC7E,iFAA6E;AAE7E,SAAgB,qBAAqB;IACnC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,8BAAa,GAAE,CAAC;AAClB,CAAC;AALD,sDAKC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerImage } from '@visactor/vrender-kits/register/register-image';\nimport { registerRect } from '@visactor/vrender-kits/register/register-rect';\nimport { registerText } from '@visactor/vrender-kits/register/register-text';\n\nexport function loadCheckBoxComponent() {\n  registerGroup();\n  registerRect();\n  registerText();\n  registerImage();\n}\n"]}

package/cjs/crosshair/register.js

@@ -4,30 +4,30 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadPolygonSectorCrosshairComponent = exports.loadSectorCrosshairComponent = exports.loadRectCrosshairComponent = exports.loadPolygonCrosshairComponent = exports.loadCircleCrosshairComponent = exports.loadLineCrosshairComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_arc_1 = require("@visactor/vrender-kits/register/register-arc"), register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_line_1 = require("@visactor/vrender-kits/register/register-line"), register_path_1 = require("@visactor/vrender-kits/register/register-path"), register_rect_1 = require("@visactor/vrender-kits/register/register-rect");
 
 function loadLineCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerLine)();
+    (0, register_group_1.registerGroup)(), (0, register_line_1.registerLine)();
 }
 
 function loadCircleCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerArc)();
+    (0, register_group_1.registerGroup)(), (0, register_arc_1.registerArc)();
 }
 
 function loadPolygonCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPath)();
+    (0, register_group_1.registerGroup)(), (0, register_path_1.registerPath)();
 }
 
 function loadRectCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerRect)();
+    (0, register_group_1.registerGroup)(), (0, register_rect_1.registerRect)();
 }
 
 function loadSectorCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerArc)();
+    (0, register_group_1.registerGroup)(), (0, register_arc_1.registerArc)();
 }
 
 function loadPolygonSectorCrosshairComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerPath)();
+    (0, register_group_1.registerGroup)(), (0, register_path_1.registerPath)();
 }
 
 exports.loadLineCrosshairComponent = loadLineCrosshairComponent, exports.loadCircleCrosshairComponent = loadCircleCrosshairComponent, 

package/cjs/crosshair/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/crosshair/register.ts"],"names":[],"mappings":";;;AACA,yDAA8G;AAE9G,SAAgB,0BAA0B;IACxC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,gEAGC;AAED,SAAgB,4BAA4B;IAC1C,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,0BAAW,GAAE,CAAC;AAChB,CAAC;AAHD,oEAGC;AAED,SAAgB,6BAA6B;IAC3C,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sEAGC;AAED,SAAgB,0BAA0B;IACxC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,gEAGC;AAED,SAAgB,4BAA4B;IAC1C,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,0BAAW,GAAE,CAAC;AAChB,CAAC;AAHD,oEAGC;AAED,SAAgB,mCAAmC;IACjD,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,kFAGC","file":"register.js","sourcesContent":["// import { registerArc, registerGroup, registerLine, registerPath, registerRect } from '@visactor/vrender-kits';\nimport { registerArc, registerGroup, registerLine, registerPath, registerRect } from '@visactor/vrender-kits';\n\nexport function loadLineCrosshairComponent() {\n  registerGroup();\n  registerLine();\n}\n\nexport function loadCircleCrosshairComponent() {\n  registerGroup();\n  registerArc();\n}\n\nexport function loadPolygonCrosshairComponent() {\n  registerGroup();\n  registerPath();\n}\n\nexport function loadRectCrosshairComponent() {\n  registerGroup();\n  registerRect();\n}\n\nexport function loadSectorCrosshairComponent() {\n  registerGroup();\n  registerArc();\n}\n\nexport function loadPolygonSectorCrosshairComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}
+{"version":3,"sources":["../src/crosshair/register.ts"],"names":[],"mappings":";;;AAAA,+EAA2E;AAC3E,mFAA+E;AAC/E,iFAA6E;AAC7E,iFAA6E;AAC7E,iFAA6E;AAE7E,SAAgB,0BAA0B;IACxC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,gEAGC;AAED,SAAgB,4BAA4B;IAC1C,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,0BAAW,GAAE,CAAC;AAChB,CAAC;AAHD,oEAGC;AAED,SAAgB,6BAA6B;IAC3C,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,sEAGC;AAED,SAAgB,0BAA0B;IACxC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,gEAGC;AAED,SAAgB,4BAA4B;IAC1C,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,0BAAW,GAAE,CAAC;AAChB,CAAC;AAHD,oEAGC;AAED,SAAgB,mCAAmC;IACjD,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAHD,kFAGC","file":"register.js","sourcesContent":["import { registerArc } from '@visactor/vrender-kits/register/register-arc';\nimport { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerLine } from '@visactor/vrender-kits/register/register-line';\nimport { registerPath } from '@visactor/vrender-kits/register/register-path';\nimport { registerRect } from '@visactor/vrender-kits/register/register-rect';\n\nexport function loadLineCrosshairComponent() {\n  registerGroup();\n  registerLine();\n}\n\nexport function loadCircleCrosshairComponent() {\n  registerGroup();\n  registerArc();\n}\n\nexport function loadPolygonCrosshairComponent() {\n  registerGroup();\n  registerPath();\n}\n\nexport function loadRectCrosshairComponent() {\n  registerGroup();\n  registerRect();\n}\n\nexport function loadSectorCrosshairComponent() {\n  registerGroup();\n  registerArc();\n}\n\nexport function loadPolygonSectorCrosshairComponent() {\n  registerGroup();\n  registerPath();\n}\n"]}

package/cjs/data-zoom/register.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadDataZoomComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits"), register_1 = require("../tag/register");
+const register_area_1 = require("@visactor/vrender-kits/register/register-area"), register_line_1 = require("@visactor/vrender-kits/register/register-line"), register_rect_1 = require("@visactor/vrender-kits/register/register-rect"), register_symbol_1 = require("@visactor/vrender-kits/register/register-symbol"), register_1 = require("../tag/register");
 
 function loadDataZoomComponent() {
-    (0, register_1.loadTagComponent)(), (0, vrender_kits_1.registerRect)(), (0, vrender_kits_1.registerSymbol)(), 
-    (0, vrender_kits_1.registerArea)(), (0, vrender_kits_1.registerLine)();
+    (0, register_1.loadTagComponent)(), (0, register_rect_1.registerRect)(), (0, register_symbol_1.registerSymbol)(), 
+    (0, register_area_1.registerArea)(), (0, register_line_1.registerLine)();
 }
 
 exports.loadDataZoomComponent = loadDataZoomComponent;

package/cjs/data-zoom/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/data-zoom/register.ts"],"names":[],"mappings":";;;AAAA,yDAAkG;AAClG,8CAAmD;AACnD,SAAgB,qBAAqB;IACnC,IAAA,2BAAgB,GAAE,CAAC;IACnB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAND,sDAMC","file":"register.js","sourcesContent":["import { registerArea, registerLine, registerRect, registerSymbol } from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nexport function loadDataZoomComponent() {\n  loadTagComponent();\n  registerRect();\n  registerSymbol();\n  registerArea();\n  registerLine();\n}\n"]}
+{"version":3,"sources":["../src/data-zoom/register.ts"],"names":[],"mappings":";;;AAAA,iFAA6E;AAC7E,iFAA6E;AAC7E,iFAA6E;AAC7E,qFAAiF;AACjF,8CAAmD;AACnD,SAAgB,qBAAqB;IACnC,IAAA,2BAAgB,GAAE,CAAC;IACnB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,gCAAc,GAAE,CAAC;IACjB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,4BAAY,GAAE,CAAC;AACjB,CAAC;AAND,sDAMC","file":"register.js","sourcesContent":["import { registerArea } from '@visactor/vrender-kits/register/register-area';\nimport { registerLine } from '@visactor/vrender-kits/register/register-line';\nimport { registerRect } from '@visactor/vrender-kits/register/register-rect';\nimport { registerSymbol } from '@visactor/vrender-kits/register/register-symbol';\nimport { loadTagComponent } from '../tag/register';\nexport function loadDataZoomComponent() {\n  loadTagComponent();\n  registerRect();\n  registerSymbol();\n  registerArea();\n  registerLine();\n}\n"]}

package/cjs/empty-tip/register.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadEmptyTipComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_image_1 = require("@visactor/vrender-kits/register/register-image"), register_text_1 = require("@visactor/vrender-kits/register/register-text");
 
 function loadEmptyTipComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerText)(), (0, vrender_kits_1.registerImage)();
+    (0, register_group_1.registerGroup)(), (0, register_text_1.registerText)(), (0, 
+    register_image_1.registerImage)();
 }
 
 exports.loadEmptyTipComponent = loadEmptyTipComponent;

package/cjs/empty-tip/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/empty-tip/register.ts"],"names":[],"mappings":";;;AAAA,yDAAkG;AAElG,SAAgB,qBAAqB;IACnC,IAAA,4BAAa,GAAE,CAAC;IAEhB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,4BAAa,GAAE,CAAC;AAClB,CAAC;AALD,sDAKC","file":"register.js","sourcesContent":["import { registerGroup, registerImage, registerRect, registerText } from '@visactor/vrender-kits';\n\nexport function loadEmptyTipComponent() {\n  registerGroup();\n  // registerRect();\n  registerText();\n  registerImage();\n}\n"]}
+{"version":3,"sources":["../src/empty-tip/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,mFAA+E;AAC/E,iFAA6E;AAE7E,SAAgB,qBAAqB;IACnC,IAAA,8BAAa,GAAE,CAAC;IAEhB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,8BAAa,GAAE,CAAC;AAClB,CAAC;AALD,sDAKC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerImage } from '@visactor/vrender-kits/register/register-image';\nimport { registerText } from '@visactor/vrender-kits/register/register-text';\n\nexport function loadEmptyTipComponent() {\n  registerGroup();\n  // registerRect();\n  registerText();\n  registerImage();\n}\n"]}

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "1.1.0-alpha.22";
+export declare const version = "1.1.0-alpha.24";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "1.1.0-alpha.22", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "1.1.0-alpha.24", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./core/type"), exports), __exportStar(require("./scrollbar"), exports), 
 __exportStar(require("./tag"), exports), __exportStar(require("./poptip"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B;AAC7B,wDAAsC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0-alpha.22\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,2CAAyB;AACzB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,8CAA4B;AAC5B,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,8CAA4B;AAC5B,wCAAsB;AACtB,6CAA2B;AAC3B,0CAAwB;AACxB,8CAA4B;AAC5B,4CAA0B;AAC1B,yCAAuB;AACvB,2CAAyB;AACzB,+CAA6B;AAC7B,wDAAsC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"1.1.0-alpha.24\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './timeline';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './empty-tip';\nexport * from './weather';\nexport * from './util';\nexport * from './switch';\nexport * from './label-item';\nexport * from './table-series-number';\n"]}

package/cjs/indicator/register.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.loadIndicatorComponent = void 0;
 
-const vrender_kits_1 = require("@visactor/vrender-kits");
+const register_group_1 = require("@visactor/vrender-kits/register/register-group"), register_richtext_1 = require("@visactor/vrender-kits/register/register-richtext"), register_text_1 = require("@visactor/vrender-kits/register/register-text");
 
 function loadIndicatorComponent() {
-    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerText)(), (0, vrender_kits_1.registerRichtext)();
+    (0, register_group_1.registerGroup)(), (0, register_text_1.registerText)(), (0, 
+    register_richtext_1.registerRichtext)();
 }
 
 exports.loadIndicatorComponent = loadIndicatorComponent;

package/cjs/indicator/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/indicator/register.ts"],"names":[],"mappings":";;;AAAA,yDAAuF;AAEvF,SAAgB,sBAAsB;IACpC,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;IACf,IAAA,+BAAgB,GAAE,CAAC;AACrB,CAAC;AAJD,wDAIC","file":"register.js","sourcesContent":["import { registerGroup, registerRichtext, registerText } from '@visactor/vrender-kits';\n\nexport function loadIndicatorComponent() {\n  registerGroup();\n  registerText();\n  registerRichtext();\n}\n"]}
+{"version":3,"sources":["../src/indicator/register.ts"],"names":[],"mappings":";;;AAAA,mFAA+E;AAC/E,yFAAqF;AACrF,iFAA6E;AAE7E,SAAgB,sBAAsB;IACpC,IAAA,8BAAa,GAAE,CAAC;IAChB,IAAA,4BAAY,GAAE,CAAC;IACf,IAAA,oCAAgB,GAAE,CAAC;AACrB,CAAC;AAJD,wDAIC","file":"register.js","sourcesContent":["import { registerGroup } from '@visactor/vrender-kits/register/register-group';\nimport { registerRichtext } from '@visactor/vrender-kits/register/register-richtext';\nimport { registerText } from '@visactor/vrender-kits/register/register-text';\n\nexport function loadIndicatorComponent() {\n  registerGroup();\n  registerText();\n  registerRichtext();\n}\n"]}

package/cjs/jsx/component-type.d.ts

@@ -1,4 +1,3 @@
-import type { IDefaultGraphicParamsType } from '@visactor/vrender-kits';
-import type { TagAttributes } from '../tag';
-import { Tag } from '../tag';
+import type { IDefaultGraphicParamsType } from '@visactor/vrender-kits/jsx/graphicType';
+import { Tag, type TagAttributes } from '../tag';
 export declare function VTag(params: IDefaultGraphicParamsType<TagAttributes>): Tag;

package/cjs/jsx/component-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/jsx/component-type.ts"],"names":[],"mappings":";;;AAEA,gCAA6B;AAE7B,SAAgB,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,SAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC;AAFD,oBAEC","file":"component-type.js","sourcesContent":["import type { IDefaultGraphicParamsType } from '@visactor/vrender-kits';\nimport type { TagAttributes } from '../tag';\nimport { Tag } from '../tag';\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {});\n}\n"]}
+{"version":3,"sources":["../src/jsx/component-type.ts"],"names":[],"mappings":";;;AACA,gCAAiD;AAEjD,SAAgB,IAAI,CAAC,MAAgD;IACnE,OAAO,IAAI,SAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjD,CAAC;AAFD,oBAEC","file":"component-type.js","sourcesContent":["import type { IDefaultGraphicParamsType } from '@visactor/vrender-kits/jsx/graphicType';\nimport { Tag, type TagAttributes } from '../tag';\n\nexport function VTag(params: IDefaultGraphicParamsType<TagAttributes>) {\n  return new Tag(params ? params.attribute : {});\n}\n"]}

package/cjs/label/base.d.ts

@@ -27,6 +27,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     private _lastSelect;
     private _enableAnimation;
     private _exitReleaseState?;
+    private _finalLayoutBoundsCache?;
     constructor(attributes: BaseLabelAttrs, options?: ComponentOptions);
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: BaseLabelAttrs['position'], offset?: number): {
         x: number;
@@ -52,6 +53,8 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     protected getRelatedGraphic(item: LabelItem): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>;
     protected getGraphicFinalLayoutAttributes<TAttrs extends Record<string, any> = Record<string, any>>(graphic: IGraphic): TAttrs;
     protected hasGraphicContextFinalLayoutAttributes(graphic?: IGraphic): boolean;
+    protected shouldUseGraphicFinalLayoutAttributes(graphic?: IGraphic): boolean;
+    protected getGraphicFinalLayoutBounds(graphic?: IGraphic): IAABBBounds | undefined;
     protected _initText(data?: LabelItem[]): (IText | IRichText)[];
     protected _layout(texts: (IText | IRichText)[]): (IText | IRichText)[];
     protected _overlapping(labels: (IText | IRichText)[]): (IRichText | IText)[];
@@ -72,7 +75,7 @@ export declare class LabelBase<T extends BaseLabelAttrs> extends AnimateComponen
     private updateStatesOfLabels;
     protected _handleRelatedGraphicSetState: (e: any) => void;
     protected _smartInvert(labels: (IText | IRichText)[]): void;
-    protected _canPlaceInside(textBound: IBoundsLike, shapeBound: IAABBBounds): boolean;
+    protected _canPlaceInside(textBound: IBoundsLike, shapeBound?: IAABBBounds): boolean;
     release(all?: boolean): void;
     setLocation(point: PointLocationCfg): void;
     disableAnimation(): void;