@visactor/vchart 1.13.13-alpha.2 → 1.13.13

package/build/index.js

@@ -35753,7 +35753,9 @@
           space = bandSpace(n, this._paddingInner, this._paddingOuter);
         return this._step = (stop - start) / Math.max(1, space || 1), this._round && (this._step = Math.floor(this._step)), start += (stop - start - this._step * (n - this._paddingInner)) * this._align, this.isBandwidthFixed() || (this._bandwidth = this._step * (1 - this._paddingInner)), this._round && (start = Math.round(start), this.isBandwidthFixed() || (this._bandwidth = Math.round(this._bandwidth))), this._bandRangeState = {
           reverse: reverse,
-          start: reverse ? start + this._step * (n - 1) : start,
+          start: reverse ? clamp$1(start + this._step * (n - 1), wholeRange[1], wholeRange[0]) : clamp$1(start, wholeRange[0], wholeRange[1]),
+          min: reverse ? wholeRange[1] : wholeRange[0],
+          max: stop,
           count: n
         }, this.generateFishEyeTransform(), this;
       }
@@ -35770,10 +35772,12 @@
         const {
             count: count,
             start: start,
-            reverse: reverse
+            reverse: reverse,
+            min: min,
+            max: max
           } = this._bandRangeState,
           output = start + (reverse ? -1 : 1) * ((i - 1) % count) * this._step;
-        return this._fishEyeTransform ? this._fishEyeTransform(output) : output;
+        return clamp$1(this._fishEyeTransform ? this._fishEyeTransform(output) : output, min, max);
       }
       _calculateWholeRange(range, changeProperty) {
         if (this._wholeRange) return this._wholeRange;
@@ -59302,7 +59306,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         };
     }
 
-    exports.STATE_VALUE_ENUM = void 0;
+    var STATE_VALUE_ENUM;
     (function (STATE_VALUE_ENUM) {
         STATE_VALUE_ENUM["STATE_NORMAL"] = "normal";
         STATE_VALUE_ENUM["STATE_HOVER"] = "hover";
@@ -59313,13 +59317,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";
-    })(exports.STATE_VALUE_ENUM || (exports.STATE_VALUE_ENUM = {}));
-    exports.STATE_VALUE_ENUM_REVERSE = void 0;
+    })(STATE_VALUE_ENUM || (STATE_VALUE_ENUM = {}));
+    var STATE_VALUE_ENUM_REVERSE;
     (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";
-    })(exports.STATE_VALUE_ENUM_REVERSE || (exports.STATE_VALUE_ENUM_REVERSE = {}));
+    })(STATE_VALUE_ENUM_REVERSE || (STATE_VALUE_ENUM_REVERSE = {}));
 
     class MarkSet {
         constructor() {
@@ -59394,15 +59398,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(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 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 elements = this.getEventElement(params);
-                        elements.forEach(el => this.interaction.addEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el));
-                        this.interaction.reverseEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                        elements.forEach(el => this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el));
+                        this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
                         break;
                     case 'leave':
-                        this.interaction.clearEventElement(exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);
+                        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);
                         params = null;
                         break;
                 }
@@ -59415,10 +59419,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setStateKeys(fields) {
         }
         registerMark(mark) {
-            if (!isEmpty(mark.stateStyle[exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER])) {
+            if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER])) {
                 this._marks.addMark(mark);
             }
-            if (!isEmpty(mark.stateStyle[exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE])) {
+            if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE])) {
                 this._markReverse.addMark(mark);
             }
         }
@@ -59491,16 +59495,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(exports.STATE_VALUE_ENUM).forEach(v => {
+    Object.values(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 = {
-        [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
+        [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
     };
     function stateToReverse(state) {
         return DEFAULT_STATE_VALUE_TO_REVERSE[state];
@@ -60921,9 +60925,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 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);
+                    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);
                         }
                     }
                 });
