@visactor/vchart 2.0.3-alpha.0 → 2.0.3-alpha.2

package/esm/mark/base/base-line.d.ts

@@ -15,7 +15,7 @@ export declare abstract class BaseLineMark<T extends ILineLikeMarkSpec = ILineLi
     setStyle<T>(style: Partial<ConvertToMarkStyleSpec<T>> | Partial<IMarkStyle<T>>, state?: StateValueType, level?: number): void;
     _isValidPointChannel: (channel: string) => boolean;
     _getLineSegments(items: any[], points: IPointLike[]): any[];
-    _getPrevPoints(g: ILine): IPointLike[];
+    _getPrevPoints(g: ILine): IPointLike[] | null;
     _runPointsEncoder(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs?: any): any;
     _runEncoderOfGraphic(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs?: any): any;
     protected _getDataByKey(data: Datum[]): import("../interface").GroupedData<Datum>;

package/esm/mark/base/base-line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/mark/base/base-line.ts"],"names":[],"mappings":"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","file":"base-line.js","sourcesContent":["import { isValidScaleType } from '@visactor/vscale';\nimport type { StateValueType } from '../../compile/mark';\nimport type { ConvertToMarkStyleSpec, ILineLikeMarkSpec } from '../../typings/visual';\nimport type { IPointLike } from '@visactor/vutils';\nimport { isFunction, isNil } from '@visactor/vutils';\nimport { BaseMark } from './base-mark';\nimport { DiffState, type IMarkGraphic, type IMarkStyle } from '../interface';\nimport type { Datum } from '../../typings/common';\nimport type { IGroup, ILine, ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { isSegmentAttrEqual } from '../utils/line';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport { DEFAULT_DATA_KEY } from '../../constant/data';\n\nexport const LINE_SEGMENT_ATTRIBUTES = [\n  'stroke',\n  'strokeOpacity',\n  'lineDash',\n  'lineDashOffset',\n  'lineCap',\n  'lineJoin',\n  'lineWidth',\n  'miterLimit'\n];\n\nexport abstract class BaseLineMark<T extends ILineLikeMarkSpec = ILineLikeMarkSpec> extends BaseMark<T> {\n  protected abstract _getIgnoreAttributes(): string[];\n\n  protected _getSegmentAttributes() {\n    return LINE_SEGMENT_ATTRIBUTES;\n  }\n\n  protected _segmentStyleKeys: string[] = [];\n\n  initStyleWithSpec(spec: IMarkSpec<T>) {\n    this._segmentStyleKeys = [];\n\n    super.initStyleWithSpec(spec);\n  }\n  /**\n   * @override\n   * 之所以覆写是因为 vgrammar 侧默认都会处理 lineSegments，非常耗性能，所以需要 VChart 给一个标志位用于是否执行。\n   * 由外部series调用，设置markStyle的接口。\n   * @param style\n   * @param level\n   * @param state\n   */\n  setStyle<T>(\n    style: Partial<ConvertToMarkStyleSpec<T>> | Partial<IMarkStyle<T>>,\n    state: StateValueType = 'normal',\n    level: number = 0\n  ): void {\n    if (isNil(style)) {\n      return;\n    }\n\n    if (this.stateStyle[state] === undefined) {\n      this.stateStyle[state] = {};\n    }\n\n    const ignoreAttributes = this._getIgnoreAttributes();\n    const segmentAttributes = this._getSegmentAttributes();\n    const isUserLevel = this.isUserLevel(level);\n\n    Object.keys(style).forEach(attr => {\n      const attrStyle = (style as any)[attr];\n      if (isNil(attrStyle) || ignoreAttributes.includes(attr)) {\n        return;\n      }\n      if (\n        isUserLevel &&\n        segmentAttributes.includes(attr) &&\n        (isValidScaleType(attrStyle?.type) || attrStyle?.scale || isFunction(attrStyle))\n      ) {\n        if (!this._segmentStyleKeys.includes(attr)) {\n          this._segmentStyleKeys.push(attr);\n        }\n      }\n\n      const styleConverter = this._filterAttribute(attr as any, attrStyle, state, level, isUserLevel);\n\n      this.setAttribute(attr as any, styleConverter, state, level);\n    });\n  }\n\n  _isValidPointChannel = (channel: string) => {\n    return ['x', 'y', 'defined'].includes(channel);\n  };\n\n  _getLineSegments(items: any[], points: IPointLike[]) {\n    if (!this._segmentStyleKeys || !this._segmentStyleKeys.length) {\n      return null;\n    }\n\n    const segments: { attrs: any; startIndex: number; endIndex?: number }[] = [];\n    let prevSegmentAttrs: any = null;\n\n    items.forEach((item, index) => {\n      if (\n        !prevSegmentAttrs ||\n        !this._segmentStyleKeys.every(key => {\n          return isSegmentAttrEqual(prevSegmentAttrs[key], item[key], key);\n        })\n      ) {\n        if (segments.length) {\n          segments[segments.length - 1].endIndex = index;\n        }\n\n        prevSegmentAttrs = item;\n        segments.push({\n          attrs: prevSegmentAttrs,\n          startIndex: index\n        });\n      }\n    });\n\n    if (segments.length >= 2) {\n      return segments.map(entry => {\n        return {\n          ...entry.attrs,\n          points: points.slice(entry.startIndex, isNil(entry.endIndex) ? points.length : entry.endIndex)\n        };\n      });\n    }\n\n    return null;\n  }\n\n  _getPrevPoints(g: ILine) {\n    const { points, segments } = g.attribute;\n\n    return (\n      points ??\n      (segments\n        ? segments.reduce((res: IPointLike[], seg: ILineGraphicAttribute) => {\n            if (seg.points) {\n              seg.points.forEach((point: IPointLike) => {\n                res.push(point);\n              });\n            }\n\n            return res;\n          }, [])\n        : null)\n    );\n  }\n\n  _runPointsEncoder(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs: any = {}) {\n    const data = g.context.data;\n    const lineAttrs: any[] = [];\n    const points: IPointLike[] = [];\n    const commonAttrs: any = {};\n    const progressive = this.renderContext?.progressive;\n    const isFirstFrame = progressive && progressive.currentIndex === 0;\n\n    data.forEach((datum: Datum, index: number) => {\n      points[index] = {} as IPointLike;\n      lineAttrs[index] = {};\n\n      Object.keys(newStyles).forEach(attrName => {\n        if (this._isValidPointChannel(attrName)) {\n          (points[index] as any)[attrName] = newStyles[attrName](datum);\n        } else if (this._segmentStyleKeys.includes(attrName) && !progressive) {\n          lineAttrs[index][attrName] = newStyles[attrName](datum);\n        } else if (index === 0 && (!progressive || isFirstFrame)) {\n          commonAttrs[attrName] = newStyles[attrName](datum);\n        }\n      });\n\n      // todo 上下文，似乎是动画相关的\n      (points[index] as any).context = this._keyGetter(datum) ?? index;\n    });\n\n    if (progressive) {\n      const segments = (g as any).attribute?.segments ?? [];\n\n      segments.push({\n        points\n      });\n      return isFirstFrame\n        ? {\n            ...commonAttrs,\n            segments\n          }\n        : { segments };\n    } else if (this._segmentStyleKeys && this._segmentStyleKeys.length) {\n      const segments = this._getLineSegments(lineAttrs, points);\n\n      if (segments) {\n        return {\n          ...commonAttrs,\n          ...lineAttrs[0],\n          segments,\n          points: null as IPointLike[]\n        };\n      }\n    }\n\n    return {\n      ...commonAttrs,\n      ...lineAttrs[0],\n      points,\n      segments: null as any[]\n    };\n  }\n\n  _runEncoderOfGraphic(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs: any = {}) {\n    const data = g.context.data;\n    if (newStyles && Object.keys(newStyles).some(this._isValidPointChannel) && data && data.length) {\n      return this._runPointsEncoder(newStyles, g, attrs);\n    }\n\n    return super._runEncoderOfGraphic(newStyles, g, attrs);\n  }\n\n  protected _getDataByKey(data: Datum[]) {\n    return this._dataByGroup;\n  }\n\n  protected _runProgressiveJoin() {\n    const currentIndex = this.renderContext.progressive.currentIndex;\n    const graphics: IMarkGraphic[] = [];\n\n    this._dataByGroup.keys.forEach((groupKey, index) => {\n      const data = this.renderContext.progressive.groupedData.get(groupKey as string);\n      const groupStep = this.renderContext.progressive.step;\n      const dataSlice = data.slice(currentIndex * groupStep, (currentIndex + 1) * groupStep);\n\n      if (currentIndex === 0) {\n        const g = {\n          context: {\n            ...this._getCommonContext(),\n            diffState: DiffState.enter,\n            data: dataSlice,\n            uniqueKey: groupKey,\n            key: groupKey,\n            groupKey: groupKey\n          }\n        };\n\n        graphics.push(g as IMarkGraphic);\n      } else {\n        const g = this._graphics[index];\n        g.context.data = dataSlice;\n      }\n    });\n    const res = currentIndex === 0 ? graphics : this._graphics;\n\n    return {\n      graphicsByGroup: { [DEFAULT_DATA_KEY]: res },\n      graphics: res,\n      needUpdate: false\n    };\n  }\n\n  protected _setCommonAttributesToTheme(g: IMarkGraphic) {\n    // do nothing in line/area\n  }\n  protected _addProgressiveGraphic(parent: IGroup, g: IMarkGraphic) {\n    g.incremental = 1;\n    (parent as IGroup).appendChild(g);\n  }\n}\n"]}
+{"version":3,"sources":["../src/mark/base/base-line.ts"],"names":[],"mappings":"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","file":"base-line.js","sourcesContent":["import { isValidScaleType } from '@visactor/vscale';\nimport type { StateValueType } from '../../compile/mark';\nimport type { ConvertToMarkStyleSpec, ILineLikeMarkSpec } from '../../typings/visual';\nimport type { IPointLike } from '@visactor/vutils';\nimport { isFunction, isNil } from '@visactor/vutils';\nimport { BaseMark } from './base-mark';\nimport { DiffState, type IMarkGraphic, type IMarkStyle } from '../interface';\nimport type { Datum } from '../../typings/common';\nimport type { IGroup, ILine, ILineGraphicAttribute } from '@visactor/vrender-core';\nimport { isSegmentAttrEqual } from '../utils/line';\nimport type { IMarkSpec } from '../../typings/spec/common';\nimport { DEFAULT_DATA_KEY } from '../../constant/data';\n\nexport const LINE_SEGMENT_ATTRIBUTES = [\n  'stroke',\n  'strokeOpacity',\n  'lineDash',\n  'lineDashOffset',\n  'lineCap',\n  'lineJoin',\n  'lineWidth',\n  'miterLimit'\n];\n\nexport abstract class BaseLineMark<T extends ILineLikeMarkSpec = ILineLikeMarkSpec> extends BaseMark<T> {\n  protected abstract _getIgnoreAttributes(): string[];\n\n  protected _getSegmentAttributes() {\n    return LINE_SEGMENT_ATTRIBUTES;\n  }\n\n  protected _segmentStyleKeys: string[] = [];\n\n  initStyleWithSpec(spec: IMarkSpec<T>) {\n    this._segmentStyleKeys = [];\n\n    super.initStyleWithSpec(spec);\n  }\n  /**\n   * @override\n   * 之所以覆写是因为 vgrammar 侧默认都会处理 lineSegments，非常耗性能，所以需要 VChart 给一个标志位用于是否执行。\n   * 由外部series调用，设置markStyle的接口。\n   * @param style\n   * @param level\n   * @param state\n   */\n  setStyle<T>(\n    style: Partial<ConvertToMarkStyleSpec<T>> | Partial<IMarkStyle<T>>,\n    state: StateValueType = 'normal',\n    level: number = 0\n  ): void {\n    if (isNil(style)) {\n      return;\n    }\n\n    if (this.stateStyle[state] === undefined) {\n      this.stateStyle[state] = {};\n    }\n\n    const ignoreAttributes = this._getIgnoreAttributes();\n    const segmentAttributes = this._getSegmentAttributes();\n    const isUserLevel = this.isUserLevel(level);\n\n    Object.keys(style).forEach(attr => {\n      const attrStyle = (style as any)[attr];\n      if (isNil(attrStyle) || ignoreAttributes.includes(attr)) {\n        return;\n      }\n      if (\n        isUserLevel &&\n        segmentAttributes.includes(attr) &&\n        (isValidScaleType(attrStyle?.type) || attrStyle?.scale || isFunction(attrStyle))\n      ) {\n        if (!this._segmentStyleKeys.includes(attr)) {\n          this._segmentStyleKeys.push(attr);\n        }\n      }\n\n      const styleConverter = this._filterAttribute(attr as any, attrStyle, state, level, isUserLevel);\n\n      this.setAttribute(attr as any, styleConverter, state, level);\n    });\n  }\n\n  _isValidPointChannel = (channel: string) => {\n    return ['x', 'y', 'defined'].includes(channel);\n  };\n\n  _getLineSegments(items: any[], points: IPointLike[]) {\n    if (!this._segmentStyleKeys || !this._segmentStyleKeys.length) {\n      return null;\n    }\n\n    const segments: { attrs: any; startIndex: number; endIndex?: number }[] = [];\n    let prevSegmentAttrs: any = null;\n\n    items.forEach((item, index) => {\n      if (\n        !prevSegmentAttrs ||\n        !this._segmentStyleKeys.every(key => {\n          return isSegmentAttrEqual(prevSegmentAttrs[key], item[key], key);\n        })\n      ) {\n        if (segments.length) {\n          segments[segments.length - 1].endIndex = index;\n        }\n\n        prevSegmentAttrs = item;\n        segments.push({\n          attrs: prevSegmentAttrs,\n          startIndex: index\n        });\n      }\n    });\n\n    if (segments.length >= 2) {\n      return segments.map(entry => {\n        return {\n          ...entry.attrs,\n          points: points.slice(entry.startIndex, isNil(entry.endIndex) ? points.length : entry.endIndex)\n        };\n      });\n    }\n\n    return null;\n  }\n\n  _getPrevPoints(g: ILine): IPointLike[] | null {\n    const { points, segments } = g.attribute;\n\n    return (\n      points ??\n      (segments\n        ? segments.reduce((res: IPointLike[], seg: ILineGraphicAttribute) => {\n            if (seg.points) {\n              seg.points.forEach((point: IPointLike) => {\n                res.push(point);\n              });\n            }\n\n            return res;\n          }, [])\n        : null)\n    );\n  }\n\n  _runPointsEncoder(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs: any = {}) {\n    const data = g.context.data;\n    const lineAttrs: any[] = [];\n    const points: IPointLike[] = [];\n    const commonAttrs: any = {};\n    const progressive = this.renderContext?.progressive;\n    const isFirstFrame = progressive && progressive.currentIndex === 0;\n\n    data.forEach((datum: Datum, index: number) => {\n      points[index] = {} as IPointLike;\n      lineAttrs[index] = {};\n\n      Object.keys(newStyles).forEach(attrName => {\n        if (this._isValidPointChannel(attrName)) {\n          (points[index] as any)[attrName] = newStyles[attrName](datum);\n        } else if (this._segmentStyleKeys.includes(attrName) && !progressive) {\n          lineAttrs[index][attrName] = newStyles[attrName](datum);\n        } else if (index === 0 && (!progressive || isFirstFrame)) {\n          commonAttrs[attrName] = newStyles[attrName](datum);\n        }\n      });\n\n      // todo 上下文，似乎是动画相关的\n      (points[index] as any).context = this._keyGetter(datum) ?? index;\n    });\n\n    if (progressive) {\n      const segments = (g as any).attribute?.segments ?? [];\n\n      segments.push({\n        points\n      });\n      return isFirstFrame\n        ? {\n            ...commonAttrs,\n            segments\n          }\n        : { segments };\n    } else if (this._segmentStyleKeys && this._segmentStyleKeys.length) {\n      const segments = this._getLineSegments(lineAttrs, points);\n\n      if (segments) {\n        return {\n          ...commonAttrs,\n          ...lineAttrs[0],\n          segments,\n          points: null as IPointLike[]\n        };\n      }\n    }\n\n    return {\n      ...commonAttrs,\n      ...lineAttrs[0],\n      points,\n      segments: null as any[]\n    };\n  }\n\n  _runEncoderOfGraphic(newStyles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs: any = {}) {\n    const data = g.context.data;\n    if (newStyles && Object.keys(newStyles).some(this._isValidPointChannel) && data && data.length) {\n      return this._runPointsEncoder(newStyles, g, attrs);\n    }\n\n    return super._runEncoderOfGraphic(newStyles, g, attrs);\n  }\n\n  protected _getDataByKey(data: Datum[]) {\n    return this._dataByGroup;\n  }\n\n  protected _runProgressiveJoin() {\n    const currentIndex = this.renderContext.progressive.currentIndex;\n    const graphics: IMarkGraphic[] = [];\n\n    this._dataByGroup.keys.forEach((groupKey, index) => {\n      const data = this.renderContext.progressive.groupedData.get(groupKey as string);\n      const groupStep = this.renderContext.progressive.step;\n      const dataSlice = data.slice(currentIndex * groupStep, (currentIndex + 1) * groupStep);\n\n      if (currentIndex === 0) {\n        const g = {\n          context: {\n            ...this._getCommonContext(),\n            diffState: DiffState.enter,\n            data: dataSlice,\n            uniqueKey: groupKey,\n            key: groupKey,\n            groupKey: groupKey\n          }\n        };\n\n        graphics.push(g as IMarkGraphic);\n      } else {\n        const g = this._graphics[index];\n        g.context.data = dataSlice;\n      }\n    });\n    const res = currentIndex === 0 ? graphics : this._graphics;\n\n    return {\n      graphicsByGroup: { [DEFAULT_DATA_KEY]: res },\n      graphics: res,\n      needUpdate: false\n    };\n  }\n\n  protected _setCommonAttributesToTheme(g: IMarkGraphic) {\n    // do nothing in line/area\n  }\n  protected _addProgressiveGraphic(parent: IGroup, g: IMarkGraphic) {\n    g.incremental = 1;\n    (parent as IGroup).appendChild(g);\n  }\n}\n"]}

package/esm/mark/base/base-mark.d.ts

@@ -44,6 +44,9 @@ export declare class BaseMark<T extends ICommonSpec> extends GrammarItem impleme
     protected _animationConfig: Partial<MarkAnimationSpec>;
     getAnimationConfig(): Partial<MarkAnimationSpec>;
     setAnimationConfig(config: Partial<MarkAnimationSpec>): void;
+    protected _disabledAnimationStates?: string[];
+    disableAnimationByState(state: string | string[]): void;
+    enableAnimationByState(state: string | string[]): void;
     private _skipBeforeLayouted;
     setSkipBeforeLayouted(skip: boolean): void;
     protected _groupKey?: string;
@@ -123,6 +126,7 @@ export declare class BaseMark<T extends ICommonSpec> extends GrammarItem impleme
     protected _attrsByGroup?: Record<string, T>;
     protected _getDataByKey(data: Datum[]): GroupedData<Datum>;
     protected _getCommonContext(): {
+        compiler: import("../../compile/interface").ICompiler;
         markType: MarkTypeEnum;
         markId: number;
         modelId: number;
@@ -138,6 +142,7 @@ export declare class BaseMark<T extends ICommonSpec> extends GrammarItem impleme
     protected createAnimationStateList(type: string, animationConfig: Partial<MarkAnimationSpec>): any;
     protected tryRunMorphing(graphics: IMarkGraphic[]): boolean;
     protected _runStateAnimation(graphics: IMarkGraphic[]): void;
+    protected _setAnimationState(g: IMarkGraphic): void;
     protected _runJoin(data: Datum[]): void;
     _runEncoderOfGraphic(styles: Record<string, (datum: Datum) => any>, g: IMarkGraphic, attrs?: any): any;
     _runGroupEncoder(groupStyles: Record<string, (datum: Datum) => any>): any;
@@ -179,8 +184,7 @@ export declare class BaseMark<T extends ICommonSpec> extends GrammarItem impleme
     protected _runProgressiveApplyGraphic(graphics: IMarkGraphic[]): void;
     protected _runProgressiveStep(): void;
     renderProgressive(): void;
-    updateAnimationState(callback: (graphic: IMarkGraphic) => AnimationStateValues): void;
-    hasAnimationByState(state: keyof MarkAnimationSpec): boolean;
+    hasAnimationByState(state: AnimationStateValues): boolean;
     hasAnimation(): boolean;
     runAnimation(): void;
 }

package/esm/mark/base/base-mark.js

@@ -50,7 +50,9 @@ import { AnimationStateEnum } from "../../animation/interface";
 
 import { CompilableData } from "../../compile/data/compilable-data";
 
-import { log } from "../../util";
+import { getDiffAttributesOfGraphic } from "../../util/mark";
+
+import { log } from "../../util/debug";
 
 import { morph as runMorph } from "../../compile/morph";
 
@@ -110,24 +112,36 @@ export class BaseMark extends GrammarItem {
     setAnimationConfig(config) {
         const defaultPrams = "group" === this.type ? {
             selfOnly: !0
-        } : {}, animationConfig = {};
-        Object.keys(config).forEach((key => {
-            const value = config[key];
-            isArray(value) ? animationConfig[key] = value.map((item => {
-                var _a;
-                const options = null !== (_a = item.options) && void 0 !== _a ? _a : {};
-                return Object.assign(Object.assign(Object.assign({}, defaultPrams), item), {
-                    options: (...args) => {
-                        var _a, _b;
-                        const _options = "function" == typeof options ? options(...args) : options;
+        } : {}, formatAnimationCfg = cfg => {
+            var _a;
+            const options = null !== (_a = cfg.options) && void 0 !== _a ? _a : {};
+            return Object.assign(Object.assign(Object.assign({}, defaultPrams), cfg), {
+                options: (datum, graphic, customParams) => {
+                    var _a, _b;
+                    const _options = "function" == typeof options ? options(datum, graphic, customParams) : options;
+                    if (graphic && graphic.context && graphic.context.compiler && isValid(graphic.context.modelId)) {
+                        const model = null === (_a = graphic.context.compiler.getChart()) || void 0 === _a ? void 0 : _a.getModelById(graphic.context.modelId);
                         return Object.assign(Object.assign({}, _options), {
-                            layoutRect: null === (_b = (_a = this.model).getLayoutRect) || void 0 === _b ? void 0 : _b.call(_a)
+                            layoutRect: null === (_b = null == model ? void 0 : model.getLayoutRect) || void 0 === _b ? void 0 : _b.call(model)
                         });
                     }
-                });
-            })) : animationConfig[key] = Object.assign(Object.assign({}, defaultPrams), config[key]);
+                    return Object.assign({}, _options);
+                }
+            });
+        }, animationConfig = {};
+        Object.keys(config).forEach((key => {
+            const value = config[key];
+            isArray(value) ? animationConfig[key] = value.map(formatAnimationCfg) : isValid(value) && (animationConfig[key] = formatAnimationCfg(value));
         })), this._animationConfig = animationConfig;
     }
+    disableAnimationByState(state) {
+        const states = array(state);
+        this._disabledAnimationStates = [ ...new Set([ ...this._disabledAnimationStates, ...states ]) ];
+    }
+    enableAnimationByState(state) {
+        const states = array(state);
+        this._disabledAnimationStates = this._disabledAnimationStates.filter((s => !states.includes(s)));
+    }
     setSkipBeforeLayouted(skip) {
         this._skipBeforeLayouted = skip;
     }
@@ -212,9 +226,9 @@ export class BaseMark extends GrammarItem {
         super(option), this.type = void 0, this.name = "mark", this._markConfig = {
             zIndex: LayoutZIndex.Mark,
             morph: !1
-        }, this._visible = !0, this.stateStyle = {}, this._unCompileChannel = {}, this._skipBeforeLayouted = !1, 
-        this._extensionChannel = {}, this._computeExChannel = {}, this._graphicMap = new Map, 
-        this._graphics = [], this._getEncoderOfStyle = (stateName, style) => {
+        }, this._visible = !0, this.stateStyle = {}, this._unCompileChannel = {}, this._disabledAnimationStates = [], 
+        this._skipBeforeLayouted = !1, this._extensionChannel = {}, this._computeExChannel = {}, 
+        this._graphicMap = new Map, this._graphics = [], this._getEncoderOfStyle = (stateName, style) => {
             if (style && stateName) {
                 const validEncoder = {};
                 return Object.keys(style).forEach((key => {
@@ -459,6 +473,7 @@ export class BaseMark extends GrammarItem {
     }
     _getCommonContext() {
         return {
+            compiler: this.getCompiler(),
             markType: this.type,
             markId: this.id,
             modelId: this.model.id,
@@ -509,14 +524,17 @@ export class BaseMark extends GrammarItem {
         this._dataByGroup = groupData(data, this._groupKeyGetter);
     }
     createAnimationStateList(type, animationConfig) {
+        var _a;
         let config = animationConfig[type];
         return config && Array.isArray(config) && (config = 1 === config.length ? config[0] : config), 
-        Array.isArray(config) && (config = config.map(((item, index) => {
+        Array.isArray(config) ? config.map(((item, index) => {
             var _a;
             return Object.assign(Object.assign({}, item), {
                 priority: null !== (_a = item.priority) && void 0 !== _a ? _a : 1 / 0
             });
-        }))), config;
+        })) : config ? Object.assign(Object.assign({}, config), {
+            priority: "normal" === type ? null !== (_a = config.priority) && void 0 !== _a ? _a : 1 / 0 : config.priority
+        }) : config;
     }
     tryRunMorphing(graphics) {
         if (this._lastMark) {
@@ -575,29 +593,37 @@ export class BaseMark extends GrammarItem {
             this._product.applyAnimationState([ "normal" ], [ normalConfig ]);
         }
     }
+    _setAnimationState(g) {
+        var _a, _b, _c;
+        const callback = ("component" === this.type ? this.model.getAnimationStateCallback() : null === (_c = null === (_b = (_a = this.model).getRegion) || void 0 === _b ? void 0 : _b.call(_a)) || void 0 === _c ? void 0 : _c.getAnimationStateCallback()) || (g => {
+            var _a;
+            const diffState = null === (_a = g.context) || void 0 === _a ? void 0 : _a.diffState;
+            return diffState === AnimationStateEnum.exit ? AnimationStateEnum.exit : diffState === AnimationStateEnum.update ? AnimationStateEnum.update : AnimationStateEnum.appear;
+        }), customizedState = callback(g);
+        g.context.animationState = null != customizedState ? customizedState : g.context.diffState, 
+        g.context.animationState === DiffState.exit && (g.context.reusing = !0, g.animates && g.animates.forEach((a => a.stop())));
+    }
     _runJoin(data) {
-        const newGroupedData = this._getDataByKey(data), prevGroupedData = this._prevDataByKey, newGraphics = [], enterGraphics = new Set(this._graphics.filter((g => g.context.diffState === DiffState.enter))), callback = (key, newData, prevData) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        const newGroupedData = this._getDataByKey(data), prevGroupedData = this._prevDataByKey, allGraphics = [], enterGraphics = new Set(this._graphics.filter((g => g.context.diffState === DiffState.enter))), callback = (key, newData, prevData) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             let g, diffState;
             return isNil(newData) ? (g = this._graphicMap.get(key), g && (diffState = DiffState.exit)) : isNil(prevData) ? (g = this._graphicMap.has(key) ? this._graphicMap.get(key) : {}, 
-            diffState = DiffState.enter, g.isExiting = !1, (null === (_a = g.context) || void 0 === _a ? void 0 : _a.diffState) === DiffState.exit && (g.context.reusing = !0, 
-            g.animates && g.animates.forEach((a => a.stop()))), this._graphicMap.set(key, g), 
-            newGraphics.push(g)) : (g = this._graphicMap.get(key), g && (diffState = DiffState.update, 
-            newGraphics.push(g))), g && (g.context = Object.assign(Object.assign({}, this._getCommonContext()), {
+            diffState = DiffState.enter, g.isExiting = !1, this._graphicMap.set(key, g), allGraphics.push(g)) : (g = this._graphicMap.get(key), 
+            g && (diffState = DiffState.update, allGraphics.push(g))), g && (enterGraphics.delete(g), 
+            g.context = Object.assign(Object.assign({}, this._getCommonContext()), {
                 diffState: diffState,
-                reusing: null === (_b = g.context) || void 0 === _b ? void 0 : _b.reusing,
-                originalFieldX: null === (_c = g.context) || void 0 === _c ? void 0 : _c.originalFieldX,
-                originalFieldY: null === (_d = g.context) || void 0 === _d ? void 0 : _d.originalFieldY,
-                fieldX: null === (_e = g.context) || void 0 === _e ? void 0 : _e.fieldX,
-                fieldY: null === (_f = g.context) || void 0 === _f ? void 0 : _f.fieldY,
-                animationState: diffState,
-                data: null != newData ? newData : null === (_g = g.context) || void 0 === _g ? void 0 : _g.data,
+                reusing: null === (_a = g.context) || void 0 === _a ? void 0 : _a.reusing,
+                originalFieldX: null === (_b = g.context) || void 0 === _b ? void 0 : _b.originalFieldX,
+                originalFieldY: null === (_c = g.context) || void 0 === _c ? void 0 : _c.originalFieldY,
+                fieldX: null === (_d = g.context) || void 0 === _d ? void 0 : _d.fieldX,
+                fieldY: null === (_e = g.context) || void 0 === _e ? void 0 : _e.fieldY,
+                data: null != newData ? newData : null === (_f = g.context) || void 0 === _f ? void 0 : _f.data,
                 uniqueKey: key,
-                key: newData ? this._keyGetter(newData[0]) : null === (_h = g.context) || void 0 === _h ? void 0 : _h.key,
-                groupKey: newData ? this._groupKeyGetter(newData[0]) : null === (_j = g.context) || void 0 === _j ? void 0 : _j.groupKey,
+                key: newData ? this._keyGetter(newData[0]) : null === (_g = g.context) || void 0 === _g ? void 0 : _g.key,
+                groupKey: newData ? this._groupKeyGetter(newData[0]) : null === (_h = g.context) || void 0 === _h ? void 0 : _h.groupKey,
                 indexKey: "__VCHART_DEFAULT_DATA_INDEX",
-                stateAnimateConfig: null === (_k = this.getAnimationConfig()) || void 0 === _k ? void 0 : _k.state
-            }), enterGraphics.delete(g)), g;
+                stateAnimateConfig: null === (_j = this.getAnimationConfig()) || void 0 === _j ? void 0 : _j.state
+            }), this._setAnimationState(g)), g;
         };
         if (prevGroupedData && newGroupedData) {
             const prevMap = new Map(prevGroupedData.data);
@@ -616,10 +642,10 @@ export class BaseMark extends GrammarItem {
             this._graphicMap.delete(g.context.uniqueKey), g.parent && g.parent.removeChild(g), 
             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.needClear = !0;
+        })), this._dataByKey = newGroupedData, this._graphics = allGraphics, this.needClear = !0;
     }
     _runEncoderOfGraphic(styles, g, attrs = {}) {
         return runEncoder(styles, g.context.data[0], attrs);
@@ -663,10 +689,8 @@ export class BaseMark extends GrammarItem {
             var _a;
             const finalAttrs = g.context.finalAttrs, hasStateAnimation = this.hasAnimationByState(g.context.animationState);
             if (g.setAttributes) {
-                const prevAttrs = g.getAttributes(!0), diffAttrs = {};
-                Object.keys(finalAttrs).forEach((key => {
-                    prevAttrs[key] !== finalAttrs[key] && (diffAttrs[key] = finalAttrs[key]);
-                })), g.context.diffAttrs = diffAttrs, g.context.reusing ? (g.context.lastAttrs = g.attribute, 
+                const diffAttrs = getDiffAttributesOfGraphic(g, finalAttrs);
+                g.context.diffAttrs = diffAttrs, g.context.reusing ? (g.context.lastAttrs = g.attribute, 
                 g.initAttributes({}), g.context.reusing = !1) : hasStateAnimation || (hasAnimation ? g.setAttributesAndPreventAnimate(diffAttrs) : g.setAttributes(diffAttrs)), 
                 hasAnimation && g.setFinalAttributes(finalAttrs);
             } else {
@@ -770,7 +794,7 @@ export class BaseMark extends GrammarItem {
             this._graphicMap.delete(key), g.parent && g.parent.removeChild(g), g.release && g.release();
         };
         this._graphicMap.forEach(((g, key) => {
-            if (g.context.diffState === DiffState.exit && !g.isExiting) if (this.hasAnimationByState("exit")) {
+            if (g.context.diffState === DiffState.exit && !g.isExiting) if (g.context.animationState === DiffState.exit && this.hasAnimationByState("exit")) {
                 g.isExiting = !0;
                 const animationConfig = this.getAnimationConfig();
                 if (animationConfig.exit && animationConfig.exit.length) {
@@ -879,13 +903,8 @@ export class BaseMark extends GrammarItem {
         var _a;
         (null === (_a = this.renderContext) || void 0 === _a ? void 0 : _a.beforeTransformProgressive) ? this._runBeforeProgressive() : this.renderContext.progressive && this._runProgressiveStep();
     }
-    updateAnimationState(callback) {
-        this._graphics && this._graphics.length && this._graphics.forEach((g => {
-            g.context.animationState = callback(g);
-        }));
-    }
     hasAnimationByState(state) {
-        if (!state || !this._animationConfig || !this._animationConfig[state]) return !1;
+        if (!state || !this._animationConfig || !this._animationConfig[state] || this._disabledAnimationStates.includes(state)) return !1;
         const stateAnimationConfig = this._animationConfig[state];
         return stateAnimationConfig.length > 0 || isObject(stateAnimationConfig);
     }