@visactor/vchart 2.0.13-alpha.5 → 2.0.13-alpha.7

package/build/index.js

@@ -51102,8 +51102,6 @@
     let Brush$1 = class Brush extends AbstractComponent {
       constructor(attributes, options) {
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Brush.defaultAttributes, attributes)), this.name = "brush", this._activeBrushState = !1, this._activeDrawState = !1, this._cacheDrawPoints = [], this._activeMoveState = !1, this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [-1 / 0, 1 / 0], this._operatingMaskMoveRangeY = [-1 / 0, 1 / 0], this._brushMaskAABBBoundsDict = {}, this._firstUpdate = !0, this._onBrushStart = e => {
-          if (!1 === this.attribute.interactive) return;
-          if (!1 === this._beforeBrushEvent(e)) return;
           const {
             updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
             endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
@@ -51111,11 +51109,11 @@
           } = this.attribute;
           array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), e.stopPropagation(), this._firstUpdate = !0, this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, this._startPos = this.eventPosToStagePos(e), this._cacheDrawPoints = [this._startPos];
         }, this._onBrushing = e => {
-          !1 !== this.attribute.interactive && !1 !== this._beforeBrushEvent(e) && (this._outOfInteractiveRange(e) || (e.stopPropagation(), this._firstUpdate ? (this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e), this._firstUpdate = !1) : (this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e))));
+          this._outOfInteractiveRange(e) || (e.stopPropagation(), this._firstUpdate ? (this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e), this._firstUpdate = !1) : (this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e)));
         }, this._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
