@visactor/vchart 1.13.12 → 1.13.13-alpha.1

package/build/index.js

@@ -58824,7 +58824,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, ...args);
                 });
             }
-            const _e = this._option, { performanceHook, autoRefreshDpr, dpr, mode, gestureConfig, interactive, clickInterval, autoPreventDefault } = _e, restOption = __rest$e(_e, ["performanceHook", "autoRefreshDpr", "dpr", "mode", "gestureConfig", "interactive", "clickInterval", "autoPreventDefault"]);
+            const _e = this._option, { performanceHook, autoRefreshDpr, dpr, mode, gestureConfig, interactive, clickInterval, autoPreventDefault, beforeRender } = _e, restOption = __rest$e(_e, ["performanceHook", "autoRefreshDpr", "dpr", "mode", "gestureConfig", "interactive", "clickInterval", "autoPreventDefault", "beforeRender"]);
             this._view = new View(Object.assign(Object.assign({ width: this._width, height: this._height, container: (_c = this._container.dom) !== null && _c !== void 0 ? _c : null, renderCanvas: (_d = this._container.canvas) !== null && _d !== void 0 ? _d : null, hooks: performanceHook }, restOption), { dpr, autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr), mode: toRenderMode(mode), autoFit: false, eventConfig: {
                     gesture: isValid$1(gestureConfig) ? gestureConfig : isMobileLikeMode(mode),
                     disable: interactive === false,
@@ -58833,7 +58833,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }, doLayout: () => {
                     var _a;
                     (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onLayout(this._view);
-                }, logger: logger, logLevel: logger.level() }));
+                }, logger: logger, logLevel: logger.level(), beforeRender: (stage) => {
+                    var _a;
+                    (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onBeforeRender(this._view);
+                    beforeRender === null || beforeRender === void 0 ? void 0 : beforeRender(stage);
+                } }));
             this._setCanvasStyle();
             this.getStage().hooks.afterRender.tap('chart-event', this.handleStageRender);
             if (interactive !== false) {
@@ -59298,7 +59302,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         };
     }
 
-    var STATE_VALUE_ENUM;
+    exports.STATE_VALUE_ENUM = void 0;
     (function (STATE_VALUE_ENUM) {
         STATE_VALUE_ENUM["STATE_NORMAL"] = "normal";
         STATE_VALUE_ENUM["STATE_HOVER"] = "hover";
@@ -59309,13 +59313,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         STATE_VALUE_ENUM["STATE_SELECTED_REVERSE"] = "selected_reverse";
         STATE_VALUE_ENUM["STATE_SANKEY_EMPHASIS"] = "selected";
         STATE_VALUE_ENUM["STATE_SANKEY_EMPHASIS_REVERSE"] = "blur";
-    })(STATE_VALUE_ENUM || (STATE_VALUE_ENUM = {}));
-    var STATE_VALUE_ENUM_REVERSE;
+    })(exports.STATE_VALUE_ENUM || (exports.STATE_VALUE_ENUM = {}));
+    exports.STATE_VALUE_ENUM_REVERSE = void 0;
     (function (STATE_VALUE_ENUM_REVERSE) {
         STATE_VALUE_ENUM_REVERSE["STATE_HOVER_REVERSE"] = "hover_reverse";
         STATE_VALUE_ENUM_REVERSE["STATE_DIMENSION_HOVER_REVERSE"] = "dimension_hover_reverse";
         STATE_VALUE_ENUM_REVERSE["STATE_SELECTED_REVERSE"] = "selected_reverse";
-    })(STATE_VALUE_ENUM_REVERSE || (STATE_VALUE_ENUM_REVERSE = {}));
+    })(exports.STATE_VALUE_ENUM_REVERSE || (exports.STATE_VALUE_ENUM_REVERSE = {}));
 
     class MarkSet {
         constructor() {
@@ -59390,15 +59394,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.onHover = (params) => {
                 switch (params.action) {
                     case 'enter':
-                        const lastHover = this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
-                        lastHover.forEach(e => this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, e));
-                        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, false);
+                        const lastHover = this.interaction.getEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                        lastHover.forEach(e => this.interaction.addEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, e));
+                        this.interaction.clearEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, false);
                         const elements = this.getEventElement(params);
