@visactor/vchart 2.1.0-alpha.16 → 2.1.0-alpha.18

package/cjs/chart/base/base-chart.js

@@ -14,7 +14,18 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseChart = void 0;
 
-const data_1 = require("../chart-meta/data"), global_scale_1 = require("../../scale/global-scale"), interface_1 = require("../../component/interface"), factory_1 = require("../../core/factory"), event_1 = require("../../event/event"), util_1 = require("../../util"), base_model_1 = require("../../model/base-model"), base_mark_1 = require("../../mark/base/base-mark"), base_1 = require("../../constant/base"), vutils_1 = require("@visactor/vutils"), util_2 = require("../../theme/color-scheme/util"), compilable_base_1 = require("../../compile/compilable-base"), interface_2 = require("../../compile/mark/interface"), event_2 = require("../../constant/event"), interface_3 = require("../../event/events/dimension/interface"), util_3 = require("../util"), vscale_1 = require("@visactor/vscale"), initialize_1 = require("../../data/initialize"), layout_1 = require("../../constant/layout"), interaction_1 = require("../../interaction/interaction"), utils_1 = require("../../animation/utils");
+const data_1 = require("../chart-meta/data"), global_scale_1 = require("../../scale/global-scale"), interface_1 = require("../../component/interface"), factory_1 = require("../../core/factory"), event_1 = require("../../event/event"), util_1 = require("../../util"), base_model_1 = require("../../model/base-model"), base_mark_1 = require("../../mark/base/base-mark"), base_1 = require("../../constant/base"), vutils_1 = require("@visactor/vutils"), util_2 = require("../../theme/color-scheme/util"), compilable_base_1 = require("../../compile/compilable-base"), interface_2 = require("../../compile/mark/interface"), event_2 = require("../../constant/event"), interface_3 = require("../../event/events/dimension/interface"), util_3 = require("../util"), vscale_1 = require("@visactor/vscale"), initialize_1 = require("../../data/initialize"), layout_1 = require("../../constant/layout"), interaction_1 = require("../../interaction/interaction"), utils_1 = require("../../animation/utils"), MARKER_COMPONENT_SPEC_KEYS = {
+    [interface_1.ComponentTypeEnum.markPoint]: !0,
+    [interface_1.ComponentTypeEnum.markLine]: !0,
+    [interface_1.ComponentTypeEnum.markArea]: !0
+}, MARKER_ADDITION_REMAKE_SPEC_KEYS = {
+    regionId: !0,
+    regionIndex: !0,
+    seriesId: !0,
+    seriesIndex: !0,
+    specifiedDataSeriesId: !0,
+    specifiedDataSeriesIndex: !0
+};
 
 class BaseChart extends compilable_base_1.CompilableBase {
     getSpec() {
@@ -60,7 +71,7 @@ class BaseChart extends compilable_base_1.CompilableBase {
     constructor(spec, option) {
         var _a, _b, _c, _d;
         super(option), this.type = "chart", this.id = (0, util_1.createID)(), this._regions = [], 
-        this._series = [], this._components = [], this._layoutRect = {
+        this._series = [], this._components = [], this._specTransformer = null, this._layoutRect = {
             x: 0,
             y: 0,
             width: base_1.DEFAULT_CHART_WIDTH,
@@ -103,7 +114,12 @@ class BaseChart extends compilable_base_1.CompilableBase {
             const component = this._components.find((s => s.userId === userId));
             if (component) return component;
         }, this.getComponentsByType = type => this._components.filter((c => c.type === type)), 
-        this._paddingSpec = (0, util_1.normalizeLayoutPaddingSpec)(null !== (_a = spec.padding) && void 0 !== _a ? _a : option.getTheme("padding")), 
+        this._isMarkerAdditionSpecSafeWithoutRemake = spec => {
+            if (!spec || "object" != typeof spec) return !1;
+            const markerSpec = spec;
+            return !1 !== markerSpec.visible && !Object.keys(MARKER_ADDITION_REMAKE_SPEC_KEYS).some((key => !(0, 
+            vutils_1.isNil)(markerSpec[key])));
+        }, this._paddingSpec = (0, util_1.normalizeLayoutPaddingSpec)(null !== (_a = spec.padding) && void 0 !== _a ? _a : option.getTheme("padding")), 
         this._event = new event_1.Event(option.eventDispatcher, option.mode), this._dataSet = option.dataSet, 
         this._chartData = new data_1.ChartData(this._dataSet), this._modelOption = Object.assign(Object.assign({}, option), {
             mode: this._option.mode,
@@ -120,8 +136,8 @@ class BaseChart extends compilable_base_1.CompilableBase {
         }), this._setModelOption && this._setModelOption(), this._spec = spec;
     }
     created(transformer) {
-        this._chartData.parseData(this._spec.data), this._createGlobalScale(), this._createBackground(), 
-        this._createLayout(), transformer.forEachRegionInSpec(this._spec, this._createRegion.bind(this)), 
+        this._specTransformer = transformer, this._chartData.parseData(this._spec.data), 
+        this._createGlobalScale(), this._createBackground(), this._createLayout(), transformer.forEachRegionInSpec(this._spec, this._createRegion.bind(this)), 
         transformer.forEachSeriesInSpec(this._spec, this._createSeries.bind(this)), transformer.forEachComponentInSpec(this._spec, this._createComponent.bind(this), this._option.getSpecInfo());
     }
     _initInteractions() {
@@ -418,11 +434,22 @@ class BaseChart extends compilable_base_1.CompilableBase {
     _getSpecKeys(spec) {
         const ignoreKeys = {
             width: !0,
-            height: !0
+            height: !0,
+            xField: !0,
+            yField: !0
         };
         return Object.keys(spec).filter((key => !ignoreKeys[key])).sort();
     }
+    _isSeriesRelatedSpecKey(key) {
+        var _a, _b;
+        return !!(null === (_b = null === (_a = this._specTransformer) || void 0 === _a ? void 0 : _a.getSeriesRelatedSpecKeys()) || void 0 === _b ? void 0 : _b[key]);
+    }
+    _canChangeSpecKeysWithoutRemake(currentKeys, nextKeys) {
+        const currentKeySet = new Set(currentKeys), nextKeySet = new Set(nextKeys), changedKeys = [ ...currentKeys.filter((key => !nextKeySet.has(key))), ...nextKeys.filter((key => !currentKeySet.has(key))) ];
+        return changedKeys.length > 0 && changedKeys.every((key => this._isSeriesRelatedSpecKey(key)));
+    }
     updateSpec(spec) {
+        var _a, _b;
         const result = {
             change: !1,
             reMake: !1,
@@ -430,20 +457,36 @@ class BaseChart extends compilable_base_1.CompilableBase {
             reSize: !1,
             reCompile: !1
         };
-        if (this.setLayoutTag(!0, null, !1), spec.type !== this.type) return result.reMake = !0, 
+        if (spec.type !== this.type) return result.reMake = !0, this.setLayoutTag(!0, null, !1), 
         result;
         const currentKeys = this._getSpecKeys(this._spec), nextKeys = this._getSpecKeys(spec);
-        if (!(0, vutils_1.isEqual)(currentKeys, nextKeys)) return result.reMake = !0, result;
-        for (let i = 0; i < currentKeys.length; i++) {
-            const key = currentKeys[i];
-            if ((0, util_1.isArray)(this._spec[key]) && this._spec[key].length !== (0, util_1.array)(spec[key]).length) return result.reMake = !0, 
-            result;
+        if (!(0, vutils_1.isEqual)(currentKeys, nextKeys) && !this._canChangeSpecKeysWithoutRemake(currentKeys, nextKeys)) return result.reMake = !0, 
+        this.setLayoutTag(!0, null, !1), result;
+        const specKeys = Array.from(new Set([ ...currentKeys, ...nextKeys ])).sort();
+        for (let i = 0; i < specKeys.length; i++) {
+            const key = specKeys[i], currentSpec = this._spec[key], nextSpec = spec[key];
+            if ((0, util_1.isArray)(currentSpec) && currentSpec.length !== (0, util_1.array)(nextSpec).length && !this._canChangeMarkerComponentsWithoutRemake(key, currentSpec, nextSpec)) return result.reMake = !0, 
+            this.setLayoutTag(!0, null, !1), result;
         }
-        const oldSpec = this._spec;
-        return this._spec = spec, this.updateChartConfig(result, oldSpec), result.reMake ? result : (this.updateGlobalScale(result), 
-        result.reMake ? result : (this.updateRegionSpec(result), result.reMake ? result : (this.updateComponentSpec(result), 
-        result.reMake ? result : (this.updateSeriesSpec(result), result.reMake || (this.reInit(), 
-        this.updateDataSpec(), this.updateGlobalScaleDomain()), result))));
+        const oldSpec = this._spec, onlyMarkerComponentsRemoved = this._isOnlyMarkerComponentsRemoved(this._spec, spec, specKeys), onlyComponentSpecsChanged = this._isOnlyComponentSpecsChanged(this._spec, spec, specKeys), onlySeriesSpecsChanged = this._isOnlySeriesSpecsChanged(this._spec, spec, specKeys), onlyComponentOrSeriesSpecsChanged = !(!onlyComponentSpecsChanged && !onlySeriesSpecsChanged) || this._isOnlyComponentOrSeriesSpecsChanged(this._spec, spec, specKeys);
+        if (this._spec = spec, onlyMarkerComponentsRemoved) return this._removeMarkerComponentsForEmptySpecs(result), 
+        result;
+        if (this.updateChartConfig(result, oldSpec), result.reMake) return this.setLayoutTag(!0, null, !1), 
+        result;
+        if (this.updateGlobalScale(result), result.reMake) return this.setLayoutTag(!0, null, !1), 
+        result;
+        if (this.updateRegionSpec(result), result.reMake) return this.setLayoutTag(!0, null, !1), 
+        result;
+        const componentUpdateResult = this.updateComponentSpec(result);
+        return result.reMake ? (this.setLayoutTag(!0, null, !1), result) : (!onlyComponentSpecsChanged && (null === (_a = result.effects) || void 0 === _a ? void 0 : _a.localOnly) && delete result.effects.localOnly, 
+        (0, util_3.isUpdateSpecResultLocalOnly)(result) ? result : onlyComponentSpecsChanged && !componentUpdateResult.hasNonComponentOnlyUpdate && ((0, 
+        util_3.isUpdateSpecResultComponentOnly)(result) || this._isComponentScaleDomainOnlyUpdate(result)) ? (componentUpdateResult.componentOnlyUpdatedComponents.forEach((component => {
+            component.reInit(component.getSpec());
+        })), (null === (_b = result.effects) || void 0 === _b ? void 0 : _b.layout) && this.setLayoutTag(!0, null, !1), 
+        result) : (this.setLayoutTag(!0, null, !1), this.updateSeriesSpec(result), result.reMake || (this.reInit(), 
+        onlyComponentOrSeriesSpecsChanged && this._canSkipChartDataStages(result) || (this.updateDataSpec(), 
+        this.reDataFlow(), this._reRunStackDataFlow(), this.getAllModels().forEach((model => model.onDataUpdate())))), 
+        result));
     }
     updateChartConfig(result, oldSpec) {
         var _a, _b;
@@ -460,34 +503,172 @@ class BaseChart extends compilable_base_1.CompilableBase {
         })) : result.reMake = !0);
     }
     updateComponentSpec(result) {
+        const componentOnlyUpdatedComponents = [];
+        let hasNonComponentOnlyUpdate = !1;
         const componentCache = {}, checkVisibleComponents = {
             [interface_1.ComponentTypeEnum.title]: !0,
             [interface_1.ComponentTypeEnum.brush]: !0,
             [interface_1.ComponentTypeEnum.indicator]: !0
-        };
+        }, removedComponents = [];
+        let hasNonLocalComponentRemoval = !1;
         this._components.forEach((c => {
             var _a, _b;
-            if (c.type === interface_1.ComponentTypeEnum.label || c.type === interface_1.ComponentTypeEnum.totalLabel) return;
+            if (c.type === interface_1.ComponentTypeEnum.label || c.type === interface_1.ComponentTypeEnum.totalLabel) return void (c.getSpecInfo() || (removedComponents.push(c), 
+            hasNonLocalComponentRemoval = !0, hasNonComponentOnlyUpdate = !0));
             checkVisibleComponents[c.type] && (checkVisibleComponents[c.type] = !1);
             const compSpecKey = c.specKey || c.type, cmpSpec = null !== (_a = this._spec[compSpecKey]) && void 0 !== _a ? _a : {};
-            (0, util_1.isArray)(cmpSpec) ? (componentCache[compSpecKey] = componentCache[compSpecKey] || {
-                specCount: cmpSpec.length,
-                componentCount: 0
-            }, componentCache[compSpecKey].componentCount++, (0, util_3.mergeUpdateResult)(result, c.updateSpec(null !== (_b = cmpSpec[c.getSpecIndex()]) && void 0 !== _b ? _b : {}, cmpSpec))) : (0, 
-            util_3.mergeUpdateResult)(result, c.updateSpec(cmpSpec));
-        }));
+            if ((0, util_1.isArray)(cmpSpec)) {
+                if (componentCache[compSpecKey] = componentCache[compSpecKey] || {
+                    specCount: cmpSpec.length,
+                    componentCount: 0
+                }, this._canRemoveMarkerComponentsWithoutRemake(compSpecKey, [ c.getSpec() ], cmpSpec)) return void removedComponents.push(c);
+                componentCache[compSpecKey].componentCount++;
+                const componentSpec = null !== (_b = cmpSpec[c.getSpecIndex()]) && void 0 !== _b ? _b : {}, previousComponentSpec = c.getSpec(), componentResult = c.updateSpec(componentSpec, cmpSpec);
+                (0, util_3.isUpdateSpecResultComponentOnly)(componentResult) || this._isComponentScaleDomainOnlyUpdate(componentResult) ? componentOnlyUpdatedComponents.push(c) : (0, 
+                vutils_1.isEqual)(previousComponentSpec, componentSpec) || (hasNonComponentOnlyUpdate = !0), 
+                (0, util_3.mergeUpdateResult)(result, componentResult);
+            } else {
+                const previousComponentSpec = c.getSpec(), componentResult = c.updateSpec(cmpSpec);
+                (0, util_3.isUpdateSpecResultComponentOnly)(componentResult) || this._isComponentScaleDomainOnlyUpdate(componentResult) ? componentOnlyUpdatedComponents.push(c) : (0, 
+                vutils_1.isEqual)(previousComponentSpec, cmpSpec) || (hasNonComponentOnlyUpdate = !0), 
+                (0, util_3.mergeUpdateResult)(result, componentResult);
+            }
+        })), result.reMake || this._createMissingMarkerComponentsForSpecs(result, componentCache);
         for (const key in componentCache) if (Object.prototype.hasOwnProperty.call(componentCache, key)) {
             const element = componentCache[key];
             element.componentCount !== element.specCount && (result.reMake = !0);
         }
+        removedComponents.length && (removedComponents.forEach((component => {
+            this._removeComponent(component);
+        })), result.change = !0, result.effects = Object.assign(Object.assign(Object.assign({}, result.effects), {
+            component: !0
+        }), hasNonLocalComponentRemoval ? {
+            layout: !0,
+            render: !0
+        } : {
+            localOnly: !0
+        }));
         const isVisible = compSpec => compSpec && !1 !== compSpec.visible;
-        Object.keys(checkVisibleComponents).forEach((type => {
+        return Object.keys(checkVisibleComponents).forEach((type => {
             if (checkVisibleComponents[type]) {
                 const compSpec = this._spec[type];
                 ((0, util_1.isArray)(compSpec) ? compSpec.some(isVisible) : isVisible(compSpec)) && (result.reMake = !0);
             }
+        })), {
+            componentOnlyUpdatedComponents: componentOnlyUpdatedComponents,
+            hasNonComponentOnlyUpdate: hasNonComponentOnlyUpdate
+        };
+    }
+    _canChangeMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
+        return this._canRemoveMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) || this._canAddMarkerComponentsWithoutRemake(key, currentSpec, nextSpec);
+    }
+    _canAddMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
+        return !!(MARKER_COMPONENT_SPEC_KEYS[key] && (0, util_1.isArray)(currentSpec) && (0, 
+        util_1.isArray)(nextSpec)) && (!(nextSpec.length <= currentSpec.length) && nextSpec.slice(currentSpec.length).every(this._isMarkerAdditionSpecSafeWithoutRemake));
+    }
+    _isAutoRangeMarkerSpec(spec) {
+        return !!spec && "object" == typeof spec && !0 === spec.autoRange;
+    }
+    _canRemoveMarkerComponentsWithoutRemake(key, currentSpec, nextSpec) {
+        return MARKER_COMPONENT_SPEC_KEYS[key] && (0, util_1.isArray)(currentSpec) && currentSpec.length > 0 && (0, 
+        util_1.isArray)(nextSpec) && 0 === nextSpec.length;
+    }
+    _isOnlyMarkerComponentsRemoved(currentSpec, nextSpec, specKeys) {
+        let hasMarkerRemoval = !1;
+        const onlyMarkerRemoval = specKeys.every((key => this._canRemoveMarkerComponentsWithoutRemake(key, currentSpec[key], nextSpec[key]) ? (hasMarkerRemoval = !0, 
+        !0) : (0, vutils_1.isEqual)(currentSpec[key], nextSpec[key])));
+        return hasMarkerRemoval && onlyMarkerRemoval;
+    }
+    _isComponentSpecKey(key) {
+        return !!MARKER_COMPONENT_SPEC_KEYS[key] || this._components.some((component => (component.specKey || component.type) === key));
+    }
+    _isOnlyComponentSpecsChanged(currentSpec, nextSpec, specKeys) {
+        let hasComponentSpecChange = !1;
+        const currentSpecRecord = currentSpec, nextSpecRecord = nextSpec, onlyComponentSpecChange = specKeys.every((key => !!(0, 
+        vutils_1.isEqual)(currentSpecRecord[key], nextSpecRecord[key]) || !!this._isComponentSpecKey(key) && (hasComponentSpecChange = !0, 
+        !0)));
+        return hasComponentSpecChange && onlyComponentSpecChange;
+    }
+    _isOnlySeriesSpecsChanged(currentSpec, nextSpec, specKeys) {
+        var _a, _b;
+        let hasSeriesSpecChange = !1;
+        const currentSpecRecord = currentSpec, nextSpecRecord = nextSpec, seriesRelatedSpecKeys = null !== (_b = null === (_a = this._specTransformer) || void 0 === _a ? void 0 : _a.getSeriesRelatedSpecKeys()) && void 0 !== _b ? _b : {}, onlySeriesSpecChange = specKeys.every((key => !!(0, 
+        vutils_1.isEqual)(currentSpecRecord[key], nextSpecRecord[key]) || !!seriesRelatedSpecKeys[key] && (hasSeriesSpecChange = !0, 
+        !0)));
+        return hasSeriesSpecChange && onlySeriesSpecChange;
+    }
+    _isOnlyComponentOrSeriesSpecsChanged(currentSpec, nextSpec, specKeys) {
+        var _a, _b;
+        let hasComponentOrSeriesSpecChange = !1;
+        const currentSpecRecord = currentSpec, nextSpecRecord = nextSpec, seriesRelatedSpecKeys = null !== (_b = null === (_a = this._specTransformer) || void 0 === _a ? void 0 : _a.getSeriesRelatedSpecKeys()) && void 0 !== _b ? _b : {}, onlyComponentOrSeriesSpecChange = specKeys.every((key => !!(0, 
+        vutils_1.isEqual)(currentSpecRecord[key], nextSpecRecord[key]) || !(!this._isComponentSpecKey(key) && !seriesRelatedSpecKeys[key]) && (hasComponentOrSeriesSpecChange = !0, 
+        !0)));
+        return hasComponentOrSeriesSpecChange && onlyComponentOrSeriesSpecChange;
+    }
+    _canSkipChartDataStages(result) {
+        const effects = result.effects;
+        return !(!(null == effects ? void 0 : effects.series) || effects.remake || effects.data || effects.scaleDomain || result.reMake);
+    }
+    _isComponentScaleDomainOnlyUpdate(result) {
+        const effects = result.effects;
+        return !(!(null == effects ? void 0 : effects.component) || !effects.scaleDomain || result.reMake || result.reCompile || result.reSize || effects.remake || effects.compile || effects.data || effects.series || effects.animation || result.reTransformSpec || result.reAnimate || result.changeTheme || result.changeBackground);
+    }
+    _reRunStackDataFlow() {
+        var _a, _b;
+        this._series.some((series => {
+            var _a;
+            return null === (_a = series.getStack) || void 0 === _a ? void 0 : _a.call(series);
+        })) && (null === (_b = null === (_a = this._stack) || void 0 === _a ? void 0 : _a.stackAll) || void 0 === _b || _b.call(_a), 
+        this._series.forEach((series => {
+            series.getViewDataFilter() && series.reTransformViewData();
+        })));
+    }
+    _getModelSpecIndex(specInfo) {
+        var _a;
+        const specPath = null !== (_a = specInfo.specPath) && void 0 !== _a ? _a : [], specIndex = specPath[specPath.length - 1];
+        return "number" == typeof specIndex ? specIndex : 0;
+    }
+    _hasComponentForSpecInfo(key, specInfo) {
+        const specIndex = this._getModelSpecIndex(specInfo);
+        return this._components.some((component => (component.specKey || component.type) === key && component.getSpecIndex() === specIndex));
+    }
+    _createMissingMarkerComponentsForSpecs(result, componentCache) {
+        var _a;
+        let createdCount = 0, hasAutoRangeMarker = !1;
+        null === (_a = this._specTransformer) || void 0 === _a || _a.forEachComponentInSpec(this._spec, ((constructor, specInfo) => {
+            if (result.reMake) return;
+            const compSpecKey = constructor.specKey || constructor.type;
+            MARKER_COMPONENT_SPEC_KEYS[compSpecKey] && !this._hasComponentForSpecInfo(compSpecKey, specInfo) && (this._isMarkerAdditionSpecSafeWithoutRemake(specInfo.spec) ? (this._createComponent(constructor, specInfo), 
+            componentCache[compSpecKey] && componentCache[compSpecKey].componentCount++, createdCount++, 
+            hasAutoRangeMarker = hasAutoRangeMarker || this._isAutoRangeMarkerSpec(specInfo.spec)) : result.reMake = !0);
+        }), this._option.getSpecInfo()), createdCount && (result.change = !0, result.effects = Object.assign(Object.assign(Object.assign(Object.assign({}, result.effects), {
+            component: !0
+        }), hasAutoRangeMarker ? {
+            scaleDomain: !0
+        } : null), {
+            layout: !0,
+            render: !0
         }));
     }
+    _removeMarkerComponentsForEmptySpecs(result) {
+        const removedComponents = this._components.filter((component => {
+            var _a;
+            const compSpecKey = component.specKey || component.type, cmpSpec = null !== (_a = this._spec[compSpecKey]) && void 0 !== _a ? _a : {};
+            return this._canRemoveMarkerComponentsWithoutRemake(compSpecKey, [ component.getSpec() ], cmpSpec);
+        }));
+        removedComponents.length && (removedComponents.forEach((component => {
+            this._removeComponent(component);
+        })), result.change = !0, result.effects = Object.assign(Object.assign({}, result.effects), {
+            component: !0,
+            localOnly: !0
+        }));
+    }
+    _removeComponent(component) {
+        this._components = this._components.filter((c => c !== component)), this._idMap.delete(component.id), 
+        component.getMarks().forEach((mark => {
+            this.getCompiler().removeRootMark(mark);
+        })), component.release();
+    }
     updateSeriesSpec(result) {
         this._spec.series.length === this._series.length ? this._series.forEach((s => {
             const spec = this._spec.series[s.getSpecIndex()];
@@ -583,8 +764,8 @@ class BaseChart extends compilable_base_1.CompilableBase {
             c.compile();
         })), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterComponentCompile) || void 0 === _d || _d.call(_c, this._option.globalInstance);
     }
-    release() {
-        [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
+    release(forceReleaseVRenderComponents = !0) {
+        forceReleaseVRenderComponents && [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
             m.beforeRelease();
         })), super.release(), this.clear(), [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
             m.release();