-          !1 !== this.attribute.interactive && (this._releaseBrushUpdateEvents(), e.preventDefault(), this._activeDrawState && this._drawEnd(e), this._activeMoveState && this._moveEnd(e), this._activeDrawState = !1, this._activeMoveState = !1);
+          this._releaseBrushUpdateEvents(), e.preventDefault(), this._activeDrawState && this._drawEnd(e), this._activeMoveState && this._moveEnd(e), this._activeDrawState = !1, this._activeMoveState = !1;
         }, this._onBrushClear = e => {
-          !1 !== this.attribute.interactive && !1 !== this._beforeBrushEvent(e) && (e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1);
+          e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1;
         };
       }
       _bindBrushEvents() {
@@ -51127,7 +51125,6 @@
         array(trigger).forEach(t => this.stage.addEventListener(t, this._onBrushStart)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
       }
       _initDraw(e) {
-        if (!1 === this.attribute.interactive) return;
         const {
             brushMode: brushMode
           } = this.attribute,
@@ -51136,7 +51133,6 @@
       }
       _initMove(e) {
         var _a, _b;
-        if (!1 === this.attribute.interactive) return;
         this._cacheMovePoint = this.eventPosToStagePos(e), this._operatingMaskMoveDx = null !== (_a = this._operatingMask.attribute.dx) && void 0 !== _a ? _a : 0, this._operatingMaskMoveDy = null !== (_b = this._operatingMask.attribute.dy) && void 0 !== _b ? _b : 0;
         const {
             interactiveRange: interactiveRange
@@ -51161,7 +51157,6 @@
       }
       _drawing(e) {
         var _a;
-        if (!1 === this.attribute.interactive) return;
         const pos = this.eventPosToStagePos(e),
           {
             brushType: brushType,
@@ -51186,7 +51181,6 @@
         (Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold) && (1 !== Object.keys(this._brushMaskAABBBoundsDict).length || this._activeBrushState ? this._dispatchBrushEvent(IOperateType.drawing, e) : (this._activeBrushState = !0, this._dispatchBrushEvent(IOperateType.brushActive, e)));
       }
       _moving(e) {
-        if (!1 === this.attribute.interactive) return;
         const startPos = this._cacheMovePoint,
           pos = this.eventPosToStagePos(e);
         if (pos.x === (null == startPos ? void 0 : startPos.x) && pos.y === (null == startPos ? void 0 : startPos.y)) return;
@@ -51200,7 +51194,6 @@
         }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchBrushEvent(IOperateType.moving, e);
       }
       _drawEnd(e) {
-        if (!1 === this.attribute.interactive) return;
         const {
           removeOnClick = !0,
           sizeThreshold = DEFAULT_SIZE_THRESHOLD
@@ -51218,7 +51211,7 @@
         }
       }
       _moveEnd(e) {
-        !1 !== this.attribute.interactive && (this._operatingMask && this._operatingMask.setAttribute("pickable", !1), this._dispatchBrushEvent(IOperateType.moveEnd, e));
+        this._operatingMask && this._operatingMask.setAttribute("pickable", !1), this._dispatchBrushEvent(IOperateType.moveEnd, e);
       }
       render() {
         this._bindBrushEvents();
@@ -51325,10 +51318,6 @@
           pos = this.eventPosToStagePos(e);
         return pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY;
       }
-      _beforeBrushEvent(e) {
-        var _a, _b;
-        return null === (_b = (_a = this.attribute).beforeBrushChange) || void 0 === _b ? void 0 : _b.call(_a, e);
-      }
       _dispatchBrushEvent(operateType, e) {
         this._dispatchEvent(operateType, {
           operateMask: this._operatingMask,
@@ -53874,7 +53863,7 @@
             if (ComposedEventCtor) {
                 const composedEvent = new ComposedEventCtor(this._eventDispatcher, this._mode);
                 composedEvent.register(eType, handler);
-                this._composedEventMap.set(handler.callback, {
+                this._composedEventMap.set(callback, {
                     eventType: eType,
                     event: composedEvent
                 });
@@ -54911,9 +54900,6 @@
         getRootGroup() {
             return this._rootGroup;
         }
-        getOption() {
-            return this._option;
-        }
         constructor(container, option) {
             this._count = 0;
             this._rootMarks = [];
@@ -60286,609 +60272,6 @@
         }
     }
 
-    function getComponentThemeFromOption(type, getTheme) {
-        return getTheme('component', type);
-    }
-    function getFormatFunction(formatMethod, formatter, text, datum) {
-        if (formatMethod) {
-            return { formatFunc: formatMethod, args: [text, datum] };
-        }
-        const formatterImpl = Factory.getFormatter();
-        if (formatter && formatterImpl) {
-            return { formatFunc: formatterImpl, args: [text, datum, formatter] };
-        }
-        return {};
-    }
-    const getSpecInfo = (chartSpec, specKey, compType, filter) => {
-        if (isNil$1(chartSpec[specKey])) {
-            return undefined;
-        }
-        const isArraySpec = isArray$1(chartSpec[specKey]);
-        const spec = isArraySpec ? chartSpec[specKey] : [chartSpec[specKey]];
-        const specInfos = [];
-        spec.forEach((s, i) => {
-            if (s && (!filter || filter(s))) {
-                specInfos.push({
-                    spec: s,
-                    specPath: isArraySpec ? [specKey, i] : [specKey],
-                    specInfoPath: ['component', specKey, i],
-                    type: compType
-                });
-            }
-        });
-        return specInfos;
-    };
-
-    function isXAxis(orient) {
-        return orient === 'bottom' || orient === 'top';
-    }
-    function isYAxis(orient) {
-        return orient === 'left' || orient === 'right';
-    }
-    function isZAxis(orient) {
-        return orient === 'z';
-    }
-    function autoAxisType(orient, isHorizontal) {
-        if (isHorizontal) {
-            return isXAxis(orient) ? 'linear' : 'band';
-        }
-        return isXAxis(orient) ? 'band' : 'linear';
-    }
-    function getOrient(spec, whiteList) {
-        return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
-    }
-    function getDirectionByOrient(orient) {
-        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
-    }
-    function transformInverse(spec, isHorizontal) {
-        let inverse = spec.inverse;
-        if (isHorizontal && !isXAxis(spec.orient)) {
-            inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
-        }
-        return inverse;
-    }
-    function getCartesianAxisInfo(spec, isHorizontal) {
-        var _a;
-        const axisType = (_a = spec.type) !== null && _a !== void 0 ? _a : autoAxisType(spec.orient, isHorizontal);
-        const componentName = `${ComponentTypeEnum.cartesianAxis}-${axisType}`;
-        return { axisType, componentName };
-    }
-    const getCartesianAxisTheme = (orient, type, getTheme) => {
-        var _a;
-        const axisTypeTheme = (_a = (type === 'band'
-            ? getComponentThemeFromOption('axisBand', getTheme)
-            : ['linear', 'log', 'symlog'].includes(type)
-                ? getComponentThemeFromOption('axisLinear', getTheme)
-                : {})) !== null && _a !== void 0 ? _a : {};
-        const axisTheme = isXAxis(orient)
-            ? getComponentThemeFromOption('axisX', getTheme)
-            : isYAxis(orient)
-                ? getComponentThemeFromOption('axisY', getTheme)
-                : getComponentThemeFromOption('axisZ', getTheme);
-        return mergeSpec({}, getComponentThemeFromOption('axis', getTheme), axisTypeTheme, axisTheme);
-    };
-
-    class DimensionEvent {
-        constructor(eventDispatcher, mode) {
-            this._eventDispatcher = eventDispatcher;
-            this._mode = mode;
-        }
-        get chart() {
-            var _a, _b;
-            if (!this._chart) {
-                this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
-            return this._chart;
-        }
-        register(eType, handler) {
-            var _a, _b;
-            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
-        }
-        unregister() {
-            var _a, _b;
-            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
-        }
-        getTargetDimensionInfo(x, y) {
-            var _a, _b, _c;
-            const dimensionInfo = (_c = (_b = (_a = this.chart.getModelOption()).getDimensionInfo) === null || _b === void 0 ? void 0 : _b.call(_a, this.chart, { x, y })) !== null && _c !== void 0 ? _c : [];
-            if (dimensionInfo.length === 0) {
-                return null;
-            }
-            return dimensionInfo;
-        }
-        dispatch(v, opt) {
-            var _a, _b;
-            const axes = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
-                if (c.specKey !== 'axes') {
-                    return false;
-                }
-                if (opt === null || opt === void 0 ? void 0 : opt.filter) {
-                    return opt.filter(c);
-                }
-                return true;
-            });
-            const discreteAxes = axes.filter(axis => {
-                const scale = axis.getScale();
-                return isDiscrete(scale.type);
-            });
-            const dimAxes = discreteAxes.length
-                ? discreteAxes
-                : axes.filter(axis => {
-                    const orient = axis.getOrient();
-                    return isXAxis(orient) || orient === 'angle';
-                });
-            const dimensionInfo = [];
-            const getDimensionInfoByValue = (_b = this.chart) === null || _b === void 0 ? void 0 : _b.getModelOption().getDimensionInfoByValue;
-            if (getDimensionInfoByValue) {
-                dimAxes.forEach(a => {
-                    const info = getDimensionInfoByValue(a, v);
-                    if (info) {
-                        dimensionInfo.push(info);
-                    }
-                });
-            }
-            this._callback.call(null, {
-                action: 'enter',
-                dimensionInfo
-            });
-            return dimensionInfo;
-        }
-    }
-
-    class DimensionClickEvent extends DimensionEvent {
-        constructor() {
-            super(...arguments);
-            this.onClick = (params) => {
-                if (!params) {
-                    return;
-                }
-                const x = params.event.viewX;
-                const y = params.event.viewY;
-                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-                if (!targetDimensionInfo) {
-                    return;
-                }
-                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: targetDimensionInfo.slice() }));
-            };
-        }
-        register(eType, handler) {
-            this._callback = handler.callback;
-            this._eventDispatcher.register('pointertap', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                callback: this.onClick
-            });
-        }
-        unregister() {
-            this._eventDispatcher.unregister('pointertap', {
-                query: null,
-                callback: this.onClick
-            });
-        }
-    }
-
-    const isInBound = (pos, min, max) => pos.x >= min.x && pos.x <= max.x && pos.y >= min.y && pos.y <= max.y;
-    const isInRegionBound = (chart, axis, pos) => {
-        const regionList = chart.getRegionsInIds(array(axis.layout.layoutBindRegionID));
-        return regionList === null || regionList === void 0 ? void 0 : regionList.some(region => {
-            const rect = region.getLayoutRect();
-            const startPoint = region.getLayoutStartPoint();
-            return isInBound(pos, { x: startPoint.x, y: startPoint.y }, { x: rect.width + startPoint.x, y: rect.height + startPoint.y });
-        });
-    };
-    const isSameDimensionInfo = (a, b) => {
-        var _a, _b;
-        if (a === b) {
-            return true;
-        }
-        if (isNil$1(a) || isNil$1(b)) {
-            return false;
-        }
-        if (a.value !== b.value) {
-            return false;
-        }
-        if (((_a = a.axis) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = b.axis) === null || _b === void 0 ? void 0 : _b.id)) {
-            return false;
-        }
-        return true;
-    };
-    const resolveTooltipFilterRange = (spec, scale) => {
-        const range = spec.tooltipFilterRange;
-        const rangeValue = typeof range === 'function' ? range({ scale }) : range;
-        const rangeArr = (isValidNumber$1(rangeValue) ? [-rangeValue, rangeValue] : rangeValue);
-        return rangeArr;
-    };
-    const getDimensionData = (value, axis, coordinate, getDimensionField) => {
-        var _a;
-        const scale = axis.getScale();
-        const isDiscreteAxis = isDiscrete(scale.type);
-        const data = [];
-        const seriesList = axis.getOption().getChart().getSeriesInIndex(axis.getSpecInfo().seriesIndexes);
-        for (const series of seriesList) {
-            if (series.coordinate === coordinate) {
-                const dimensionField = array(getDimensionField(series));
-                const viewData = (_a = series.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData;
-                if (dimensionField && viewData) {
-                    if (isDiscreteAxis) {
-                        const datums = [];
-                        const datumIdList = [];
-                        viewData.forEach((datum, i) => {
-                            var _a;
-                            if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
-                                datums.push(datum);
-                                datumIdList.push(i);
-                            }
-                        });
-                        data.push({
-                            series,
-                            datum: datums,
-                            key: getDimensionDataKey(series, datumIdList)
-                        });
-                    }
-                    else {
-                        if (isValid$1(dimensionField[1])) {
-                            const datums = [];
-                            const datumIdList = [];
-                            viewData.forEach((datum, i) => {
-                                var _a;
-                                if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()) ||
-                                    (isValid$1(datum[dimensionField[0]]) &&
-                                        isValid$1(datum[dimensionField[1]]) &&
-                                        value >= datum[dimensionField[0]] &&
-                                        value < datum[dimensionField[1]])) {
-                                    datums.push(datum);
-                                    datumIdList.push(i);
-                                }
-                            });
-                            data.push({
-                                series,
-                                datum: datums,
-                                key: getDimensionDataKey(series, datumIdList)
-                            });
-                        }
-                        else {
-                            const spec = axis.getSpec();
-                            const rangeArr = resolveTooltipFilterRange(spec, scale);
-                            let datums = [];
-                            let datumIdList = [];
-                            if (rangeArr) {
-                                viewData.forEach((datum, i) => {
-                                    if (isValid$1(datum[dimensionField[0]])) {
-                                        const delta = datum[dimensionField[0]] - value;
-                                        if (delta >= rangeArr[0] && delta <= rangeArr[1]) {
-                                            datums.push(datum);
-                                            datumIdList.push(i);
-                                        }
-                                    }
-                                });
-                            }
-                            else {
-                                let minDelta = Infinity;
-                                let deltaSign = 0;
-                                viewData.forEach((datum, i) => {
-                                    if (isValid$1(datum[dimensionField[0]])) {
-                                        const delta = Math.abs(datum[dimensionField[0]] - value);
-                                        const sign = Math.sign(datum[dimensionField[0]] - value);
-                                        if (delta < minDelta) {
-                                            minDelta = delta;
-                                            datums = [datum];
-                                            datumIdList = [i];
-                                            deltaSign = sign;
-                                        }
-                                        else if (delta === minDelta && sign === deltaSign) {
-                                            datums.push(datum);
-                                            datumIdList.push(i);
-                                        }
-                                    }
-                                });
-                            }
-                            data.push({
-                                series,
-                                datum: datums,
-                                key: getDimensionDataKey(series, datumIdList)
-                            });
-                        }
-                    }
-                }
-            }
-        }
-        return data;
-    };
-    const getDimensionDataKey = (series, datumIdList) => `${series.id}_${datumIdList.join('_')}`;
-    const getAxis = (chart, filter, pos) => {
-        const axesComponents = chart
-            .getAllComponents()
-            .filter(c => c.specKey === 'axes' && filter(c) && isInRegionBound(chart, c, pos));
-        if (!axesComponents.length) {
-            return null;
-        }
-        return axesComponents;
-    };
-
-    class DimensionHoverEvent extends DimensionEvent {
-        constructor() {
-            super(...arguments);
-            this._cacheDimensionInfo = null;
-            this.onMouseMove = (params) => {
-                if (!params || DimensionHoverEvent._disableDimensionEvent) {
-                    return;
-                }
-                const x = params.event.viewX;
-                const y = params.event.viewY;
-                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-                if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo.slice() }));
-                    this._cacheDimensionInfo = targetDimensionInfo;
-                }
-                else if (targetDimensionInfo !== null &&
-                    (this._cacheDimensionInfo === null ||
-                        targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
-                        targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: targetDimensionInfo.slice() }));
-                    this._cacheDimensionInfo = targetDimensionInfo;
-                }
-                else if (targetDimensionInfo !== null) {
-                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: targetDimensionInfo.slice() }));
-                }
-            };
-            this.onMouseOut = (params) => {
-                if (!params || DimensionHoverEvent._disableDimensionEvent) {
-                    return;
-                }
-                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo ? this._cacheDimensionInfo.slice() : [] }));
-                this._cacheDimensionInfo = null;
-            };
-        }
-        static disableDimensionEvent(value) {
-            this._disableDimensionEvent = value;
-        }
-        register(eType, handler) {
-            this._callback = handler.callback;
-            this._eventDispatcher.register('pointermove', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                callback: this.onMouseMove
-            });
-            this._eventDispatcher.register('pointerout', {
-                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.canvas }),
-                callback: this.onMouseOut
-            });
-            if (isMobileLikeMode(this._mode)) {
-                this._eventDispatcher.register('pointerdown', {
-                    query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
-                    callback: this.onMouseMove
-                });
-            }
-        }
-        unregister() {
-            this._eventDispatcher.unregister('pointermove', {
-                query: null,
-                callback: this.onMouseMove
-            });
-            if (isMobileLikeMode(this._mode)) {
-                this._eventDispatcher.unregister('pointerdown', {
-                    query: null,
-                    callback: this.onMouseMove
-                });
-            }
-        }
-    }
-    DimensionHoverEvent._disableDimensionEvent = false;
-
-    exports.DimensionEventEnum = void 0;
-    (function (DimensionEventEnum) {
-        DimensionEventEnum["dimensionHover"] = "dimensionHover";
-        DimensionEventEnum["dimensionClick"] = "dimensionClick";
-    })(exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
-
-    const registerDimensionEvents = () => {
-        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionHover, DimensionHoverEvent);
-        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionClick, DimensionClickEvent);
-    };
-
-    const discreteXAxisGetDimensionField = (series) => series.fieldX[0];
-    const discreteYAxisGetDimensionField = (series) => series.fieldY[0];
-    const continuousXAxisGetDimensionField = (series) => {
-        var _a;
-        return [
-            series.fieldX[0],
-            (_a = series.fieldX2) !== null && _a !== void 0 ? _a : series.fieldX[1]
-        ];
-    };
-    const continuousYAxisGetDimensionField = (series) => {
-        var _a;
-        return [
-            series.fieldY[0],
-            (_a = series.fieldY2) !== null && _a !== void 0 ? _a : series.fieldY[1]
-        ];
-    };
-    const getDimensionFieldFunc = (isXAxis, isDiscreteAxis) => isXAxis
-        ? isDiscreteAxis
-            ? discreteXAxisGetDimensionField
-            : continuousXAxisGetDimensionField
-        : isDiscreteAxis
-            ? discreteYAxisGetDimensionField
-            : continuousYAxisGetDimensionField;
-    const getCartesianDimensionInfo = (chart, pos, isTooltip) => {
-        var _a, _b;
-        if (!chart) {
-            return null;
-        }
-        const { x, y } = pos;
-        const xAxisList = (_a = getAxis(chart, (cmp) => isXAxis(cmp.getOrient()), pos)) !== null && _a !== void 0 ? _a : [];
-        const yAxisList = (_b = getAxis(chart, (cmp) => isYAxis(cmp.getOrient()), pos)) !== null && _b !== void 0 ? _b : [];
-        if (!xAxisList.length && !yAxisList.length) {
-            return null;
-        }
-        const bandAxisSet = new Set();
-        const linearAxisSet = new Set();
-        const forceAxisSet = new Set();
-        [xAxisList, yAxisList].forEach(axisList => axisList.forEach(axis => {
-            const isDiscreteAxis = isDiscrete(axis.getScale().type);
-            if (isDiscreteAxis) {
-                bandAxisSet.add(axis);
-            }
-            else {
-                linearAxisSet.add(axis);
-            }
-            if (isTooltip && axis.getSpec().hasDimensionTooltip) {
-                forceAxisSet.add(axis);
-            }
-        }));
-        const targetAxisInfo = [];
-        const addAxisDimensionInfo = (orient) => {
-            const isXAxis = orient === 'x';
-            const posValue = isXAxis ? x : y;
-            const axisList = isXAxis ? xAxisList : yAxisList;
-            axisList.forEach(axis => {
-                if (forceAxisSet.size > 0) {
-                    if (forceAxisSet.has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
-                        info && targetAxisInfo.push(info);
-                    }
-                }
-                else {
-                    const hasDiscreteAxis = bandAxisSet.size > 0;
-                    if ((hasDiscreteAxis ? bandAxisSet : linearAxisSet).has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
-                        info && targetAxisInfo.push(info);
-                    }
-                }
-            });
-        };
-        if (chart.getSpec().direction === "horizontal") {
-            addAxisDimensionInfo('y');
-            if (targetAxisInfo.length === 0) {
-                addAxisDimensionInfo('x');
-            }
-        }
-        else {
-            addAxisDimensionInfo('x');
-            if (targetAxisInfo.length === 0) {
-                addAxisDimensionInfo('y');
-            }
-        }
-        if (!targetAxisInfo.length) {
-            return null;
-        }
-        return targetAxisInfo;
-    };
-    const getDimensionInfoByPosition = (axis, posValue, getDimensionField) => {
-        const value = axis.positionToData(posValue, true);
-        return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
-    };
-    const getDimensionInfoByValue = (axis, value, getDimensionField) => {
-        const scale = axis.getScale();
-        if (isNil$1(value)) {
-            return null;
-        }
-        const domain = scale.domain();
-        let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-        if (index < 0) {
-            index = undefined;
-        }
-        const data = getDimensionData(value, axis, 'cartesian', getDimensionField !== null && getDimensionField !== void 0 ? getDimensionField : (isXAxis(axis.getOrient()) ? discreteXAxisGetDimensionField : discreteYAxisGetDimensionField));
-        return { index, value, position: scale.scale(value), axis, data };
-    };
-
-    const angleStandardize = (angle, range) => {
-        const unit = Math.PI * 2;
-        const min = minInArray(range);
-        const max = maxInArray(range);
-        if (angle < min) {
-            angle += Math.ceil((min - angle) / unit) * unit;
-        }
-        else if (angle > max) {
-            angle -= Math.ceil((angle - max) / unit) * unit;
-        }
-        return angle;
-    };
-    const getPolarDimensionInfo = (chart, pos) => {
-        if (!chart) {
-            return null;
-        }
-        const angleAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'angle', pos);
-        const radiusAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'radius', pos);
-        if ((!angleAxisList || !angleAxisList.length) && (!radiusAxisList || !radiusAxisList.length)) {
-            return null;
-        }
-        const targetAxisInfo = [];
-        const getDimensionField = (series) => series.getDimensionField()[0];
-        const { x, y } = pos;
-        if (angleAxisList) {
-            angleAxisList.forEach(axis => {
-                var _a;
-                const angleScale = axis.getScale();
-                if (angleScale && isDiscrete(angleScale.type)) {
-                    const angleDomain = angleScale.domain();
-                    const angleRange = angleScale.range();
-                    const center = axis.getCenter();
-                    const vector = {
-                        x: x - axis.getLayoutStartPoint().x - center.x,
-                        y: y - axis.getLayoutStartPoint().y - center.y
-                    };
-                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
-                    angle = angleStandardize(angle, angleRange);
-                    const radius = distance(vector);
-                    const radiusScale = (_a = radiusAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
-                    const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
-                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
-                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
-                        return;
-                    }
-                    const value = axis.invert(angle);
-                    if (isNil$1(value)) {
-                        return;
-                    }
-                    let index = angleDomain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-                    if (index < 0) {
-                        index = undefined;
-                    }
-                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
-                    targetAxisInfo.push({ index, value, position: angleScale.scale(value), axis, data });
-                }
-            });
-        }
-        if (radiusAxisList) {
-            radiusAxisList.forEach(axis => {
-                var _a;
-                const radiusScale = axis.getScale();
-                const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
-                if (radiusScale && isDiscrete(radiusScale.type)) {
-                    const center = axis.getCenter();
-                    const vector = {
-                        x: x - axis.getLayoutStartPoint().x - center.x,
-                        y: y - axis.getLayoutStartPoint().y - center.y
-                    };
-                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
-                    if (angle < -Math.PI / 2) {
-                        angle = Math.PI * 2 + angle;
-                    }
-                    const radius = distance(vector);
-                    const angleScale = (_a = angleAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
-                    const angleRange = angleScale === null || angleScale === void 0 ? void 0 : angleScale.range();
-                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
-                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
-                        return;
-                    }
-                    const value = radiusScale.invert(radius);
-                    if (isNil$1(value)) {
-                        return;
-                    }
-                    const domain = radiusScale.domain();
-                    let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
-                    if (index < 0) {
-                        index = undefined;
-                    }
-                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
-                    targetAxisInfo.push({ index, value, position: radiusScale.scale(value), axis, data });
-                }
-            });
-        }
-        if (!targetAxisInfo.length) {
-            return null;
-        }
-        return targetAxisInfo;
-    };
-
     class VChart {
         static useRegisters(comps) {
             comps.forEach((fn) => {
@@ -61137,7 +60520,7 @@
             this._compiler.updateLayoutTag();
             this._setFontFamilyTheme(this.getTheme('fontFamily'));
             this._initDataSet(this._option.dataSet);
-            this._autoSize = isTrueBrowseEnv ? ((_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true) : false;
+            this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
             this._bindResizeEvent();
             this._bindViewEvent();
             this._initChartPlugin();
@@ -61790,7 +61173,7 @@
                 resize = true;
             }
             const lasAutoSize = this._autoSize;
-            this._autoSize = isTrueBrowser(this._option.mode) ? ((_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true) : false;
+            this._autoSize = isTrueBrowser(this._option.mode) ? (_b = (_a = this._spec.autoFit) !== null && _a !== void 0 ? _a : this._option.autoFit) !== null && _b !== void 0 ? _b : true : false;
             if (this._autoSize !== lasAutoSize) {
                 resize = true;
             }
@@ -62031,19 +61414,6 @@
             var _a;
             return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
         }
-        disableDimensionHoverEvent(value = true) {
-            DimensionHoverEvent.disableDimensionEvent(value);
-        }
-        disableCrossHair(value = true) {
-            this.getChart()
-                .getComponentsByKey('crosshair')
-                .forEach(crosshair => (crosshair.enable = !value));
-        }
-        disableTooltip(value = true) {
-            this.getChart()
-                .getComponentsByKey('tooltip')
-                .forEach(tooltip => (tooltip.enable = !value));
-        }
         showCrosshair(cb) {
             var _a;
             (_a = this._chart) === null || _a === void 0 ? void 0 : _a.showCrosshair(cb);
@@ -62286,6 +61656,39 @@
         Direction["horizontal"] = "horizontal";
     })(exports.Direction || (exports.Direction = {}));
 
+    function getComponentThemeFromOption(type, getTheme) {
+        return getTheme('component', type);
+    }
+    function getFormatFunction(formatMethod, formatter, text, datum) {
+        if (formatMethod) {
+            return { formatFunc: formatMethod, args: [text, datum] };
+        }
+        const formatterImpl = Factory.getFormatter();
+        if (formatter && formatterImpl) {
+            return { formatFunc: formatterImpl, args: [text, datum, formatter] };
+        }
+        return {};
+    }
+    const getSpecInfo = (chartSpec, specKey, compType, filter) => {
+        if (isNil$1(chartSpec[specKey])) {
+            return undefined;
+        }
+        const isArraySpec = isArray$1(chartSpec[specKey]);
+        const spec = isArraySpec ? chartSpec[specKey] : [chartSpec[specKey]];
+        const specInfos = [];
+        spec.forEach((s, i) => {
+            if (s && (!filter || filter(s))) {
+                specInfos.push({
+                    spec: s,
+                    specPath: isArraySpec ? [specKey, i] : [specKey],
+                    specInfoPath: ['component', specKey, i],
+                    type: compType
+                });
+            }
+        });
+        return specInfos;
+    };
+
     const lookup = (data, opt) => {
         if (!opt.from || !opt.from()) {
             return data;
@@ -64651,96 +64054,452 @@
             }
             return this._scaleY.invert(yPos);
         }
-        getRegionRectLeft() {
-            if (!this._xAxisHelper) {
-                return Number.NaN;
-            }
-            const { getScale } = this._xAxisHelper;
-            return getScale(0).range()[0];
+        getRegionRectLeft() {
+            if (!this._xAxisHelper) {
+                return Number.NaN;
+            }
+            const { getScale } = this._xAxisHelper;
+            return getScale(0).range()[0];
+        }
+        getRegionRectRight() {
+            if (!this._xAxisHelper) {
+                return Number.NaN;
+            }
+            const { getScale } = this._xAxisHelper;
+            return getScale(0).range()[1];
+        }
+        afterInitMark() {
+            super.afterInitMark();
+            this.setFieldX(this._fieldX);
+            this.setFieldY(this._fieldY);
+            this._buildScaleConfig();
+        }
+        getDimensionField() {
+            if (this._direction === "horizontal") {
+                return this._specYField;
+            }
+            return this._specXField;
+        }
+        getDimensionContinuousField() {
+            if (this._direction === "horizontal") {
+                return [this.fieldY[0], this.fieldY2];
+            }
+            return [this.fieldX[0], this.fieldX2];
+        }
+        getMeasureField() {
+            if (this._direction === "horizontal") {
+                return this._specXField;
+            }
+            return this._specYField;
+        }
+        initEvent() {
+            super.initEvent();
+            if (this.sortDataByAxis) {
+                this.event.on(exports.ChartEvent.scaleDomainUpdate, {
+                    filter: param => {
+                        var _a;
+                        return param.model.id ===
+                            ((_a = (this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper)) === null || _a === void 0 ? void 0 : _a.getAxisId());
+                    }
+                }, () => {
+                    this._sortDataInAxisDomain();
+                });
+            }
+        }
+        _sortDataInAxisDomain() {
+            var _a, _b, _c;
+            if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
+                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
+                (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
+            }
+        }
+        getInvalidCheckFields() {
+            const fields = [];
+            if (this._xAxisHelper &&
+                this._xAxisHelper.isContinuous &&
+                this._xAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
+                const xFields = this._xAxisHelper.getFields ? this._xAxisHelper.getFields() : this._specXField;
+                xFields.forEach(f => {
+                    fields.push(f);
+                });
+            }
+            if (this._yAxisHelper &&
+                this._yAxisHelper.isContinuous &&
+                this._yAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
+                const yFields = this._yAxisHelper.getFields ? this._yAxisHelper.getFields() : this._specYField;
+                yFields.forEach(f => {
+                    fields.push(f);
+                });
+            }
+            return fields;
+        }
+        reInit(spec) {
+            if (this._positionXEncoder) {
+                this._positionXEncoder = null;
+            }
+            if (this._positionYEncoder) {
+                this._positionYEncoder = null;
+            }
+            super.reInit(spec);
+        }
+    }
+
+    function isXAxis(orient) {
+        return orient === 'bottom' || orient === 'top';
+    }
+    function isYAxis(orient) {
+        return orient === 'left' || orient === 'right';
+    }
+    function isZAxis(orient) {
+        return orient === 'z';
+    }
+    function autoAxisType(orient, isHorizontal) {
+        if (isHorizontal) {
+            return isXAxis(orient) ? 'linear' : 'band';
+        }
+        return isXAxis(orient) ? 'band' : 'linear';
+    }
+    function getOrient(spec, whiteList) {
+        return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
+    }
+    function getDirectionByOrient(orient) {
+        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
+    }
+    function transformInverse(spec, isHorizontal) {
+        let inverse = spec.inverse;
+        if (isHorizontal && !isXAxis(spec.orient)) {
+            inverse = isValid$1(spec.inverse) ? !spec.inverse : true;
+        }
+        return inverse;
+    }
+    function getCartesianAxisInfo(spec, isHorizontal) {
+        var _a;
+        const axisType = (_a = spec.type) !== null && _a !== void 0 ? _a : autoAxisType(spec.orient, isHorizontal);
+        const componentName = `${ComponentTypeEnum.cartesianAxis}-${axisType}`;
+        return { axisType, componentName };
+    }
+    const getCartesianAxisTheme = (orient, type, getTheme) => {
+        var _a;
+        const axisTypeTheme = (_a = (type === 'band'
+            ? getComponentThemeFromOption('axisBand', getTheme)
+            : ['linear', 'log', 'symlog'].includes(type)
+                ? getComponentThemeFromOption('axisLinear', getTheme)
+                : {})) !== null && _a !== void 0 ? _a : {};
+        const axisTheme = isXAxis(orient)
+            ? getComponentThemeFromOption('axisX', getTheme)
+            : isYAxis(orient)
+                ? getComponentThemeFromOption('axisY', getTheme)
+                : getComponentThemeFromOption('axisZ', getTheme);
+        return mergeSpec({}, getComponentThemeFromOption('axis', getTheme), axisTypeTheme, axisTheme);
+    };
+
+    class DimensionEvent {
+        constructor(eventDispatcher, mode) {
+            this._eventDispatcher = eventDispatcher;
+            this._mode = mode;
+        }
+        get chart() {
+            var _a, _b;
+            if (!this._chart) {
+                this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            return this._chart;
+        }
+        register(eType, handler) {
+            var _a, _b;
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
+        }
+        unregister() {
+            var _a, _b;
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error)('Method not implemented.');
+        }
+        getTargetDimensionInfo(x, y) {
+            var _a, _b, _c;
+            const dimensionInfo = (_c = (_b = (_a = this.chart.getModelOption()).getDimensionInfo) === null || _b === void 0 ? void 0 : _b.call(_a, this.chart, { x, y })) !== null && _c !== void 0 ? _c : [];
+            if (dimensionInfo.length === 0) {
+                return null;
+            }
+            return dimensionInfo;
+        }
+        dispatch(v, opt) {
+            var _a, _b;
+            const axes = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
+                if (c.specKey !== 'axes') {
+                    return false;
+                }
+                if (opt === null || opt === void 0 ? void 0 : opt.filter) {
+                    return opt.filter(c);
+                }
+                return true;
+            });
+            const discreteAxes = axes.filter(axis => {
+                const scale = axis.getScale();
+                return isDiscrete(scale.type);
+            });
+            const dimAxes = discreteAxes.length
+                ? discreteAxes
+                : axes.filter(axis => {
+                    const orient = axis.getOrient();
+                    return isXAxis(orient) || orient === 'angle';
+                });
+            const dimensionInfo = [];
+            const getDimensionInfoByValue = (_b = this.chart) === null || _b === void 0 ? void 0 : _b.getModelOption().getDimensionInfoByValue;
+            if (getDimensionInfoByValue) {
+                dimAxes.forEach(a => {
+                    const info = getDimensionInfoByValue(a, v);
+                    if (info) {
+                        dimensionInfo.push(info);
+                    }
+                });
+            }
+            this._callback.call(null, {
+                action: 'enter',
+                dimensionInfo
+            });
+            return dimensionInfo;
+        }
+    }
+
+    class DimensionClickEvent extends DimensionEvent {
+        constructor() {
+            super(...arguments);
+            this.onClick = (params) => {
+                if (!params) {
+                    return;
+                }
+                const x = params.event.viewX;
+                const y = params.event.viewY;
+                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+                if (!targetDimensionInfo) {
+                    return;
+                }
+                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: targetDimensionInfo.slice() }));
+            };
+        }
+        register(eType, handler) {
+            this._callback = handler.callback;
+            this._eventDispatcher.register('pointertap', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                callback: this.onClick
+            });
         }
