@visactor/vchart 1.13.15 → 1.13.16

package/build/index.js

@@ -49124,7 +49124,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function transformToGraphic(style) {
         if (style === null || style === void 0 ? void 0 : style.angle) {
-            style.angle = degreeToRadian(style.angle);
+            return Object.assign(Object.assign({}, style), { angle: degreeToRadian(style.angle) });
         }
         return style;
     }
@@ -59306,7 +59306,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";
@@ -59317,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";
-    })(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() {
@@ -59398,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(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;
                 }
@@ -59419,10 +59419,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);
             }
         }
@@ -59495,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(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];
@@ -60925,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 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);
                         }
                     }
                 });
@@ -62132,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 = 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 => {
@@ -62152,7 +62152,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);
@@ -64247,7 +64247,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.15";
+    const version = "1.13.16";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -65976,8 +65976,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) {
@@ -65994,8 +65994,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
             };
         }
@@ -67116,7 +67116,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
                 });
             }
@@ -67155,7 +67155,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
                 });
             }
@@ -71650,10 +71650,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 => {
@@ -71670,10 +71670,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 => {
@@ -73873,16 +73873,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() {
@@ -73914,11 +73914,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) {
@@ -76729,7 +76729,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) {
@@ -76737,7 +76737,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() {
@@ -76763,7 +76763,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) {
@@ -76782,7 +76782,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() {
@@ -85350,7 +85350,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) {
@@ -85382,7 +85382,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);
@@ -85640,7 +85640,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;
@@ -85663,7 +85663,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);
@@ -86573,33 +86573,35 @@ 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;
+                var _a, _b, _c, _d, _e, _f, _g;
                 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 === ((_b = this._nodeMark) === null || _b === void 0 ? void 0 : _b.getProduct())) {
-                        this._handleNodeAdjacencyClick(element);
+                    if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
+                        this._handleNodeAdjacencyClick(element, highlightState, blurState);
                     }
-                    else if (element && element.mark === ((_c = this._linkMark) === null || _c === void 0 ? void 0 : _c.getProduct())) {
-                        this._handleLinkAdjacencyClick(element);
+                    else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
+                        this._handleLinkAdjacencyClick(element, highlightState, blurState);
                     }
                     else {
-                        this._handleClearEmpty();
+                        this._handleClearEmpty(highlightState, blurState);
                     }
                 }
                 else if (emphasisSpec.effect === 'related') {
-                    if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
-                        this._handleNodeRelatedClick(element);
+                    if (element && element.mark === ((_f = this._nodeMark) === null || _f === void 0 ? void 0 : _f.getProduct())) {
+                        this._handleNodeRelatedClick(element, highlightState, blurState);
                     }
-                    else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
-                        this._handleLinkRelatedClick(element);
+                    else if (element && element.mark === ((_g = this._linkMark) === null || _g === void 0 ? void 0 : _g.getProduct())) {
+                        this._handleLinkRelatedClick(element, highlightState, blurState);
                     }
                     else {
-                        this._handleClearEmpty();
+                        this._handleClearEmpty(highlightState, blurState);
                     }
                 }
             };
-            this._handleClearEmpty = () => {
+            this._handleClearEmpty = (highlightState, blurState) => {
                 var _a, _b;
                 if (!this._needClear) {
                     return;
@@ -86612,7 +86614,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 = [highlightState, blurState];
                 allNodeElements.forEach(el => {
                     el.removeState(states);
                 });
@@ -86621,7 +86623,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
                 this._needClear = false;
             };
-            this._handleNodeAdjacencyClick = (element) => {
+            this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
                 const nodeDatum = element.getDatum();
                 const highlightNodes = [nodeDatum.key];
                 if (this._linkMark) {
@@ -86635,28 +86637,28 @@ 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(blurState);
+                            linkEl.addState(highlightState);
                         }
                         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(blurState);
+                            linkEl.addState(highlightState);
                         }
                         else {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.removeState(highlightState);
+                            linkEl.addState(blurState);
                         }
                     });
                 }
                 if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
                 }
                 this._needClear = true;
             };
