@visactor/vchart 1.9.0-alpha.0 → 1.9.0-alpha.2

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

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseSeries = void 0;
 
-const event_1 = require("../../constant/event"), index_1 = require("../../constant/index"), theme_1 = require("../interface/theme"), vdataset_1 = require("@visactor/vdataset"), type_1 = require("../../mark/interface/type"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), data_1 = require("../../util/data"), type_2 = require("../../util/type"), merge_spec_1 = require("../../util/spec/merge-spec"), add_property_1 = require("../../data/transforms/add-property"), trigger_1 = require("../../interaction/trigger"), 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"), 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");
+const event_1 = require("../../constant/event"), index_1 = require("../../constant/index"), theme_1 = require("../interface/theme"), vdataset_1 = require("@visactor/vdataset"), base_model_1 = require("../../model/base-model"), initialize_1 = require("../../data/initialize"), data_1 = require("../../util/data"), type_1 = require("../../util/type"), merge_spec_1 = require("../../util/spec/merge-spec"), 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");
 
 class BaseSeries extends base_model_1.BaseModel {
-    getTrigger() {
-        return this._trigger;
-    }
     getRegion() {
         return this._region;
     }
@@ -73,6 +70,9 @@ class BaseSeries extends base_model_1.BaseModel {
         var _a;
         this._invalidType = t, null === (_a = this.getViewData()) || void 0 === _a || _a.reRunAllTransform();
     }
+    getMarkAttributeContext() {
+        return this._markAttributeContext;
+    }
     constructor(spec, options) {
         var _a;
         super(spec, options), this.specKey = "series", this.type = "series", this.layoutType = "absolute", 
@@ -92,16 +92,19 @@ class BaseSeries extends base_model_1.BaseModel {
         }, this._rootMark = null, this._seriesMark = null, this._viewDataMap = new Map, 
         this._viewDataFilter = null, this._data = null, this._percent = !1, this._stackOffsetSilhouette = !1, 
         this.layoutZIndex = 0, this._invalidType = "break", this._getInvalidDefined = datum => (0, 
-        type_2.couldBeValidNumber)(datum[this.getStackValueField()]), this._region = options.region, 
+        type_1.couldBeValidNumber)(datum[this.getStackValueField()]), this._region = options.region, 
         this._dataSet = options.dataSet, (null === (_a = this._spec) || void 0 === _a ? void 0 : _a.name) && (this.name = this._spec.name);
     }
     created() {
         super.created(), this._buildMarkAttributeContext(), this.initData(), this.initGroups(), 
         this.initStatisticalData(), this.event.emit(event_1.ChartEvent.afterInitData, {
             model: this
-        }), this.initTrigger(), this.initRootMark(), this.initMark(), this._initExtensionMark(), 
-        this.initMarkStyle(), this.initMarkState(), (0, utils_1.isAnimationEnabledForSeries)(this) && this.initAnimation(), 
-        this.afterInitMark(), this.initEvent(), this.event.emit(event_1.ChartEvent.afterInitEvent, {
+        }), this.initRootMark(), this.initMark();
+        const hasAnimation = (0, utils_1.isAnimationEnabledForSeries)(this);
+        this._initExtensionMark({
+            hasAnimation: hasAnimation
+        }), this.initMarkStyle(), this.initMarkState(), hasAnimation && this.initAnimation(), 
+        this.initInteraction(), this.afterInitMark(), this.initEvent(), this.event.emit(event_1.ChartEvent.afterInitEvent, {
             model: this
         });
     }
