@visactor/vchart 1.2.1 → 1.2.2-alpha.0

package/build/index.js

@@ -58413,7 +58413,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.2.1";
+	const version = "1.2.2-alpha.0";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -64428,6 +64428,32 @@
 	        }
 	        return lineMark;
 	    }
+	    _getEventElement(params, reverse = false) {
+	        let data = [];
+	        params.dimensionInfo.some(df => {
+	            df.data.some(dd => {
+	                if (dd.series === this) {
+	                    data = dd.datum;
+	                    return true;
+	                }
+	                return false;
+	            });
+	            return !data.length;
+	        });
+	        return data;
+	    }
+	    _dimensionTrigger(params) {
+	        const elements = this._getEventElement(params);
+	        switch (params.action) {
+	            case 'enter':
+	                this._symbolActiveMark.getDataView().parse(elements);
+	                this._symbolActiveMark.getData().updateData(false);
+	                break;
+	            case 'leave':
+	                this._symbolActiveMark.getDataView().parse([]);
+	                this._symbolActiveMark.getData().updateData(false);
+	        }
+	    }
 	    initSymbolMark(progressive, isSeriesMark) {
 	        this._symbolMark = this._createMark(lineLikeSeriesMarkMap.point, {
 	            morph: shouldDoMorph(this._spec.animation, this._spec.morph, userAnimationConfig('point', this._spec)),
@@ -64437,34 +64463,65 @@
 	            progressive,
 	            isSeriesMark: !!isSeriesMark
 	        });
+	        if (this._spec.activePoint === true) {
+	            const activeData = new DataView(this._option.dataSet, { name: `${PREFIX}_series_${this.id}_active_point` });
+	            activeData.parse([]);
+	            this._symbolActiveMark = this._createMark({ name: `active_point`, type: MarkTypeEnum.symbol }, {
+	                morph: false,
+	                groupKey: this._seriesField,
+	                label: null,
+	                isSeriesMark: false,
+	                dataView: activeData
+	            });
+	            this._symbolActiveMark.setVisible(false);
+	        }
 	        return this._symbolMark;
 	    }
 	    initSymbolMarkStyle() {
 	        const symbolMark = this._symbolMark;
-	        if (symbolMark) {
+	        if (!symbolMark) {
+	            return symbolMark;
+	        }
+	        this.setMarkStyle(symbolMark, {
+	            fill: this.getColorAttribute()
+	        }, 'normal', AttributeLevel.Series);
+	        if (this._invalidType) {
 	            this.setMarkStyle(symbolMark, {
-	                fill: this.getColorAttribute()
-	            }, 'normal', AttributeLevel.Series);
-	            if (this._invalidType) {
-	                this.setMarkStyle(symbolMark, {
-	                    visible: (datum) => {
-	                        if (this._invalidType === 'break') {
-	                            return couldBeValidNumber(datum[this.getStackValueField()]);
-	                        }
-	                        else if (this._invalidType === 'link') {
-	                            return couldBeValidNumber(datum[this.getStackValueField()]);
-	                        }
-	                        return true;
+	                visible: (datum) => {
+	                    if (this._invalidType === 'break') {
+	                        return couldBeValidNumber(datum[this.getStackValueField()]);
 	                    }
-	                }, 'normal', AttributeLevel.Series);
-	            }
-	            this.setMarkStyle(symbolMark, {
-	                x: this.dataToPositionX.bind(this),
-	                y: this.dataToPositionY.bind(this),
-	                z: this.dataToPositionZ.bind(this)
+	                    else if (this._invalidType === 'link') {
+	                        return couldBeValidNumber(datum[this.getStackValueField()]);
+	                    }
+	                    return true;
+	                }
 	            }, 'normal', AttributeLevel.Series);
-	            this._trigger.registerMark(symbolMark);
-	            this._tooltipHelper?.activeTriggerSet.mark.add(symbolMark);
+	        }
+	        this.setMarkStyle(symbolMark, {
+	            x: this.dataToPositionX.bind(this),
+	            y: this.dataToPositionY.bind(this),
+	            z: this.dataToPositionZ.bind(this)
+	        }, 'normal', AttributeLevel.Series);
+	        this._trigger.registerMark(symbolMark);
+	        this._tooltipHelper?.activeTriggerSet.mark.add(symbolMark);
+	        if (this._symbolActiveMark && this._symbolMark.stateStyle.dimension_hover) {
+	            this._symbolActiveMark.setVisible(true);
+	            this.event.on(DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this));
+	            for (const state in this._symbolMark.stateStyle) {
+	                this._symbolActiveMark.stateStyle[state] = {};
+	                for (const key in this._symbolMark.stateStyle[state]) {
+	                    this._symbolActiveMark.stateStyle[state][key] = {
+	                        style: null,
+	                        level: AttributeLevel.Series,
+	                        referer: symbolMark
+	                    };
+	                }
+	            }
+	            this._symbolActiveMark.state.changeStateInfo({
+	                stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+	                filter: () => true
+	            });
 	        }
 	        return symbolMark;
 	    }
@@ -76337,7 +76394,8 @@
 	            point: spec.point,
 	            line: spec.line,
 	            area: spec.area,
-	            seriesMark: spec.seriesMark ?? 'area'
+	            seriesMark: spec.seriesMark ?? 'area',
+	            activePoint: spec.activePoint
 	        };
 	    }
 	    transformSpec(spec) {
@@ -76885,7 +76943,8 @@
 	            invalidType: spec.invalidType || 'break',
 	            point: spec.point,
 	            line: spec.line,
-	            seriesMark: spec.seriesMark ?? 'line'
+	            seriesMark: spec.seriesMark ?? 'line',
+	            activePoint: spec.activePoint
 	        };
 	    }
 	    transformSpec(spec) {
@@ -77180,7 +77239,8 @@
 	            area: merge$2({
 	                visible: false
 	            }, spec.area),
-	            seriesMark: spec.seriesMark ?? 'area'
+	            seriesMark: spec.seriesMark ?? 'area',
+	            activePoint: spec.activePoint
 	        };
 	    }
 	    transformSpec(spec) {