@visactor/vchart 2.0.12 → 2.0.13-alpha.1

package/build/index.es.js

@@ -51096,6 +51096,7 @@ 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._beforeBrushEvent(e)) return;
       const {
         updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
         endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
@@ -51103,11 +51104,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 => {
-      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)));
+      !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._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
       this._releaseBrushUpdateEvents(), e.preventDefault(), this._activeDrawState && this._drawEnd(e), this._activeMoveState && this._moveEnd(e), this._activeDrawState = !1, this._activeMoveState = !1;
     }, this._onBrushClear = e => {
-      e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1;
+      !1 !== this._beforeBrushEvent(e) && (e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1);
     };
   }
   _bindBrushEvents() {
@@ -51312,6 +51313,10 @@ 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,
@@ -59687,7 +59692,7 @@ class CallbackDisappearAnimate extends AStageAnimate {
     }
     afterStageRender(stage, canvas) {
         var _a, _b;
-        (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.callBack) === null || _b === void 0 ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
+        return (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.callBack) === null || _b === void 0 ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
     }
 }
 
@@ -102732,9 +102737,9 @@ class BaseMarkPoint extends BaseMarker {
         return 'cartesian';
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
         const { itemContent = {}, itemLine = {}, targetSymbol = {} } = this._spec;
-        const _8 = itemContent, { type = 'text', text: label, symbol, image, richText, customMark, textStyle, symbolStyle, imageStyle, richTextStyle, customMarkStyle, style = {}, state = {} } = _8, restItemContent = __rest$e(_8, ["type", "text", "symbol", "image", "richText", "customMark", "textStyle", "symbolStyle", "imageStyle", "richTextStyle", "customMarkStyle", "style", "state"]);
+        const _9 = itemContent, { type = 'text', text: label, symbol, image, richText, customMark, textStyle, symbolStyle, imageStyle, richTextStyle, customMarkStyle, style = {}, state = {} } = _9, restItemContent = __rest$e(_9, ["type", "text", "symbol", "image", "richText", "customMark", "textStyle", "symbolStyle", "imageStyle", "richTextStyle", "customMarkStyle", "style", "state"]);
         let itemContentState = null;
         let itemContentStyle = null;
         let defaultStyle = {};
@@ -102744,61 +102749,61 @@ class BaseMarkPoint extends BaseMarker {
                 dx: 0,
                 dy: 0
             };
-            itemContentStyle = transformLabelAttributes(merge$1(defaultStyle, (_b = label !== null && label !== void 0 ? label : textStyle) !== null && _b !== void 0 ? _b : style), this._markerData, this._markAttributeContext);
+            itemContentStyle = transformLabelAttributes(Object.assign(Object.assign({}, label), { style: merge$1(defaultStyle, (_c = (_b = label === null || label === void 0 ? void 0 : label.textStyle) !== null && _b !== void 0 ? _b : textStyle) !== null && _c !== void 0 ? _c : style) }), this._markerData, this._markAttributeContext);
         }
         else if (type === 'richText') {
-            itemContentState = (_c = richText === null || richText === void 0 ? void 0 : richText.state) !== null && _c !== void 0 ? _c : state;
+            itemContentState = (_d = richText === null || richText === void 0 ? void 0 : richText.state) !== null && _d !== void 0 ? _d : state;
             defaultStyle = {
                 width: 100,
                 height: 100
             };
-            itemContentStyle = transformStyle(merge$1(defaultStyle, (_e = (_d = richText === null || richText === void 0 ? void 0 : richText.style) !== null && _d !== void 0 ? _d : richTextStyle) !== null && _e !== void 0 ? _e : style), this._markerData, this._markAttributeContext);
+            itemContentStyle = transformStyle(merge$1(defaultStyle, (_f = (_e = richText === null || richText === void 0 ? void 0 : richText.style) !== null && _e !== void 0 ? _e : richTextStyle) !== null && _f !== void 0 ? _f : style), this._markerData, this._markAttributeContext);
         }
         else if (type === 'symbol') {
-            itemContentState = (_f = symbol === null || symbol === void 0 ? void 0 : symbol.state) !== null && _f !== void 0 ? _f : state;
+            itemContentState = (_g = symbol === null || symbol === void 0 ? void 0 : symbol.state) !== null && _g !== void 0 ? _g : state;
             defaultStyle = {
                 symbolType: 'star',
                 fill: 'rgb(48, 115, 242)',
                 fillOpacity: 0.8,
                 size: 20
             };
-            itemContentStyle = transformToGraphic(transformStyle(merge$1(defaultStyle, (_h = (_g = symbol === null || symbol === void 0 ? void 0 : symbol.style) !== null && _g !== void 0 ? _g : symbolStyle) !== null && _h !== void 0 ? _h : style), this._markerData, this._markAttributeContext));
+            itemContentStyle = transformToGraphic(transformStyle(merge$1(defaultStyle, (_j = (_h = symbol === null || symbol === void 0 ? void 0 : symbol.style) !== null && _h !== void 0 ? _h : symbolStyle) !== null && _j !== void 0 ? _j : style), this._markerData, this._markAttributeContext));
         }
         else if (type === 'image') {
-            itemContentState = (_j = image === null || image === void 0 ? void 0 : image.state) !== null && _j !== void 0 ? _j : state;
+            itemContentState = (_k = image === null || image === void 0 ? void 0 : image.state) !== null && _k !== void 0 ? _k : state;
             defaultStyle = {
                 width: 80,
                 height: 80
             };
-            itemContentStyle = transformStyle(merge$1(defaultStyle, (_l = (_k = image === null || image === void 0 ? void 0 : image.style) !== null && _k !== void 0 ? _k : imageStyle) !== null && _l !== void 0 ? _l : style), this._markerData, this._markAttributeContext);
+            itemContentStyle = transformStyle(merge$1(defaultStyle, (_m = (_l = image === null || image === void 0 ? void 0 : image.style) !== null && _l !== void 0 ? _l : imageStyle) !== null && _m !== void 0 ? _m : style), this._markerData, this._markAttributeContext);
         }
         else if (type === 'custom') {
-            itemContentState = (_m = customMark === null || customMark === void 0 ? void 0 : customMark.state) !== null && _m !== void 0 ? _m : state;
-            itemContentStyle = transformStyle((_p = (_o = customMark === null || customMark === void 0 ? void 0 : customMark.style) !== null && _o !== void 0 ? _o : customMarkStyle) !== null && _p !== void 0 ? _p : style, this._markerData, this._markAttributeContext);
+            itemContentState = (_o = customMark === null || customMark === void 0 ? void 0 : customMark.state) !== null && _o !== void 0 ? _o : state;
+            itemContentStyle = transformStyle((_q = (_p = customMark === null || customMark === void 0 ? void 0 : customMark.style) !== null && _p !== void 0 ? _p : customMarkStyle) !== null && _q !== void 0 ? _q : style, this._markerData, this._markAttributeContext);
         }
         const markPointAttrs = {
             zIndex: this.layoutZIndex,
-            interactive: (_q = this._spec.interactive) !== null && _q !== void 0 ? _q : true,
-            hover: (_r = this._spec.interactive) !== null && _r !== void 0 ? _r : true,
-            select: (_s = this._spec.interactive) !== null && _s !== void 0 ? _s : true,
+            interactive: (_r = this._spec.interactive) !== null && _r !== void 0 ? _r : true,
+            hover: (_s = this._spec.interactive) !== null && _s !== void 0 ? _s : true,
+            select: (_t = this._spec.interactive) !== null && _t !== void 0 ? _t : true,
             position: { x: 0, y: 0 },
-            clipInRange: (_t = this._spec.clip) !== null && _t !== void 0 ? _t : false,
+            clipInRange: (_u = this._spec.clip) !== null && _u !== void 0 ? _u : false,
             itemContent: Object.assign(Object.assign({ type, offsetX: transformOffset(itemContent.offsetX, this._relativeSeries.getRegion()), offsetY: transformOffset(itemContent.offsetX, this._relativeSeries.getRegion()) }, restItemContent), { style: transformStyle(itemContentStyle, this._markerData, this._markAttributeContext) }),
             targetSymbol: {
-                offset: (_u = targetSymbol.offset) !== null && _u !== void 0 ? _u : 0,
-                visible: (_v = targetSymbol.visible) !== null && _v !== void 0 ? _v : false,
-                size: (_w = targetSymbol.size) !== null && _w !== void 0 ? _w : 20,
+                offset: (_v = targetSymbol.offset) !== null && _v !== void 0 ? _v : 0,
+                visible: (_w = targetSymbol.visible) !== null && _w !== void 0 ? _w : false,
+                size: (_x = targetSymbol.size) !== null && _x !== void 0 ? _x : 20,
                 style: transformStyle(targetSymbol.style, this._markerData, this._markAttributeContext)
             },
             state: {
-                line: transformState((_y = (_x = this._spec.itemLine.line) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData, this._markAttributeContext),
-                lineStartSymbol: transformState((_0 = (_z = this._spec.itemLine.startSymbol) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData, this._markAttributeContext),
-                lineEndSymbol: transformState((_2 = (_1 = this._spec.itemLine.endSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData, this._markAttributeContext),
+                line: transformState((_z = (_y = this._spec.itemLine.line) === null || _y === void 0 ? void 0 : _y.state) !== null && _z !== void 0 ? _z : {}, this._markerData, this._markAttributeContext),
+                lineStartSymbol: transformState((_1 = (_0 = this._spec.itemLine.startSymbol) === null || _0 === void 0 ? void 0 : _0.state) !== null && _1 !== void 0 ? _1 : {}, this._markerData, this._markAttributeContext),
+                lineEndSymbol: transformState((_3 = (_2 = this._spec.itemLine.endSymbol) === null || _2 === void 0 ? void 0 : _2.state) !== null && _3 !== void 0 ? _3 : {}, this._markerData, this._markAttributeContext),
                 itemContent: transformState(itemContentState, this._markerData, this._markAttributeContext),
-                textBackground: transformState((_4 = (_3 = this._spec.itemContent.text) === null || _3 === void 0 ? void 0 : _3.labelBackground) === null || _4 === void 0 ? void 0 : _4.state, this._markerData, this._markAttributeContext),
-                targetItem: transformState((_6 = (_5 = this._spec.targetSymbol) === null || _5 === void 0 ? void 0 : _5.state) !== null && _6 !== void 0 ? _6 : {}, this._markerData, this._markAttributeContext)
+                textBackground: transformState((_5 = (_4 = this._spec.itemContent.text) === null || _4 === void 0 ? void 0 : _4.labelBackground) === null || _5 === void 0 ? void 0 : _5.state, this._markerData, this._markAttributeContext),
+                targetItem: transformState((_7 = (_6 = this._spec.targetSymbol) === null || _6 === void 0 ? void 0 : _6.state) !== null && _7 !== void 0 ? _7 : {}, this._markerData, this._markAttributeContext)
             },
-            animation: (_7 = this._spec.animation) !== null && _7 !== void 0 ? _7 : false,
+            animation: (_8 = this._spec.animation) !== null && _8 !== void 0 ? _8 : false,
             animationEnter: this._spec.animationEnter,
             animationExit: this._spec.animationExit,
             animationUpdate: this._spec.animationUpdate
@@ -103206,30 +103211,30 @@ class Brush extends BaseComponent {
         this._cacheInteractiveRangeAttrs.push(interactiveAttr);
         brush.addEventListener(IOperateType.brushActive, (e) => {
             this._initMarkBrushState(componentIndex, OUT_BRUSH_STATE);
-            this._emitEvent(ChartEvent.brushActive, region);
+            this._emitEvent(ChartEvent.brushActive, region, e);
         });
         brush.addEventListener(IOperateType.drawStart, (e) => {
             this._setRegionMarkPickable(region, true);
-            this._emitEvent(ChartEvent.brushStart, region);
+            this._emitEvent(ChartEvent.brushStart, region, e);
         });
         brush.addEventListener(IOperateType.moveStart, (e) => {
             this._setRegionMarkPickable(region, true);
-            this._emitEvent(ChartEvent.brushStart, region);
+            this._emitEvent(ChartEvent.brushStart, region, e);
         });
         brush.addEventListener(IOperateType.drawing, (e) => {
             this._setRegionMarkPickable(region, false);
             this._handleBrushChange(region, e);
-            this._emitEvent(ChartEvent.brushChange, region);
+            this._emitEvent(ChartEvent.brushChange, region, e);
         });
         brush.addEventListener(IOperateType.moving, (e) => {
             this._setRegionMarkPickable(region, false);
             this._handleBrushChange(region, e);
-            this._emitEvent(ChartEvent.brushChange, region);
+            this._emitEvent(ChartEvent.brushChange, region, e);
         });
         brush.addEventListener(IOperateType.brushClear, (e) => {
             this._setRegionMarkPickable(region, true);
             this._initMarkBrushState(componentIndex, '');
-            this._emitEvent(ChartEvent.brushClear, region);
+            this._emitEvent(ChartEvent.brushClear, region, e);
         });
         brush.addEventListener(IOperateType.drawEnd, (e) => {
             var _a;
@@ -103240,11 +103245,11 @@ class Brush extends BaseComponent {
                 if (this._spec.onBrushEnd(e) === true) {
                     this.clearGraphic();
                     this._initMarkBrushState(componentIndex, '');
-                    this._emitEvent(ChartEvent.brushClear, region);
+                    this._emitEvent(ChartEvent.brushClear, region, e);
                 }
                 else {
                     this._spec.onBrushEnd(e);
-                    this._emitEvent(ChartEvent.brushEnd, region);
+                    this._emitEvent(ChartEvent.brushEnd, region, e);
                 }
             }
             else {
@@ -103252,7 +103257,7 @@ class Brush extends BaseComponent {
                 if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
                     this._setAxisAndDataZoom(operateMask, region);
                 }
-                this._emitEvent(ChartEvent.brushEnd, region);
+                this._emitEvent(ChartEvent.brushEnd, region, e);
             }
         });
         brush.addEventListener(IOperateType.moveEnd, (e) => {
@@ -103263,7 +103268,7 @@ class Brush extends BaseComponent {
             if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
                 this._setAxisAndDataZoom(operateMask, region);
             }
-            this._emitEvent(ChartEvent.brushEnd, region);
+            this._emitEvent(ChartEvent.brushEnd, region, e);
         });
     }
     _getBrushInteractiveAttr(region) {
@@ -103326,7 +103331,7 @@ class Brush extends BaseComponent {
         }
         return data;
     }
-    _emitEvent(eventType, region) {
+    _emitEvent(eventType, region, e) {
         var _a;
         this.event.emit(eventType, {
             model: this,
@@ -103343,7 +103348,8 @@ class Brush extends BaseComponent {
                 linkedOutOfBrushElementsMap: this._linkedOutOfBrushElementsMap,
                 zoomRecord: this._zoomRecord
             },
-            vchart: (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance
+            vchart: (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance,
+            event: e
         });
     }
     _reconfigItem(operateMask, region) {

package/build/index.js

@@ -51102,6 +51102,7 @@
     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._beforeBrushEvent(e)) return;
           const {
             updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
             endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
@@ -51109,11 +51110,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 => {
-          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)));
+          !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._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
           this._releaseBrushUpdateEvents(), e.preventDefault(), this._activeDrawState && this._drawEnd(e), this._activeMoveState && this._moveEnd(e), this._activeDrawState = !1, this._activeMoveState = !1;
         }, this._onBrushClear = e => {
-          e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1;
+          !1 !== this._beforeBrushEvent(e) && (e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1);
         };
       }
       _bindBrushEvents() {
@@ -51318,6 +51319,10 @@
           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,
@@ -59693,7 +59698,7 @@
         }
         afterStageRender(stage, canvas) {
             var _a, _b;
-            (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.callBack) === null || _b === void 0 ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
+            return (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.callBack) === null || _b === void 0 ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
         }
     }
 
@@ -102738,9 +102743,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return 'cartesian';
         }
         _createMarkerComponent() {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
             const { itemContent = {}, itemLine = {}, targetSymbol = {} } = this._spec;
-            const _8 = itemContent, { type = 'text', text: label, symbol, image, richText, customMark, textStyle, symbolStyle, imageStyle, richTextStyle, customMarkStyle, style = {}, state = {} } = _8, restItemContent = __rest$e(_8, ["type", "text", "symbol", "image", "richText", "customMark", "textStyle", "symbolStyle", "imageStyle", "richTextStyle", "customMarkStyle", "style", "state"]);
+            const _9 = itemContent, { type = 'text', text: label, symbol, image, richText, customMark, textStyle, symbolStyle, imageStyle, richTextStyle, customMarkStyle, style = {}, state = {} } = _9, restItemContent = __rest$e(_9, ["type", "text", "symbol", "image", "richText", "customMark", "textStyle", "symbolStyle", "imageStyle", "richTextStyle", "customMarkStyle", "style", "state"]);
             let itemContentState = null;
             let itemContentStyle = null;
             let defaultStyle = {};
@@ -102750,61 +102755,61 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     dx: 0,
                     dy: 0
                 };
-                itemContentStyle = transformLabelAttributes(merge$1(defaultStyle, (_b = label !== null && label !== void 0 ? label : textStyle) !== null && _b !== void 0 ? _b : style), this._markerData, this._markAttributeContext);
+                itemContentStyle = transformLabelAttributes(Object.assign(Object.assign({}, label), { style: merge$1(defaultStyle, (_c = (_b = label === null || label === void 0 ? void 0 : label.textStyle) !== null && _b !== void 0 ? _b : textStyle) !== null && _c !== void 0 ? _c : style) }), this._markerData, this._markAttributeContext);
             }
             else if (type === 'richText') {
-                itemContentState = (_c = richText === null || richText === void 0 ? void 0 : richText.state) !== null && _c !== void 0 ? _c : state;
+                itemContentState = (_d = richText === null || richText === void 0 ? void 0 : richText.state) !== null && _d !== void 0 ? _d : state;
                 defaultStyle = {
                     width: 100,
                     height: 100
                 };
-                itemContentStyle = transformStyle(merge$1(defaultStyle, (_e = (_d = richText === null || richText === void 0 ? void 0 : richText.style) !== null && _d !== void 0 ? _d : richTextStyle) !== null && _e !== void 0 ? _e : style), this._markerData, this._markAttributeContext);
+                itemContentStyle = transformStyle(merge$1(defaultStyle, (_f = (_e = richText === null || richText === void 0 ? void 0 : richText.style) !== null && _e !== void 0 ? _e : richTextStyle) !== null && _f !== void 0 ? _f : style), this._markerData, this._markAttributeContext);
             }
             else if (type === 'symbol') {
-                itemContentState = (_f = symbol === null || symbol === void 0 ? void 0 : symbol.state) !== null && _f !== void 0 ? _f : state;
+                itemContentState = (_g = symbol === null || symbol === void 0 ? void 0 : symbol.state) !== null && _g !== void 0 ? _g : state;
                 defaultStyle = {
                     symbolType: 'star',
                     fill: 'rgb(48, 115, 242)',
                     fillOpacity: 0.8,
                     size: 20
                 };
-                itemContentStyle = transformToGraphic(transformStyle(merge$1(defaultStyle, (_h = (_g = symbol === null || symbol === void 0 ? void 0 : symbol.style) !== null && _g !== void 0 ? _g : symbolStyle) !== null && _h !== void 0 ? _h : style), this._markerData, this._markAttributeContext));
+                itemContentStyle = transformToGraphic(transformStyle(merge$1(defaultStyle, (_j = (_h = symbol === null || symbol === void 0 ? void 0 : symbol.style) !== null && _h !== void 0 ? _h : symbolStyle) !== null && _j !== void 0 ? _j : style), this._markerData, this._markAttributeContext));
             }
             else if (type === 'image') {
-                itemContentState = (_j = image === null || image === void 0 ? void 0 : image.state) !== null && _j !== void 0 ? _j : state;
+                itemContentState = (_k = image === null || image === void 0 ? void 0 : image.state) !== null && _k !== void 0 ? _k : state;
                 defaultStyle = {
                     width: 80,
                     height: 80
                 };
-                itemContentStyle = transformStyle(merge$1(defaultStyle, (_l = (_k = image === null || image === void 0 ? void 0 : image.style) !== null && _k !== void 0 ? _k : imageStyle) !== null && _l !== void 0 ? _l : style), this._markerData, this._markAttributeContext);
+                itemContentStyle = transformStyle(merge$1(defaultStyle, (_m = (_l = image === null || image === void 0 ? void 0 : image.style) !== null && _l !== void 0 ? _l : imageStyle) !== null && _m !== void 0 ? _m : style), this._markerData, this._markAttributeContext);
             }
             else if (type === 'custom') {
-                itemContentState = (_m = customMark === null || customMark === void 0 ? void 0 : customMark.state) !== null && _m !== void 0 ? _m : state;
-                itemContentStyle = transformStyle((_p = (_o = customMark === null || customMark === void 0 ? void 0 : customMark.style) !== null && _o !== void 0 ? _o : customMarkStyle) !== null && _p !== void 0 ? _p : style, this._markerData, this._markAttributeContext);
+                itemContentState = (_o = customMark === null || customMark === void 0 ? void 0 : customMark.state) !== null && _o !== void 0 ? _o : state;
+                itemContentStyle = transformStyle((_q = (_p = customMark === null || customMark === void 0 ? void 0 : customMark.style) !== null && _p !== void 0 ? _p : customMarkStyle) !== null && _q !== void 0 ? _q : style, this._markerData, this._markAttributeContext);
             }
             const markPointAttrs = {
                 zIndex: this.layoutZIndex,
-                interactive: (_q = this._spec.interactive) !== null && _q !== void 0 ? _q : true,
-                hover: (_r = this._spec.interactive) !== null && _r !== void 0 ? _r : true,
-                select: (_s = this._spec.interactive) !== null && _s !== void 0 ? _s : true,
+                interactive: (_r = this._spec.interactive) !== null && _r !== void 0 ? _r : true,
+                hover: (_s = this._spec.interactive) !== null && _s !== void 0 ? _s : true,
+                select: (_t = this._spec.interactive) !== null && _t !== void 0 ? _t : true,
                 position: { x: 0, y: 0 },
-                clipInRange: (_t = this._spec.clip) !== null && _t !== void 0 ? _t : false,
+                clipInRange: (_u = this._spec.clip) !== null && _u !== void 0 ? _u : false,
                 itemContent: Object.assign(Object.assign({ type, offsetX: transformOffset(itemContent.offsetX, this._relativeSeries.getRegion()), offsetY: transformOffset(itemContent.offsetX, this._relativeSeries.getRegion()) }, restItemContent), { style: transformStyle(itemContentStyle, this._markerData, this._markAttributeContext) }),
                 targetSymbol: {
-                    offset: (_u = targetSymbol.offset) !== null && _u !== void 0 ? _u : 0,
-                    visible: (_v = targetSymbol.visible) !== null && _v !== void 0 ? _v : false,
-                    size: (_w = targetSymbol.size) !== null && _w !== void 0 ? _w : 20,
+                    offset: (_v = targetSymbol.offset) !== null && _v !== void 0 ? _v : 0,
+                    visible: (_w = targetSymbol.visible) !== null && _w !== void 0 ? _w : false,
+                    size: (_x = targetSymbol.size) !== null && _x !== void 0 ? _x : 20,
                     style: transformStyle(targetSymbol.style, this._markerData, this._markAttributeContext)
                 },
                 state: {
-                    line: transformState((_y = (_x = this._spec.itemLine.line) === null || _x === void 0 ? void 0 : _x.state) !== null && _y !== void 0 ? _y : {}, this._markerData, this._markAttributeContext),
-                    lineStartSymbol: transformState((_0 = (_z = this._spec.itemLine.startSymbol) === null || _z === void 0 ? void 0 : _z.state) !== null && _0 !== void 0 ? _0 : {}, this._markerData, this._markAttributeContext),
-                    lineEndSymbol: transformState((_2 = (_1 = this._spec.itemLine.endSymbol) === null || _1 === void 0 ? void 0 : _1.state) !== null && _2 !== void 0 ? _2 : {}, this._markerData, this._markAttributeContext),
+                    line: transformState((_z = (_y = this._spec.itemLine.line) === null || _y === void 0 ? void 0 : _y.state) !== null && _z !== void 0 ? _z : {}, this._markerData, this._markAttributeContext),
+                    lineStartSymbol: transformState((_1 = (_0 = this._spec.itemLine.startSymbol) === null || _0 === void 0 ? void 0 : _0.state) !== null && _1 !== void 0 ? _1 : {}, this._markerData, this._markAttributeContext),
+                    lineEndSymbol: transformState((_3 = (_2 = this._spec.itemLine.endSymbol) === null || _2 === void 0 ? void 0 : _2.state) !== null && _3 !== void 0 ? _3 : {}, this._markerData, this._markAttributeContext),
                     itemContent: transformState(itemContentState, this._markerData, this._markAttributeContext),
-                    textBackground: transformState((_4 = (_3 = this._spec.itemContent.text) === null || _3 === void 0 ? void 0 : _3.labelBackground) === null || _4 === void 0 ? void 0 : _4.state, this._markerData, this._markAttributeContext),
-                    targetItem: transformState((_6 = (_5 = this._spec.targetSymbol) === null || _5 === void 0 ? void 0 : _5.state) !== null && _6 !== void 0 ? _6 : {}, this._markerData, this._markAttributeContext)
+                    textBackground: transformState((_5 = (_4 = this._spec.itemContent.text) === null || _4 === void 0 ? void 0 : _4.labelBackground) === null || _5 === void 0 ? void 0 : _5.state, this._markerData, this._markAttributeContext),
+                    targetItem: transformState((_7 = (_6 = this._spec.targetSymbol) === null || _6 === void 0 ? void 0 : _6.state) !== null && _7 !== void 0 ? _7 : {}, this._markerData, this._markAttributeContext)
                 },
-                animation: (_7 = this._spec.animation) !== null && _7 !== void 0 ? _7 : false,
+                animation: (_8 = this._spec.animation) !== null && _8 !== void 0 ? _8 : false,
                 animationEnter: this._spec.animationEnter,
                 animationExit: this._spec.animationExit,
                 animationUpdate: this._spec.animationUpdate
@@ -103212,30 +103217,30 @@ 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);
+                this._emitEvent(exports.ChartEvent.brushActive, region, e);
             });
             brush.addEventListener(IOperateType.drawStart, (e) => {
                 this._setRegionMarkPickable(region, true);
-                this._emitEvent(exports.ChartEvent.brushStart, region);
+                this._emitEvent(exports.ChartEvent.brushStart, region, e);
             });
             brush.addEventListener(IOperateType.moveStart, (e) => {
                 this._setRegionMarkPickable(region, true);
-                this._emitEvent(exports.ChartEvent.brushStart, region);
+                this._emitEvent(exports.ChartEvent.brushStart, region, e);
             });
             brush.addEventListener(IOperateType.drawing, (e) => {
                 this._setRegionMarkPickable(region, false);
                 this._handleBrushChange(region, e);
-                this._emitEvent(exports.ChartEvent.brushChange, region);
+                this._emitEvent(exports.ChartEvent.brushChange, region, e);
             });
             brush.addEventListener(IOperateType.moving, (e) => {
                 this._setRegionMarkPickable(region, false);
                 this._handleBrushChange(region, e);
-                this._emitEvent(exports.ChartEvent.brushChange, region);
+                this._emitEvent(exports.ChartEvent.brushChange, region, e);
             });
             brush.addEventListener(IOperateType.brushClear, (e) => {
                 this._setRegionMarkPickable(region, true);
                 this._initMarkBrushState(componentIndex, '');
-                this._emitEvent(exports.ChartEvent.brushClear, region);
+                this._emitEvent(exports.ChartEvent.brushClear, region, e);
             });
             brush.addEventListener(IOperateType.drawEnd, (e) => {
                 var _a;
@@ -103246,11 +103251,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);
+                        this._emitEvent(exports.ChartEvent.brushClear, region, e);
                     }
                     else {
                         this._spec.onBrushEnd(e);
-                        this._emitEvent(exports.ChartEvent.brushEnd, region);
+                        this._emitEvent(exports.ChartEvent.brushEnd, region, e);
                     }
                 }
                 else {
@@ -103258,7 +103263,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);
+                    this._emitEvent(exports.ChartEvent.brushEnd, region, e);
                 }
             });
             brush.addEventListener(IOperateType.moveEnd, (e) => {
@@ -103269,7 +103274,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);
+                this._emitEvent(exports.ChartEvent.brushEnd, region, e);
             });
         }
         _getBrushInteractiveAttr(region) {
@@ -103332,7 +103337,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return data;
         }
-        _emitEvent(eventType, region) {
+        _emitEvent(eventType, region, e) {
             var _a;
             this.event.emit(eventType, {
                 model: this,
@@ -103349,7 +103354,8 @@ 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
+                vchart: (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance,
+                event: e
             });
         }
         _reconfigItem(operateMask, region) {