@visactor/vchart 2.0.0 → 2.0.1-alpha.0

package/cjs/mark/base/base-mark.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseMark = void 0;
 
-const enum_1 = require("../interface/enum"), interface_1 = require("../../compile/mark/interface"), vutils_extension_1 = require("@visactor/vutils-extension"), color_1 = require("../../util/color"), scale_1 = require("../../util/scale"), gradient_1 = require("../../constant/gradient"), attribute_1 = require("../../constant/attribute"), vscale_1 = require("@visactor/vscale"), util_1 = require("../../theme/color-scheme/util"), mark_1 = require("../../compile/mark"), vutils_1 = require("@visactor/vutils"), common_1 = require("../utils/common"), interface_2 = require("../../compile/interface"), vrender_core_1 = require("@visactor/vrender-core"), util_2 = require("../../compile/mark/util"), factory_1 = require("../../core/factory"), data_1 = require("../../constant/data"), grammar_item_1 = require("../../compile/grammar-item"), layout_1 = require("../../constant/layout"), interface_3 = require("../../animation/interface"), compilable_data_1 = require("../../compile/data/compilable-data"), util_3 = require("../../util"), morph_1 = require("../../compile/morph");
+const enum_1 = require("../interface/enum"), interface_1 = require("../../compile/mark/interface"), vutils_extension_1 = require("@visactor/vutils-extension"), color_1 = require("../../util/color"), scale_1 = require("../../util/scale"), gradient_1 = require("../../constant/gradient"), attribute_1 = require("../../constant/attribute"), vscale_1 = require("@visactor/vscale"), util_1 = require("../../theme/color-scheme/util"), mark_1 = require("../../compile/mark"), vutils_1 = require("@visactor/vutils"), common_1 = require("../utils/common"), interface_2 = require("../../compile/interface"), vrender_core_1 = require("@visactor/vrender-core"), util_2 = require("../../compile/mark/util"), factory_1 = require("../../core/factory"), data_1 = require("../../constant/data"), grammar_item_1 = require("../../compile/grammar-item"), layout_1 = require("../../constant/layout"), interface_3 = require("../../animation/interface"), compilable_data_1 = require("../../compile/data/compilable-data"), mark_2 = require("../../util/mark"), debug_1 = require("../../util/debug"), morph_1 = require("../../compile/morph");
 
 class BaseMark extends grammar_item_1.GrammarItem {
     commit(render, recursion) {
@@ -476,6 +476,7 @@ class BaseMark extends grammar_item_1.GrammarItem {
         this._dataByGroup = (0, common_1.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) => {
@@ -483,7 +484,9 @@ class BaseMark extends grammar_item_1.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) {
@@ -542,30 +545,33 @@ class BaseMark extends grammar_item_1.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 === enum_1.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 === enum_1.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 === enum_1.DiffState.enter))), callback = (key, newData, prevData) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             let g, diffState;
             return (0, vutils_1.isNil)(newData) ? (g = this._graphicMap.get(key), g && (diffState = enum_1.DiffState.exit)) : (0, 
             vutils_1.isNil)(prevData) ? (g = this._graphicMap.has(key) ? this._graphicMap.get(key) : {}, 
-            diffState = enum_1.DiffState.enter, g.isExiting = !1, (null === (_a = g.context) || void 0 === _a ? void 0 : _a.diffState) === enum_1.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 = enum_1.DiffState.update, 
-            newGraphics.push(g))), g && (g.context = Object.assign(Object.assign({}, this._getCommonContext()), {
+            diffState = enum_1.DiffState.enter, g.isExiting = !1, this._graphicMap.set(key, g), 
+            allGraphics.push(g)) : (g = this._graphicMap.get(key), g && (diffState = enum_1.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);
@@ -584,10 +590,10 @@ class BaseMark extends grammar_item_1.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 (0, common_1.runEncoder)(styles, g.context.data[0], attrs);
@@ -631,10 +637,8 @@ class BaseMark extends grammar_item_1.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 = (0, mark_2.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 {
@@ -724,7 +728,7 @@ class BaseMark extends grammar_item_1.GrammarItem {
     }
     render() {
         this.isCommited() && (!this.getVisible() || this._skipBeforeLayouted && this.getCompiler().getLayoutState() === interface_2.LayoutState.before || ((0, 
-        util_3.log)(`render mark: ${this.getProductId()}, type is ${this.type}`), this.renderInner()), 
+        debug_1.log)(`render mark: ${this.getProductId()}, type is ${this.type}`), this.renderInner()), 
         this.uncommit());
     }
     updateMarkState(key) {
@@ -740,7 +744,7 @@ class BaseMark extends grammar_item_1.GrammarItem {
             this._graphicMap.delete(key), g.parent && g.parent.removeChild(g), g.release && g.release();
         };
         this._graphicMap.forEach(((g, key) => {
-            if (g.context.diffState === enum_1.DiffState.exit && !g.isExiting) if (this.hasAnimationByState("exit")) {
+            if (g.context.diffState === enum_1.DiffState.exit && !g.isExiting) if (g.context.animationState === enum_1.DiffState.exit && this.hasAnimationByState("exit")) {
                 g.isExiting = !0;
                 const animationConfig = this.getAnimationConfig();
                 if (animationConfig.exit && animationConfig.exit.length) {
@@ -850,9 +854,7 @@ class BaseMark extends grammar_item_1.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;