@visactor/vchart 1.13.20 → 1.13.21-alpha.1

package/cjs/series/sankey/sankey.js

@@ -34,19 +34,6 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             var _a, _b, _c, _d, _e, _f, _g;
             const emphasisSpec = null !== (_a = this._spec.emphasis) && void 0 !== _a ? _a : {}, highlightState = null !== (_b = emphasisSpec.highlightState) && void 0 !== _b ? _b : interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, blurState = null !== (_c = emphasisSpec.blurState) && void 0 !== _c ? _c : interface_1.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, element = params.item;
             "adjacency" === emphasisSpec.effect ? element && element.mark === (null === (_d = this._nodeMark) || void 0 === _d ? void 0 : _d.getProduct()) ? this._handleNodeAdjacencyClick(element, highlightState, blurState) : element && element.mark === (null === (_e = this._linkMark) || void 0 === _e ? void 0 : _e.getProduct()) ? this._handleLinkAdjacencyClick(element, highlightState, blurState) : this._handleClearEmpty(highlightState, blurState) : "related" === emphasisSpec.effect && (element && element.mark === (null === (_f = this._nodeMark) || void 0 === _f ? void 0 : _f.getProduct()) ? this._handleNodeRelatedClick(element, highlightState, blurState) : element && element.mark === (null === (_g = this._linkMark) || void 0 === _g ? void 0 : _g.getProduct()) ? this._handleLinkRelatedClick(element, highlightState, blurState) : this._handleClearEmpty(highlightState, blurState));