@@ -165,15 +168,23 @@ class BaseSeries extends base_model_1.BaseModel {
         this._data && this._statisticViewData();
     }
     getRawDataStatisticsByField(field, isNumeric) {
-        var _a;
+        var _a, _b;
         if (this._rawStatisticsCache || (this._rawStatisticsCache = {}), !this._rawStatisticsCache[field]) {
-            this._viewDataStatistics && (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) && this.getViewData().transformsArr.length <= 1 && (null === (_a = this._viewDataStatistics.latestData) || void 0 === _a ? void 0 : _a[field]) ? this._rawStatisticsCache[field] = this._viewDataStatistics.latestData[field] : this._rawData && (this._rawStatisticsCache[field] = (0, 
-            dimension_statistics_1.dimensionStatisticsOfSimpleData)(this._rawData.latestData, [ {
-                key: field,
-                operations: isNumeric ? [ "min", "max" ] : [ "values" ]
-            } ])[field]);
+            if (this._viewDataStatistics && (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) && this.getViewData().transformsArr.length <= 1 && (null === (_a = this._viewDataStatistics.latestData) || void 0 === _a ? void 0 : _a[field])) this._rawStatisticsCache[field] = this._viewDataStatistics.latestData[field]; else if (this._rawData) {
+                const fieldInfo = null === (_b = this._rawData.getFields()) || void 0 === _b ? void 0 : _b[field];
+                fieldInfo && fieldInfo.lockStatisticsByDomain && fieldInfo.domain ? (this._rawStatisticsCache[field] = {}, 
+                isNumeric ? (this._rawStatisticsCache[field].min = (0, vutils_1.minInArray)(fieldInfo.domain), 
+                this._rawStatisticsCache[field].max = (0, vutils_1.maxInArray)(fieldInfo.domain)) : this._rawStatisticsCache[field].values = fieldInfo.domain) : this._rawStatisticsCache[field] = (0, 
+                dimension_statistics_1.dimensionStatisticsOfSimpleData)(this._rawData.latestData, [ {
+                    key: field,
+                    operations: isNumeric ? [ "min", "max" ] : [ "values" ]
+                } ])[field];
+            }
         }
-        return this._rawStatisticsCache[field];
+        return isNumeric && ((0, vutils_1.isNil)(this._rawStatisticsCache[field].min) || (0, 
+        vutils_1.isNil)(this._rawStatisticsCache[field].max)) && (this._rawStatisticsCache[field].min = (0, 
+        vutils_1.minInArray)(this._rawStatisticsCache[field].values), this._rawStatisticsCache[field].max = (0, 
+        vutils_1.maxInArray)(this._rawStatisticsCache[field].values)), this._rawStatisticsCache[field];
     }
     _statisticViewData() {
         (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "dimensionStatistics", dimension_statistics_1.dimensionStatistics);
@@ -300,20 +311,22 @@ class BaseSeries extends base_model_1.BaseModel {
     initRootMark() {
         var _a, _b;
         this._rootMark = this._createMark({
-            type: type_1.MarkTypeEnum.group,
+            type: "group",
             name: `seriesGroup_${this.type}_${this.id}`
         }, {
             parent: null === (_b = (_a = this._region).getGroupMark) || void 0 === _b ? void 0 : _b.call(_a),
             dataView: !1
         }), this._rootMark.setZIndex(this.layoutZIndex);
     }
-    _initExtensionMark() {
+    _initExtensionMark(options) {
         var _a;
-        this._spec.extensionMark && (null === (_a = this._spec.extensionMark) || void 0 === _a || _a.forEach(((m, i) => {
-            this._createExtensionMark(m, null, `${index_1.PREFIX}_series_${this.id}_extensionMark`, i);
-        })));
+        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._createExtensionMark(m, null, `${index_1.PREFIX}_series_${this.id}_extensionMark`, i, options);
+        }));
     }