@@ -62128,7 +62132,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._product.encode(updateStyles, true);
         }
         _separateStyle() {
-            const _a = this.stateStyle, _b = exports.STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = 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 => {
@@ -62148,7 +62152,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { enterStyles, updateStyles };
         }
         compileEncode() {
-            const _a = this.stateStyle, _b = exports.STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = 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);
@@ -64242,7 +64246,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.13-alpha.2";
+    const version = "1.13.13";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -65971,8 +65975,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'element-highlight',
                 trigger: finalHoverSpec.trigger,
                 triggerOff: finalHoverSpec.triggerOff,
-                blurState: exports.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-                highlightState: exports.STATE_VALUE_ENUM.STATE_HOVER
+                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+                highlightState: STATE_VALUE_ENUM.STATE_HOVER
             };
         }
         _defaultSelectConfig(selector, finalSelectSpec) {
@@ -65989,8 +65993,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 selector,
                 trigger: finalSelectSpec.trigger,
                 triggerOff: triggerOff,
-                reverseState: exports.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-                state: exports.STATE_VALUE_ENUM.STATE_SELECTED,
+                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+                state: STATE_VALUE_ENUM.STATE_SELECTED,
                 isMultiple
             };
         }
@@ -67111,7 +67115,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
                 this._symbolActiveMark.state.changeStateInfo({
-                    stateValue: exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+                    stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
                     filter: () => true
                 });
             }
@@ -67150,7 +67154,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: exports.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+                    stateValue: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
                     filter: () => true
                 });
             }
@@ -69910,6 +69914,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
         }