-        getRegionRectRight() {
-            if (!this._xAxisHelper) {
-                return Number.NaN;
-            }
-            const { getScale } = this._xAxisHelper;
-            return getScale(0).range()[1];
+        unregister() {
+            this._eventDispatcher.unregister('pointertap', {
+                query: null,
+                callback: this.onClick
+            });
         }
-        afterInitMark() {
-            super.afterInitMark();
-            this.setFieldX(this._fieldX);
-            this.setFieldY(this._fieldY);
-            this._buildScaleConfig();
+    }
+
+    const isInBound = (pos, min, max) => pos.x >= min.x && pos.x <= max.x && pos.y >= min.y && pos.y <= max.y;
+    const isInRegionBound = (chart, axis, pos) => {
+        const regionList = chart.getRegionsInIds(array(axis.layout.layoutBindRegionID));
+        return regionList === null || regionList === void 0 ? void 0 : regionList.some(region => {
+            const rect = region.getLayoutRect();
+            const startPoint = region.getLayoutStartPoint();
+            return isInBound(pos, { x: startPoint.x, y: startPoint.y }, { x: rect.width + startPoint.x, y: rect.height + startPoint.y });
+        });
+    };
+    const isSameDimensionInfo = (a, b) => {
+        var _a, _b;
+        if (a === b) {
+            return true;
         }
-        getDimensionField() {
-            if (this._direction === "horizontal") {
-                return this._specYField;
-            }
-            return this._specXField;
+        if (isNil$1(a) || isNil$1(b)) {
+            return false;
         }
-        getDimensionContinuousField() {
-            if (this._direction === "horizontal") {
-                return [this.fieldY[0], this.fieldY2];
-            }
-            return [this.fieldX[0], this.fieldX2];
+        if (a.value !== b.value) {
+            return false;
         }
-        getMeasureField() {
-            if (this._direction === "horizontal") {
-                return this._specXField;
-            }
-            return this._specYField;
+        if (((_a = a.axis) === null || _a === void 0 ? void 0 : _a.id) !== ((_b = b.axis) === null || _b === void 0 ? void 0 : _b.id)) {
+            return false;
         }
-        initEvent() {
-            super.initEvent();
-            if (this.sortDataByAxis) {
-                this.event.on(exports.ChartEvent.scaleDomainUpdate, {
-                    filter: param => {
-                        var _a;
-                        return param.model.id ===
-                            ((_a = (this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper)) === null || _a === void 0 ? void 0 : _a.getAxisId());
+        return true;
+    };
+    const resolveTooltipFilterRange = (spec, scale) => {
+        const range = spec.tooltipFilterRange;
+        const rangeValue = typeof range === 'function' ? range({ scale }) : range;
+        const rangeArr = (isValidNumber$1(rangeValue) ? [-rangeValue, rangeValue] : rangeValue);
+        return rangeArr;
+    };
+    const getDimensionData = (value, axis, coordinate, getDimensionField) => {
+        var _a;
+        const scale = axis.getScale();
+        const isDiscreteAxis = isDiscrete(scale.type);
+        const data = [];
+        const seriesList = axis.getOption().getChart().getSeriesInIndex(axis.getSpecInfo().seriesIndexes);
+        for (const series of seriesList) {
+            if (series.coordinate === coordinate) {
+                const dimensionField = array(getDimensionField(series));
+                const viewData = (_a = series.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData;
+                if (dimensionField && viewData) {
+                    if (isDiscreteAxis) {
+                        const datums = [];
+                        const datumIdList = [];
+                        viewData.forEach((datum, i) => {
+                            var _a;
+                            if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
+                                datums.push(datum);
+                                datumIdList.push(i);
+                            }
+                        });
+                        data.push({
+                            series,
+                            datum: datums,
+                            key: getDimensionDataKey(series, datumIdList)
+                        });
                     }
-                }, () => {
-                    this._sortDataInAxisDomain();
-                });
+                    else {
+                        if (isValid$1(dimensionField[1])) {
+                            const datums = [];
+                            const datumIdList = [];
+                            viewData.forEach((datum, i) => {
+                                var _a;
+                                if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()) ||
+                                    (isValid$1(datum[dimensionField[0]]) &&
+                                        isValid$1(datum[dimensionField[1]]) &&
+                                        value >= datum[dimensionField[0]] &&
+                                        value < datum[dimensionField[1]])) {
+                                    datums.push(datum);
+                                    datumIdList.push(i);
+                                }
+                            });
+                            data.push({
+                                series,
+                                datum: datums,
+                                key: getDimensionDataKey(series, datumIdList)
+                            });
+                        }
+                        else {
+                            const spec = axis.getSpec();
+                            const rangeArr = resolveTooltipFilterRange(spec, scale);
+                            let datums = [];
+                            let datumIdList = [];
+                            if (rangeArr) {
+                                viewData.forEach((datum, i) => {
+                                    if (isValid$1(datum[dimensionField[0]])) {
+                                        const delta = datum[dimensionField[0]] - value;
+                                        if (delta >= rangeArr[0] && delta <= rangeArr[1]) {
+                                            datums.push(datum);
+                                            datumIdList.push(i);
+                                        }
+                                    }
+                                });
+                            }
+                            else {
+                                let minDelta = Infinity;
+                                let deltaSign = 0;
+                                viewData.forEach((datum, i) => {
+                                    if (isValid$1(datum[dimensionField[0]])) {
+                                        const delta = Math.abs(datum[dimensionField[0]] - value);
+                                        const sign = Math.sign(datum[dimensionField[0]] - value);
+                                        if (delta < minDelta) {
+                                            minDelta = delta;
+                                            datums = [datum];
+                                            datumIdList = [i];
+                                            deltaSign = sign;
+                                        }
+                                        else if (delta === minDelta && sign === deltaSign) {
+                                            datums.push(datum);
+                                            datumIdList.push(i);
+                                        }
+                                    }
+                                });
+                            }
+                            data.push({
+                                series,
+                                datum: datums,
+                                key: getDimensionDataKey(series, datumIdList)
+                            });
+                        }
+                    }
+                }
             }
         }
-        _sortDataInAxisDomain() {
-            var _a, _b, _c;
-            if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
-                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
-                (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
-            }
+        return data;
+    };
+    const getDimensionDataKey = (series, datumIdList) => `${series.id}_${datumIdList.join('_')}`;
+    const getAxis = (chart, filter, pos) => {
+        const axesComponents = chart
+            .getAllComponents()
+            .filter(c => c.specKey === 'axes' && filter(c) && isInRegionBound(chart, c, pos));
+        if (!axesComponents.length) {
+            return null;
         }
-        getInvalidCheckFields() {
-            const fields = [];
-            if (this._xAxisHelper &&
-                this._xAxisHelper.isContinuous &&
-                this._xAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
-                const xFields = this._xAxisHelper.getFields ? this._xAxisHelper.getFields() : this._specXField;
-                xFields.forEach(f => {
-                    fields.push(f);
-                });
-            }
-            if (this._yAxisHelper &&
-                this._yAxisHelper.isContinuous &&
-                this._yAxisHelper.getAxisType() !== ComponentTypeEnum.geoCoordinate) {
-                const yFields = this._yAxisHelper.getFields ? this._yAxisHelper.getFields() : this._specYField;
-                yFields.forEach(f => {
-                    fields.push(f);
+        return axesComponents;
+    };
+
+    class DimensionHoverEvent extends DimensionEvent {
+        constructor() {
+            super(...arguments);
+            this._cacheDimensionInfo = null;
+            this.onMouseMove = (params) => {
+                if (!params) {
+                    return;
+                }
+                const x = params.event.viewX;
+                const y = params.event.viewY;
+                const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+                if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo.slice() }));
+                    this._cacheDimensionInfo = targetDimensionInfo;
+                }
+                else if (targetDimensionInfo !== null &&
+                    (this._cacheDimensionInfo === null ||
+                        targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
+                        targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: targetDimensionInfo.slice() }));
+                    this._cacheDimensionInfo = targetDimensionInfo;
+                }
+                else if (targetDimensionInfo !== null) {
+                    this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: targetDimensionInfo.slice() }));
+                }
+            };
+            this.onMouseOut = (params) => {
+                if (!params) {
+                    return;
+                }
+                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo ? this._cacheDimensionInfo.slice() : [] }));
+                this._cacheDimensionInfo = null;
+            };
+        }
+        register(eType, handler) {
+            this._callback = handler.callback;
+            this._eventDispatcher.register('pointermove', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                callback: this.onMouseMove
+            });
+            this._eventDispatcher.register('pointerout', {
+                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.canvas }),
+                callback: this.onMouseOut
+            });
+            if (isMobileLikeMode(this._mode)) {
+                this._eventDispatcher.register('pointerdown', {
+                    query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+                    callback: this.onMouseMove
                 });
             }