-    _createExtensionMark(spec, parentMark, namePrefix, index) {
+    _createExtensionMark(spec, parentMark, namePrefix, index, options) {
         var _a;
         const mark = this._createMark({
             type: spec.type,
@@ -323,16 +336,21 @@ class BaseSeries extends base_model_1.BaseModel {
             markSpec: spec,
             parent: parentMark,
             dataView: !1,
-            customShape: null == spec ? void 0 : spec.customShape
+            customShape: null == spec ? void 0 : spec.customShape,
+            componentType: spec.componentType,
+            depend: options.depend
         });
-        if (!mark) return;
-        const config = (0, utils_1.animationConfig)({}, (0, utils_1.userAnimationConfig)(spec.type, spec, this._markAttributeContext));
-        if (mark.setAnimationConfig(config), "group" === spec.type) namePrefix = `${namePrefix}_${index}`, 
-        null === (_a = spec.children) || void 0 === _a || _a.forEach(((s, i) => {
-            this._createExtensionMark(s, mark, namePrefix, i);
-        })); 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);
+        if (mark) {
+            if (options.hasAnimation) {
+                const config = (0, utils_1.animationConfig)({}, (0, utils_1.userAnimationConfig)(spec.type, spec, this._markAttributeContext));
+                mark.setAnimationConfig(config);
+            }
+            if ("group" === spec.type) namePrefix = `${namePrefix}_${index}`, null === (_a = spec.children) || void 0 === _a || _a.forEach(((s, i) => {
+                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);
+            }
         }
     }
     _updateExtensionMarkSpec(lastSpec) {
@@ -350,15 +368,64 @@ class BaseSeries extends base_model_1.BaseModel {
         var _a;
         return null === (_a = this._viewStackData) || void 0 === _a ? void 0 : _a.latestData;
     }
-    initTrigger() {
-        const triggerSpec = {
-            hover: this._spec.hover,
-            select: this._spec.select
-        }, triggerOptions = Object.assign(Object.assign({}, this._option), {
-            model: this,
-            interaction: this._region.interaction
-        });
-        this._trigger = new trigger_1.Trigger(triggerSpec, triggerOptions);
+    _parseDefaultInteractionConfig(mainMarks) {
+        var _a;
+        if (!(null == mainMarks ? void 0 : mainMarks.length)) return [];
+        const defaultConfig = (0, config_1.getDefaultInteractionConfigByMode)(this._option.mode);
+        let finalHoverSpec = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.hover), finalSelectSpec = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.select);
+        const hoverSpec = this._spec.hover;
+        (0, vutils_1.isBoolean)(hoverSpec) ? finalHoverSpec.enable = hoverSpec : (0, vutils_1.isObject)(hoverSpec) && (finalHoverSpec.enable = !0, 
+        finalHoverSpec = (0, merge_spec_1.mergeSpec)(finalHoverSpec, hoverSpec));
+        const selectSpec = this._spec.select;
+        (0, vutils_1.isBoolean)(selectSpec) ? finalSelectSpec.enable = selectSpec : (0, 
+        vutils_1.isObject)(selectSpec) && (finalSelectSpec.enable = !0, finalSelectSpec = (0, 
+        merge_spec_1.mergeSpec)(finalSelectSpec, selectSpec));
+        const res = [];
+        return finalHoverSpec.enable && res.push({
+            seriesId: this.id,
+            regionId: this._region.id,
+            selector: mainMarks.map((mark => `#${mark.getProductId()}`)),
+            type: "element-highlight",
+            trigger: finalHoverSpec.trigger,
+            resetTrigger: finalHoverSpec.triggerOff,
+            blurState: mark_1.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+            highlightState: mark_1.STATE_VALUE_ENUM.STATE_HOVER
+        }), finalSelectSpec.enable && res.push({
+            type: "element-select",
+            seriesId: this.id,
+            regionId: this._region.id,
+            selector: mainMarks.map((mark => `#${mark.getProductId()}`)),
+            trigger: finalSelectSpec.trigger,
+            resetTrigger: null !== (_a = finalSelectSpec.triggerOff) && void 0 !== _a ? _a : "empty",
+            reverseState: mark_1.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+            state: mark_1.STATE_VALUE_ENUM.STATE_SELECTED,
+            isMultiple: "multiple" === finalSelectSpec.mode
+        }), res;
+    }
+    _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 = [];
+            interaction.markIds ? this.getMarks().filter((mark => {
+                interaction.markIds.includes(mark.getProductId()) && selectors.push(`#${mark.getProductId()}`);
+            })) : interaction.markNames ? this.getMarks().forEach((mark => {
+                interaction.markNames.includes(mark.name) && selectors.push(`#${mark.getProductId()}`);
+            })) : (null == mainMarks ? void 0 : mainMarks.length) && mainMarks.forEach((mark => {
+                selectors.push(`#${mark.getProductId()}`);
+            })), selectors.length && compiler.addInteraction(Object.assign(Object.assign({}, interaction), {
+                selector: selectors,
+                seriesId: this.id,
+                regionId: this._region.id
+            }));
+        }));
+    }
+    initInteraction() {
+        const marks = this.getMarksWithoutRoot();
+        this._parseInteractionConfig(marks);
     }
     initAnimation() {}
     initMarkState() {
@@ -426,11 +493,11 @@ class BaseSeries extends base_model_1.BaseModel {
     }
     initEvent() {
         var _a, _b, _c;
-        this._trigger.init(), null === (_b = null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.target.addListener("change", this.viewDataUpdate.bind(this)), 
+        null === (_b = null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.target.addListener("change", this.viewDataUpdate.bind(this)), 
         null === (_c = this._viewDataStatistics) || void 0 === _c || _c.target.addListener("change", this.viewDataStatisticsUpdate.bind(this));
     }
     _releaseEvent() {
-        super._releaseEvent(), this._trigger.release();
+        super._releaseEvent(), this.getCompiler().removeInteraction(this.id);
     }
     initTooltip() {
         this._tooltipHelper = new tooltip_helper_1.BaseSeriesTooltipHelper(this);
@@ -540,11 +607,12 @@ class BaseSeries extends base_model_1.BaseModel {
     onMarkTreePositionUpdate(marks) {}
     _createMark(markInfo, option = {}) {
         var _a, _b, _c, _d;
-        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1, customShape: customShape} = option, m = super._createMark(markInfo, {
+        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1, customShape: customShape, stateSort: stateSort} = option, m = super._createMark(markInfo, {
             key: null != key ? key : this._getDataIdKey(),
             support3d: support3d,
             seriesId: this.id,
-            attributeContext: this._markAttributeContext
+            attributeContext: this._markAttributeContext,
+            componentType: option.componentType
         });
         if ((0, vutils_1.isValid)(m)) {
             this._marks.addMark(m, {
@@ -555,11 +623,11 @@ class BaseSeries extends base_model_1.BaseModel {
             (0, vutils_1.isBoolean)(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), 
             (0, vutils_1.isValid)(depend) && m.setDepend(...(0, vutils_1.array)(depend));
             const spec = this.getSpec() || {};
-            m.setMorph(morph), m.setMorphKey((null === (_b = spec.morph) || void 0 === _b ? void 0 : _b.morphKey) || `${this._specIndex}`), 
+            m.setMorph(morph), m.setMorphKey((null === (_b = spec.morph) || void 0 === _b ? void 0 : _b.morphKey) || `${this.getSpecIndex()}`), 
             m.setMorphElementKey(null !== (_d = null === (_c = spec.morph) || void 0 === _c ? void 0 : _c.morphElementKey) && void 0 !== _d ? _d : option.defaultMorphElementKey), 
             (0, vutils_1.isNil)(progressive) || m.setProgressiveConfig(progressive), (0, vutils_1.isNil)(groupKey) || m.setGroupKey(groupKey), 
-            customShape && m.setCustomizedShapeCallback(customShape), this.initMarkStyleWithSpec(m, (0, 
-            merge_spec_1.mergeSpec)({}, themeSpec, markSpec || spec[m.name]));
+            customShape && m.setCustomizedShapeCallback(customShape), stateSort && m.setStateSortCallback(stateSort), 
+            this.initMarkStyleWithSpec(m, (0, merge_spec_1.mergeSpec)({}, themeSpec, markSpec || spec[m.name]));
         }
         return m;
     }
@@ -611,6 +679,11 @@ class BaseSeries extends base_model_1.BaseModel {
     _getInvalidConnectType() {
         return "zero" === this._invalidType ? "zero" : "link" === this._invalidType ? "connect" : "none";
     }
+    _getRelatedComponentSpecInfo(specKey) {
+        var _a;
+        const specIndex = this.getSpecIndex(), relatedComponent = null === (_a = this._option.getSpecInfo().component[specKey]) || void 0 === _a ? void 0 : _a.filter((componentInfo => componentInfo.seriesIndexes.includes(specIndex)));
+        return null != relatedComponent ? relatedComponent : [];
+    }
 }
 
 exports.BaseSeries = BaseSeries, BaseSeries.mark = constant_1.baseSeriesMark, BaseSeries.transformerConstructor = base_series_transformer_1.BaseSeriesSpecTransformer;