@visactor/vchart 1.11.0-alpha.3 → 1.11.1-alpha.0

package/build/index.js

@@ -947,6 +947,10 @@
       return isValidNumber$1(value) ? value : 0;
     }
 
+    function seedRandom(seed) {
+      return parseFloat("0." + Math.sin(seed).toString().substring(6));
+    }
+
     const epsilon$1 = 1e-12;
     const pi$1 = Math.PI;
     const halfPi$2 = pi$1 / 2;
@@ -56322,6 +56326,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._canvasListeners = new Map();
             this.isInited = false;
             this._isRunning = false;
+            this._released = false;
             this._model = {
                 [GrammarType.signal]: {},
                 [GrammarType.data]: {},
@@ -56349,6 +56354,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initView() {
             var _a, _b, _c, _d;
+            if (this._released) {
+                return;
+            }
             this.isInited = true;
             if (this._view) {
                 return;
@@ -56423,6 +56431,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         compile(ctx, option) {
+            if (this._released) {
+                return;
+            }
             const { chart } = ctx;
             this._compileChart = chart;
             this.initView();
@@ -56440,17 +56451,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.releaseGrammar(removeGraphicItems);
         }
         renderNextTick(morphConfig) {
+            if (this._released) {
+                return;
+            }
             if (!this._nextRafId) {
-                this._nextRafId = VChart.vglobal.getRequestAnimationFrame()(() => {
+                this._nextRafId = vglobal.getRequestAnimationFrame()(() => {
                     this._nextRafId = null;
                     this.render(morphConfig);
                 });
             }
         }
         render(morphConfig) {
-            var _a;
+            var _a, _b;
+            if (this._released) {
+                return;
+            }
             if (this._nextRafId) {
-                VChart.vglobal.getCancelAnimationFrame()(this._nextRafId);
+                vglobal.getCancelAnimationFrame()(this._nextRafId);
                 this._nextRafId = null;
             }
             if (this._isRunning) {
@@ -56463,6 +56480,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._isRunning = true;
             (_a = this._view) === null || _a === void 0 ? void 0 : _a.run(morphConfig);
             this._isRunning = false;
+            if (this._nextRafId) {
+                vglobal.getCancelAnimationFrame()(this._nextRafId);
+                this._nextRafId = null;
+                this._isRunning = true;
+                (_b = this._view) === null || _b === void 0 ? void 0 : _b.run(morphConfig);
+                this._isRunning = false;
+            }
         }
         updateViewBox(viewBox, reRender = true) {
             if (!this._view) {
@@ -56609,6 +56633,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._view = null;
             this.isInited = false;
             this._compileChart = null;
+            this._released = true;
         }
         releaseGrammar(removeGraphicItems = false) {
             var _a, _b;
@@ -56825,6 +56850,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         STATE_VALUE_ENUM["STATE_DIMENSION_HOVER_REVERSE"] = "dimension_hover_reverse";
         STATE_VALUE_ENUM["STATE_SELECTED"] = "selected";
         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;
     (function (STATE_VALUE_ENUM_REVERSE) {
@@ -61238,6 +61265,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._chart.setHovered(datum, filter, region);
         }
+        clearState(state) {
+            if (!this._chart) {
+                return;
+            }
+            this._chart.clearState(state);
+        }
+        clearSelected() {
+            if (!this._chart) {
+                return;
+            }
+            this._chart.clearSelected();
+        }
+        clearHovered() {
+            if (!this._chart) {
+                return;
+            }
+            this._chart.clearHovered();
+        }
         _updateCurrentTheme(nextThemeName) {
             var _a, _b;
             const optionTheme = this._option.theme;
@@ -65964,7 +66009,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.11.0-alpha.3";
+    const version = "1.11.1-alpha.0";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -67026,7 +67071,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return selector;
         }
         _parseDefaultInteractionConfig(mainMarks) {
-            var _a;
             if (!(mainMarks === null || mainMarks === void 0 ? void 0 : mainMarks.length)) {
                 return [];
             }
@@ -67066,6 +67110,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             if (finalSelectSpec.enable) {
                 const selector = this._parseSelectorOfInteraction(finalSelectSpec, mainMarks);
+                const isMultiple = finalSelectSpec.mode === 'multiple';
+                const triggerOff = isValid$3(finalSelectSpec.triggerOff)
+                    ? finalSelectSpec.triggerOff
+                    : isMultiple
+                        ? ['empty']
+                        : ['empty', finalSelectSpec.trigger];
                 selector.length &&
                     res.push({
                         type: 'element-select',
@@ -67073,10 +67123,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         regionId: this._region.id,
                         selector,
                         trigger: finalSelectSpec.trigger,
-                        triggerOff: ((_a = finalSelectSpec.triggerOff) !== null && _a !== void 0 ? _a : 'empty'),
+                        triggerOff: triggerOff,
                         reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
                         state: STATE_VALUE_ENUM.STATE_SELECTED,
-                        isMultiple: finalSelectSpec.mode === 'multiple'
+                        isMultiple
                     });
             }
             return res;
@@ -71876,6 +71926,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setHovered(datum, filter, region) {
             this._setStateInDatum(STATE_VALUE_ENUM.STATE_HOVER, true, datum, filter, region);
         }
+        clearState(state) {
+            this.getAllRegions().forEach(r => {
+                r.interaction.clearEventElement(state, true);
+                r.interaction.resetInteraction(state, null);
+                return;
+            });
+        }
+        clearSelected() {
+            this.clearState(STATE_VALUE_ENUM.STATE_SELECTED);
+        }
+        clearHovered() {
+            this.clearState(STATE_VALUE_ENUM.STATE_HOVER);
+        }
         _initEvent() {
             [exports.ChartEvent.dataZoomChange, exports.ChartEvent.scrollBarChange].forEach(event => {
                 this._event.on(event, ({ value }) => {
@@ -73835,6 +73898,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             else {
                 this.setMarkStyle(this._symbolMark, { visible: this._getInvalidDefined.bind(this) }, 'normal', exports.AttributeLevel.Series);
             }
+            if (this._symbolMark.getProduct()) {
+                this._symbolMark.compileEncode();
+            }
         }
         initLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -81214,9 +81280,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return d;
       };
     }
-    function seedRandom(seed) {
-      return parseFloat("0." + Math.sin(seed).toString().substring(6));
-    }
 
     class BaseLayout {
       constructor(options) {
@@ -85665,15 +85728,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         calculateNodeValue(originalNodes);
         const doSubTree = (subTree, depth, parents) => {
           subTree.forEach((node, index) => {
-            var _a, _b;
-            const nodeKey = this._getNodeKey ? this._getNodeKey(node) : parents ? `${parents[parents.length - 1].key}-${index}` : `${depth}-${index}`;
+            const nodeKey = this._getNodeKey ? this._getNodeKey(node) : parents ? `${parents[parents.length - 1].key}-${index}` : `${depth}-${index}`,
+              nodeValue = isNil$3(node.value) ? 0 : toValidNumber$1(node.value);
             if (nodeMap[nodeKey]) nodeMap[nodeKey].value = void 0;else {
               const nodeElement = {
                 depth: depth,
                 datum: node,
                 index: index,
                 key: nodeKey,
-                value: null !== (_a = node.value) && void 0 !== _a ? _a : 0,
+                value: nodeValue,
                 sourceLinks: [],
                 targetLinks: []
               };
@@ -85682,14 +85745,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             parents && originalLinks.push({
               source: parents[parents.length - 1].key,
               target: nodeKey,
-              value: null !== (_b = node.value) && void 0 !== _b ? _b : 0,
+              value: nodeValue,
               parents: parents
             }), node.children && node.children.length && doSubTree(node.children, depth + 1, parents ? parents.concat([nodeMap[nodeKey]]) : [nodeMap[nodeKey]]);
           });
         };
         return doSubTree(originalNodes, 0, null), originalLinks.forEach((link, index) => {
           const key = `${link.source}-${link.target}`;
-          if (linkMap[key]) return linkMap[key].value += link.value, void linkMap[key].datum.push(link);
+          if (linkMap[key]) return linkMap[key].value += toValidNumber$1(link.value), void linkMap[key].datum.push(link);
           const linkElement = {
             index: index,
             key: `${link.source}-${link.target}`,
@@ -85776,12 +85839,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       computeNodeValues(nodes) {
         for (let i = 0, len = nodes.length; i < len; i++) {
           const node = nodes[i];
-          node.value = Math.max(isNil$3(node.value) ? 0 : node.value, node.sourceLinks.reduce((sum, link) => {
+          node.value = Math.max(isNil$3(node.value) ? 0 : toValidNumber$1(node.value), node.sourceLinks.reduce((sum, link) => {
             var _a;
-            return sum + (null !== (_a = link.value) && void 0 !== _a ? _a : 0);
+            return sum + (null !== (_a = toValidNumber$1(link.value)) && void 0 !== _a ? _a : 0);
           }, 0), node.targetLinks.reduce((sum, link) => {
             var _a;
-            return sum + (null !== (_a = link.value) && void 0 !== _a ? _a : 0);
+            return sum + (null !== (_a = toValidNumber$1(link.value)) && void 0 !== _a ? _a : 0);
           }, 0));
         }
       }
@@ -86116,14 +86179,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         });
     };
-    const convertValuesToNumbers = (data) => {
-        data.forEach((obj) => {
-            obj.value = isString$1(obj.value) ? +obj.value : obj.value;
-            if (obj.children && obj.children.length > 0) {
-                convertValuesToNumbers(obj.children);
-            }
-        });
-    };
     const sankeyFormat = (data) => {
         var _a;
         if (!data || !isArray$3(data)) {
@@ -86147,7 +86202,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return data;
     };
     const sankeyLayout = (data, op) => {
-        var _a, _b;
         if (!data || !(op === null || op === void 0 ? void 0 : op.view) || !data.length) {
             return [];
         }
@@ -86185,25 +86239,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 originalData.links = updatedData;
             }
         }
-        if (originalData.links) {
-            const updatedData = [];
-            originalData.links.forEach((datum) => {
-                const updatedDatum = {};
-                for (const key in datum) {
-                    if (key === 'value') {
-                        updatedDatum.value = isString$1(datum.value) ? +datum.value : datum.value;
-                    }
-                    else {
-                        updatedDatum[key] = datum[key];
-                    }
-                }
-                updatedData.push(updatedDatum);
-            });
-            originalData.links = updatedData;
-        }
-        else if ((_b = (_a = originalData.nodes) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.children) {
-            convertValuesToNumbers(originalData.nodes);
-        }
         const layout = new SankeyLayout(op);
         const result = [];
         result.push(layout.layout(originalData, view));
@@ -86249,7 +86284,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                     }
                                     return datum.source + ' => ' + datum.target;
                                 }
-                                return datum.datum[this.series.getSpec().categoryField];
+                                return datum.datum ? datum.datum[this.series.getSpec().categoryField] : datum.key;
                             },
                             hasShape: false
                         },
@@ -86383,28 +86418,31 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._nodeLayoutZIndex = exports.LayoutZIndex.Node;
             this._labelLayoutZIndex = exports.LayoutZIndex.Label;
             this._viewBox = new Bounds();
-            this._handleAdjacencyClick = (params) => {
-                const element = params.item;
-                if (element && element.mark.id().includes('node')) {
-                    this._handleNodeAdjacencyClick(element);
-                }
-                else if (element && element.mark.id().includes('link')) {
-                    this._handleLinkAdjacencyClick(element);
-                }
-                else {
-                    this._handleClearEmpty();
-                }
-            };
-            this._handleRelatedClick = (params) => {
+            this._handleEmphasisElement = (params) => {
+                var _a;
+                const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
                 const element = params.item;
-                if (element && element.mark.id().includes('node')) {
-                    this._handleNodeRelatedClick(element);
-                }
-                else if (element && element.mark.id().includes('link')) {
-                    this._handleLinkRelatedClick(element);
+                if (emphasisSpec.effect === 'adjacency') {
+                    if (element && element.mark.id().includes('node')) {
+                        this._handleNodeAdjacencyClick(element);
+                    }
+                    else if (element && element.mark.id().includes('link')) {
+                        this._handleLinkAdjacencyClick(element);
+                    }
+                    else {
+                        this._handleClearEmpty();
+                    }
                 }
-                else {
-                    this._handleClearEmpty();
+                else if (emphasisSpec.effect === 'related') {
+                    if (element && element.mark.id().includes('node')) {
+                        this._handleNodeRelatedClick(element);
+                    }
+                    else if (element && element.mark.id().includes('link')) {
+                        this._handleLinkRelatedClick(element);
+                    }
+                    else {
+                        this._handleClearEmpty();
+                    }
                 }
             };
             this._handleClearEmpty = () => {
@@ -86421,14 +86459,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!allLabelElements || !allLabelElements.length) {
                     return;
                 }
+                const states = [STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE];
                 allNodeElements.forEach(el => {
-                    el.clearStates();
+                    el.removeState(states);
                 });
                 allLinkElements.forEach(el => {
-                    el.clearStates();
+                    el.removeState(states);
                 });
                 allLabelElements.forEach(el => {
-                    el.clearStates();
+                    el.removeState(states);
                 });
             };
             this._handleNodeAdjacencyClick = (element) => {
@@ -86440,7 +86479,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         return;
                     }
                     allLinkElements.forEach((linkEl, i) => {
-                        linkEl.clearStates();
                         const linkDatum = linkEl.getDatum();
                         const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
                         if (array(linkDatum[father]).includes(nodeDatum.key)) {
@@ -86462,7 +86500,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                     : 0;
                                 ratio = val / linkDatum.value;
                             }
-                            linkEl.addState('selected', { ratio });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                         }
                         else if (linkDatum.target === nodeDatum.key) {
                             if (!highlightNodes.includes(linkDatum.source)) {
@@ -86470,7 +86510,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             }
                         }
                         else {
-                            linkEl.useStates(['blur']);
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
@@ -86490,12 +86531,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         return;
                     }
                     allLinkElements.forEach(linkEl => {
-                        linkEl.clearStates();
                         if (linkEl === element) {
-                            linkEl.addState('selected', { ratio: 1 });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
                         }
                         else {
-                            linkEl.useStates(['blur']);
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         }
                     });
                 }
@@ -86523,7 +86565,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const highlightLinks = [];
                     allLinkElements.forEach((linkEl, i) => {
                         var _a, _b, _c, _d;
-                        linkEl.clearStates();
                         const linkDatum = linkEl.getDatum();
                         const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
                         if (array(linkDatum[father]).includes(nodeDatum.key)) {
@@ -86609,12 +86650,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         }
                         allLinkElements.forEach((linkEl, i) => {
                             var _a;
-                            linkEl.clearStates();
                             if (highlightLinks.includes((_a = linkEl.getDatum().key) !== null && _a !== void 0 ? _a : linkEl.getDatum().index)) {
-                                linkEl.useStates(['selected']);
+                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
                             }
                             else {
-                                linkEl.useStates(['blur']);
+                                linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                             }
                         });
                     }
@@ -86648,7 +86690,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         return res;
                     }, []);
                     allLinkElements.forEach((linkEl, i) => {
-                        linkEl.clearStates();
                         const linkDatum = linkEl.getDatum();
                         const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
                         const originalDatum = linkDatum.datum;
@@ -86667,8 +86708,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 return (sum += d.value);
                             }, 0);
                             const ratio = val / linkDatum.value;
-                            linkEl.useStates(['selected']);
-                            linkEl.addState('selected', { ratio });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         if (upSelectedLink) {
@@ -86678,11 +86720,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.useStates(['selected']);
-                            linkEl.addState('selected', { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.useStates(['blur']);
+                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
                     if (this._nodeMark) {
@@ -86705,14 +86749,15 @@ 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];
                     if (this._linkMark) {
                         allLinkElements.forEach(linkEl => {
-                            linkEl.clearStates();
+                            linkEl.removeState(states);
                         });
                     }
                     if (this._nodeMark) {
                         allNodeElements.forEach(el => {
-                            el.clearStates();
+                            el.removeState(states);
                         });
                     }
                     if (this._labelMark) {
@@ -86721,7 +86766,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             return;
                         }
                         allLabelElements.forEach(el => {
-                            el.clearStates();
+                            el.removeState(states);
                         });
                     }
                 }
@@ -86752,12 +86797,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         }
                     });
                     allLinkElements.forEach(linkEl => {
-                        linkEl.clearStates();
                         const linkDatum = linkEl.getDatum();
                         const originalDatum = linkDatum.datum;
                         if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
-                            linkEl.useStates(['selected']);
-                            linkEl.addState('selected', { 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
@@ -86784,8 +86828,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 return (sum += d.value);
                             }, 0);
                             const ratio = val / linkDatum.value;
-                            linkEl.useStates(['selected']);
-                            linkEl.addState('selected', { ratio });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
                             return;
                         }
                         const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
@@ -86796,11 +86841,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             if (!highlightNodes.includes(linkDatum.target)) {
                                 highlightNodes.push(linkDatum.target);
                             }
-                            linkEl.useStates(['selected']);
-                            linkEl.addState('selected', { ratio: upSelectedLink.value / linkDatum.value });
+                            linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: upSelectedLink.value / linkDatum.value });
                             return;
                         }
-                        linkEl.useStates(['blur']);
+                        linkEl.removeState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                         return;
                     });
                     this._highLightElements(allNodeElements, highlightNodes);
@@ -86869,7 +86916,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         nodeKey: this._spec.nodeKey,
                         linkSortBy: this._spec.linkSortBy,
                         nodeSortBy: this._spec.nodeSortBy,
-                        setNodeLayer: this._spec.setNodeLayer
+                        setNodeLayer: this._spec.setNodeLayer,
+                        dropIsolatedNode: this._spec.dropIsolatedNode,
+                        nodeHeight: this._spec.nodeHeight,
+                        linkHeight: this._spec.linkHeight,
+                        equalNodeHeight: this._spec.equalNodeHeight,
+                        linkOverlap: this._spec.linkOverlap
                     },
                     level: TransformLevel.sankeyLayout
                 });
@@ -86953,6 +87005,30 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
         }
+        _buildMarkAttributeContext() {
+            super._buildMarkAttributeContext();
+            this._markAttributeContext.valueToNode = this.valueToNode.bind(this);
+            this._markAttributeContext.valueToLink = this.valueToLink.bind(this);
+        }
+        valueToNode(value) {
+            const nodes = this._nodesSeriesData.getLatestData();
+            const specifyValue = array(value)[0];
+            return nodes && nodes.find((node) => node.key === specifyValue);
+        }
+        valueToLink(value) {
+            const links = this._linksSeriesData.getLatestData();
+            const specifyValue = array(value);
+            return (links &&
+                links.find((link) => link && link.source === specifyValue[0] && link.target === specifyValue[1]));
+        }
+        valueToPositionX(value) {
+            const node = this.valueToNode(value);
+            return node.x0;
+        }
+        valueToPositionY(value) {
+            const node = this.valueToNode(value);
+            return node.y0;
+        }
         initMarkStyle() {
             this._initNodeMarkStyle();
             this._initLinkMarkStyle();
@@ -86989,15 +87065,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y1: (datum) => datum.y1,
                 thickness: (datum) => datum.thickness,
                 fill: (datum) => {
-                    var _a, _b, _c, _d, _e, _f;
+                    var _a, _b, _c;
                     const fill = (_b = (_a = this._spec.link) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill;
                     if (fill) {
                         return fill;
                     }
-                    const sourceName = this._spec.nodeKey || ((_e = (_d = (_c = this._rawData.latestData[0]) === null || _c === void 0 ? void 0 : _c.nodes) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.children)
-                        ? datum.source
-                        : this.getNodeList()[datum.source];
-                    return (_f = this._colorScale) === null || _f === void 0 ? void 0 : _f.scale(sourceName);
+                    const sourceName = isNumber$3(datum.source) ? this.getNodeList()[datum.source] : datum.source;
+                    return (_c = this._colorScale) === null || _c === void 0 ? void 0 : _c.scale(sourceName);
                 },
                 direction: (_a = this._spec.direction) !== null && _a !== void 0 ? _a : 'horizontal'
             }, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
@@ -87194,21 +87268,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             (_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 : {};
             if (this._option.disableTriggerEvent !== true) {
-                if (emphasisSpec.enable && emphasisSpec.effect === 'adjacency') {
-                    if (emphasisSpec.trigger === 'hover') {
-                        this.event.on('pointerover', { level: exports.Event_Bubble_Level.chart }, this._handleAdjacencyClick);
-                    }
-                    else {
-                        this.event.on('pointerdown', { level: exports.Event_Bubble_Level.chart }, this._handleAdjacencyClick);
-                    }
-                }
-                if (emphasisSpec.enable && emphasisSpec.effect === 'related') {
-                    if (emphasisSpec.trigger === 'hover') {
-                        this.event.on('pointerover', { level: exports.Event_Bubble_Level.chart }, this._handleRelatedClick);
-                    }
-                    else {
-                        this.event.on('pointerdown', { level: exports.Event_Bubble_Level.chart }, this._handleRelatedClick);
-                    }
+                if (emphasisSpec.enable && (emphasisSpec.effect === 'adjacency' || emphasisSpec.effect === 'related')) {
+                    const event = emphasisSpec.trigger === 'hover' ? 'pointerover' : 'pointerdown';
+                    this.event.on(event, { level: exports.Event_Bubble_Level.chart }, this._handleEmphasisElement);
                 }
             }
         }
@@ -87224,10 +87286,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             vGrammarElements.forEach(el => {
-                el.clearStates();
+                el.removeState([STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS]);
                 if (highlightNodes.includes(el.getDatum().key)) ;
                 else {
-                    el.useStates(['blur']);
+                    el.addState(STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
                 }
             });
         }
@@ -87265,20 +87327,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return;
         }
         getNodeList() {
-            var _a, _b, _c;
-            const nodeList = ((_a = this._rawData.latestData[0]) === null || _a === void 0 ? void 0 : _a.nodes)
-                ? ((_b = this._rawData.latestData[0].nodes[0]) === null || _b === void 0 ? void 0 : _b.children)
-                    ? Array.from(this.extractNamesFromTree(this._rawData.latestData[0].nodes, this._spec.categoryField))
-                    : this._rawData.latestData[0].nodes.map((datum, index) => {
+            var _a;
+            const data = this._rawData.latestData[0];
+            const nodeList = (data === null || data === void 0 ? void 0 : data.nodes)
+                ? ((_a = data.nodes[0]) === null || _a === void 0 ? void 0 : _a.children)
+                    ? Array.from(this.extractNamesFromTree(data.nodes, this._spec.categoryField))
+                    : data.nodes.map((datum, index) => {
                         return datum[this._spec.categoryField];
                     })
-                : (_c = this._rawData.latestData[0]) === null || _c === void 0 ? void 0 : _c.values.map((datum, index) => {
-                    return datum[this._spec.categoryField];
-                });
+                : (data === null || data === void 0 ? void 0 : data.links)
+                    ? Array.from(this.extractNamesFromLink(data.links))
+                    : data === null || data === void 0 ? void 0 : data.values.map((datum, index) => {
+                        return datum[this._spec.categoryField];
+                    });
             return nodeList;
         }
         _getNodeNameFromData(datum) {
-            return (datum === null || datum === void 0 ? void 0 : datum.datum) ? datum === null || datum === void 0 ? void 0 : datum.datum[this._spec.categoryField] : datum[this._spec.categoryField];
+            var _a;
+            return (datum === null || datum === void 0 ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : (_a = datum.key) !== null && _a !== void 0 ? _a : datum[this._spec.categoryField];
         }
         extractNamesFromTree(tree, categoryName) {
             const uniqueNames = new Set();
@@ -87291,6 +87357,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
             return uniqueNames;
         }
+        extractNamesFromLink(links) {
+            const uniqueNames = new Set();
+            const { sourceField, targetField } = this._spec;
+            links.forEach((link) => {
+                isValid$3(link[sourceField]) && uniqueNames.add(link[sourceField]);
+                isValid$3(link[targetField]) && uniqueNames.add(link[targetField]);
+            });
+            return uniqueNames;
+        }
         getDimensionField() {
             return [this._spec.categoryField];
         }
@@ -87342,8 +87417,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super.onLayoutEnd(ctx);
             this._viewBox.set(0, 0, this._region.getLayoutRect().width, this._region.getLayoutRect().height);
             this.getViewData().reRunAllTransform();
-            this._nodesSeriesData.updateData();
-            this._linksSeriesData.updateData();
         }
         getDefaultShapeType() {
             return 'square';
@@ -89249,17 +89322,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       let distances = matrices.distances;
       const constraints = matrices.constraints,
         norm = norm2(distances.map(norm2)) / distances.length;
-      distances = distances.map(function (row) {
-        return row.map(function (value) {
-          return value / norm;
-        });
-      });
+      distances = distances.map(row => row.map(value => value / norm));
       const obj = function (x, fxPrime) {
         return constrainedMDSGradient(x, fxPrime, distances, constraints);
       };
       let best, current;
       for (i = 0; i < restarts; ++i) {
-        const initial = zeros(2 * distances.length).map(Math.random);
+        const initial = zeros(2 * distances.length).map((entry, i) => seedRandom(i));
         current = conjugateGradient(obj, initial, params), (!best || current.fx < best.fx) && (best = current);
       }
       const positions = best.x,
@@ -91633,7 +91702,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class SankeyChartSpecTransformer extends BaseChartSpecTransformer {
         _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis });
             const seriesType = this.seriesType;
             if (seriesType) {
                 series.type = seriesType;
@@ -91654,6 +91723,44 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = "sankey";
             this.seriesType = exports.SeriesTypeEnum.sankey;
         }
+        _setStateInDatum(stateKey, checkReverse, datum, filter, region) {
+            const activeDatum = isArray$3(datum) ? datum[0] : datum;
+            const keys = !activeDatum ? null : Object.keys(activeDatum);
+            this.getRegionsInQuerier(region).forEach(r => {
+                if (!activeDatum) {
+                    r.interaction.clearEventElement(stateKey, true);
+                    return;
+                }
+                let hasPick = false;
+                r.getSeries().forEach(s => {
+                    var _a, _b;
+                    let activeNodeOrLink = null;
+                    s.getMarks().forEach(m => {
+                        let pickElement = null;
+                        const mark = m.getProduct();
+                        if (!mark) {
+                            return;
+                        }
+                        if (!filter || (isFunction$1(filter) && filter(s, m))) {
+                            pickElement = mark.elements.find((e) => keys.every(k => { var _a, _b; return activeDatum[k] == ((_b = (_a = e.getDatum()) === null || _a === void 0 ? void 0 : _a.datum) === null || _b === void 0 ? void 0 : _b[k]); }));
+                        }
+                        if (pickElement) {
+                            hasPick = true;
+                            r.interaction.startInteraction(stateKey, pickElement);
+                            if (mark.id().includes('node') || mark.id().includes('link')) {
+                                activeNodeOrLink = pickElement;
+                            }
+                        }
+                    });
+                    if (activeNodeOrLink) {
+                        (_b = (_a = s)._handleEmphasisElement) === null || _b === void 0 ? void 0 : _b.call(_a, { item: activeNodeOrLink });
+                    }
+                });
+                if (checkReverse && hasPick) {
+                    r.interaction.reverseEventElement(stateKey);
+                }
+            });
+        }
     }
     SankeyChart.type = "sankey";
     SankeyChart.seriesType = exports.SeriesTypeEnum.sankey;