@visactor/vchart 2.0.0-alpha.4 → 2.0.1-alpha.0

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";
 
@@ -108,20 +110,24 @@ export class BaseMark extends GrammarItem {
         return this._animationConfig;
     }
     setAnimationConfig(config) {
-        const animationConfig = Object.assign({}, config);
-        Object.keys(animationConfig).forEach((key => {
-            const value = animationConfig[key];
-            isArray(value) && value.forEach((item => {
+        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 : {};
-                item.options = (...args) => {
-                    var _a, _b;
-                    const _options = "function" == typeof options ? options(...args) : options;
-                    return Object.assign(Object.assign({}, _options), {
-                        layoutRect: null === (_b = (_a = this.model).getLayoutRect) || void 0 === _b ? void 0 : _b.call(_a)
-                    });
-                };
-            }));
+                return Object.assign(Object.assign(Object.assign({}, defaultPrams), item), {
+                    options: (...args) => {
+                        var _a, _b;
+                        const _options = "function" == typeof options ? options(...args) : options;
+                        return Object.assign(Object.assign({}, _options), {
+                            layoutRect: null === (_b = (_a = this.model).getLayoutRect) || void 0 === _b ? void 0 : _b.call(_a)
+                        });
+                    }
+                });
+            })) : animationConfig[key] = Object.assign(Object.assign({}, defaultPrams), config[key]);
         })), this._animationConfig = animationConfig;
     }
     setSkipBeforeLayouted(skip) {
@@ -505,6 +511,7 @@ 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) => {
@@ -512,7 +519,9 @@ export class BaseMark extends GrammarItem {
             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) {
@@ -571,29 +580,32 @@ export class BaseMark extends GrammarItem {
             this._product.applyAnimationState([ "normal" ], [ normalConfig ]);
         }
     }
+    _setAnimationState(g) {
+        const customizedState = this._aniamtionStateCallback ? this._aniamtionStateCallback(g) : void 0;
+        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);
@@ -612,10 +624,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);
@@ -659,10 +671,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 {
@@ -766,7 +776,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) {
@@ -876,9 +886,7 @@ export class BaseMark extends GrammarItem {
         (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);
-        }));
+        this._aniamtionStateCallback = callback;
     }
     hasAnimationByState(state) {
         if (!state || !this._animationConfig || !this._animationConfig[state]) return !1;