-                        elements.forEach(el => this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el));
-                        this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                        elements.forEach(el => this.interaction.addEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el));
+                        this.interaction.reverseEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
                         break;
                     case 'leave':
-                        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);
+                        this.interaction.clearEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);
                         params = null;
                         break;
                 }
@@ -59411,10 +59415,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setStateKeys(fields) {
         }
         registerMark(mark) {
-            if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER])) {
+            if (!isEmpty(mark.stateStyle[exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER])) {
                 this._marks.addMark(mark);
             }
-            if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE])) {
+            if (!isEmpty(mark.stateStyle[exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE])) {
                 this._markReverse.addMark(mark);
             }
         }
@@ -59487,16 +59491,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return (key === 'fill' || key === 'stroke') && (style === null || style === void 0 ? void 0 : style.gradient) && (style === null || style === void 0 ? void 0 : style.stops);
     }
     const DEFAULT_STATE_VALUE_ENUM = {};
-    Object.values(STATE_VALUE_ENUM).forEach(v => {
+    Object.values(exports.STATE_VALUE_ENUM).forEach(v => {
         DEFAULT_STATE_VALUE_ENUM[v] = true;
     });
     function stateInDefaultEnum(state) {
         return !!DEFAULT_STATE_VALUE_ENUM[state];
     }
     const DEFAULT_STATE_VALUE_TO_REVERSE = {
-        [STATE_VALUE_ENUM.STATE_HOVER]: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-        [STATE_VALUE_ENUM.STATE_SELECTED]: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-        [STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE
+        [exports.STATE_VALUE_ENUM.STATE_HOVER]: exports.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+        [exports.STATE_VALUE_ENUM.STATE_SELECTED]: exports.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+        [exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]: exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE
     };
     function stateToReverse(state) {
         return DEFAULT_STATE_VALUE_TO_REVERSE[state];
@@ -60125,6 +60129,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         onEvaluateEnd(ctx) {
         }
+        onBeforeRender() {
+        }
         onDataUpdate() {
         }
         beforeRelease() {
@@ -60915,9 +60921,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._series.forEach(s => {
                 s.getMarksWithoutRoot().forEach(m => {
-                    for (const key in STATE_VALUE_ENUM_REVERSE) {
-                        if (!isEmpty(m.stateStyle[STATE_VALUE_ENUM_REVERSE[key]])) {
-                            this.interaction.registerMark(STATE_VALUE_ENUM_REVERSE[key], m);
+                    for (const key in exports.STATE_VALUE_ENUM_REVERSE) {
+                        if (!isEmpty(m.stateStyle[exports.STATE_VALUE_ENUM_REVERSE[key]])) {
+                            this.interaction.registerMark(exports.STATE_VALUE_ENUM_REVERSE[key], m);
                         }
                     }
                 });
@@ -62122,7 +62128,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._product.encode(updateStyles, true);
         }
         _separateStyle() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = exports.STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const enterStyles = this._option.noSeparateStyle ? null : {};
             const updateStyles = {};
             Object.keys(normalStyle).forEach(key => {
@@ -62142,7 +62148,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { enterStyles, updateStyles };
         }
         compileEncode() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = exports.STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const { enterStyles, updateStyles } = this._separateStyle();
             this._product.encode(updateStyles, true);
             this._product.encodeState('group', enterStyles, true);
@@ -64236,7 +64242,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.12";
+    const version = "1.13.13-alpha.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -65965,8 +65971,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'element-highlight',
                 trigger: finalHoverSpec.trigger,
                 triggerOff: finalHoverSpec.triggerOff,
-                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-                highlightState: STATE_VALUE_ENUM.STATE_HOVER
+                blurState: exports.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+                highlightState: exports.STATE_VALUE_ENUM.STATE_HOVER
             };
         }
         _defaultSelectConfig(selector, finalSelectSpec) {
@@ -65983,8 +65989,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 selector,
                 trigger: finalSelectSpec.trigger,
                 triggerOff: triggerOff,
-                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-                state: STATE_VALUE_ENUM.STATE_SELECTED,
+                reverseState: exports.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+                state: exports.STATE_VALUE_ENUM.STATE_SELECTED,
                 isMultiple
             };
         }
@@ -67105,7 +67111,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
                 this._symbolActiveMark.state.changeStateInfo({
-                    stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+                    stateValue: exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
                     filter: () => true
                 });
             }
@@ -67144,7 +67150,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.on(exports.DimensionEventEnum.dimensionHover, this._dimensionTrigger.bind(this));
                 this.initMarkStyleWithSpec(symbolMark, mergeSpec({}, this._spec[lineLikeSeriesMark.point.name], { visible: true }));
                 this._symbolActiveMark.state.changeStateInfo({
-                    stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+                    stateValue: exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
                     filter: () => true
                 });
             }
@@ -71163,6 +71169,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const elements = [...this._components, ...this._regions, ...this._series];
             elements.forEach(element => element.onEvaluateEnd(option));
         }
+        onBeforeRender(view) {
+            const elements = [...this._components, ...this._regions, ...this._series];
+            elements.forEach(element => element.onBeforeRender());
+        }
         getLayoutElements() {
             return this.getAllModels()
                 .map(i => i.layout)
@@ -71603,10 +71613,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setSelected(datum, filter, region) {
-            this._setStateInDatum(STATE_VALUE_ENUM.STATE_SELECTED, true, datum, filter, region);
+            this._setStateInDatum(exports.STATE_VALUE_ENUM.STATE_SELECTED, true, datum, filter, region);
         }
         setHovered(datum, filter, region) {
-            this._setStateInDatum(STATE_VALUE_ENUM.STATE_HOVER, true, datum, filter, region);
+            this._setStateInDatum(exports.STATE_VALUE_ENUM.STATE_HOVER, true, datum, filter, region);
         }
         clearState(state) {
             this.getAllRegions().forEach(r => {
@@ -71623,10 +71633,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         clearSelected() {
-            this.clearState(STATE_VALUE_ENUM.STATE_SELECTED);
+            this.clearState(exports.STATE_VALUE_ENUM.STATE_SELECTED);
         }
         clearHovered() {
-            this.clearState(STATE_VALUE_ENUM.STATE_HOVER);
+            this.clearState(exports.STATE_VALUE_ENUM.STATE_HOVER);
         }
         _initEvent() {
             [ChartEvent.dataZoomChange, ChartEvent.scrollBarChange].forEach(event => {
@@ -73826,16 +73836,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 fill: this.getColorAttribute(),
                 size: isNumber$1(this._size) || isFunction$1(this._size) ? this._size : SCATTER_DEFAULT_SIZE,
                 symbolType: isString$1(this._shape) || isFunction$1(this._shape) ? this._shape : SCATTER_DEFAULT_SHAPE
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             if (isValid$1(this._sizeField) || isValid$1(this._size)) {
                 this.setMarkStyle(symbolMark, {
                     size: this.getSizeAttribute(this._sizeField, this._size)
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
             }
             if (isValid$1(this._shapeField) || isValid$1(this._shape)) {
                 this.setMarkStyle(symbolMark, {
                     symbolType: this.getShapeAttribute(this._shapeField, this._shape)
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
             }
         }
         initTooltip() {
@@ -73867,11 +73877,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return datum[this.getStackValueField()];
                 },
                 z: this._fieldZ ? this.dataToPositionZ.bind(this) : null
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             if (this._invalidType !== 'zero') {
                 this.setMarkStyle(labelMark, {
                     visible: this._getInvalidDefined.bind(this)
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         handleZoom(e) {
@@ -76682,7 +76692,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
                 const boxPlotMarkStyles = this._direction === "horizontal"
                     ? Object.assign(Object.assign({ y: this.dataToPositionY.bind(this) }, commonBoxplotStyles), { boxHeight: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Height: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } }) : Object.assign(Object.assign({ x: this.dataToPositionX.bind(this) }, commonBoxplotStyles), { boxWidth: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Width: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } });
-                this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
             const outlierMark = this._outlierMark;
             if (outlierMark) {
@@ -76690,7 +76700,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     fill: (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getColorAttribute(),
                     size: isNumber$1((_e = this._outliersStyle) === null || _e === void 0 ? void 0 : _e.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE,
                     symbolType: 'circle'
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initBoxPlotMarkStyle() {
@@ -76716,7 +76726,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     max: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, this._maxField), {
                         bandPosition: this._bandPosition
                     }), scale)
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
             const outlierMark = this._outlierMark;
             if (outlierMark && axisHelper) {
@@ -76735,7 +76745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             bandPosition: this._bandPosition
                         }), scale)
                     };
-                this.setMarkStyle(outlierMark, outlierMarkPositionChannel, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                this.setMarkStyle(outlierMark, outlierMarkPositionChannel, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initData() {
@@ -85303,7 +85313,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 startAngle: d => d.startAngle,
                 endAngle: d => d.endAngle,
                 fill: this.getColorAttribute()
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initLabelMark() {
             if (this._label.visible !== true) {
@@ -85335,7 +85345,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 angle: (d) => { var _a, _b; return (_b = (_a = d.label) === null || _a === void 0 ? void 0 : _a.angle) !== null && _b !== void 0 ? _b : 0; },
                 fontSize: 10,
                 text: (d) => d.name
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             this._tooltipHelper = new SunburstTooltipHelper(this);
@@ -85593,7 +85603,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 endAngle: Math.PI * 2,
                 fill: this.getColorAttribute(),
                 zIndex: d => d.depth
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initLabelMark() {
             var _a;
@@ -85616,7 +85626,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return d.key;
                 },
                 cursor: 'pointer'
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         getStatisticFields() {
             return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
@@ -86565,7 +86575,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!allLinkElements || !allLinkElements.length) {
                     return;
                 }
-                const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
+                const states = [exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
                 allNodeElements.forEach(el => {
                     el.removeState(states);
                 });
@@ -86588,19 +86598,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                         }
                         else if (linkDatum.target === nodeDatum.key) {
                             if (!highlightNodes.includes(linkDatum.source)) {
                                 highlightNodes.push(linkDatum.source);
                             }
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                         }
                         else {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
@@ -86619,12 +86629,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     allLinkElements.forEach(linkEl => {
                         if (linkEl === element) {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
                         }
                         else {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
@@ -86736,12 +86746,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         allLinkElements.forEach((linkEl, i) => {
                             var _a;
                             if (highlightLinks.includes((_a = linkEl.getDatum().key) !== null && _a !== void 0 ? _a : linkEl.getDatum().index)) {
-                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             }
                             else {
-                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                             }
                         });
                     }
@@ -86789,8 +86799,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 return (sum += d.value);
                             }, 0);
                             const ratio = val / linkDatum.value;
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         if (upSelectedLink) {
@@ -86800,12 +86810,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
                     if (this._nodeMark) {
@@ -86826,7 +86836,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
                 const father = ((_a = element.getDatum()) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
                 if (father === 'source') {
-                    const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
+                    const states = [exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
                     if (this._linkMark) {
                         allLinkElements.forEach(linkEl => {
                             linkEl.removeState(states);
@@ -86868,8 +86878,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         const linkDatum = linkEl.getDatum();
                         const originalDatum = linkDatum.datum;
                         if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
                             return;
                         }
                         const selectedDatum = originalDatum
@@ -86896,8 +86906,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 return (sum += d.value);
                             }, 0);
                             const ratio = val / linkDatum.value;
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
@@ -86908,12 +86918,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
                     this._highLightElements(allNodeElements, highlightNodes);
@@ -86922,8 +86932,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
         }
         get direction() {
-            var _a;
-            return (_a = this._spec.direction) !== null && _a !== void 0 ? _a : 'horizontal';
+            var _a, _b;
+            return (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.direction) !== null && _b !== void 0 ? _b : 'horizontal';
         }
         getCategoryField() {
             return this._categoryField;
@@ -87120,7 +87130,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1: (datum) => datum.x1,
                 y: (datum) => datum.y0,
                 y1: (datum) => datum.y1
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark);
             this.setMarkStyle(nodeMark, {
                 fill: (_b = (_a = this._spec.node.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByNode
             }, 'normal', AttributeLevel.User_Mark);
@@ -87138,7 +87148,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y1: (datum) => datum.y1,
                 thickness: (datum) => datum.thickness,
                 direction: this.direction
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this.setMarkStyle(linkMark, {
                 fill: (_b = (_a = this._spec.link.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByLink
             }, 'normal', AttributeLevel.User_Mark);
@@ -87196,11 +87206,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initEvent() {
-            var _a, _b, _c;
+            var _a, _b;
             super.initEvent();
             (_a = this._nodesSeriesData.getDataView()) === null || _a === void 0 ? void 0 : _a.target.addListener('change', this.nodesSeriesDataUpdate.bind(this));
             (_b = this._linksSeriesData.getDataView()) === null || _b === void 0 ? void 0 : _b.target.addListener('change', this.linksSeriesDataUpdate.bind(this));
-            const emphasisSpec = (_c = this._spec.emphasis) !== null && _c !== void 0 ? _c : {};
+            this._initEmphasisEvent();
+        }
+        _initEmphasisEvent() {
+            var _a;
+            const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
             if (this._option.disableTriggerEvent !== true) {
                 if (emphasisSpec.enable && (emphasisSpec.effect === 'adjacency' || emphasisSpec.effect === 'related')) {
                     const event = emphasisSpec.trigger === 'hover' ? 'pointerover' : 'pointerdown';
@@ -87221,12 +87235,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             vGrammarElements.forEach(el => {
-                el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
+                el.removeState([exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
                 if (highlightNodes.includes(el.getDatum().key)) {
-                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                    el.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                 }
                 else {
-                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                    el.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                 }
             });
         }
@@ -87687,7 +87701,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1: datum => datum.x1,
                 y1: datum => datum.y1,
                 fill: this.getColorAttribute()
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initNonLeafMarkStyle() {
             if (!this._nonLeafMark) {
@@ -87699,7 +87713,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1: datum => datum.x1,
                 y1: datum => datum.y1,
                 fill: this.getColorAttribute()
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initRichStyleOfLabelMark(labelMark) {
             if (labelMark.getTextType() === 'rich') {
@@ -87707,7 +87721,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     maxWidth: datum => Math.abs(datum.x0 - datum.x1),
                     maxHeight: datum => Math.abs(datum.y0 - datum.y1),
                     ellipsis: true
-                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initLabelMarkStyle(labelMark) {
@@ -87726,7 +87740,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 maxLineWidth: (datum) => {
                     return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
                 }
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this._initRichStyleOfLabelMark(labelMark);
         }
         initNonLeafLabelMarkStyle(labelMark) {
@@ -87755,7 +87769,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 maxLineWidth: (datum) => {
                     return datum.x1 === datum.x0 ? Number.MIN_VALUE : datum.x1 - datum.x0;
                 }
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this._initRichStyleOfLabelMark(labelMark);
         }
         initAnimation() {
@@ -88810,7 +88824,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 fill: (_c = nodePointStyle.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
                 fillOpacity: (_d = nodePointStyle.fillOpacity) !== null && _d !== void 0 ? _d : 1,
                 lineWidth: 0
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initRipplePointMarkStyle() {
             var _a, _b, _c, _d, _e;
@@ -88834,7 +88848,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 fill: (_c = ripplePointStyle.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
                 opacity: (_d = ripplePointStyle.fillOpacity) !== null && _d !== void 0 ? _d : 0.2,
                 ripple: (_e = ripplePointStyle.ripple) !== null && _e !== void 0 ? _e : 0
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initCenterPointMarkStyle() {
             var _a, _b, _c, _d, _e, _f;
@@ -88856,7 +88870,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 },
                 fill: (_c = (_b = (_a = this._spec.centerPoint) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
                 fillOpacity: (_f = (_e = (_d = this._spec.centerPoint) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.fillOpacity) !== null && _f !== void 0 ? _f : 1
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             super.initTooltip();
@@ -88872,7 +88886,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return datum[this._categoryField];
                 },
                 z: this.dataToPositionZ.bind(this)
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initAnimation() {
             var _a, _b;
@@ -90227,7 +90241,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 endAngle: Math.PI * 2,
                 fill: this.getColorAttribute(),
                 stroke: this.getColorAttribute()
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initOverlapMarkStyle() {
             if (!this._overlapMark) {
@@ -90243,12 +90257,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 zIndex: datum => {
                     return datum.sets.length * 100;
                 }
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this.setMarkStyle(this._overlapMark, {
                 zIndex: datum => {
                     return datum.sets.length * 100 + 1;
                 }
-            }, STATE_VALUE_ENUM.STATE_HOVER, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_HOVER, AttributeLevel.Series);
         }
         initLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -90266,7 +90280,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const circleX1 = x + radius;
                     return Math.min(labelX - circleX0, circleX1 - labelX);
                 }
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initOverlapLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -90278,7 +90292,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x: datum => datum.labelX,
                 y: datum => datum.labelY,
                 text: datum => getVennSeriesDataKey(datum.sets)
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             this._tooltipHelper = new VennTooltipHelper(this);
@@ -90733,8 +90747,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'element-highlight-by-graphic-name',
                 trigger: finalHoverSpec.trigger,
                 triggerOff: 'pointerout',
-                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-                highlightState: STATE_VALUE_ENUM.STATE_HOVER
+                blurState: exports.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+                highlightState: exports.STATE_VALUE_ENUM.STATE_HOVER
             };
         }
         _defaultSelectConfig(selector, finalSelectSpec) {
@@ -90751,8 +90765,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 selector,
                 trigger: finalSelectSpec.trigger,
                 triggerOff: triggerOff,
-                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-                state: STATE_VALUE_ENUM.STATE_SELECTED,
+                reverseState: exports.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+                state: exports.STATE_VALUE_ENUM.STATE_SELECTED,
                 isMultiple
             };
         }
@@ -90828,7 +90842,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 text: (d) => d[this.nameField],
                 textAlign: 'center',
                 textBaseline: 'middle'
-            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initMarkStyle() {
             const { root, viewBoxRect } = this._parsedSvgResult;
@@ -95142,7 +95156,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.off(eventName, handler);
             }
         }
-        updateLayoutAttribute() {
+        onBeforeRender() {
             this._limitBounds = null;
             this._showDefaultCrosshair();
         }
@@ -100957,6 +100971,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 var _a;
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
+                const { updateElementsState = true } = this._spec;
                 if ((_a = this._spec) === null || _a === void 0 ? void 0 : _a.onBrushEnd) {
                     if (this._spec.onBrushEnd(e) === true) {
                         this.clearGraphic();
@@ -100970,7 +100985,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
                 else {
                     const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
-                    if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+                    if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || !updateElementsState) {
                         this._setAxisAndDataZoom(operateMask, region);
                     }
                     this._emitEvent(ChartEvent.brushEnd, region);
@@ -100979,8 +100994,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             brush.addEventListener(IOperateType.moveEnd, (e) => {
                 this._setRegionMarkPickable(region, true);
                 const { operateMask } = e.detail;
+                const { updateElementsState = true } = this._spec;
                 const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
-                if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+                if ((!this._spec.zoomWhenEmpty && inBrushData.length > 0) || updateElementsState) {
                     this._setAxisAndDataZoom(operateMask, region);
                 }
                 this._emitEvent(ChartEvent.brushEnd, region);
@@ -101022,8 +101038,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _handleBrushChange(region, e) {
             const { operateMask } = e.detail;
-            this._reconfigItem(operateMask, region);
-            this._reconfigLinkedItem(operateMask, region);
+            const { updateElementsState = true } = this._spec;
+            if (updateElementsState) {
+                this._reconfigItem(operateMask, region);
+                this._reconfigLinkedItem(operateMask, region);
+            }
         }
         _extendDataInBrush(elementsMap) {
             var _a, _b;
@@ -103000,14 +103019,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';
         if (align === 'right') {
             panelStyle.direction = 'rtl';
-            titleStyle.textAlign = 'right';
-            keyStyle.textAlign = 'right';
-            valueStyle.textAlign = 'left';
         }
-        else {
-            titleStyle.textAlign = 'left';
-            keyStyle.textAlign = 'left';
-            valueStyle.textAlign = 'right';
+        if (isNil$1(titleStyle.textAlign)) {
+            titleStyle.textAlign = align === 'right' ? 'right' : 'left';
+        }
+        if (isNil$1(keyStyle.textAlign)) {
+            keyStyle.textAlign = align === 'right' ? 'right' : 'left';
+        }
+        if (isNil$1(valueStyle.textAlign)) {
+            valueStyle.textAlign = align === 'right' ? 'left' : 'right';
         }
         shapeStyle[marginKey] = getPixelPropertyStr((_b = shape.spacing) !== null && _b !== void 0 ? _b : DEFAULT_SHAPE_SPACING);
         keyStyle[marginKey] = getPixelPropertyStr((_c = keyLabel.spacing) !== null && _c !== void 0 ? _c : DEFAULT_KEY_SPACING);