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

package/build/index.es.js

@@ -51096,8 +51096,6 @@ loadBrushComponent();
 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,
@@ -51105,11 +51103,11 @@ let Brush$1 = class Brush extends AbstractComponent {
       } = 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() {
@@ -51121,7 +51119,6 @@ let Brush$1 = class Brush extends AbstractComponent {
     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,
@@ -51130,7 +51127,6 @@ let Brush$1 = class Brush extends AbstractComponent {
   }
   _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
@@ -51155,7 +51151,6 @@ let Brush$1 = class Brush extends AbstractComponent {
   }
   _drawing(e) {
     var _a;
-    if (!1 === this.attribute.interactive) return;
     const pos = this.eventPosToStagePos(e),
       {
         brushType: brushType,
@@ -51180,7 +51175,6 @@ let Brush$1 = class Brush extends AbstractComponent {
     (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;
@@ -51194,7 +51188,6 @@ let Brush$1 = class Brush extends AbstractComponent {
     }), 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
@@ -51212,7 +51205,7 @@ let Brush$1 = class Brush extends AbstractComponent {
     }
   }
   _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();
@@ -51319,10 +51312,6 @@ let Brush$1 = class Brush extends AbstractComponent {
       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,
@@ -53868,7 +53857,7 @@ let Event$1 = class Event {
         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
             });
@@ -54905,9 +54894,6 @@ class Compiler {
     getRootGroup() {
         return this._rootGroup;
     }
-    getOption() {
-        return this._option;
-    }
     constructor(container, option) {
         this._count = 0;
         this._rootMarks = [];
@@ -60280,609 +60266,6 @@ class VChartPluginService extends BasePluginService {
     }
 }
 
-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;
-
-var DimensionEventEnum;
-(function (DimensionEventEnum) {
-    DimensionEventEnum["dimensionHover"] = "dimensionHover";
-    DimensionEventEnum["dimensionClick"] = "dimensionClick";
-})(DimensionEventEnum || (DimensionEventEnum = {}));
-
-const registerDimensionEvents = () => {
-    Factory.registerComposedEvent(DimensionEventEnum.dimensionHover, DimensionHoverEvent);
-    Factory.registerComposedEvent(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) => {
@@ -61131,7 +60514,7 @@ class VChart {
         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();
@@ -61784,7 +61167,7 @@ class VChart {
             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;
         }
@@ -62025,19 +61408,6 @@ class VChart {
         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);
@@ -62280,6 +61650,39 @@ var Direction;
     Direction["horizontal"] = "horizontal";
 })(Direction || (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;
@@ -64645,96 +64048,452 @@ class CartesianSeries extends BaseSeries {
         }
         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(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(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);
     }
 }
 
+var DimensionEventEnum;
+(function (DimensionEventEnum) {
+    DimensionEventEnum["dimensionHover"] = "dimensionHover";
+    DimensionEventEnum["dimensionClick"] = "dimensionClick";
+})(DimensionEventEnum || (DimensionEventEnum = {}));
+
 const lineLikeSeriesMark = {
     ["point"]: { name: "point", type: "symbol" },
     ["line"]: { name: "line", type: "line" }
@@ -71434,6 +71193,116 @@ const registerDimensionHover = () => {
     Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);
 };
 
+const registerDimensionEvents = () => {
+    Factory.registerComposedEvent(DimensionEventEnum.dimensionHover, DimensionHoverEvent);
+    Factory.registerComposedEvent(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 };
@@ -71879,9 +71748,6 @@ class BaseTooltipProcessor {
     }
     shouldHandleTooltip(params, info) {
         var _a, _b;
-        if (!this.component.enable) {
-            return false;
-        }
         if (isNil$1(info)) {
             return false;
         }
@@ -93192,6 +93058,106 @@ class RoseChartSpecTransformer extends RoseLikeChartSpecTransformer {
     }
 }
 
+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);
@@ -95693,15 +95659,11 @@ function showTooltip(datum, options, component) {
         });
         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,
@@ -96079,7 +96041,6 @@ class Tooltip extends BaseComponent {
         this.specKey = 'tooltip';
         this.layoutType = 'none';
         this._isReleased = false;
-        this.enable = true;
         this._alwaysShow = false;
         this._eventList = [];
         this._isTooltipShown = false;
@@ -103235,9 +103196,6 @@ class Brush extends BaseComponent {
         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);
@@ -103248,45 +103206,33 @@ class Brush extends BaseComponent {
         this._cacheInteractiveRangeAttrs.push(interactiveAttr);
         brush.addEventListener(IOperateType.brushActive, (e) => {
             this._initMarkBrushState(componentIndex, OUT_BRUSH_STATE);
-            this._emitEvent(ChartEvent.brushActive, region, e);
+            this._emitEvent(ChartEvent.brushActive, region);
         });
         brush.addEventListener(IOperateType.drawStart, (e) => {
-            if (this._spec.disableDimensionHoverWhenBrushing) {
-                this._option.globalInstance.disableDimensionHoverEvent(true);
-            }
             this._setRegionMarkPickable(region, true);
-            this._emitEvent(ChartEvent.brushStart, region, e);
+            this._emitEvent(ChartEvent.brushStart, region);
         });
         brush.addEventListener(IOperateType.moveStart, (e) => {
-            if (this._spec.disableDimensionHoverWhenBrushing) {
-                this._option.globalInstance.disableDimensionHoverEvent(true);
-            }
             this._setRegionMarkPickable(region, true);
-            this._emitEvent(ChartEvent.brushStart, region, e);
+            this._emitEvent(ChartEvent.brushStart, region);
         });
         brush.addEventListener(IOperateType.drawing, (e) => {
             this._setRegionMarkPickable(region, false);
             this._handleBrushChange(region, e);
-            this._emitEvent(ChartEvent.brushChange, region, e);
+            this._emitEvent(ChartEvent.brushChange, region);
         });
         brush.addEventListener(IOperateType.moving, (e) => {
             this._setRegionMarkPickable(region, false);
             this._handleBrushChange(region, e);
-            this._emitEvent(ChartEvent.brushChange, region, e);
+            this._emitEvent(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(ChartEvent.brushClear, region, e);
+            this._emitEvent(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;
@@ -103294,11 +103240,11 @@ class Brush extends BaseComponent {
                 if (this._spec.onBrushEnd(e) === true) {
                     this.clearGraphic();
                     this._initMarkBrushState(componentIndex, '');
-                    this._emitEvent(ChartEvent.brushClear, region, e);
+                    this._emitEvent(ChartEvent.brushClear, region);
                 }
                 else {
                     this._spec.onBrushEnd(e);
-                    this._emitEvent(ChartEvent.brushEnd, region, e);
+                    this._emitEvent(ChartEvent.brushEnd, region);
                 }
             }
             else {
@@ -103306,13 +103252,10 @@ class Brush extends BaseComponent {
                 if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
                     this._setAxisAndDataZoom(operateMask, region);
                 }
-                this._emitEvent(ChartEvent.brushEnd, region, e);
+                this._emitEvent(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;
@@ -103320,7 +103263,7 @@ class Brush extends BaseComponent {
             if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
                 this._setAxisAndDataZoom(operateMask, region);
             }
-            this._emitEvent(ChartEvent.brushEnd, region, e);
+            this._emitEvent(ChartEvent.brushEnd, region);
         });
     }
     _getBrushInteractiveAttr(region) {
@@ -103338,8 +103281,7 @@ class Brush extends BaseComponent {
                 maxX: seriesRegionEndX
             },
             xRange: [seriesRegionStartX, seriesRegionEndX],
-            yRange: [seriesRegionStartY, seriesRegionEndY],
-            interactive: this._shouldEnableInteractive()
+            yRange: [seriesRegionStartY, seriesRegionEndY]
         };
     }
     _transformBrushedMarkAttr(brushedStyle) {
@@ -103360,7 +103302,6 @@ class Brush extends BaseComponent {
     }
     _handleBrushChange(region, e) {
         const { operateMask } = e.detail;
-        this._operateMask = operateMask;
         const { updateElementsState = true } = this._spec;
         if (updateElementsState) {
             this._reconfigItem(operateMask, region);
@@ -103385,7 +103326,7 @@ class Brush extends BaseComponent {
         }
         return data;
     }
-    _emitEvent(eventType, region, e) {
+    _emitEvent(eventType, region) {
         var _a;
         this.event.emit(eventType, {
             model: this,
@@ -103402,8 +103343,7 @@ class Brush extends BaseComponent {
                 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) {
@@ -103658,12 +103598,6 @@ class Brush extends BaseComponent {
             this._brushComponents = null;
         }
     }
-    clearBrushStateAndMask() {
-        this._relativeRegions.forEach((region, componentIndex) => {
-            this._initMarkBrushState(componentIndex, '');
-            this._brushComponents[componentIndex].children[0].removeAllChild();
-        });
-    }
 }
 Brush.type = ComponentTypeEnum.brush;
 Brush.builtInTheme = {