-            return fields;
         }
-        reInit(spec) {
-            if (this._positionXEncoder) {
-                this._positionXEncoder = null;
-            }
-            if (this._positionYEncoder) {
-                this._positionYEncoder = null;
+        unregister() {
+            this._eventDispatcher.unregister('pointermove', {
+                query: null,
+                callback: this.onMouseMove
+            });
+            if (isMobileLikeMode(this._mode)) {
+                this._eventDispatcher.unregister('pointerdown', {
+                    query: null,
+                    callback: this.onMouseMove
+                });
             }
-            super.reInit(spec);
         }
     }
 
+    exports.DimensionEventEnum = void 0;
+    (function (DimensionEventEnum) {
+        DimensionEventEnum["dimensionHover"] = "dimensionHover";
+        DimensionEventEnum["dimensionClick"] = "dimensionClick";
+    })(exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
+
     const lineLikeSeriesMark = {
         ["point"]: { name: "point", type: "symbol" },
         ["line"]: { name: "line", type: "line" }
@@ -71440,6 +71199,116 @@
         Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);
     };
 
+    const registerDimensionEvents = () => {
+        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionHover, DimensionHoverEvent);
+        Factory.registerComposedEvent(exports.DimensionEventEnum.dimensionClick, DimensionClickEvent);
+    };
+
+    const discreteXAxisGetDimensionField = (series) => series.fieldX[0];
+    const discreteYAxisGetDimensionField = (series) => series.fieldY[0];
+    const continuousXAxisGetDimensionField = (series) => {
+        var _a;
+        return [
+            series.fieldX[0],
+            (_a = series.fieldX2) !== null && _a !== void 0 ? _a : series.fieldX[1]
+        ];
+    };
+    const continuousYAxisGetDimensionField = (series) => {
+        var _a;
+        return [
+            series.fieldY[0],
+            (_a = series.fieldY2) !== null && _a !== void 0 ? _a : series.fieldY[1]
+        ];
+    };
+    const getDimensionFieldFunc = (isXAxis, isDiscreteAxis) => isXAxis
+        ? isDiscreteAxis
+            ? discreteXAxisGetDimensionField
+            : continuousXAxisGetDimensionField
+        : isDiscreteAxis
+            ? discreteYAxisGetDimensionField
+            : continuousYAxisGetDimensionField;
+    const getCartesianDimensionInfo = (chart, pos, isTooltip) => {
+        var _a, _b;
+        if (!chart) {
+            return null;
+        }
+        const { x, y } = pos;
+        const xAxisList = (_a = getAxis(chart, (cmp) => isXAxis(cmp.getOrient()), pos)) !== null && _a !== void 0 ? _a : [];
+        const yAxisList = (_b = getAxis(chart, (cmp) => isYAxis(cmp.getOrient()), pos)) !== null && _b !== void 0 ? _b : [];
+        if (!xAxisList.length && !yAxisList.length) {
+            return null;
+        }
+        const bandAxisSet = new Set();
+        const linearAxisSet = new Set();
+        const forceAxisSet = new Set();
+        [xAxisList, yAxisList].forEach(axisList => axisList.forEach(axis => {
+            const isDiscreteAxis = isDiscrete(axis.getScale().type);
+            if (isDiscreteAxis) {
+                bandAxisSet.add(axis);
+            }
+            else {
+                linearAxisSet.add(axis);
+            }
+            if (isTooltip && axis.getSpec().hasDimensionTooltip) {
+                forceAxisSet.add(axis);
+            }
+        }));
+        const targetAxisInfo = [];
+        const addAxisDimensionInfo = (orient) => {
+            const isXAxis = orient === 'x';
+            const posValue = isXAxis ? x : y;
+            const axisList = isXAxis ? xAxisList : yAxisList;
+            axisList.forEach(axis => {
+                if (forceAxisSet.size > 0) {
+                    if (forceAxisSet.has(axis)) {
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
+                        info && targetAxisInfo.push(info);
+                    }
+                }
+                else {
+                    const hasDiscreteAxis = bandAxisSet.size > 0;
+                    if ((hasDiscreteAxis ? bandAxisSet : linearAxisSet).has(axis)) {
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
+                        info && targetAxisInfo.push(info);
+                    }
+                }
+            });
+        };
+        if (chart.getSpec().direction === "horizontal") {
+            addAxisDimensionInfo('y');
+            if (targetAxisInfo.length === 0) {
+                addAxisDimensionInfo('x');
+            }
+        }
+        else {
+            addAxisDimensionInfo('x');
+            if (targetAxisInfo.length === 0) {
+                addAxisDimensionInfo('y');
+            }
+        }
+        if (!targetAxisInfo.length) {
+            return null;
+        }
+        return targetAxisInfo;
+    };
+    const getDimensionInfoByPosition = (axis, posValue, getDimensionField) => {
+        const value = axis.positionToData(posValue, true);
+        return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
+    };
+    const getDimensionInfoByValue = (axis, value, getDimensionField) => {
+        const scale = axis.getScale();
+        if (isNil$1(value)) {
+            return null;
+        }
+        const domain = scale.domain();
+        let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+        if (index < 0) {
+            index = undefined;
+        }
+        const data = getDimensionData(value, axis, 'cartesian', getDimensionField !== null && getDimensionField !== void 0 ? getDimensionField : (isXAxis(axis.getOrient()) ? discreteXAxisGetDimensionField : discreteYAxisGetDimensionField));
+        return { index, value, position: scale.scale(value), axis, data };
+    };
+
     const layoutByValue$1 = (stateByField, series, layoutStartPoint, enableRemain = false) => {
         if (!layoutStartPoint) {
             layoutStartPoint = { x: 0, y: 0 };
@@ -71885,9 +71754,6 @@
         }
         shouldHandleTooltip(params, info) {
             var _a, _b;
-            if (!this.component.enable) {
-                return false;
-            }
             if (isNil$1(info)) {
                 return false;
             }
@@ -93198,6 +93064,106 @@
         }
     }
 
