@visactor/vchart 1.13.7-alpha.0 → 2.0.0-alpha.0

package/cjs/series/base/base-series.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseSeries = void 0;
 
-const event_1 = require("../../constant/event"), data_1 = require("../../constant/data"), attribute_1 = require("../../constant/attribute"), base_1 = require("../../constant/base"), vdataset_1 = require("@visactor/vdataset"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), data_2 = require("../../util/data"), type_1 = require("../../util/type"), vutils_extension_1 = require("@visactor/vutils-extension"), add_property_1 = require("../../data/transforms/add-property"), register_1 = require("../../data/register"), tooltip_helper_1 = require("./tooltip-helper"), dimension_statistics_1 = require("../../data/transforms/dimension-statistics"), invalid_travel_1 = require("../../data/transforms/invalid-travel"), util_1 = require("../../theme/color-scheme/util"), series_data_1 = require("./series-data"), data_key_1 = require("../../data/transforms/data-key"), mark_1 = require("../../compile/mark"), vutils_1 = require("@visactor/vutils"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), constant_1 = require("./constant"), utils_1 = require("../../animation/utils"), base_series_transformer_1 = require("./base-series-transformer"), config_1 = require("../../interaction/config"), layout_1 = require("../../constant/layout"), utils_2 = require("../../mark/utils");
+const event_1 = require("../../constant/event"), data_1 = require("../../constant/data"), attribute_1 = require("../../constant/attribute"), base_1 = require("../../constant/base"), vdataset_1 = require("@visactor/vdataset"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), data_2 = require("../../util/data"), type_1 = require("../../util/type"), vutils_extension_1 = require("@visactor/vutils-extension"), add_property_1 = require("../../data/transforms/add-property"), register_1 = require("../../data/register"), tooltip_helper_1 = require("./tooltip-helper"), dimension_statistics_1 = require("../../data/transforms/dimension-statistics"), invalid_travel_1 = require("../../data/transforms/invalid-travel"), util_1 = require("../../theme/color-scheme/util"), data_key_1 = require("../../data/transforms/data-key"), mark_1 = require("../../compile/mark"), vutils_1 = require("@visactor/vutils"), color_ordinal_scale_1 = require("../../scale/color-ordinal-scale"), constant_1 = require("./constant"), utils_1 = require("../../animation/utils"), base_series_transformer_1 = require("./base-series-transformer"), config_1 = require("../../interaction/config"), layout_1 = require("../../constant/layout"), common_1 = require("../../mark/utils/common"), data_3 = require("../../compile/data"), util_2 = require("../../interaction/triggers/util");
 
 class BaseSeries extends base_model_1.BaseModel {
     getRegion() {
@@ -105,8 +105,7 @@ class BaseSeries extends base_model_1.BaseModel {
         this._initExtensionMark({
             hasAnimation: hasAnimation
         }), this.initMarkStyle(), this.initMarkState(), hasAnimation && this.initAnimation(), 
-        this._option.disableTriggerEvent || this.initInteraction(), this.afterInitMark(), 
-        this.initEvent(), this.event.emit(event_1.ChartEvent.afterInitEvent, {
+        this.afterInitMark(), this.initEvent(), this.event.emit(event_1.ChartEvent.afterInitEvent, {
             model: this
         });
     }
@@ -157,7 +156,7 @@ class BaseSeries extends base_model_1.BaseModel {
             const viewData = (0, initialize_1.dataViewFromDataView)(this.getStack() ? this._viewDataFilter : this._rawData, this._dataSet, {
                 name: `${this.type}_${this.id}_viewData`
             });
-            this._data = new series_data_1.SeriesData(this._option, viewData), this.getStack() && this._viewDataFilter.target.removeListener("change", viewData.reRunAllTransform);
+            this._data = new data_3.CompilableData(this._option, viewData), this.getStack() && this._viewDataFilter.target.removeListener("change", viewData.reRunAllTransform);
         }
         this.initInvalidDataTransform();
     }
@@ -329,11 +328,9 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     _initExtensionMark(options) {
         var _a;
-        if (!this._spec.extensionMark) return;
-        const mainMarks = this.getMarksWithoutRoot();
-        options.depend = mainMarks, null === (_a = this._spec.extensionMark) || void 0 === _a || _a.forEach(((m, i) => {
+        this._spec.extensionMark && (null === (_a = this._spec.extensionMark) || void 0 === _a || _a.forEach(((m, i) => {
             this._createExtensionMark(m, null, this._getExtensionMarkNamePrefix(), i, options);
-        }));
+        })));
     }
     _createExtensionMark(spec, parentMark, namePrefix, index, options) {
         var _a;
@@ -346,10 +343,7 @@ class BaseSeries extends base_model_1.BaseModel {
             parent: parentMark,
             dataView: !1,
             componentType: spec.componentType,
-            depend: options.depend,
             key: spec.dataKey
-        }, {
-            setCustomizedShape: null == spec ? void 0 : spec.customShape
         });
         if (mark) {
             if ((0, vutils_1.isValid)(spec.id) && mark.setUserId(spec.id), options.hasAnimation) {
@@ -360,7 +354,7 @@ class BaseSeries extends base_model_1.BaseModel {
                 this._createExtensionMark(s, mark, namePrefix, i, options);
             })); else if (!(parentMark || (0, vutils_1.isNil)(spec.dataId) && (0, vutils_1.isNil)(spec.dataIndex))) {
                 const dataView = this._option.getSeriesData(spec.dataId, spec.dataIndex);
-                dataView === this._rawData ? mark.setDataView(this.getViewData(), this.getViewDataProductId()) : (mark.setDataView(dataView), 
+                dataView === this._rawData ? mark.setData(this._data) : (mark.setDataView(dataView), 
                 dataView.target.addListener("change", (() => {
                     mark.getData().updateData();
                 })));
@@ -373,24 +367,13 @@ class BaseSeries extends base_model_1.BaseModel {
             const mark = this._marks.getMarkWithInfo({
                 name: (0, vutils_1.isValid)(spec.name) ? `${spec.name}` : `${this._getExtensionMarkNamePrefix()}_${i}`
             });
-            mark && (this.initMarkStyleWithSpec(mark, spec), mark.updateStaticEncode(), mark.updateLayoutState());
+            mark && (this.initMarkStyleWithSpec(mark, spec), mark.commit(!1, !0));
         }));
     }
     getStackData() {
         var _a;
         return null === (_a = this._viewStackData) || void 0 === _a ? void 0 : _a.latestData;
     }
-    _parseSelectorOfInteraction(interactionSpec, marks) {
-        if (!marks || !marks.length) return [];
-        const selector = [];
-        return interactionSpec.markIds ? marks.filter((mark => {
-            interactionSpec.markIds.includes(mark.getProductId()) && selector.push(`#${mark.getProductId()}`);
-        })) : interactionSpec.markNames ? marks.forEach((mark => {
-            interactionSpec.markNames.includes(mark.name) && selector.push(`#${mark.getProductId()}`);
-        })) : marks.forEach((mark => {
-            selector.push(`#${mark.getProductId()}`);
-        })), selector;
-    }
     _parseDefaultInteractionConfig(mainMarks) {
         if (!(null == mainMarks ? void 0 : mainMarks.length)) return [];
         const defaultConfig = (0, config_1.getDefaultInteractionConfigByMode)(this._option.mode);
@@ -402,22 +385,30 @@ class BaseSeries extends base_model_1.BaseModel {
         (0, vutils_1.isBoolean)(selectSpec) ? finalSelectSpec.enable = selectSpec : (0, 
         vutils_1.isObject)(selectSpec) && (finalSelectSpec.enable = !0, finalSelectSpec = (0, 
         vutils_extension_1.mergeSpec)(finalSelectSpec, selectSpec));
-        const res = [];
+        const res = [ {
+            trigger: {
+                type: "dimension-hover"
+            },
+            marks: mainMarks
+        } ];
         if (finalHoverSpec.enable) {
-            const selector = this._parseSelectorOfInteraction(finalHoverSpec, mainMarks);
-            selector.length && res.push(this._defaultHoverConfig(selector, finalHoverSpec));
+            const marks = (0, util_2.filterMarksOfInteraction)(finalHoverSpec, mainMarks);
+            marks.length && res.push({
+                trigger: this._defaultHoverConfig(finalHoverSpec),
+                marks: marks
+            });
         }
         if (finalSelectSpec.enable) {
-            const selector = this._parseSelectorOfInteraction(finalSelectSpec, mainMarks);
-            selector.length && res.push(this._defaultSelectConfig(selector, finalSelectSpec));
+            const marks = (0, util_2.filterMarksOfInteraction)(finalSelectSpec, mainMarks);
+            marks.length && res.push({
+                trigger: this._defaultSelectConfig(finalSelectSpec),
+                marks: marks
+            });
         }
         return res;
     }
-    _defaultHoverConfig(selector, finalHoverSpec) {
+    _defaultHoverConfig(finalHoverSpec) {
         return {
-            seriesId: this.id,
-            regionId: this._region.id,
-            selector: selector,
             type: "element-highlight",
             trigger: finalHoverSpec.trigger,
             triggerOff: finalHoverSpec.triggerOff,
@@ -425,13 +416,10 @@ class BaseSeries extends base_model_1.BaseModel {
             highlightState: mark_1.STATE_VALUE_ENUM.STATE_HOVER
         };
     }
-    _defaultSelectConfig(selector, finalSelectSpec) {
+    _defaultSelectConfig(finalSelectSpec) {
         const isMultiple = "multiple" === finalSelectSpec.mode, triggerOff = (0, vutils_1.isValid)(finalSelectSpec.triggerOff) ? finalSelectSpec.triggerOff : isMultiple ? [ "empty" ] : [ "empty", finalSelectSpec.trigger ];
         return {
             type: "element-select",
-            seriesId: this.id,
-            regionId: this._region.id,
-            selector: selector,
             trigger: finalSelectSpec.trigger,
             triggerOff: triggerOff,
             reverseState: mark_1.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
@@ -440,23 +428,21 @@ class BaseSeries extends base_model_1.BaseModel {
         };
     }
     _parseInteractionConfig(mainMarks) {
-        const compiler = this.getCompiler();
-        if (!compiler) return;
         const {interactions: interactions} = this._spec, res = this._parseDefaultInteractionConfig(mainMarks);
-        res && res.length && res.forEach((interaction => {
-            compiler.addInteraction(interaction);
-        })), interactions && interactions.length && interactions.forEach((interaction => {
-            const selectors = this._parseSelectorOfInteraction(interaction, this.getMarks());
-            selectors.length && compiler.addInteraction(Object.assign(Object.assign({}, interaction), {
-                selector: selectors,
-                seriesId: this.id,
-                regionId: this._region.id
-            }));
-        }));
+        return interactions && interactions.length && interactions.forEach((interaction => {
+            const marks = (0, util_2.filterMarksOfInteraction)(interaction, this.getMarks());
+            marks.length && res.push({
+                trigger: interaction,
+                marks: marks
+            });
+        })), res;
     }
-    initInteraction() {
-        const marks = this.getMarksWithoutRoot();
-        this._parseInteractionConfig(marks);
+    getInteractionTriggers() {
+        if (!0 !== this._option.disableTriggerEvent) {
+            const marks = this.getMarksWithoutRoot();
+            return this._parseInteractionConfig(marks);
+        }
+        return [];
     }
     initAnimation() {}
     initMarkState() {
@@ -525,7 +511,7 @@ class BaseSeries extends base_model_1.BaseModel {
         null === (_c = this._viewDataStatistics) || void 0 === _c || _c.target.addListener("change", this.viewDataStatisticsUpdate.bind(this));
     }
     _releaseEvent() {
-        super._releaseEvent(), this.getCompiler().removeInteraction(this.id);
+        super._releaseEvent();
     }
     initTooltip() {
         this._tooltipHelper = new tooltip_helper_1.BaseSeriesTooltipHelper(this);
@@ -566,7 +552,7 @@ class BaseSeries extends base_model_1.BaseModel {
         marks.forEach((mark => {
             this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
         })), this.initMarkStyle(), marks.forEach((mark => {
-            mark.updateStaticEncode(), mark.updateLayoutState(!0);
+            mark.commit(!1);
         })), this._updateExtensionMarkSpec(), this._updateSpecData(), this._tooltipHelper && this._tooltipHelper.updateTooltipSpec();
         (0, utils_1.isAnimationEnabledForSeries)(this) && this.initAnimation();
     }
@@ -575,11 +561,10 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     onRender(ctx) {}
     release() {
-        var _a, _b, _c;
+        var _a, _b;
         super.release(), this._viewDataMap.clear();
         const transformIndex = null === (_b = null === (_a = this._rawData) || void 0 === _a ? void 0 : _a.transformsArr) || void 0 === _b ? void 0 : _b.findIndex((t => "addVChartProperty" === t.type));
-        transformIndex >= 0 && this._rawData.transformsArr.splice(transformIndex, 1), null === (_c = this._data) || void 0 === _c || _c.release(), 
-        this._dataSet = this._data = this._rawData = this._rawDataStatistics = this._spec = this._region = this._viewDataStatistics = this._viewStackData = null;
+        transformIndex >= 0 && this._rawData.transformsArr.splice(transformIndex, 1), this._dataSet = this._data = this._rawData = this._rawDataStatistics = this._spec = this._region = this._viewDataStatistics = this._viewStackData = null;
     }
     setLayoutStartPosition(pos) {
         (0, vutils_1.isValidNumber)(pos.x) && (this._layoutStartPoint.x = pos.x), (0, vutils_1.isValidNumber)(pos.y) && (this._layoutStartPoint.y = pos.y);
@@ -646,29 +631,31 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     onMarkTreePositionUpdate(marks) {}
     _createMark(markInfo, option = {}, config = {}) {
-        var _a, _b, _c, _d, _e, _f;
-        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, stateSort: stateSort, noSeparateStyle: noSeparateStyle = !1} = option, m = super._createMark(markInfo, {
+        var _a, _b, _c, _d, _e;
+        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, parent: parent, isSeriesMark: isSeriesMark, noSeparateStyle: noSeparateStyle = !1} = option, m = super._createMark(markInfo, {
             key: null != key ? key : this._getDataIdKey(),
             seriesId: this.id,
             attributeContext: this._markAttributeContext,
             componentType: option.componentType,
-            noSeparateStyle: noSeparateStyle
+            noSeparateStyle: noSeparateStyle,
+            parent: !1 !== parent ? null != parent ? parent : this._rootMark : null
         });
         if ((0, vutils_1.isValid)(m)) {
             const spec = this.getSpec() || {};
             this._marks.addMark(m, {
                 name: markInfo.name
-            }), isSeriesMark && (this._seriesMark = m), (0, vutils_1.isNil)(parent) ? null === (_a = this._rootMark) || void 0 === _a || _a.addMark(m) : !1 !== parent && parent.addMark(m), 
-            (0, vutils_1.isNil)(dataView) ? (m.setDataView(this.getViewData(), this.getViewDataProductId()), 
-            m.setSkipBeforeLayouted(!0)) : !1 !== dataView && m.setDataView(dataView, dataProductId), 
-            (0, vutils_1.isBoolean)(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), 
-            (0, vutils_1.isValid)(depend) && m.setDepend(...(0, vutils_1.array)(depend)), (0, 
-            vutils_1.isNil)(groupKey) || m.setGroupKey(groupKey), stateSort && m.setStateSortCallback(stateSort);
+            }), isSeriesMark && (this._seriesMark = m), (0, vutils_1.isNil)(dataView) ? (m.setData(this._data), 
+            m.setSkipBeforeLayouted(!0)) : !1 !== dataView && m.setDataView(dataView), (0, vutils_1.isBoolean)(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), 
+            (0, vutils_1.isNil)(groupKey) || m.setGroupKey(groupKey);
             const markConfig = Object.assign(Object.assign({}, config), {
-                morph: null !== (_b = config.morph) && void 0 !== _b && _b,
-                support3d: (0, utils_2.is3DMark)(markInfo.type) || (null !== (_c = config.support3d) && void 0 !== _c ? _c : spec.support3d || !!spec.zField),
-                morphKey: (null === (_d = spec.morph) || void 0 === _d ? void 0 : _d.morphKey) || `${this.getSpecIndex()}_${this.getMarks().length}`,
-                morphElementKey: null !== (_f = null === (_e = spec.morph) || void 0 === _e ? void 0 : _e.morphElementKey) && void 0 !== _f ? _f : config.morphElementKey
+                progressiveStep: spec.progressiveStep,
+                progressiveThreshold: spec.progressiveThreshold,
+                large: spec.large,
+                largeThreshold: spec.largeThreshold,
+                morph: null !== (_a = config.morph) && void 0 !== _a && _a,
+                support3d: (0, common_1.is3DMark)(markInfo.type) || (null !== (_b = config.support3d) && void 0 !== _b ? _b : spec.support3d || !!spec.zField),
+                morphKey: (null === (_c = spec.morph) || void 0 === _c ? void 0 : _c.morphKey) || `${this.getSpecIndex()}_${this.getMarks().length}`,
+                morphElementKey: null !== (_e = null === (_d = spec.morph) || void 0 === _d ? void 0 : _d.morphElementKey) && void 0 !== _e ? _e : config.morphElementKey
             });
             m.setMarkConfig(markConfig), this.initMarkStyleWithSpec(m, (0, vutils_extension_1.mergeSpec)({}, themeSpec, markSpec || spec[m.name]));
         }