-        }, this._handleClearEmpty = (highlightState, blurState) => {
-            var _a, _b;
-            if (!this._needClear) return;
-            const allNodeElements = null === (_a = this._nodeMark) || void 0 === _a ? void 0 : _a.getProductElements();
-            if (!allNodeElements || !allNodeElements.length) return;
-            const allLinkElements = null === (_b = this._linkMark) || void 0 === _b ? void 0 : _b.getProductElements();
-            if (!allLinkElements || !allLinkElements.length) return;
-            const states = [ highlightState, blurState ];
-            allNodeElements.forEach((el => {
-                el.removeState(states);
-            })), allLinkElements.forEach((el => {
-                el.removeState(states);
-            })), this._needClear = !1;
         }, this._handleNodeAdjacencyClick = (element, highlightState, blurState) => {
             const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
             if (this._linkMark) {
@@ -77,156 +64,6 @@ class SankeySeries extends cartesian_1.CartesianSeries {
             }
             this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState), 
             this._needClear = !0;
-        }, this._handleNodeRelatedClick = (element, highlightState, blurState) => {
-            var _a;
-            const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
-            if (!allNodeElements || !allNodeElements.length) return;
-            const allLinkElements = this._linkMark.getProductElements();
-            if (!allLinkElements || !allLinkElements.length) return;
-            const father = (null === (_a = allLinkElements[0].getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source";
-            if ("source" === father) {
-                const highlightNodes = [ nodeDatum.key ], highlightLinks = [];
-                if (allLinkElements.forEach(((linkEl, i) => {
-                    var _a, _b, _c, _d;
-                    const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
-                    if ((0, vutils_1.array)(linkDatum[father]).includes(nodeDatum.key)) {
-                        if (highlightLinks.includes(null !== (_a = linkDatum.key) && void 0 !== _a ? _a : linkDatum.index) || highlightLinks.push(null !== (_b = linkDatum.key) && void 0 !== _b ? _b : linkDatum.index), 
-                        highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                        !highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                            let targetNodeSourceLinks = allNodeElements.find((nodeElement => nodeElement.data[0].key === linkDatum.target)).data[0].sourceLinks;
-                            for (;(null == targetNodeSourceLinks ? void 0 : targetNodeSourceLinks.length) > 0; ) {
-                                const newTargetNodeSourceLinks = [];
-                                return targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum => {
-                                    var _a, _b;
-                                    if (!highlightLinks.includes(null !== (_a = targetNodeSourceLinkDatum.key) && void 0 !== _a ? _a : targetNodeSourceLinkDatum.index) && (highlightLinks.push(null !== (_b = targetNodeSourceLinkDatum.key) && void 0 !== _b ? _b : targetNodeSourceLinkDatum.index), 
-                                    !highlightNodes.includes(targetNodeSourceLinkDatum.target))) {
-                                        highlightNodes.push(targetNodeSourceLinkDatum.target);
-                                        const sourceNodeTemp = allNodeElements.find((nodeElement => nodeElement.data[0].key === targetNodeSourceLinkDatum.target));
-                                        newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
-                                    }
-                                })), void (targetNodeSourceLinks = newTargetNodeSourceLinks);
-                            }
-                        }
-                    } else if (linkDatum.target === nodeDatum.key && (highlightLinks.includes(null !== (_c = linkDatum.key) && void 0 !== _c ? _c : linkDatum.index) || highlightLinks.push(null !== (_d = linkDatum.key) && void 0 !== _d ? _d : linkDatum.index), 
-                    !highlightNodes.includes(linkDatum.source))) {
-                        highlightNodes.push(linkDatum.source);
-                        let sourceNodeTargetLinks = allNodeElements.find((nodeElement => nodeElement.data[0].key === linkDatum.source)).data[0].targetLinks;
-                        for (;(null == sourceNodeTargetLinks ? void 0 : sourceNodeTargetLinks.length) > 0; ) {
-                            const newSourceNodeTargetLinks = [];
-                            return sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum => {
-                                var _a, _b;
-                                if (!highlightLinks.includes(null !== (_a = sourceNodeTargetLinkDatum.key) && void 0 !== _a ? _a : sourceNodeTargetLinkDatum.index) && (highlightLinks.push(null !== (_b = sourceNodeTargetLinkDatum.key) && void 0 !== _b ? _b : sourceNodeTargetLinkDatum.index), 
-                                !highlightNodes.includes(sourceNodeTargetLinkDatum.source))) {
-                                    highlightNodes.push(sourceNodeTargetLinkDatum.source);
-                                    const sourceNodeTemp = allNodeElements.find((nodeElement => nodeElement.data[0].key === sourceNodeTargetLinkDatum.source));
-                                    newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
-                                }
-                            })), void (sourceNodeTargetLinks = newSourceNodeTargetLinks);
-                        }
-                    }
-                })), this._linkMark) {
-                    const allLinkElements = this._linkMark.getProductElements();
-                    if (!allLinkElements || !allLinkElements.length) return;
-                    allLinkElements.forEach(((linkEl, i) => {
-                        var _a;
-                        highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(blurState), 
-                        linkEl.addState(highlightState)) : (linkEl.removeState(highlightState), linkEl.addState(blurState));
-                    }));
-                }
-                this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
-            } else {
-                const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => ((0, 
-                vutils_1.array)(link.datum).forEach((dividedLink => {
-                    const parents = dividedLink.parents, len = parents.length;
-                    for (let i = 0; i < len; i++) {
-                        const source = parents[i].key, target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key, value = dividedLink.value, existingItem = res.find((item => item.source === source && item.target === target));
-                        existingItem ? existingItem.value += value : res.push({
-                            source: source,
-                            target: target,
-                            value: value
-                        });
-                    }
-                })), res)), []);
-                allLinkElements.forEach(((linkEl, i) => {
-                    const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum, selectedDatum = originalDatum ? originalDatum.filter((entry => entry[father].some((par => par.key === nodeDatum.key)))) : null, upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
-                    if (selectedDatum && selectedDatum.length) {
-                        highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                        highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
-                        const ratio = selectedDatum.reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
-                        return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
-                            ratio: ratio
-                        });
-                    }
-                    if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                    highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
-                    linkEl.removeState(blurState), void linkEl.addState(highlightState, {
-                        ratio: upSelectedLink.value / linkDatum.value
-                    });
-                    linkEl.removeState(highlightState), linkEl.addState(blurState);
-                })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
-            }
-            this._needClear = !0;
-        }, this._handleLinkRelatedClick = (element, highlightState, blurState) => {
-            var _a;
-            const allNodeElements = this._nodeMark.getProductElements();
-            if (!allNodeElements || !allNodeElements.length) return;
-            const allLinkElements = this._linkMark.getProductElements();
-            if (!allLinkElements || !allLinkElements.length) return;
-            if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
-                const states = [ highlightState, blurState ];
-                this._linkMark && allLinkElements.forEach((linkEl => {
-                    linkEl.removeState(states);
-                })), this._nodeMark && allNodeElements.forEach((el => {
-                    el.removeState(states);
-                }));
-            } else {
-                const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ], upstreamLinks = [];
-                (0, vutils_1.array)(curLinkDatum.datum).forEach((dividedLink => {
-                    const parents = dividedLink.parents, len = parents.length;
-                    for (let i = 0; i < len - 1; i++) {
-                        const source = parents[i].key, target = parents[i + 1].key, value = dividedLink.value, existingItem = upstreamLinks.find((item => item.source === source && item.target === target));
-                        upstreamLinks.push({
-                            source: parents[i].key,
-                            target: parents[i + 1].key,
-                            value: dividedLink.value
-                        }), existingItem ? existingItem.value += value : upstreamLinks.push({
-                            source: source,
-                            target: target,
-                            value: value
-                        });
-                    }
-                })), allLinkElements.forEach((linkEl => {
-                    const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum;
-                    if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(blurState), 
-                    void linkEl.addState(highlightState, {
-                        ratio: 1
-                    });
-                    const selectedDatum = originalDatum ? originalDatum.filter((entry => {
-                        const parentKeysList = entry.parents.map((item => item.key));
-                        return parentKeysList.includes(curLinkDatum.source) && parentKeysList.includes(curLinkDatum.target);
-                    })) : null;
-                    if (selectedDatum && selectedDatum.length) {
-                        highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                        highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
-                        const val = selectedDatum.filter((entry => entry.parents.some(((par, index) => {
-                            var _a;
-                            return par.key === curLinkDatum.source && (null === (_a = entry.parents[index + 1]) || void 0 === _a ? void 0 : _a.key) === curLinkDatum.target;
-                        })))).reduce(((sum, d) => sum + d.value), 0), ratio = val / linkDatum.value;
-                        return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
-                            ratio: ratio
-                        });
-                    }
-                    const upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
-                    if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
-                    highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
-                    linkEl.removeState(blurState), void linkEl.addState(highlightState, {
-                        ratio: upSelectedLink.value / linkDatum.value
-                    });
-                    linkEl.removeState(highlightState), linkEl.addState(blurState);
-                })), this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
-            }
-            this._needClear = !0;
         };
     }
     get direction() {
@@ -486,6 +323,172 @@ class SankeySeries extends cartesian_1.CartesianSeries {
     linksSeriesDataUpdate() {
         this._linksSeriesData.updateData();
     }
+    _handleClearEmpty(highlightState, blurState) {
+        var _a, _b;
+        if (!this._needClear) return;
+        const allNodeElements = null === (_a = this._nodeMark) || void 0 === _a ? void 0 : _a.getProductElements();
+        if (!allNodeElements || !allNodeElements.length) return;
+        const allLinkElements = null === (_b = this._linkMark) || void 0 === _b ? void 0 : _b.getProductElements();
+        if (!allLinkElements || !allLinkElements.length) return;
+        const states = [ highlightState, blurState ];
+        allNodeElements.forEach((el => {
+            el.removeState(states);
+        })), allLinkElements.forEach((el => {
+            el.removeState(states);
+        })), this._needClear = !1;
+    }
+    _handleNodeRelatedClick(element, highlightState, blurState) {
+        var _a;
+        const nodeDatum = element.getDatum(), allNodeElements = this._nodeMark.getProductElements();
+        if (!allNodeElements || !allNodeElements.length) return;
+        const allLinkElements = this._linkMark.getProductElements();
+        if (!allLinkElements || !allLinkElements.length) return;
+        const father = (null === (_a = allLinkElements[0].getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source";
+        if ("source" === father) {
+            const highlightNodes = [ nodeDatum.key ], highlightLinks = [];
+            if (allLinkElements.forEach(((linkEl, i) => {
+                var _a, _b, _c, _d;
+                const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
+                if ((0, vutils_1.array)(linkDatum[father]).includes(nodeDatum.key)) {
+                    if (highlightLinks.includes(null !== (_a = linkDatum.key) && void 0 !== _a ? _a : linkDatum.index) || highlightLinks.push(null !== (_b = linkDatum.key) && void 0 !== _b ? _b : linkDatum.index), 
+                    highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                    !highlightNodes.includes(linkDatum.target)) {
+                        highlightNodes.push(linkDatum.target);
+                        let targetNodeSourceLinks = allNodeElements.find((nodeElement => nodeElement.data[0].key === linkDatum.target)).data[0].sourceLinks;
+                        for (;(null == targetNodeSourceLinks ? void 0 : targetNodeSourceLinks.length) > 0; ) {
+                            const newTargetNodeSourceLinks = [];
+                            return targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum => {
+                                var _a, _b;
+                                if (!highlightLinks.includes(null !== (_a = targetNodeSourceLinkDatum.key) && void 0 !== _a ? _a : targetNodeSourceLinkDatum.index) && (highlightLinks.push(null !== (_b = targetNodeSourceLinkDatum.key) && void 0 !== _b ? _b : targetNodeSourceLinkDatum.index), 
+                                !highlightNodes.includes(targetNodeSourceLinkDatum.target))) {
+                                    highlightNodes.push(targetNodeSourceLinkDatum.target);
+                                    const sourceNodeTemp = allNodeElements.find((nodeElement => nodeElement.data[0].key === targetNodeSourceLinkDatum.target));
+                                    newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
+                                }
+                            })), void (targetNodeSourceLinks = newTargetNodeSourceLinks);
+                        }
+                    }
+                } else if (linkDatum.target === nodeDatum.key && (highlightLinks.includes(null !== (_c = linkDatum.key) && void 0 !== _c ? _c : linkDatum.index) || highlightLinks.push(null !== (_d = linkDatum.key) && void 0 !== _d ? _d : linkDatum.index), 
+                !highlightNodes.includes(linkDatum.source))) {
+                    highlightNodes.push(linkDatum.source);
+                    let sourceNodeTargetLinks = allNodeElements.find((nodeElement => nodeElement.data[0].key === linkDatum.source)).data[0].targetLinks;
+                    for (;(null == sourceNodeTargetLinks ? void 0 : sourceNodeTargetLinks.length) > 0; ) {
+                        const newSourceNodeTargetLinks = [];
+                        return sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum => {
+                            var _a, _b;
+                            if (!highlightLinks.includes(null !== (_a = sourceNodeTargetLinkDatum.key) && void 0 !== _a ? _a : sourceNodeTargetLinkDatum.index) && (highlightLinks.push(null !== (_b = sourceNodeTargetLinkDatum.key) && void 0 !== _b ? _b : sourceNodeTargetLinkDatum.index), 
+                            !highlightNodes.includes(sourceNodeTargetLinkDatum.source))) {
+                                highlightNodes.push(sourceNodeTargetLinkDatum.source);
+                                const sourceNodeTemp = allNodeElements.find((nodeElement => nodeElement.data[0].key === sourceNodeTargetLinkDatum.source));
+                                newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
+                            }
+                        })), void (sourceNodeTargetLinks = newSourceNodeTargetLinks);
+                    }
+                }
+            })), this._linkMark) {
+                const allLinkElements = this._linkMark.getProductElements();
+                if (!allLinkElements || !allLinkElements.length) return;
+                allLinkElements.forEach(((linkEl, i) => {
+                    var _a;
+                    highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index) ? (linkEl.removeState(blurState), 
+                    linkEl.addState(highlightState)) : (linkEl.removeState(highlightState), linkEl.addState(blurState));
+                }));
+            }
+            this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+        } else {
+            const highlightNodes = [ nodeDatum.key ], upstreamLinks = nodeDatum.targetLinks.reduce(((res, link) => ((0, 
+            vutils_1.array)(link.datum).forEach((dividedLink => {
+                const parents = dividedLink.parents, len = parents.length;
+                for (let i = 0; i < len; i++) {
+                    const source = parents[i].key, target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key, value = dividedLink.value, existingItem = res.find((item => item.source === source && item.target === target));
+                    existingItem ? existingItem.value += value : res.push({
+                        source: source,
+                        target: target,
+                        value: value
+                    });
+                }
+            })), res)), []);
+            allLinkElements.forEach(((linkEl, i) => {
+                const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum, selectedDatum = originalDatum ? originalDatum.filter((entry => entry[father].some((par => par.key === nodeDatum.key)))) : null, upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
+                if (selectedDatum && selectedDatum.length) {
+                    highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                    highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
+                    const ratio = selectedDatum.reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
+                    return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
+                        ratio: ratio
+                    });
+                }
+                if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
+                linkEl.removeState(blurState), void linkEl.addState(highlightState, {
+                    ratio: upSelectedLink.value / linkDatum.value
+                });
+                linkEl.removeState(highlightState), linkEl.addState(blurState);
+            })), this._nodeMark && this._highLightElements(this._nodeMark.getProductElements(), highlightNodes, highlightState, blurState);
+        }
+        this._needClear = !0;
+    }
+    _handleLinkRelatedClick(element, highlightState, blurState) {
+        var _a;
+        const allNodeElements = this._nodeMark.getProductElements();
+        if (!allNodeElements || !allNodeElements.length) return;
+        const allLinkElements = this._linkMark.getProductElements();
+        if (!allLinkElements || !allLinkElements.length) return;
+        if ("source" === ((null === (_a = element.getDatum()) || void 0 === _a ? void 0 : _a.parents) ? "parents" : "source")) {
+            const states = [ highlightState, blurState ];
+            this._linkMark && allLinkElements.forEach((linkEl => {
+                linkEl.removeState(states);
+            })), this._nodeMark && allNodeElements.forEach((el => {
+                el.removeState(states);
+            }));
+        } else {
+            const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ], upstreamLinks = [];
+            (0, vutils_1.array)(curLinkDatum.datum).forEach((dividedLink => {
+                const parents = dividedLink.parents, len = parents.length;
+                for (let i = 0; i < len - 1; i++) {
+                    const source = parents[i].key, target = parents[i + 1].key, value = dividedLink.value, existingItem = upstreamLinks.find((item => item.source === source && item.target === target));
+                    upstreamLinks.push({
+                        source: parents[i].key,
+                        target: parents[i + 1].key,
+                        value: dividedLink.value
+                    }), existingItem ? existingItem.value += value : upstreamLinks.push({
+                        source: source,
+                        target: target,
+                        value: value
+                    });
+                }
+            })), allLinkElements.forEach((linkEl => {
+                const linkDatum = linkEl.getDatum(), originalDatum = linkDatum.datum;
+                if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) return linkEl.removeState(blurState), 
+                void linkEl.addState(highlightState, {
+                    ratio: 1
+                });
+                const selectedDatum = originalDatum ? originalDatum.filter((entry => {
+                    const parentKeysList = entry.parents.map((item => item.key));
+                    return parentKeysList.includes(curLinkDatum.source) && parentKeysList.includes(curLinkDatum.target);
+                })) : null;
+                if (selectedDatum && selectedDatum.length) {
+                    highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                    highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target);
+                    const val = selectedDatum.filter((entry => entry.parents.some(((par, index) => {
+                        var _a;
+                        return par.key === curLinkDatum.source && (null === (_a = entry.parents[index + 1]) || void 0 === _a ? void 0 : _a.key) === curLinkDatum.target;
+                    })))).reduce(((sum, d) => sum + d.value), 0), ratio = val / linkDatum.value;
+                    return linkEl.removeState(blurState), void linkEl.addState(highlightState, {
+                        ratio: ratio
+                    });
+                }
+                const upSelectedLink = upstreamLinks.find((upLink => upLink.source === linkDatum.source && upLink.target === linkDatum.target));
+                if (upSelectedLink) return highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
+                linkEl.removeState(blurState), void linkEl.addState(highlightState, {
+                    ratio: upSelectedLink.value / linkDatum.value
+                });
+                linkEl.removeState(highlightState), linkEl.addState(blurState);
+            })), this._highLightElements(allNodeElements, highlightNodes, highlightState, blurState);
+        }
+        this._needClear = !0;
+    }
     _highLightElements(vGrammarElements, highlightNodes, highlightState, blurState) {
         vGrammarElements && vGrammarElements.length && vGrammarElements.forEach((el => {
             el.removeState([ blurState, highlightState ]), highlightNodes.includes(el.getDatum().key) ? el.addState(highlightState) : el.addState(blurState);