@visactor/vchart 2.0.0 → 2.0.1-alpha.0

package/build/index.es.js

@@ -14167,9 +14167,9 @@ class Graphic extends Node {
   setWidthHeightWithoutTransform(aabbBounds) {
     this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
   }
-  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context) {
+  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
     this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
-      Object.keys(params).forEach(key => {
+      (animate.priority !== 1 / 0 || ignorePriority) && Object.keys(params).forEach(key => {
         animate.preventAttr(key);
       });
     });
@@ -14340,7 +14340,7 @@ class Graphic extends Node {
       });
     } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
       type: AttributeUpdateType.STATE
-    });
+    }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
     this._emitCustomEvent("afterStateUpdate", {
       type: AttributeUpdateType.STATE
     });
@@ -31728,7 +31728,7 @@ class DefaultTimeline extends EventEmitter {
     return this._animateCount;
   }
   constructor() {
-    super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
+    super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this._animationEndFlag = !0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
   }
   isRunning() {
     return !this.paused && this._animateCount > 0;
@@ -31757,10 +31757,11 @@ class DefaultTimeline extends EventEmitter {
   }
   tick(delta) {
     if (this.paused) return;
+    this._animationEndFlag && (this._animationEndFlag = !1, this.emit("animationStart"));
     const scaledDelta = delta * this._playSpeed;
     this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
       animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
-    }), 0 === this._animateCount && this.emit("animationEnd");
+    }), 0 === this._animateCount && (this._animationEndFlag = !0, this.emit("animationEnd"));
   }
   clear() {
     this.forEachAccessAnimate(animate => {
@@ -31824,7 +31825,9 @@ class Animate {
     return this._timeline;
   }
   bind(target) {
-    return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
+    return this.target = target, this.target.animates || (this.target.animates = new Map()), this.target.animates.set(this.id, this), this.onRemove(() => {
+      this.stop(), this.target.animates.delete(this.id);
+    }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
   }
   to(props, duration = 300, easing = "linear") {
     const step = new Step(AnimateStepType.to, props, duration, easing);
@@ -32038,8 +32041,8 @@ class DefaultTicker extends EventEmitter {
   }
   init() {
     this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-      this.initHandler();
-    }), application.global.env && this.initHandler();
+      this.initHandler(!1);
+    }), application.global.env && this.initHandler(!1);
   }
   addTimeline(timeline) {
     this.timelines.push(timeline);
@@ -32050,10 +32053,11 @@ class DefaultTicker extends EventEmitter {
   getTimelines() {
     return this.timelines;
   }
-  initHandler() {
-    this.setupTickHandler();
+  initHandler(force = !1) {
+    this.setupTickHandler(force);
   }
-  setupTickHandler() {
+  setupTickHandler(force = !1) {
+    if (!force && this.tickerHandler) return !0;
     const handler = new RAFTickHandler();
     return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
   }
@@ -32104,7 +32108,7 @@ class DefaultTicker extends EventEmitter {
     return this.status = STATUS$1.RUNNING, this.tickerHandler.tick(0, this.handleTick), !0;
   }
   stop() {
-    this.status = STATUS$1.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
+    this.status = STATUS$1.INITIAL, this.setupTickHandler(!0), this.lastFrameTime = -1;
   }
   trySyncTickStatus() {
     this.status === STATUS$1.INITIAL && this.timelines.some(timeline => timeline.isRunning()) ? this.start() : this.status === STATUS$1.RUNNING && this.timelines.every(timeline => !timeline.isRunning()) && this.stop();
@@ -32412,10 +32416,11 @@ class AnimateExecutor {
   _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
     var _a, _b, _c, _d;
     if (custom && customType) {
-      const customParams = this.resolveValue(customParameters, graphic, {
+      const customParams = Object.assign({
           width: graphic.stage.width,
-          height: graphic.stage.height
-        }),
+          height: graphic.stage.height,
+          group: this._target.parent
+        }, this.resolveValue(customParameters, graphic)),
         objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
       customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
     } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
@@ -32680,7 +32685,6 @@ class AnimateExtension {
   }
   animate(params) {
     var _a, _b, _c;
-    this.animates || (this.animates = new Map());
     const animate = new Animate(null == params ? void 0 : params.id, null !== (_b = null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline()) && void 0 !== _b ? _b : defaultTimeline, null == params ? void 0 : params.slience);
     if (animate.bind(this), params) {
       const {
@@ -32690,9 +32694,7 @@ class AnimateExtension {
       } = params;
       null != onStart && animate.onStart(onStart), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove);
     }
-    return this.animates.set(animate.id, animate), animate.onRemove(() => {
-      animate.stop(), this.animates.delete(animate.id);
-    }), null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
+    return null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
   }
   createTimeline() {
     return new DefaultTimeline();
@@ -32731,7 +32733,7 @@ function registerAnimate$1() {
 
 class ACustomAnimate extends Step {
   constructor(customFrom, customTo, duration, easing, params) {
-    super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params;
+    super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
   }
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
@@ -35808,18 +35810,19 @@ const moveIn = (graphic, options, animationParameters) => {
   }
 };
 const moveOut = (graphic, options, animationParameters) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d;
   const {
       offset = 0,
       orient: orient,
       direction: direction,
       point: pointOpt
     } = null != options ? options : {},
-    groupWidth = null !== (_b = null === (_a = options.layoutRect) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : graphic.stage.viewWidth,
-    groupHeight = null !== (_d = null === (_c = options.layoutRect) || void 0 === _c ? void 0 : _c.height) && void 0 !== _d ? _d : graphic.stage.viewHeight,
+    groupBounds = animationParameters.group ? animationParameters.group.AABBBounds : null,
+    groupWidth = null !== (_a = groupBounds.width()) && void 0 !== _a ? _a : animationParameters.width,
+    groupHeight = null !== (_b = groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height,
     changedX = ("negative" === orient ? groupWidth : 0) + offset,
     changedY = ("negative" === orient ? groupHeight : 0) + offset,
-    point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, animationParameters) : pointOpt,
+    point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
     fromX = point && isValidNumber$1(point.x) ? point.x : changedX,
     fromY = point && isValidNumber$1(point.y) ? point.y : changedY;
   switch (direction) {
@@ -35992,6 +35995,9 @@ class FromTo extends ACustomAnimate {
       this.from[key] = null !== (_a = this.from[key]) && void 0 !== _a ? _a : startProps[key];
     }), this.target.setAttributes(this.from);
   }
+  deleteSelfAttr(key) {
+    super.deleteSelfAttr(key), delete this.from[key];
+  }
   update(end, ratio, out) {
     if (this.onStart(), !this.props || !this.propKeys) return;
     const easedRatio = this.easing(ratio);
@@ -49104,6 +49110,16 @@ const findMarkGraphic = (rootGroup, target) => {
     }
     return null;
 };
+const getDiffAttributesOfGraphic = (g, newAttrs) => {
+    const prevAttrs = g.getAttributes(true);
+    const diffAttrs = {};
+    Object.keys(newAttrs).forEach(key => {
+        if (prevAttrs[key] !== newAttrs[key]) {
+            diffAttrs[key] = newAttrs[key];
+        }
+    });
+    return diffAttrs;
+};
 
 let Event$1 = class Event {
     getComposedEventMap() {
@@ -50005,6 +50021,28 @@ const runEncoder = (styles, datum, attrs = {}) => {
     return attrs;
 };
 
+function toRenderMode(mode) {
+    switch (mode) {
+        case RenderModeEnum['desktop-browser']:
+        case RenderModeEnum['mobile-browser']:
+            return 'browser';
+        case RenderModeEnum.node:
+        case RenderModeEnum.worker:
+            return 'node';
+        case RenderModeEnum.miniApp:
+        case RenderModeEnum['desktop-miniApp']:
+            return 'feishu';
+        case RenderModeEnum.lynx:
+            return 'lynx';
+        case RenderModeEnum.wx:
+            return 'wx';
+        case RenderModeEnum.tt:
+            return 'tt';
+        case RenderModeEnum.harmony:
+            return 'harmony';
+    }
+    return 'browser';
+}
 function traverseGroupMark(group, apply, filter, leafFirst, stop) {
     const traverse = (mark) => {
         if (!leafFirst) {
@@ -50194,7 +50232,8 @@ class Compiler {
         if (this._stage) {
             return;
         }
-        const { autoRefreshDpr, dpr, mode, gestureConfig, interactive, clickInterval, autoPreventDefault, background } = this._option;
+        const { autoRefreshDpr, dpr, mode, modeParams, gestureConfig, interactive, clickInterval, autoPreventDefault, background } = this._option;
+        vglobal.setEnv(toRenderMode(mode), modeParams !== null && modeParams !== void 0 ? modeParams : {});
         this._stage =
             (_a = this._option.stage) !== null && _a !== void 0 ? _a : new Stage({
                 background,
@@ -50205,7 +50244,11 @@ class Compiler {
                 dpr,
                 viewBox: this._option.viewBox,
                 canvasControled: this._option.canvasControled,
-                beforeRender: this._option.beforeRender,
+                beforeRender: (stage) => {
+                    var _a, _b, _c;
+                    (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onBeforeRender();
+                    (_c = (_b = this._option).beforeRender) === null || _c === void 0 ? void 0 : _c.call(_b, stage);
+                },
                 afterRender: this._option.afterRender,
                 disableDirtyBounds: true,
                 autoRender: true,
@@ -51052,6 +51095,8 @@ class BaseModel extends CompilableBase {
     }
     onEvaluateEnd(ctx) {
     }
+    onBeforeRender() {
+    }
     onDataUpdate() {
     }
     beforeRelease() {
@@ -53846,6 +53891,7 @@ class BaseMark extends GrammarItem {
         this._dataByGroup = groupData(data, this._groupKeyGetter);
     }
     createAnimationStateList(type, animationConfig) {
+        var _a;
         let config = animationConfig[type];
         if (config && Array.isArray(config)) {
             config = config.length === 1 ? config[0] : config;
@@ -53856,7 +53902,8 @@ class BaseMark extends GrammarItem {
                 return (Object.assign(Object.assign({}, item), { priority: (_a = item.priority) !== null && _a !== void 0 ? _a : Infinity }));
             });
         }
-        return config;
+        return config
+            ? Object.assign(Object.assign({}, config), { priority: type === 'normal' ? (_a = config.priority) !== null && _a !== void 0 ? _a : Infinity : config.priority }) : config;
     }
     tryRunMorphing(graphics) {
         if (this._lastMark) {
@@ -53940,13 +53987,21 @@ class BaseMark extends GrammarItem {
             this._product.applyAnimationState(['normal'], [normalConfig]);
         }
     }
+    _setAnimationState(g) {
+        const customizedState = this._aniamtionStateCallback ? this._aniamtionStateCallback(g) : undefined;
+        g.context.animationState = customizedState !== null && customizedState !== void 0 ? customizedState : g.context.diffState;
+        if (g.context.animationState === DiffState.exit) {
+            g.context.reusing = true;
+            g.animates && g.animates.forEach((a) => a.stop());
+        }
+    }
     _runJoin(data) {
         const newGroupedData = this._getDataByKey(data);
         const prevGroupedData = this._prevDataByKey;
-        const newGraphics = [];
+        const allGraphics = [];
         const enterGraphics = new Set(this._graphics.filter(g => g.context.diffState === DiffState.enter));
         const callback = (key, newData, prevData) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             let g;
             let diffState;
             if (isNil$1(newData)) {
@@ -53964,23 +54019,20 @@ class BaseMark extends GrammarItem {
                 }
                 diffState = DiffState.enter;
                 g.isExiting = false;
-                if (((_a = g.context) === null || _a === void 0 ? void 0 : _a.diffState) === DiffState.exit) {
-                    g.context.reusing = true;
-                    g.animates && g.animates.forEach((a) => a.stop());
-                }
                 this._graphicMap.set(key, g);
-                newGraphics.push(g);
+                allGraphics.push(g);
             }
             else {
                 g = this._graphicMap.get(key);
                 if (g) {
                     diffState = DiffState.update;
-                    newGraphics.push(g);
+                    allGraphics.push(g);
                 }
             }
             if (g) {
-                g.context = Object.assign(Object.assign({}, this._getCommonContext()), { diffState, reusing: (_b = g.context) === null || _b === void 0 ? void 0 : _b.reusing, originalFieldX: (_c = g.context) === null || _c === void 0 ? void 0 : _c.originalFieldX, originalFieldY: (_d = g.context) === null || _d === void 0 ? void 0 : _d.originalFieldY, fieldX: (_e = g.context) === null || _e === void 0 ? void 0 : _e.fieldX, fieldY: (_f = g.context) === null || _f === void 0 ? void 0 : _f.fieldY, animationState: diffState, data: newData !== null && newData !== void 0 ? newData : (_g = g.context) === null || _g === void 0 ? void 0 : _g.data, uniqueKey: key, key: newData ? this._keyGetter(newData[0]) : (_h = g.context) === null || _h === void 0 ? void 0 : _h.key, groupKey: newData ? this._groupKeyGetter(newData[0]) : (_j = g.context) === null || _j === void 0 ? void 0 : _j.groupKey, indexKey: '__VCHART_DEFAULT_DATA_INDEX', stateAnimateConfig: (_k = this.getAnimationConfig()) === null || _k === void 0 ? void 0 : _k.state });
                 enterGraphics.delete(g);
+                g.context = Object.assign(Object.assign({}, this._getCommonContext()), { diffState, reusing: (_a = g.context) === null || _a === void 0 ? void 0 : _a.reusing, originalFieldX: (_b = g.context) === null || _b === void 0 ? void 0 : _b.originalFieldX, originalFieldY: (_c = g.context) === null || _c === void 0 ? void 0 : _c.originalFieldY, fieldX: (_d = g.context) === null || _d === void 0 ? void 0 : _d.fieldX, fieldY: (_e = g.context) === null || _e === void 0 ? void 0 : _e.fieldY, data: newData !== null && newData !== void 0 ? newData : (_f = g.context) === null || _f === void 0 ? void 0 : _f.data, uniqueKey: key, key: newData ? this._keyGetter(newData[0]) : (_g = g.context) === null || _g === void 0 ? void 0 : _g.key, groupKey: newData ? this._groupKeyGetter(newData[0]) : (_h = g.context) === null || _h === void 0 ? void 0 : _h.groupKey, indexKey: '__VCHART_DEFAULT_DATA_INDEX', stateAnimateConfig: (_j = this.getAnimationConfig()) === null || _j === void 0 ? void 0 : _j.state });
+                this._setAnimationState(g);
             }
             return g;
         };
@@ -54018,13 +54070,13 @@ class BaseMark extends GrammarItem {
             }
             g.release();
         });
-        const graphicCount = newGraphics.length;
-        newGraphics.forEach((g, index) => {
+        const graphicCount = allGraphics.length;
+        allGraphics.forEach((g, index) => {
             g.context.graphicCount = graphicCount;
             g.context.graphicIndex = index;
         });
         this._dataByKey = newGroupedData;
-        this._graphics = newGraphics;
+        this._graphics = allGraphics;
         this.needClear = true;
     }
     _runEncoderOfGraphic(styles, g, attrs = {}) {
@@ -54107,13 +54159,7 @@ class BaseMark extends GrammarItem {
                 }
             }
             else {
-                const prevAttrs = g.getAttributes(true);
-                const diffAttrs = {};
-                Object.keys(finalAttrs).forEach(key => {
-                    if (prevAttrs[key] !== finalAttrs[key]) {
-                        diffAttrs[key] = finalAttrs[key];
-                    }
-                });
+                const diffAttrs = getDiffAttributesOfGraphic(g, finalAttrs);
                 g.context.diffAttrs = diffAttrs;
                 if (g.context.reusing) {
                     g.context.lastAttrs = g.attribute;
@@ -54282,24 +54328,25 @@ class BaseMark extends GrammarItem {
             }
         };
         this._graphicMap.forEach((g, key) => {
-            if (g.context.diffState === DiffState.exit && !g.isExiting) {
-                if (this.hasAnimationByState('exit')) {
-                    g.isExiting = true;
-                    const animationConfig = this.getAnimationConfig();
-                    if (animationConfig.exit && animationConfig.exit.length) {
-                        const exitConfigList = animationConfig.exit.map((item, index) => ({
-                            name: `exit_${index}`,
-                            animation: Object.assign(Object.assign({}, item), { customParameters: g.context })
-                        }));
-                        g.applyAnimationState(['exit'], [exitConfigList.length === 1 ? exitConfigList[0] : exitConfigList], () => {
-                            doRemove(g, key);
-                        });
-                    }
-                }
-                else {
-                    doRemove(g, key);
+            if (g.context.diffState !== DiffState.exit || g.isExiting) {
+                return;
+            }
+            if (g.context.animationState === DiffState.exit && this.hasAnimationByState('exit')) {
+                g.isExiting = true;
+                const animationConfig = this.getAnimationConfig();
+                if (animationConfig.exit && animationConfig.exit.length) {
+                    const exitConfigList = animationConfig.exit.map((item, index) => ({
+                        name: `exit_${index}`,
+                        animation: Object.assign(Object.assign({}, item), { customParameters: g.context })
+                    }));
+                    g.applyAnimationState(['exit'], [exitConfigList.length === 1 ? exitConfigList[0] : exitConfigList], () => {
+                        doRemove(g, key);
+                    });
                 }
             }
+            else {
+                doRemove(g, key);
+            }
         });
     }
     isProgressive() {
@@ -54445,11 +54492,7 @@ class BaseMark extends GrammarItem {
         }
     }
     updateAnimationState(callback) {
-        if (this._graphics && this._graphics.length) {
-            this._graphics.forEach(g => {
-                g.context.animationState = callback(g);
-            });
-        }
+        this._aniamtionStateCallback = callback;
     }
     hasAnimationByState(state) {
         if (!state || !this._animationConfig || !this._animationConfig[state]) {
@@ -54469,6 +54512,30 @@ class BaseMark extends GrammarItem {
     }
 }
 
+var MarkTypeEnum;
+(function (MarkTypeEnum) {
+    MarkTypeEnum["group"] = "group";
+    MarkTypeEnum["symbol"] = "symbol";
+    MarkTypeEnum["rule"] = "rule";
+    MarkTypeEnum["line"] = "line";
+    MarkTypeEnum["text"] = "text";
+    MarkTypeEnum["rect"] = "rect";
+    MarkTypeEnum["image"] = "image";
+    MarkTypeEnum["path"] = "path";
+    MarkTypeEnum["area"] = "area";
+    MarkTypeEnum["arc"] = "arc";
+    MarkTypeEnum["polygon"] = "polygon";
+    MarkTypeEnum["boxPlot"] = "boxPlot";
+    MarkTypeEnum["linkPath"] = "linkPath";
+    MarkTypeEnum["cell"] = "cell";
+    MarkTypeEnum["ripple"] = "ripple";
+    MarkTypeEnum["liquid"] = "liquid";
+    MarkTypeEnum["component"] = "component";
+    MarkTypeEnum["dataLabel"] = "dataLabel";
+    MarkTypeEnum["label"] = "label";
+    MarkTypeEnum["pictogram"] = "pictogram";
+})(MarkTypeEnum || (MarkTypeEnum = {}));
+
 class GroupMark extends BaseMark {
     constructor() {
         super(...arguments);
@@ -54531,13 +54598,29 @@ class GroupMark extends BaseMark {
         return [this._product];
     }
     renderInner() {
-        var _a;
+        var _a, _b;
         if (!this._product) {
             return;
         }
         const style = (_a = this._simpleStyle) !== null && _a !== void 0 ? _a : this.getAttributesOfState({});
-        this._product.context = Object.assign(Object.assign({}, this._product.context), this._getCommonContext());
-        this._product.setAttributes(this._getAttrsFromConfig(style));
+        const prevState = (_b = this._product.context) === null || _b === void 0 ? void 0 : _b.diffState;
+        this._product.context = Object.assign(Object.assign(Object.assign({}, this._product.context), this._getCommonContext()), { diffState: prevState ? DiffState.update : DiffState.enter });
+        this._setAnimationState(this._product);
+        const newAttrs = this._getAttrsFromConfig(style);
+        if (this._product.context.diffState === DiffState.update) {
+            const hasAnimation = this.hasAnimation();
+            const diffAttrs = getDiffAttributesOfGraphic(this._product, newAttrs);
+            this._product.context.diffAttrs = diffAttrs;
+            if (!this.hasAnimationByState(this._product.context.animationState)) {
+                hasAnimation ? this._product.setAttributesAndPreventAnimate(diffAttrs) : this._product.setAttributes(diffAttrs);
+            }
+            if (hasAnimation) {
+                this._product.setFinalAttributes(newAttrs);
+            }
+        }
+        else {
+            this._product.setAttributes(newAttrs);
+        }
         this.needClear = true;
     }
     render() {
@@ -54551,11 +54634,7 @@ class GroupMark extends BaseMark {
         });
     }
     updateAnimationState(callback) {
-        this.getGraphics().forEach(g => {
-            if (g) {
-                g.context = Object.assign(Object.assign({}, g.context), { animationState: callback(g) });
-            }
-        });
+        super.updateAnimationState(callback);
         this.getMarks().forEach(mark => {
             mark.updateAnimationState(callback);
         });
@@ -55851,7 +55930,7 @@ class VChart {
                 var _a;
                 const diffState = (_a = graphic.context) === null || _a === void 0 ? void 0 : _a.diffState;
                 if (initial) {
-                    return diffState === 'exit' ? undefined : AnimationStateEnum.appear;
+                    return diffState === 'exit' ? AnimationStateEnum.none : AnimationStateEnum.appear;
                 }
                 return diffState;
             };
@@ -55940,11 +56019,11 @@ class VChart {
         }
         if (this._chart) {
             this._chart.updateData(id, data, true, parserOptions);
-            this._compiler.render();
             if (userUpdateOptions === null || userUpdateOptions === void 0 ? void 0 : userUpdateOptions.reAnimate) {
                 this.stopAnimation();
                 this._updateAnimateState(true);
             }
+            this._compiler.render();
             return this;
         }
         this._spec.data = array(this._spec.data);
@@ -55955,11 +56034,11 @@ class VChart {
         if (this._chart) {
             this._chart.updateFullData(data);
             if (reRender) {
-                this._compiler.render();
                 if (userUpdateOptions === null || userUpdateOptions === void 0 ? void 0 : userUpdateOptions.reAnimate) {
                     this.stopAnimation();
                     this._updateAnimateState(true);
                 }
+                this._compiler.render();
             }
             return this;
         }
@@ -56766,7 +56845,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.0";
+const version = "2.0.1-alpha.0";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -58579,14 +58658,11 @@ class BaseSeries extends BaseModel {
             }
             if (isNil$1(dataView)) {
                 m.setData(this._data);
-                m.setSkipBeforeLayouted(true);
             }
             else if (dataView !== false) {
                 m.setDataView(dataView);
             }
-            if (isBoolean$1(skipBeforeLayouted)) {
-                m.setSkipBeforeLayouted(skipBeforeLayouted);
-            }
+            m.setSkipBeforeLayouted(skipBeforeLayouted !== false);
             if (!isNil$1(groupKey)) {
                 m.setGroupKey(groupKey);
             }
@@ -59811,30 +59887,6 @@ class LineLikeSeriesMixin {
 
 const lineSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark);
 
-var MarkTypeEnum;
-(function (MarkTypeEnum) {
-    MarkTypeEnum["group"] = "group";
-    MarkTypeEnum["symbol"] = "symbol";
-    MarkTypeEnum["rule"] = "rule";
-    MarkTypeEnum["line"] = "line";
-    MarkTypeEnum["text"] = "text";
-    MarkTypeEnum["rect"] = "rect";
-    MarkTypeEnum["image"] = "image";
-    MarkTypeEnum["path"] = "path";
-    MarkTypeEnum["area"] = "area";
-    MarkTypeEnum["arc"] = "arc";
-    MarkTypeEnum["polygon"] = "polygon";
-    MarkTypeEnum["boxPlot"] = "boxPlot";
-    MarkTypeEnum["linkPath"] = "linkPath";
-    MarkTypeEnum["cell"] = "cell";
-    MarkTypeEnum["ripple"] = "ripple";
-    MarkTypeEnum["liquid"] = "liquid";
-    MarkTypeEnum["component"] = "component";
-    MarkTypeEnum["dataLabel"] = "dataLabel";
-    MarkTypeEnum["label"] = "label";
-    MarkTypeEnum["pictogram"] = "pictogram";
-})(MarkTypeEnum || (MarkTypeEnum = {}));
-
 const isStopsEqual = (prev, next) => {
     var _a, _b;
     if (prev === next) {
@@ -64917,6 +64969,10 @@ class BaseChart extends CompilableBase {
         const elements = [...this._components, ...this._regions, ...this._series];
         elements.forEach(element => element.onEvaluateEnd(option));
     }
+    onBeforeRender() {
+        const elements = [...this._components, ...this._regions, ...this._series];
+        elements.forEach(element => element.onBeforeRender());
+    }
     getLayoutElements() {
         return this.getAllModels()
             .map(i => i.layout)
@@ -66275,7 +66331,7 @@ const layoutByValue$1 = (stateByField, series, layoutStartPoint, enableRemain =
         layoutStartPoint = { x: 0, y: 0 };
     }
     Object.keys(stateByField).forEach(field => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const { currentValue, cacheInfo, labelsComp, attributes, coordKey } = stateByField[field];
         let axis = null;
         let coord = 0;
@@ -66287,8 +66343,8 @@ const layoutByValue$1 = (stateByField, series, layoutStartPoint, enableRemain =
                     item.axis.getLayoutStartPoint()[coordKey] -
                     layoutStartPoint[coordKey];
             axis = item.axis;
-            axisLabel = (_e = (_d = (_c = (_b = (_a = axis
-                .getVRenderComponents()[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children[0]) === null || _c === void 0 ? void 0 : _c.getChildByName('axis-label-container')) === null || _d === void 0 ? void 0 : _d.getChildByName('axis-label-container-layer-0')) === null || _e === void 0 ? void 0 : _e.children[0];
+            axisLabel = (_f = (_e = (_d = (_c = (_b = (_a = axis
+                .getVRenderComponents()[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children[0]) === null || _c === void 0 ? void 0 : _c.children[0]) === null || _d === void 0 ? void 0 : _d.getChildByName('axis-label-container')) === null || _e === void 0 ? void 0 : _e.getChildByName('axis-label-container-layer-0')) === null || _f === void 0 ? void 0 : _f.children[0];
         }
         const isVisible = !!currentValue.size && Number.isFinite(coord) && !Number.isNaN(coord);
         const useCache = enableRemain && !isVisible && isValid$1(cacheInfo);
@@ -69666,8 +69722,7 @@ class MapSeries extends GeoSeries {
     initMark() {
         this._pathMark = this._createMark(MapSeries.mark.area, {
             groupKey: this.getDimensionField()[0],
-            isSeriesMark: true,
-            skipBeforeLayouted: true
+            isSeriesMark: true
         }, {
             morph: shouldMarkDoMorph(this._spec, MapSeries.mark.area.name),
             morphElementKey: this.getDimensionField()[0]
@@ -73153,7 +73208,6 @@ class BasePieSeries extends PolarSeries {
         this._pieMark = this._createMark(Object.assign(Object.assign({}, BasePieSeries.mark.pie), { name: this._pieMarkName, type: this._pieMarkType }), {
             key: DEFAULT_DATA_KEY,
             groupKey: this._seriesField,
-            skipBeforeLayouted: true,
             isSeriesMark: true
         }, {
             morph: shouldMarkDoMorph(this._spec, this._pieMarkName),
@@ -80812,7 +80866,6 @@ class FunnelSeries extends BaseSeries {
         if (this._spec.isTransform) {
             this._funnelTransformMark = this._createMark(Object.assign(Object.assign({}, FunnelSeries.mark.transform), { name: this._transformMarkName, type: this._transformMarkType }), {
                 themeSpec: (_b = this._theme) === null || _b === void 0 ? void 0 : _b.transform,
-                skipBeforeLayouted: true,
                 noSeparateStyle: true
             });
             if (this._funnelTransformMark) {
@@ -80825,7 +80878,6 @@ class FunnelSeries extends BaseSeries {
             this._funnelOuterLabelMark.label = this._createMark(FunnelSeries.mark.outerLabel, {
                 themeSpec: (_h = this._theme) === null || _h === void 0 ? void 0 : _h.outerLabel,
                 markSpec: this._spec.outerLabel,
-                skipBeforeLayouted: true,
                 noSeparateStyle: true,
                 parent: false
             });
@@ -90313,7 +90365,7 @@ class BaseCrossHair extends BaseComponent {
             this.event.off(eventName, handler);
         }
     }
-    updateLayoutAttribute() {
+    onBeforeRender() {
         this._limitBounds = null;
         this._showDefaultCrosshair();
     }
@@ -96415,6 +96467,7 @@ class Brush extends BaseComponent {
             var _a;
             this._setRegionMarkPickable(region, true);
             const { operateMask } = e.detail;
+            const { updateElementsState = true } = this._spec;
             if ((_a = this._spec) === null || _a === void 0 ? void 0 : _a.onBrushEnd) {
                 if (this._spec.onBrushEnd(e) === true) {
                     this.clearGraphic();
@@ -96428,7 +96481,7 @@ class Brush extends BaseComponent {
             }
             else {
                 const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
-                if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+                if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
                     this._setAxisAndDataZoom(operateMask, region);
                 }
                 this._emitEvent(ChartEvent.brushEnd, region);
@@ -96437,8 +96490,9 @@ class Brush extends BaseComponent {
         brush.addEventListener(IOperateType.moveEnd, (e) => {
             this._setRegionMarkPickable(region, true);
             const { operateMask } = e.detail;
+            const { updateElementsState = true } = this._spec;
             const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
-            if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+            if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
                 this._setAxisAndDataZoom(operateMask, region);
             }
             this._emitEvent(ChartEvent.brushEnd, region);
@@ -96480,8 +96534,11 @@ class Brush extends BaseComponent {
     }
     _handleBrushChange(region, e) {
         const { operateMask } = e.detail;
-        this._reconfigItem(operateMask, region);
-        this._reconfigLinkedItem(operateMask, region);
+        const { updateElementsState = true } = this._spec;
+        if (updateElementsState) {
+            this._reconfigItem(operateMask, region);
+            this._reconfigLinkedItem(operateMask, region);
+        }
     }
     _extendDataInBrush(elementsMap) {
         var _a, _b;
@@ -100056,4 +100113,4 @@ function registerSequentialAnimate() {
     mixin(BaseMark, SequentialAnimate);
 }
 
-export { ArcMark, AreaChart, AreaMark, AreaSeries, AttributeLevel, AxisSyncPlugin, BandAxisMixin, BarChart, BarChartSpecTransformer, BarSeries, BarSeriesSpecTransformer, BaseArcMark, BaseChart, BaseChartSpecTransformer, BaseComponent, BaseComponentSpecTransformer, BaseHistogramChart, BaseMark, BasePieChart, BasePieChartSpecTransformer, BasePieSeries, BasePlugin, BasePolygonMark, BaseSeries, BaseSeriesSpecTransformer, BaseSeriesTooltipHelper, BaseWordCloudChart, BaseWordCloudChartSpecTransformer, BaseWordCloudSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, ChartEvent, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, CompilableData, ComponentMark, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_ANIMATION_CONFIG, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_KEY, DEFAULT_LAYOUT_RECT_LEVEL, DEFAULT_LAYOUT_RECT_LEVEL_MIN, DEFAULT_LINEAR_INTERPOLATE, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DEFAULT_SMOOTH_INTERPOLATE, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, Direction, DiscreteLegend, DomTooltipHandler, DotSeries, ElementHighlight, ElementSelect, Event$1 as Event, Factory, FormatterPlugin, FunnelChart, FunnelChartSpecTransformer, FunnelSeries, FunnelSeriesSpecTransformer, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GeoSeries, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, HistogramChart, HistogramChartSpecTransformer, ImageMark, Indicator, Label, Layout$1 as Layout, LayoutLevel, LayoutZIndex, LineChart, LineMark, LineSeries, LinearAxisMixin, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapSeries, MarkTypeEnum, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PieChart, PieSeries, PieSeriesSpecTransformer, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, PositionEnum, ProgressLikeSeries, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumnChart, RangeColumnSeries, RangeColumnSeriesSpecTransformer, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, STATE_VALUE_ENUM, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TransformLevel, TreemapChart, TreemapSeries, USER_LAYOUT_RECT_LEVEL, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloudChart, WordCloudSeries, alternatingWave, animationConfig, barGrowIn, barGrowOut, barPresetAnimation, baseSeriesMark, boundsInRect, builtinThemes, calcLayoutNumber, calcPadding, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, convertPoint, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, findMarkGraphic, functionTransform, getActualColor, getActualNumValue, getCartesianCrosshairRect, getCartesianDimensionInfo, getColorSchemeBySeries, getCombinedSizeOfRegions, getDataScheme, getDatumOfGraphic, getDimensionInfoByValue, getFieldAlias, getFunnelTheme, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getSpecInfo, getTheme, hasThemeMerged, isCollectionMark, isColorKey, isPercent, isPercentOffset, isProgressiveDataColorScheme, isTokenKey, isValidOrient, isXAxis, isYAxis, isZAxis, lightTheme, lookup, measureText, mergeFields, normalizeLayoutPaddingSpec, particleEffect, pieDisappear, pieEnter, pieExit, piePresetAnimation, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, registerAllEnv, registerAllMarks, registerAnimate, registerArcAnimation, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomAnimate, registerCustomMark, registerDataSetInstanceParser, registerDataSetInstanceTransform, registerDataZoom, registerDimensionEvents, registerDimensionHover, registerDimensionTooltipProcessor, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerElementActive, registerElementActiveByLegend, registerElementHighlight, registerElementHighlightByGroup, registerElementHighlightByKey, registerElementHighlightByLegend, registerElementHighlightByName, registerElementSelect, registerFormatPlugin, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerGroupTooltipProcessor, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapSeries, registerMarkArea, registerMarkFilterTransform, registerMarkLine, registerMarkMapTransform, registerMarkPoint, registerMarkTooltipProcessor, registerMediaQuery, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonAnimation, registerPolygonMark, registerPoptip, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRectAnimation, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSequentialAnimate, registerStateTransition, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerAnimate$1 as registerVRenderAnimate, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, shouldMarkDoMorph, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, transformToGraphic, userAnimationConfig, version, vglobal, warn };
+export { ArcMark, AreaChart, AreaMark, AreaSeries, AttributeLevel, AxisSyncPlugin, BandAxisMixin, BarChart, BarChartSpecTransformer, BarSeries, BarSeriesSpecTransformer, BaseArcMark, BaseChart, BaseChartSpecTransformer, BaseComponent, BaseComponentSpecTransformer, BaseHistogramChart, BaseMark, BasePieChart, BasePieChartSpecTransformer, BasePieSeries, BasePlugin, BasePolygonMark, BaseSeries, BaseSeriesSpecTransformer, BaseSeriesTooltipHelper, BaseWordCloudChart, BaseWordCloudChartSpecTransformer, BaseWordCloudSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, ChartEvent, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, CompilableData, ComponentMark, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_ANIMATION_CONFIG, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_KEY, DEFAULT_LAYOUT_RECT_LEVEL, DEFAULT_LAYOUT_RECT_LEVEL_MIN, DEFAULT_LINEAR_INTERPOLATE, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DEFAULT_SMOOTH_INTERPOLATE, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, Direction, DiscreteLegend, DomTooltipHandler, DotSeries, ElementHighlight, ElementSelect, Event$1 as Event, Factory, FormatterPlugin, FunnelChart, FunnelChartSpecTransformer, FunnelSeries, FunnelSeriesSpecTransformer, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GeoSeries, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, HistogramChart, HistogramChartSpecTransformer, ImageMark, Indicator, Label, Layout$1 as Layout, LayoutLevel, LayoutZIndex, LineChart, LineMark, LineSeries, LinearAxisMixin, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapSeries, MarkTypeEnum, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PieChart, PieSeries, PieSeriesSpecTransformer, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, PositionEnum, ProgressLikeSeries, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumnChart, RangeColumnSeries, RangeColumnSeriesSpecTransformer, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, STATE_VALUE_ENUM, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TransformLevel, TreemapChart, TreemapSeries, USER_LAYOUT_RECT_LEVEL, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloudChart, WordCloudSeries, alternatingWave, animationConfig, barGrowIn, barGrowOut, barPresetAnimation, baseSeriesMark, boundsInRect, builtinThemes, calcLayoutNumber, calcPadding, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, convertPoint, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createSymbol, createText, darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, findMarkGraphic, functionTransform, getActualColor, getActualNumValue, getCartesianCrosshairRect, getCartesianDimensionInfo, getColorSchemeBySeries, getCombinedSizeOfRegions, getDataScheme, getDatumOfGraphic, getDiffAttributesOfGraphic, getDimensionInfoByValue, getFieldAlias, getFunnelTheme, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getSpecInfo, getTheme, hasThemeMerged, isCollectionMark, isColorKey, isPercent, isPercentOffset, isProgressiveDataColorScheme, isTokenKey, isValidOrient, isXAxis, isYAxis, isZAxis, lightTheme, lookup, measureText, mergeFields, normalizeLayoutPaddingSpec, particleEffect, pieDisappear, pieEnter, pieExit, piePresetAnimation, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, registerAllEnv, registerAllMarks, registerAnimate, registerArcAnimation, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomAnimate, registerCustomMark, registerDataSetInstanceParser, registerDataSetInstanceTransform, registerDataZoom, registerDimensionEvents, registerDimensionHover, registerDimensionTooltipProcessor, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerElementActive, registerElementActiveByLegend, registerElementHighlight, registerElementHighlightByGroup, registerElementHighlightByKey, registerElementHighlightByLegend, registerElementHighlightByName, registerElementSelect, registerFormatPlugin, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGridLayout, registerGroupMark, registerGroupTooltipProcessor, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapSeries, registerMarkArea, registerMarkFilterTransform, registerMarkLine, registerMarkMapTransform, registerMarkPoint, registerMarkTooltipProcessor, registerMediaQuery, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonAnimation, registerPolygonMark, registerPoptip, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRectAnimation, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSequentialAnimate, registerStateTransition, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerAnimate$1 as registerVRenderAnimate, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, shouldMarkDoMorph, snakeWave, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, transformToGraphic, userAnimationConfig, version, vglobal, warn };