+        _updateData() {
+            var _a, _b, _c;
+            const tickTransformType = this.registerTicksTransform();
+            if (this._spec.showAllGroupLayers && this._scales.length > 1) {
+                const layers = (_a = this._spec.layers) !== null && _a !== void 0 ? _a : [];
+                Object.keys(this._tickDataMap).forEach(layer => {
+                    const layerConfig = layers[this._scales.length - 1 - +layer] || {};
+                    const tickData = this._tickDataMap[layer];
+                    const tickTransform = tickData === null || tickData === void 0 ? void 0 : tickData.getDataView().transformsArr.find((t) => t.type === tickTransformType);
+                    tickTransform &&
+                        (tickTransform.options = Object.assign(Object.assign({}, this._tickTransformOption()), layerConfig));
+                });
+            }
+            else {
+                const tickTransform = (_c = (_b = this._tickData) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.getDataView().transformsArr.find(t => t.type === tickTransformType);
+                tickTransform && (tickTransform.options = this._tickTransformOption());
+            }
+        }
         dataToPosition(values, cfg = {}) {
             var _a, _b;
             if (values.length === 0 || this._scales.length === 0) {
@@ -70002,7 +70024,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getLabelItems(length) {
             const labelItems = [];
             let preData = [];
-            this._scales.forEach((scale, index) => {
+            (this._spec.showAllGroupLayers ? this._scales : [this._scales[0]]).forEach((scale, index) => {
                 var _a;
                 const tickData = this._tickDataMap[index];
                 const isTickDataHaveData = (_a = tickData === null || tickData === void 0 ? void 0 : tickData.getLatestData()) === null || _a === void 0 ? void 0 : _a.length;
@@ -70166,6 +70188,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 minBandSize
             };
         }
+        _compareSpec(spec, prevSpec) {
+            const result = super._compareSpec(spec, prevSpec);
+            if (result.reMake) {
+                return result;
+            }
+            if ((prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec.showAllGroupLayers) !== (spec === null || spec === void 0 ? void 0 : spec.showAllGroupLayers) || !isEqual(prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec.layers, spec === null || spec === void 0 ? void 0 : spec.layers)) {
+                result.reMake = true;
+            }
+            return result;
+        }
+        reInit(spec) {
+            super.reInit();
+            this === null || this === void 0 ? void 0 : this._updateData();
+        }
     }
     CartesianBandAxis.type = ComponentTypeEnum.cartesianBandAxis;
     CartesianBandAxis.specKey = 'axes';
@@ -71613,10 +71649,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setSelected(datum, filter, region) {
-            this._setStateInDatum(exports.STATE_VALUE_ENUM.STATE_SELECTED, true, datum, filter, region);
+            this._setStateInDatum(STATE_VALUE_ENUM.STATE_SELECTED, true, datum, filter, region);
         }
         setHovered(datum, filter, region) {
-            this._setStateInDatum(exports.STATE_VALUE_ENUM.STATE_HOVER, true, datum, filter, region);
+            this._setStateInDatum(STATE_VALUE_ENUM.STATE_HOVER, true, datum, filter, region);
         }
         clearState(state) {
             this.getAllRegions().forEach(r => {
@@ -71633,10 +71669,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         clearSelected() {
-            this.clearState(exports.STATE_VALUE_ENUM.STATE_SELECTED);
+            this.clearState(STATE_VALUE_ENUM.STATE_SELECTED);
         }
         clearHovered() {
-            this.clearState(exports.STATE_VALUE_ENUM.STATE_HOVER);
+            this.clearState(STATE_VALUE_ENUM.STATE_HOVER);
         }
         _initEvent() {
             [ChartEvent.dataZoomChange, ChartEvent.scrollBarChange].forEach(event => {
@@ -73836,16 +73872,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, 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)
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
+                }, 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)
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
+                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.User_Mark);
             }
         }
         initTooltip() {
@@ -73877,11 +73913,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             if (this._invalidType !== 'zero') {
                 this.setMarkStyle(labelMark, {
                     visible: this._getInvalidDefined.bind(this)
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         handleZoom(e) {
@@ -76692,7 +76728,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, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
             const outlierMark = this._outlierMark;
             if (outlierMark) {
@@ -76700,7 +76736,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'
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initBoxPlotMarkStyle() {
@@ -76726,7 +76762,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)
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
             const outlierMark = this._outlierMark;
             if (outlierMark && axisHelper) {
@@ -76745,7 +76781,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             bandPosition: this._bandPosition
                         }), scale)
                     };
-                this.setMarkStyle(outlierMark, outlierMarkPositionChannel, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                this.setMarkStyle(outlierMark, outlierMarkPositionChannel, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initData() {
@@ -85313,7 +85349,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 startAngle: d => d.startAngle,
                 endAngle: d => d.endAngle,
                 fill: this.getColorAttribute()
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initLabelMark() {
             if (this._label.visible !== true) {
@@ -85345,7 +85381,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             this._tooltipHelper = new SunburstTooltipHelper(this);
@@ -85603,7 +85639,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 endAngle: Math.PI * 2,
                 fill: this.getColorAttribute(),
                 zIndex: d => d.depth
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initLabelMark() {
             var _a;
@@ -85626,7 +85662,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return d.key;
                 },
                 cursor: 'pointer'
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         getStatisticFields() {
             return appendHierarchyFields(super.getStatisticFields(), this._categoryField, this._valueField);
@@ -86536,35 +86572,33 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return (_g = this._colorScale) === null || _g === void 0 ? void 0 : _g.scale(sourceName);
             };
             this._handleEmphasisElement = (params) => {
-                var _a, _b, _c, _d, _e, _f, _g;
+                var _a, _b, _c, _d, _e;
                 const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
-                const highlightState = (_b = emphasisSpec.highlightState) !== null && _b !== void 0 ? _b : exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS;
-                const blurState = (_c = emphasisSpec.blurState) !== null && _c !== void 0 ? _c : exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE;
                 const element = params.item;
                 if (emphasisSpec.effect === 'adjacency') {
-                    if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
-                        this._handleNodeAdjacencyClick(element, highlightState, blurState);
+                    if (element && element.mark === ((_b = this._nodeMark) === null || _b === void 0 ? void 0 : _b.getProduct())) {
+                        this._handleNodeAdjacencyClick(element);
                     }
-                    else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
-                        this._handleLinkAdjacencyClick(element, highlightState, blurState);
+                    else if (element && element.mark === ((_c = this._linkMark) === null || _c === void 0 ? void 0 : _c.getProduct())) {
+                        this._handleLinkAdjacencyClick(element);
                     }
                     else {
-                        this._handleClearEmpty(highlightState, blurState);
+                        this._handleClearEmpty();
                     }
                 }
                 else if (emphasisSpec.effect === 'related') {
-                    if (element && element.mark === ((_f = this._nodeMark) === null || _f === void 0 ? void 0 : _f.getProduct())) {
-                        this._handleNodeRelatedClick(element, highlightState, blurState);
+                    if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
+                        this._handleNodeRelatedClick(element);
                     }
-                    else if (element && element.mark === ((_g = this._linkMark) === null || _g === void 0 ? void 0 : _g.getProduct())) {
-                        this._handleLinkRelatedClick(element, highlightState, blurState);
+                    else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
+                        this._handleLinkRelatedClick(element);
                     }
                     else {
-                        this._handleClearEmpty(highlightState, blurState);
+                        this._handleClearEmpty();
                     }
                 }
             };
-            this._handleClearEmpty = (highlightState, blurState) => {
+            this._handleClearEmpty = () => {
                 var _a, _b;
                 if (!this._needClear) {
                     return;
@@ -86577,7 +86611,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!allLinkElements || !allLinkElements.length) {
                     return;
                 }
-                const states = [highlightState, blurState];
+                const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
                 allNodeElements.forEach(el => {
                     el.removeState(states);
                 });
@@ -86586,7 +86620,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
                 this._needClear = false;
             };
-            this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
+            this._handleNodeAdjacencyClick = (element) => {
                 const nodeDatum = element.getDatum();
                 const highlightNodes = [nodeDatum.key];
                 if (this._linkMark) {
@@ -86600,28 +86634,28 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(blurState);
-                            linkEl.addState(highlightState);
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                         }
                         else if (linkDatum.target === nodeDatum.key) {
                             if (!highlightNodes.includes(linkDatum.source)) {
                                 highlightNodes.push(linkDatum.source);
                             }
-                            linkEl.removeState(blurState);
-                            linkEl.addState(highlightState);
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                         }
                         else {
-                            linkEl.removeState(highlightState);
-                            linkEl.addState(blurState);
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
                 if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                 }
                 this._needClear = true;
             };
-            this._handleLinkAdjacencyClick = (element, highlightState, blurState) => {
+            this._handleLinkAdjacencyClick = (element) => {
                 const curLinkDatum = element.getDatum();
                 const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
                 if (this._linkMark) {
@@ -86631,21 +86665,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     allLinkElements.forEach(linkEl => {
                         if (linkEl === element) {
-                            linkEl.removeState(blurState);
-                            linkEl.addState(highlightState, { ratio: 1 });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
                         }
                         else {
-                            linkEl.removeState(highlightState);
-                            linkEl.addState(blurState, { ratio: 1 });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
                 if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                 }
                 this._needClear = true;
             };
-            this._handleNodeRelatedClick = (element, highlightState, blurState) => {
+            this._handleNodeRelatedClick = (element) => {
                 var _a;
                 const nodeDatum = element.getDatum();
                 const allNodeElements = this._nodeMark.getProductElements();
@@ -86748,17 +86782,17 @@ 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(blurState);
-                                linkEl.addState(highlightState);
+                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             }
                             else {
-                                linkEl.removeState(highlightState);
-                                linkEl.addState(blurState);
+                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                             }
                         });
                     }
                     if (this._nodeMark) {
-                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                     }
                 }
                 else {
@@ -86801,8 +86835,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(blurState);
-                            linkEl.addState(highlightState, { ratio });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         if (upSelectedLink) {
@@ -86812,21 +86846,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(blurState);
-                            linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.removeState(highlightState);
-                        linkEl.addState(blurState);
+                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
                     if (this._nodeMark) {
-                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                     }
                 }
                 this._needClear = true;
             };
-            this._handleLinkRelatedClick = (element, highlightState, blurState) => {
+            this._handleLinkRelatedClick = (element) => {
                 var _a;
                 const allNodeElements = this._nodeMark.getProductElements();
                 if (!allNodeElements || !allNodeElements.length) {
@@ -86838,7 +86872,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 = [highlightState, blurState];
+                    const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
                     if (this._linkMark) {
                         allLinkElements.forEach(linkEl => {
                             linkEl.removeState(states);
@@ -86880,8 +86914,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(blurState);
-                            linkEl.addState(highlightState, { ratio: 1 });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
                             return;
                         }
                         const selectedDatum = originalDatum
@@ -86908,8 +86942,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(blurState);
-                            linkEl.addState(highlightState, { ratio });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
@@ -86920,22 +86954,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.removeState(blurState);
-                            linkEl.addState(highlightState, { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.removeState(highlightState);
-                        linkEl.addState(blurState);
+                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
-                    this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
+                    this._highLightElements(allNodeElements, highlightNodes);
                 }
                 this._needClear = true;
             };
         }
         get direction() {
-            var _a, _b;
-            return (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.direction) !== null && _b !== void 0 ? _b : 'horizontal';
+            var _a;
+            return (_a = this._spec.direction) !== null && _a !== void 0 ? _a : 'horizontal';
         }
         getCategoryField() {
             return this._categoryField;
@@ -87132,7 +87166,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark);
+            }, 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);
@@ -87150,7 +87184,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y1: (datum) => datum.y1,
                 thickness: (datum) => datum.thickness,
                 direction: this.direction
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, 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);
@@ -87208,15 +87242,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initEvent() {
-            var _a, _b;
+            var _a, _b, _c;
             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));
-            this._initEmphasisEvent();
-        }
-        _initEmphasisEvent() {
-            var _a;
-            const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
+            const emphasisSpec = (_c = this._spec.emphasis) !== null && _c !== void 0 ? _c : {};
             if (this._option.disableTriggerEvent !== true) {
                 if (emphasisSpec.enable && (emphasisSpec.effect === 'adjacency' || emphasisSpec.effect === 'related')) {
                     const event = emphasisSpec.trigger === 'hover' ? 'pointerover' : 'pointerdown';
@@ -87232,17 +87262,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         linksSeriesDataUpdate() {
             this._linksSeriesData.updateData();
         }
-        _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
+        _highLightElements(vGrammarElements, highlightNodes) {
             if (!vGrammarElements || !vGrammarElements.length) {
                 return;
             }
             vGrammarElements.forEach(el => {
-                el.removeState([blurState, highlightState]);
+                el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
                 if (highlightNodes.includes(el.getDatum().key)) {
-                    el.addState(highlightState);
+                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                 }
                 else {
-                    el.addState(blurState);
+                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                 }
             });
         }
@@ -87703,7 +87733,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1: datum => datum.x1,
                 y1: datum => datum.y1,
                 fill: this.getColorAttribute()
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initNonLeafMarkStyle() {
             if (!this._nonLeafMark) {
@@ -87715,7 +87745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1: datum => datum.x1,
                 y1: datum => datum.y1,
                 fill: this.getColorAttribute()
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initRichStyleOfLabelMark(labelMark) {
             if (labelMark.getTextType() === 'rich') {
@@ -87723,7 +87753,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
-                }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+                }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             }
         }
         initLabelMarkStyle(labelMark) {
@@ -87742,7 +87772,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;
                 }
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this._initRichStyleOfLabelMark(labelMark);
         }
         initNonLeafLabelMarkStyle(labelMark) {
@@ -87771,7 +87801,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;
                 }
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this._initRichStyleOfLabelMark(labelMark);
         }
         initAnimation() {
@@ -88826,7 +88856,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initRipplePointMarkStyle() {
             var _a, _b, _c, _d, _e;
@@ -88850,7 +88880,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initCenterPointMarkStyle() {
             var _a, _b, _c, _d, _e, _f;
@@ -88872,7 +88902,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
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             super.initTooltip();
@@ -88888,7 +88918,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return datum[this._categoryField];
                 },
                 z: this.dataToPositionZ.bind(this)
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initAnimation() {
             var _a, _b;
@@ -90243,7 +90273,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 endAngle: Math.PI * 2,
                 fill: this.getColorAttribute(),
                 stroke: this.getColorAttribute()
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         _initOverlapMarkStyle() {
             if (!this._overlapMark) {
@@ -90259,12 +90289,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 zIndex: datum => {
                     return datum.sets.length * 100;
                 }
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
             this.setMarkStyle(this._overlapMark, {
                 zIndex: datum => {
                     return datum.sets.length * 100 + 1;
                 }
-            }, exports.STATE_VALUE_ENUM.STATE_HOVER, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_HOVER, AttributeLevel.Series);
         }
         initLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -90282,7 +90312,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const circleX1 = x + radius;
                     return Math.min(labelX - circleX0, circleX1 - labelX);
                 }
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initOverlapLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -90294,7 +90324,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)
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initTooltip() {
             this._tooltipHelper = new VennTooltipHelper(this);
@@ -90749,8 +90779,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: exports.STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
-                highlightState: exports.STATE_VALUE_ENUM.STATE_HOVER
+                blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+                highlightState: STATE_VALUE_ENUM.STATE_HOVER
             };
         }
         _defaultSelectConfig(selector, finalSelectSpec) {
@@ -90767,8 +90797,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 selector,
                 trigger: finalSelectSpec.trigger,
                 triggerOff: triggerOff,
-                reverseState: exports.STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
-                state: exports.STATE_VALUE_ENUM.STATE_SELECTED,
+                reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+                state: STATE_VALUE_ENUM.STATE_SELECTED,
                 isMultiple
             };
         }
@@ -90844,7 +90874,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 text: (d) => d[this.nameField],
                 textAlign: 'center',
                 textBaseline: 'middle'
-            }, exports.STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
         initMarkStyle() {
             const { root, viewBoxRect } = this._parsedSvgResult;