@visactor/vchart 2.1.0-alpha.14 → 2.1.0-alpha.15

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

@@ -14,18 +14,7 @@ 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"), 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
-};
+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");
 
 class BaseChart extends compilable_base_1.CompilableBase {
     getSpec() {
@@ -71,7 +60,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._specTransformer = null, this._layoutRect = {
+        this._series = [], this._components = [], this._layoutRect = {
             x: 0,
             y: 0,
             width: base_1.DEFAULT_CHART_WIDTH,
@@ -114,12 +103,7 @@ 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._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._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,
@@ -136,8 +120,8 @@ class BaseChart extends compilable_base_1.CompilableBase {
         }), this._setModelOption && this._setModelOption(), this._spec = spec;
     }
     created(transformer) {
-        this._specTransformer = transformer, this._chartData.parseData(this._spec.data), 
-        this._createGlobalScale(), this._createBackground(), this._createLayout(), transformer.forEachRegionInSpec(this._spec, this._createRegion.bind(this)), 
+        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() {
@@ -434,22 +418,11 @@ class BaseChart extends compilable_base_1.CompilableBase {
     _getSpecKeys(spec) {
         const ignoreKeys = {
             width: !0,
-            height: !0,
-            xField: !0,
-            yField: !0
+            height: !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,
@@ -457,36 +430,20 @@ class BaseChart extends compilable_base_1.CompilableBase {
             reSize: !1,
             reCompile: !1
         };
-        if (spec.type !== this.type) return result.reMake = !0, this.setLayoutTag(!0, null, !1), 
+        if (this.setLayoutTag(!0, null, !1), spec.type !== this.type) return result.reMake = !0, 
         result;
         const currentKeys = this._getSpecKeys(this._spec), nextKeys = this._getSpecKeys(spec);
-        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;
+        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;
         }
-        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));
+        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))));
     }
     updateChartConfig(result, oldSpec) {
         var _a, _b;
@@ -503,172 +460,34 @@ 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 void (c.getSpecInfo() || (removedComponents.push(c), 
-            hasNonLocalComponentRemoval = !0, hasNonComponentOnlyUpdate = !0));
+            if (c.type === interface_1.ComponentTypeEnum.label || c.type === interface_1.ComponentTypeEnum.totalLabel) return;
             checkVisibleComponents[c.type] && (checkVisibleComponents[c.type] = !1);
             const compSpecKey = c.specKey || c.type, cmpSpec = null !== (_a = this._spec[compSpecKey]) && void 0 !== _a ? _a : {};
-            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);
+            (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));
+        }));
         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;
-        return Object.keys(checkVisibleComponents).forEach((type => {
+        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()];
@@ -764,8 +583,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(forceReleaseVRenderComponents = !0) {
-        forceReleaseVRenderComponents && [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
+    release() {
+        [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
             m.beforeRelease();
         })), super.release(), this.clear(), [ ...this._components, ...this._regions, ...this._series ].forEach((m => {
             m.release();