+    const angleStandardize = (angle, range) => {
+        const unit = Math.PI * 2;
+        const min = minInArray(range);
+        const max = maxInArray(range);
+        if (angle < min) {
+            angle += Math.ceil((min - angle) / unit) * unit;
+        }
+        else if (angle > max) {
+            angle -= Math.ceil((angle - max) / unit) * unit;
+        }
+        return angle;
+    };
+    const getPolarDimensionInfo = (chart, pos) => {
+        if (!chart) {
+            return null;
+        }
+        const angleAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'angle', pos);
+        const radiusAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'radius', pos);
+        if ((!angleAxisList || !angleAxisList.length) && (!radiusAxisList || !radiusAxisList.length)) {
+            return null;
+        }
+        const targetAxisInfo = [];
+        const getDimensionField = (series) => series.getDimensionField()[0];
+        const { x, y } = pos;
+        if (angleAxisList) {
+            angleAxisList.forEach(axis => {
+                var _a;
+                const angleScale = axis.getScale();
+                if (angleScale && isDiscrete(angleScale.type)) {
+                    const angleDomain = angleScale.domain();
+                    const angleRange = angleScale.range();
+                    const center = axis.getCenter();
+                    const vector = {
+                        x: x - axis.getLayoutStartPoint().x - center.x,
+                        y: y - axis.getLayoutStartPoint().y - center.y
+                    };
+                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
+                    angle = angleStandardize(angle, angleRange);
+                    const radius = distance(vector);
+                    const radiusScale = (_a = radiusAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
+                    const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
+                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
+                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
+                        return;
+                    }
+                    const value = axis.invert(angle);
+                    if (isNil$1(value)) {
+                        return;
+                    }
+                    let index = angleDomain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+                    if (index < 0) {
+                        index = undefined;
+                    }
+                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
+                    targetAxisInfo.push({ index, value, position: angleScale.scale(value), axis, data });
+                }
+            });
+        }
+        if (radiusAxisList) {
+            radiusAxisList.forEach(axis => {
+                var _a;
+                const radiusScale = axis.getScale();
+                const radiusRange = radiusScale === null || radiusScale === void 0 ? void 0 : radiusScale.range();
+                if (radiusScale && isDiscrete(radiusScale.type)) {
+                    const center = axis.getCenter();
+                    const vector = {
+                        x: x - axis.getLayoutStartPoint().x - center.x,
+                        y: y - axis.getLayoutStartPoint().y - center.y
+                    };
+                    let angle = vectorAngle({ x: 1, y: 0 }, vector);
+                    if (angle < -Math.PI / 2) {
+                        angle = Math.PI * 2 + angle;
+                    }
+                    const radius = distance(vector);
+                    const angleScale = (_a = angleAxisList[0]) === null || _a === void 0 ? void 0 : _a.getScale();
+                    const angleRange = angleScale === null || angleScale === void 0 ? void 0 : angleScale.range();
+                    if ((angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[0])) * (angle - (angleRange === null || angleRange === void 0 ? void 0 : angleRange[1])) > 0 ||
+                        (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[0])) * (radius - (radiusRange === null || radiusRange === void 0 ? void 0 : radiusRange[1])) > 0) {
+                        return;
+                    }
+                    const value = radiusScale.invert(radius);
+                    if (isNil$1(value)) {
+                        return;
+                    }
+                    const domain = radiusScale.domain();
+                    let index = domain.findIndex((v) => (v === null || v === void 0 ? void 0 : v.toString()) === value.toString());
+                    if (index < 0) {
+                        index = undefined;
+                    }
+                    const data = getDimensionData(value, axis, 'polar', getDimensionField);
+                    targetAxisInfo.push({ index, value, position: radiusScale.scale(value), axis, data });
+                }
+            });
+        }
+        if (!targetAxisInfo.length) {
+            return null;
+        }
+        return targetAxisInfo;
+    };
+
     class RoseChart extends BaseChart {
         constructor() {
             super(...arguments);
@@ -95699,15 +95665,11 @@
             });
             return originDatum;
         };