-            this._handleLinkAdjacencyClick = (element) => {
+            this._handleLinkAdjacencyClick = (element, highlightState, blurState) => {
                 const curLinkDatum = element.getDatum();
                 const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
                 if (this._linkMark) {
@@ -86666,21 +86668,21 @@ 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(blurState);
+                            linkEl.addState(highlightState, { ratio: 1 });
                         }
                         else {
-                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.removeState(highlightState);
+                            linkEl.addState(blurState, { ratio: 1 });
                         }
                     });
                 }
                 if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                    this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
                 }
                 this._needClear = true;
             };
-            this._handleNodeRelatedClick = (element) => {
+            this._handleNodeRelatedClick = (element, highlightState, blurState) => {
                 var _a;
                 const nodeDatum = element.getDatum();
                 const allNodeElements = this._nodeMark.getProductElements();
@@ -86783,17 +86785,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(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.removeState(blurState);
+                                linkEl.addState(highlightState);
                             }
                             else {
-                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.removeState(highlightState);
+                                linkEl.addState(blurState);
                             }
                         });
                     }
                     if (this._nodeMark) {
-                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
                     }
                 }
                 else {
@@ -86836,8 +86838,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(blurState);
+                            linkEl.addState(highlightState, { ratio });
                             return;
                         }
                         if (upSelectedLink) {
@@ -86847,21 +86849,21 @@ 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(blurState);
+                            linkEl.addState(highlightState, { 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(highlightState);
+                        linkEl.addState(blurState);
                         return;
                     });
                     if (this._nodeMark) {
-                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
+                        this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
                     }
                 }
                 this._needClear = true;
             };
-            this._handleLinkRelatedClick = (element) => {
+            this._handleLinkRelatedClick = (element, highlightState, blurState) => {
                 var _a;
                 const allNodeElements = this._nodeMark.getProductElements();
                 if (!allNodeElements || !allNodeElements.length) {
@@ -86873,7 +86875,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 = [highlightState, blurState];
                     if (this._linkMark) {
                         allLinkElements.forEach(linkEl => {
                             linkEl.removeState(states);
@@ -86915,8 +86917,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(blurState);
+                            linkEl.addState(highlightState, { ratio: 1 });
                             return;
                         }
                         const selectedDatum = originalDatum
@@ -86943,8 +86945,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(blurState);
+                            linkEl.addState(highlightState, { ratio });
                             return;
                         }
                         const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
@@ -86955,22 +86957,22 @@ 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(blurState);
+                            linkEl.addState(highlightState, { 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(highlightState);
+                        linkEl.addState(blurState);
                         return;
                     });
-                    this._highLightElements(allNodeElements, highlightNodes);
+                    this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
                 }
                 this._needClear = true;
             };
         }
         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;
@@ -87167,7 +87169,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);
@@ -87185,7 +87187,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);
@@ -87243,11 +87245,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';
@@ -87263,17 +87269,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         linksSeriesDataUpdate() {
             this._linksSeriesData.updateData();
         }
-        _highLightElements(vGrammarElements, highlightNodes) {
+        _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
             if (!vGrammarElements || !vGrammarElements.length) {
                 return;
             }
             vGrammarElements.forEach(el => {
-                el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
+                el.removeState([blurState, highlightState]);
                 if (highlightNodes.includes(el.getDatum().key)) {
-                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                    el.addState(highlightState);
                 }
                 else {
-                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                    el.addState(blurState);
                 }
             });
         }
@@ -87734,7 +87740,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) {
@@ -87746,7 +87752,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') {
@@ -87754,7 +87760,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) {
@@ -87773,7 +87779,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) {
@@ -87802,7 +87808,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() {
@@ -88857,7 +88863,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;
@@ -88881,7 +88887,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;
@@ -88903,7 +88909,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();
@@ -88919,7 +88925,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;
@@ -90274,7 +90280,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) {
@@ -90290,12 +90296,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) {
@@ -90313,7 +90319,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) {
@@ -90325,7 +90331,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);
@@ -90780,8 +90786,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) {
@@ -90798,8 +90804,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
             };
         }
@@ -90875,7 +90881,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;