-        const transform = region.getOption().globalInstance.getStage().window.getViewBoxTransform().getInverse();
         const getMockEvent = (originPos) => {
             var _a, _b;
             const pos = bound(originPos);
-            const tempX = (_a = opt.x) !== null && _a !== void 0 ? _a : regionPos.x + pos.x;
-            const tempY = (_b = opt.y) !== null && _b !== void 0 ? _b : regionPos.y + pos.y;
-            const canvasPoint = { x: 0, y: 0 };
-            transform.transformPoint({ x: tempX, y: tempY }, canvasPoint);
-            const { x: canvasX, y: canvasY } = canvasPoint;
+            const canvasX = (_a = opt.x) !== null && _a !== void 0 ? _a : regionPos.x + pos.x;
+            const canvasY = (_b = opt.y) !== null && _b !== void 0 ? _b : regionPos.y + pos.y;
             return {
                 canvasX,
                 canvasY,
@@ -96085,7 +96047,6 @@
             this.specKey = 'tooltip';
             this.layoutType = 'none';
             this._isReleased = false;
-            this.enable = true;
             this._alwaysShow = false;
             this._eventList = [];
             this._isTooltipShown = false;
@@ -103241,9 +103202,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._initMarkBrushState(componentIndex, '');
             brushComponent.children[0].removeAllChild();
         }
-        _shouldEnableInteractive() {
-            return this.getOption().getCompiler().getOption().interactive !== false;
-        }
         _createBrushComponent(region, componentIndex) {
             var _a, _b;
             const interactiveAttr = this._getBrushInteractiveAttr(region);
@@ -103254,45 +103212,33 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._cacheInteractiveRangeAttrs.push(interactiveAttr);
             brush.addEventListener(IOperateType.brushActive, (e) => {
                 this._initMarkBrushState(componentIndex, OUT_BRUSH_STATE);
-                this._emitEvent(exports.ChartEvent.brushActive, region, e);
+                this._emitEvent(exports.ChartEvent.brushActive, region);
             });
             brush.addEventListener(IOperateType.drawStart, (e) => {
-                if (this._spec.disableDimensionHoverWhenBrushing) {
-                    this._option.globalInstance.disableDimensionHoverEvent(true);
-                }
                 this._setRegionMarkPickable(region, true);
-                this._emitEvent(exports.ChartEvent.brushStart, region, e);
+                this._emitEvent(exports.ChartEvent.brushStart, region);
             });
             brush.addEventListener(IOperateType.moveStart, (e) => {
-                if (this._spec.disableDimensionHoverWhenBrushing) {
-                    this._option.globalInstance.disableDimensionHoverEvent(true);
-                }
                 this._setRegionMarkPickable(region, true);
-                this._emitEvent(exports.ChartEvent.brushStart, region, e);
+                this._emitEvent(exports.ChartEvent.brushStart, region);
             });
             brush.addEventListener(IOperateType.drawing, (e) => {
                 this._setRegionMarkPickable(region, false);
                 this._handleBrushChange(region, e);
-                this._emitEvent(exports.ChartEvent.brushChange, region, e);
+                this._emitEvent(exports.ChartEvent.brushChange, region);
             });
             brush.addEventListener(IOperateType.moving, (e) => {
                 this._setRegionMarkPickable(region, false);
                 this._handleBrushChange(region, e);
-                this._emitEvent(exports.ChartEvent.brushChange, region, e);
+                this._emitEvent(exports.ChartEvent.brushChange, region);
             });
             brush.addEventListener(IOperateType.brushClear, (e) => {
-                if (this._spec.disableDimensionHoverWhenBrushing) {
-                    this._option.globalInstance.disableDimensionHoverEvent(false);
-                }
                 this._setRegionMarkPickable(region, true);
                 this._initMarkBrushState(componentIndex, '');
-                this._emitEvent(exports.ChartEvent.brushClear, region, e);
+                this._emitEvent(exports.ChartEvent.brushClear, region);
             });
             brush.addEventListener(IOperateType.drawEnd, (e) => {
                 var _a;
-                if (this._spec.disableDimensionHoverWhenBrushing) {
-                    this._option.globalInstance.disableDimensionHoverEvent(false);
-                }
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
                 const { updateElementsState = true } = this._spec;
@@ -103300,11 +103246,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (this._spec.onBrushEnd(e) === true) {
                         this.clearGraphic();
                         this._initMarkBrushState(componentIndex, '');
-                        this._emitEvent(exports.ChartEvent.brushClear, region, e);
+                        this._emitEvent(exports.ChartEvent.brushClear, region);
                     }
                     else {
                         this._spec.onBrushEnd(e);
-                        this._emitEvent(exports.ChartEvent.brushEnd, region, e);
+                        this._emitEvent(exports.ChartEvent.brushEnd, region);
                     }
                 }
                 else {
@@ -103312,13 +103258,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
                         this._setAxisAndDataZoom(operateMask, region);
                     }
-                    this._emitEvent(exports.ChartEvent.brushEnd, region, e);
+                    this._emitEvent(exports.ChartEvent.brushEnd, region);
                 }
             });
             brush.addEventListener(IOperateType.moveEnd, (e) => {
-                if (this._spec.disableDimensionHoverWhenBrushing) {
-                    this._option.globalInstance.disableDimensionHoverEvent(false);
-                }
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
                 const { updateElementsState = true } = this._spec;
@@ -103326,7 +103269,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
                     this._setAxisAndDataZoom(operateMask, region);
                 }
-                this._emitEvent(exports.ChartEvent.brushEnd, region, e);
+                this._emitEvent(exports.ChartEvent.brushEnd, region);
             });
         }
         _getBrushInteractiveAttr(region) {
@@ -103344,8 +103287,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     maxX: seriesRegionEndX
                 },
                 xRange: [seriesRegionStartX, seriesRegionEndX],
-                yRange: [seriesRegionStartY, seriesRegionEndY],
-                interactive: this._shouldEnableInteractive()
+                yRange: [seriesRegionStartY, seriesRegionEndY]
             };
         }
         _transformBrushedMarkAttr(brushedStyle) {
@@ -103366,7 +103308,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _handleBrushChange(region, e) {
             const { operateMask } = e.detail;
-            this._operateMask = operateMask;
             const { updateElementsState = true } = this._spec;
             if (updateElementsState) {
                 this._reconfigItem(operateMask, region);
@@ -103391,7 +103332,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return data;
         }
-        _emitEvent(eventType, region, e) {
+        _emitEvent(eventType, region) {
             var _a;
             this.event.emit(eventType, {
                 model: this,
@@ -103408,8 +103349,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     linkedOutOfBrushElementsMap: this._linkedOutOfBrushElementsMap,
                     zoomRecord: this._zoomRecord
                 },
-                vchart: (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance,
-                event: e
+                vchart: (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance
             });
         }
         _reconfigItem(operateMask, region) {
@@ -103664,12 +103604,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._brushComponents = null;
             }
         }
-        clearBrushStateAndMask() {
-            this._relativeRegions.forEach((region, componentIndex) => {
-                this._initMarkBrushState(componentIndex, '');
-                this._brushComponents[componentIndex].children[0].removeAllChild();
-            });
-        }
     }
     Brush.type = ComponentTypeEnum.brush;
     Brush.builtInTheme = {