@visactor/vchart 2.0.3-alpha.2 → 2.0.3

package/build/index.js

@@ -16377,10 +16377,14 @@
           attrs && (Object.assign(stateAttrs, attrs.attributes), (null === (_a = attrs.subAttributes) || void 0 === _a ? void 0 : _a.length) && subAttrs.forEach((subAttrs, index) => {
             Object.assign(subAttrs, attrs.subAttributes[index]);
           }));
+        }), this.subGraphic.forEach((graphic, index) => {
+          graphic.updateNormalAttrs(subAttrs[index]), graphic.applyStateAttrs(subAttrs[index], states, hasAnimation);
         }), this.updateNormalAttrs(stateAttrs), this.currentStates = states, this.applyStateAttrs(stateAttrs, states, hasAnimation);
       }
       clearStates(hasAnimation) {
-        this.stopStateAnimates(), this.hasState() && this.normalAttrs ? (this.currentStates = [], this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
+        this.stopStateAnimates(), this.hasState() && this.normalAttrs ? (this.currentStates = [], this.subGraphic.forEach(graphic => {
+          graphic.applyStateAttrs(graphic.normalAttrs, this.currentStates, hasAnimation, !0), graphic.normalAttrs = null;
+        }), this.applyStateAttrs(this.normalAttrs, this.currentStates, hasAnimation, !0)) : this.currentStates = [], this.normalAttrs = null;
       }
       clone() {
         const glyph = new Glyph(Object.assign({}, this.attribute));
@@ -33696,7 +33700,7 @@
     }
     class GrowAngleIn extends GrowAngleBase {
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -33705,7 +33709,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
       }
     }
     class GrowAngleOut extends GrowAngleBase {
@@ -34313,7 +34317,7 @@
     }
     class GrowRadiusIn extends GrowPointsBase {
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -34322,7 +34326,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
     }
     class GrowRadiusOut extends GrowPointsBase {
@@ -34437,7 +34441,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -34446,7 +34450,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -37344,9 +37348,7 @@
           space = bandSpace(n, this._paddingInner, this._paddingOuter);
         return this._step = (stop - start) / Math.max(1, space || 1), this._round && (this._step = Math.floor(this._step)), start += (stop - start - this._step * (n - this._paddingInner)) * this._align, this.isBandwidthFixed() || (this._bandwidth = this._step * (1 - this._paddingInner)), this._round && (start = Math.round(start), this.isBandwidthFixed() || (this._bandwidth = Math.round(this._bandwidth))), this._bandRangeState = {
           reverse: reverse,
-          start: reverse ? clamp$1(start + this._step * (n - 1), wholeRange[1], wholeRange[0]) : clamp$1(start, wholeRange[0], wholeRange[1]),
-          min: reverse ? wholeRange[1] : wholeRange[0],
-          max: stop,
+          start: reverse ? start + this._step * (n - 1) : start,
           count: n
         }, this.generateFishEyeTransform(), this;
       }
@@ -37363,12 +37365,10 @@
         const {
             count: count,
             start: start,
-            reverse: reverse,
-            min: min,
-            max: max
+            reverse: reverse
           } = this._bandRangeState,
           output = start + (reverse ? -1 : 1) * ((i - 1) % count) * this._step;
-        return clamp$1(this._fishEyeTransform ? this._fishEyeTransform(output) : output, min, max);
+        return this._fishEyeTransform ? this._fishEyeTransform(output) : output;
       }
       _calculateWholeRange(range, changeProperty) {
         if (this._wholeRange) return this._wholeRange;
@@ -54033,11 +54033,11 @@
                         item.animation.customParameters = g.context;
                     });
                     const stateArray = [state];
-                    if (state === 'enter' && animationConfig.normal) {
-                        shouldRunNormal = true;
-                    }
                     g.applyAnimationState(stateArray, [configList.length === 1 ? configList[0] : configList]);
                 }
+                if (state === 'enter' && animationConfig.normal) {
+                    shouldRunNormal = true;
+                }
             });
             if (shouldRunNormal && this._product && ((_b = animationConfig.normal) === null || _b === void 0 ? void 0 : _b.length)) {
                 this._product.stopAnimationState('normal', 'start');
@@ -56932,7 +56932,7 @@
         });
     };
 
-    const version = "2.0.3-alpha.2";
+    const version = "2.0.3";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -76948,72 +76948,6 @@
         isNil$1(node.value) && ((null === (_a = node.children) || void 0 === _a ? void 0 : _a.length) ? node.value = calculateNodeValue(node.children) : node.value = 0), sum += Math.abs(node.value);
       }), sum;
     };
-    function makeHierarchicNodes(originalNodes, nodeKeyFunc, nodes = [], nodeMap = {}, originalLinks) {
-      calculateNodeValue(originalNodes);
-      const doSubTree = (subTree, depth, parents) => {
-        subTree.forEach((node, index) => {
-          const nodeKey = nodeKeyFunc ? nodeKeyFunc(node) : parents ? `${parents[parents.length - 1].key}-${index}` : `${depth}-${index}`,
-            nodeValue = isNil$1(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: nodeValue,
-              sourceLinks: [],
-              targetLinks: []
-            };
-            nodeMap[nodeKey] = nodeElement, nodes.push(nodeElement);
-          }
-          parents && originalLinks && originalLinks.push({
-            source: parents[parents.length - 1].key,
-            target: nodeKey,
-            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), nodes;
-    }
-    function computeHierarchicNodeLinks(originalNodes, nodeKeyFunc) {
-      const nodes = [],
-        links = [],
-        nodeMap = {},
-        linkMap = {},
-        originalLinks = [];
-      return makeHierarchicNodes(originalNodes, nodeKeyFunc, nodes, nodeMap, originalLinks), originalLinks.forEach((link, index) => {
-        const key = `${link.source}-${link.target}`,
-          linkDatum = pickWithout(link, ["parents"]);
-        if (linkDatum.parents = link.parents.map(node => pickWithout(node, ["sourceLinks", "targetLinks"])), linkMap[key]) return linkMap[key].value += toValidNumber$1(link.value), void linkMap[key].datum.push(linkDatum);
-        const linkElement = {
-          index: index,
-          key: `${link.source}-${link.target}`,
-          source: link.source,
-          target: link.target,
-          datum: [linkDatum],
-          value: link.value,
-          parents: link.parents.map(parent => parent.key)
-        };
-        links.push(linkElement), nodeMap[link.source].sourceLinks.push(linkElement), nodeMap[link.target].targetLinks.push(linkElement), linkMap[key] = linkElement;
-      }), {
-        nodes: nodes,
-        links: links,
-        nodeMap: nodeMap
-      };
-    }
-    function computeNodeValues(nodes) {
-      for (let i = 0, len = nodes.length; i < len; i++) {
-        const node = nodes[i];
-        node.value = Math.max(isNil$1(node.value) ? 0 : toValidNumber$1(node.value), node.sourceLinks.reduce((sum, link) => {
-          var _a;
-          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 = toValidNumber$1(link.value)) && void 0 !== _a ? _a : 0);
-        }, 0));
-      }
-    }
 
     function left(node) {
       return node.depth;
@@ -77147,7 +77081,55 @@
         };
       }
       computeHierarchicNodeLinks(originalNodes) {
-        return computeHierarchicNodeLinks(originalNodes, this._getNodeKey);
+        const nodes = [],
+          links = [],
+          nodeMap = {},
+          linkMap = {},
+          originalLinks = [];
+        calculateNodeValue(originalNodes);
+        const doSubTree = (subTree, depth, parents) => {
+          subTree.forEach((node, index) => {
+            const nodeKey = this._getNodeKey ? this._getNodeKey(node) : parents ? `${parents[parents.length - 1].key}-${index}` : `${depth}-${index}`,
+              nodeValue = isNil$1(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: nodeValue,
+                sourceLinks: [],
+                targetLinks: []
+              };
+              nodeMap[nodeKey] = nodeElement, nodes.push(nodeElement);
+            }
+            parents && originalLinks.push({
+              source: parents[parents.length - 1].key,
+              target: nodeKey,
+              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}`,
+            linkDatum = pickWithout(link, ["parents"]);
+          if (linkDatum.parents = link.parents.map(node => pickWithout(node, ["sourceLinks", "targetLinks"])), linkMap[key]) return linkMap[key].value += toValidNumber$1(link.value), void linkMap[key].datum.push(linkDatum);
+          const linkElement = {
+            index: index,
+            key: `${link.source}-${link.target}`,
+            source: link.source,
+            target: link.target,
+            datum: [linkDatum],
+            value: link.value,
+            parents: link.parents.map(parent => parent.key)
+          };
+          links.push(linkElement), nodeMap[link.source].sourceLinks.push(linkElement), nodeMap[link.target].targetLinks.push(linkElement), linkMap[key] = linkElement;
+        }), {
+          nodes: nodes,
+          links: links,
+          nodeMap: nodeMap
+        };
       }
       computeSourceTargetNodeLinks(data) {
         const nodes = [],
@@ -77217,7 +77199,16 @@
         };
       }
       computeNodeValues(nodes) {
-        return computeNodeValues(nodes);
+        for (let i = 0, len = nodes.length; i < len; i++) {
+          const node = nodes[i];
+          node.value = Math.max(isNil$1(node.value) ? 0 : toValidNumber$1(node.value), node.sourceLinks.reduce((sum, link) => {
+            var _a;
+            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 = toValidNumber$1(link.value)) && void 0 !== _a ? _a : 0);
+          }, 0));
+        }
       }
       computeNodeDepths(nodes) {
         var _a;
@@ -78282,7 +78273,7 @@
       return ret;
     }
 
-    function scaleSolution(solution, width, height, x0, y0, hasEmptySet = !1) {
+    function scaleSolution(solution, width, height, x0, y0) {
       width = Math.max(width, 1), height = Math.max(height, 1);
       const circles = [],
         setIds = [];
@@ -78292,20 +78283,9 @@
         yRange = bounds.yRange;
       if (xRange.max === xRange.min || yRange.max === yRange.min) return console.log("not scaling solution: zero size detected"), solution;
       const xScaling = width / (xRange.max - xRange.min),
-        yScaling = height / (yRange.max - yRange.min);
-      let scaling;
-      if (hasEmptySet) {
-        const containerRadius = Math.min(width, height) / 2,
-          centerX = (xRange.min + xRange.max) / 2,
-          centerY = (yRange.min + yRange.max) / 2;
-        let diagramRadius = 0;
-        for (const circle of circles) {
-          const maxDistanceForThisCircle = Math.sqrt(Math.pow(circle.x - centerX, 2) + Math.pow(circle.y - centerY, 2)) + circle.radius;
-          diagramRadius = Math.max(diagramRadius, maxDistanceForThisCircle);
-        }
-        scaling = containerRadius / diagramRadius;
-      } else scaling = Math.min(yScaling, xScaling);
-      const xOffset = (width - (xRange.max - xRange.min) * scaling) / 2,
+        yScaling = height / (yRange.max - yRange.min),
+        scaling = Math.min(yScaling, xScaling),
+        xOffset = (width - (xRange.max - xRange.min) * scaling) / 2,
         yOffset = (height - (yRange.max - yRange.min) * scaling) / 2,
         scaled = {};
       for (let i = 0; i < circles.length; ++i) {
@@ -78520,39 +78500,21 @@
         setField = "sets",
         valueField = "size",
         orientation = Math.PI / 2,
-        orientationOrder = null,
-        emptySetKey: emptySetKey
+        orientationOrder = null
       } = options;
       let circles = {},
         textCenters = {};
-      const hasEmptySet = upstreamData.some(area => {
-          const sets = array(area[setField]);
-          return !sets || 0 === sets.length;
-        }),
-        nonEmptyData = hasEmptySet ? upstreamData.filter(area => !isEmpty(array(area[setField]))) : upstreamData;
-      if (nonEmptyData.length > 0) {
-        const vennData = nonEmptyData.map(area => ({
+      if (upstreamData.length > 0) {
+        const vennData = upstreamData.map(area => ({
           sets: array(area[setField]),
           size: area[valueField]
         }));
         let solution = venn$1(vennData, options);
-        solution = normalizeSolution(solution, orientation, orientationOrder), circles = scaleSolution(solution, x1 - x0, y1 - y0, x0, y0, hasEmptySet), textCenters = computeTextCenters(circles, vennData);
+        solution = normalizeSolution(solution, orientation, orientationOrder), circles = scaleSolution(solution, x1 - x0, y1 - y0, x0, y0), textCenters = computeTextCenters(circles, vennData);
       }
       return upstreamData.map(area => {
-        const sets = array(area[setField]);
-        if (!sets || 0 === sets.length) return Object.assign(Object.assign({}, area), {
-          datum: area,
-          sets: sets,
-          key: emptySetKey || "others",
-          size: area[valueField],
-          labelX: void 0,
-          labelY: void 0,
-          type: "circle",
-          x: x0 + (x1 - x0) / 2,
-          y: y0 + (y1 - y0) / 2,
-          radius: Math.min(x1 - x0, y1 - y0) / 2
-        });
-        const key = sets.toString(),
+        const sets = array(area[setField]),
+          key = sets.toString(),
           textCenter = textCenters[key],
           basicDatum = Object.assign(Object.assign({}, area), {
             datum: area,
@@ -82936,6 +82898,380 @@
                     }
                 }
             };
+            this._handleClearEmpty = () => {
+                var _a, _b;
+                if (!this._needClear) {
+                    return;
+                }
+                const allNodeElements = (_a = this._nodeMark) === null || _a === void 0 ? void 0 : _a.getGraphics();
+                if (!allNodeElements || !allNodeElements.length) {
+                    return;
+                }
+                const allLinkElements = (_b = this._linkMark) === null || _b === void 0 ? void 0 : _b.getGraphics();
+                if (!allLinkElements || !allLinkElements.length) {
+                    return;
+                }
+                allNodeElements.forEach(el => {
+                    el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                    el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                });
+                allLinkElements.forEach(el => {
+                    el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                    el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                });
+                this._needClear = false;
+            };
+            this._handleNodeAdjacencyClick = (graphic) => {
+                const nodeDatum = getDatumOfGraphic(graphic);
+                const highlightNodes = [nodeDatum.key];
+                if (this._linkMark) {
+                    const allLinkElements = this._linkMark.getGraphics();
+                    if (!allLinkElements || !allLinkElements.length) {
+                        return;
+                    }
+                    allLinkElements.forEach((linkEl, i) => {
+                        const linkDatum = getDatumOfGraphic(linkEl);
+                        if (linkDatum.source === nodeDatum.key) {
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                            }
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
+                        }
+                        else if (linkDatum.target === nodeDatum.key) {
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
+                        }
+                        else {
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
+                        }
+                    });
+                }
+                if (this._nodeMark) {
+                    this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
+                }
+                this._needClear = true;
+            };
+            this._handleLinkAdjacencyClick = (graphic) => {
+                const curLinkDatum = getDatumOfGraphic(graphic);
+                const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
+                if (this._linkMark) {
+                    const allLinkElements = this._linkMark.getGraphics();
+                    if (!allLinkElements || !allLinkElements.length) {
+                        return;
+                    }
+                    allLinkElements.forEach(linkEl => {
+                        if (linkEl === graphic) {
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
+                        }
+                        else {
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
+                        }
+                    });
+                }
+                if (this._nodeMark) {
+                    this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
+                }
+                this._needClear = true;
+            };
+            this._handleNodeRelatedClick = (graphic) => {
+                var _a;
+                const nodeDatum = getDatumOfGraphic(graphic);
+                const allNodeElements = this._nodeMark.getGraphics();
+                if (!allNodeElements || !allNodeElements.length) {
+                    return;
+                }
+                const allLinkElements = this._linkMark.getGraphics();
+                if (!allLinkElements || !allLinkElements.length) {
+                    return;
+                }
+                const father = ((_a = getDatumOfGraphic(allLinkElements[0])) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
+                if (father === 'source') {
+                    const highlightNodes = [nodeDatum.key];
+                    const highlightLinks = [];
+                    allLinkElements.forEach((linkEl, i) => {
+                        var _a, _b, _c, _d;
+                        const linkDatum = getDatumOfGraphic(linkEl);
+                        const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
+                        if (array(linkDatum[father]).includes(nodeDatum.key)) {
+                            if (!highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
+                                highlightLinks.push((_b = linkDatum.key) !== null && _b !== void 0 ? _b : linkDatum.index);
+                            }
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                                const targetNode = allNodeElements.find(nodeElement => {
+                                    return nodeElement.data[0].key === linkDatum.target;
+                                });
+                                let targetNodeSourceLinks = targetNode.data[0].sourceLinks;
+                                while ((targetNodeSourceLinks === null || targetNodeSourceLinks === void 0 ? void 0 : targetNodeSourceLinks.length) > 0) {
+                                    const newTargetNodeSourceLinks = [];
+                                    targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum) => {
+                                        var _a, _b;
+                                        if (!highlightLinks.includes((_a = targetNodeSourceLinkDatum.key) !== null && _a !== void 0 ? _a : targetNodeSourceLinkDatum.index)) {
+                                            highlightLinks.push((_b = targetNodeSourceLinkDatum.key) !== null && _b !== void 0 ? _b : targetNodeSourceLinkDatum.index);
+                                            if (!highlightNodes.includes(targetNodeSourceLinkDatum.target)) {
+                                                highlightNodes.push(targetNodeSourceLinkDatum.target);
+                                                const sourceNodeTemp = allNodeElements.find(nodeElement => {
+                                                    return nodeElement.data[0].key === targetNodeSourceLinkDatum.target;
+                                                });
+                                                newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        }
+                                        else {
+                                            return;
+                                        }
+                                    });
+                                    targetNodeSourceLinks = newTargetNodeSourceLinks;
+                                    return;
+                                }
+                            }
+                        }
+                        else if (linkDatum.target === nodeDatum.key) {
+                            if (!highlightLinks.includes((_c = linkDatum.key) !== null && _c !== void 0 ? _c : linkDatum.index)) {
+                                highlightLinks.push((_d = linkDatum.key) !== null && _d !== void 0 ? _d : linkDatum.index);
+                            }
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                                const sourceNode = allNodeElements.find(nodeElement => {
+                                    return nodeElement.data[0].key === linkDatum.source;
+                                });
+                                let sourceNodeTargetLinks = sourceNode.data[0].targetLinks;
+                                while ((sourceNodeTargetLinks === null || sourceNodeTargetLinks === void 0 ? void 0 : sourceNodeTargetLinks.length) > 0) {
+                                    const newSourceNodeTargetLinks = [];
+                                    sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum) => {
+                                        var _a, _b;
+                                        if (!highlightLinks.includes((_a = sourceNodeTargetLinkDatum.key) !== null && _a !== void 0 ? _a : sourceNodeTargetLinkDatum.index)) {
+                                            highlightLinks.push((_b = sourceNodeTargetLinkDatum.key) !== null && _b !== void 0 ? _b : sourceNodeTargetLinkDatum.index);
+                                            if (!highlightNodes.includes(sourceNodeTargetLinkDatum.source)) {
+                                                highlightNodes.push(sourceNodeTargetLinkDatum.source);
+                                                const sourceNodeTemp = allNodeElements.find(nodeElement => {
+                                                    return nodeElement.data[0].key === sourceNodeTargetLinkDatum.source;
+                                                });
+                                                newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
+                                            }
+                                            else {
+                                                return;
+                                            }
+                                        }
+                                        else {
+                                            return;
+                                        }
+                                    });
+                                    sourceNodeTargetLinks = newSourceNodeTargetLinks;
+                                    return;
+                                }
+                            }
+                        }
+                    });
+                    if (this._linkMark) {
+                        const allLinkElements = this._linkMark.getGraphics();
+                        if (!allLinkElements || !allLinkElements.length) {
+                            return;
+                        }
+                        allLinkElements.forEach((linkEl, i) => {
+                            var _a;
+                            const linkDatum = getDatumOfGraphic(linkEl);
+                            if (highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
+                                linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                                linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
+                            }
+                            else {
+                                linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                                linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
+                            }
+                        });
+                    }
+                    if (this._nodeMark) {
+                        this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
+                    }
+                }
+                else {
+                    const highlightNodes = [nodeDatum.key];
+                    const upstreamLinks = nodeDatum.targetLinks.reduce((res, link) => {
+                        const dividedLinks = array(link.datum);
+                        dividedLinks.forEach(dividedLink => {
+                            const parents = dividedLink.parents;
+                            const len = parents.length;
+                            for (let i = 0; i < len; i++) {
+                                const source = parents[i].key;
+                                const target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key;
+                                const value = dividedLink.value;
+                                const existingItem = res.find(item => item.source === source && item.target === target);
+                                if (existingItem) {
+                                    existingItem.value += value;
+                                }
+                                else {
+                                    res.push({ source, target, value });
+                                }
+                            }
+                        });
+                        return res;
+                    }, []);
+                    allLinkElements.forEach((linkEl, i) => {
+                        const linkDatum = getDatumOfGraphic(linkEl);
+                        const originalDatum = linkDatum.datum;
+                        const selectedDatum = originalDatum
+                            ? originalDatum.filter((entry) => entry[father].some((par) => par.key === nodeDatum.key))
+                            : null;
+                        const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
+                        if (selectedDatum && selectedDatum.length) {
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                            }
+                            const val = selectedDatum.reduce((sum, d) => {
+                                return (sum += d.value);
+                            }, 0);
+                            const ratio = val / linkDatum.value;
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
+                            return;
+                        }
+                        if (upSelectedLink) {
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                            }
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                                ratio: upSelectedLink.value / linkDatum.value
+                            });
+                            return;
+                        }
+                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
+                        return;
+                    });
+                    if (this._nodeMark) {
+                        this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
+                    }
+                }
+                this._needClear = true;
+            };
+            this._handleLinkRelatedClick = (graphic) => {
+                const allNodeElements = this._nodeMark.getGraphics();
+                if (!allNodeElements || !allNodeElements.length) {
+                    return;
+                }
+                const allLinkElements = this._linkMark.getGraphics();
+                if (!allLinkElements || !allLinkElements.length) {
+                    return;
+                }
+                const father = getDatumOfGraphic(graphic) ? 'parents' : 'source';
+                if (father === 'source') {
+                    if (this._linkMark) {
+                        allLinkElements.forEach(linkEl => {
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                        });
+                    }
+                    if (this._nodeMark) {
+                        allNodeElements.forEach(el => {
+                            el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                            el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                        });
+                    }
+                }
+                else {
+                    const curLinkDatum = getDatumOfGraphic(graphic);
+                    const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
+                    const upstreamLinks = [];
+                    const dividedLinks = array(curLinkDatum.datum);
+                    dividedLinks.forEach(dividedLink => {
+                        const parents = dividedLink.parents;
+                        const len = parents.length;
+                        for (let i = 0; i < len - 1; i++) {
+                            const source = parents[i].key;
+                            const target = parents[i + 1].key;
+                            const value = dividedLink.value;
+                            const existingItem = upstreamLinks.find(item => item.source === source && item.target === target);
+                            upstreamLinks.push({
+                                source: parents[i].key,
+                                target: parents[i + 1].key,
+                                value: dividedLink.value
+                            });
+                            if (existingItem) {
+                                existingItem.value += value;
+                            }
+                            else {
+                                upstreamLinks.push({ source, target, value });
+                            }
+                        }
+                    });
+                    allLinkElements.forEach(linkEl => {
+                        const linkDatum = getDatumOfGraphic(linkEl);
+                        const originalDatum = linkDatum.datum;
+                        if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
+                            return;
+                        }
+                        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) {
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                            }
+                            const val = selectedDatum
+                                .filter((entry) => {
+                                return entry.parents.some((par, index) => {
+                                    var _a;
+                                    return par.key === curLinkDatum.source && ((_a = entry.parents[index + 1]) === null || _a === void 0 ? void 0 : _a.key) === curLinkDatum.target;
+                                });
+                            })
+                                .reduce((sum, d) => {
+                                return (sum += d.value);
+                            }, 0);
+                            const ratio = val / linkDatum.value;
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
+                            return;
+                        }
+                        const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
+                        if (upSelectedLink) {
+                            if (!highlightNodes.includes(linkDatum.source)) {
+                                highlightNodes.push(linkDatum.source);
+                            }
+                            if (!highlightNodes.includes(linkDatum.target)) {
+                                highlightNodes.push(linkDatum.target);
+                            }
+                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
+                            addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
+                                ratio: upSelectedLink.value / linkDatum.value
+                            });
+                            return;
+                        }
+                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
+                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
+                        return;
+                    });
+                    this._highLightElements(allNodeElements, highlightNodes);
+                }
+                this._needClear = true;
+            };
         }
         get direction() {
             var _a;
@@ -83225,380 +83561,6 @@
         linksSeriesDataUpdate() {
             this._linkMark.getData().updateData();
         }
-        _handleClearEmpty() {
-            var _a, _b;
-            if (!this._needClear) {
-                return;
-            }
-            const allNodeElements = (_a = this._nodeMark) === null || _a === void 0 ? void 0 : _a.getGraphics();
-            if (!allNodeElements || !allNodeElements.length) {
-                return;
-            }
-            const allLinkElements = (_b = this._linkMark) === null || _b === void 0 ? void 0 : _b.getGraphics();
-            if (!allLinkElements || !allLinkElements.length) {
-                return;
-            }
-            allNodeElements.forEach(el => {
-                el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-            });
-            allLinkElements.forEach(el => {
-                el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-            });
-            this._needClear = false;
-        }
-        _handleNodeAdjacencyClick(graphic) {
-            const nodeDatum = getDatumOfGraphic(graphic);
-            const highlightNodes = [nodeDatum.key];
-            if (this._linkMark) {
-                const allLinkElements = this._linkMark.getGraphics();
-                if (!allLinkElements || !allLinkElements.length) {
-                    return;
-                }
-                allLinkElements.forEach((linkEl, i) => {
-                    const linkDatum = getDatumOfGraphic(linkEl);
-                    if (linkDatum.source === nodeDatum.key) {
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                        }
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
-                    }
-                    else if (linkDatum.target === nodeDatum.key) {
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
-                    }
-                    else {
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
-                    }
-                });
-            }
-            if (this._nodeMark) {
-                this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
-            }
-            this._needClear = true;
-        }
-        _handleLinkAdjacencyClick(graphic) {
-            const curLinkDatum = getDatumOfGraphic(graphic);
-            const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
-            if (this._linkMark) {
-                const allLinkElements = this._linkMark.getGraphics();
-                if (!allLinkElements || !allLinkElements.length) {
-                    return;
-                }
-                allLinkElements.forEach(linkEl => {
-                    if (linkEl === graphic) {
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
-                    }
-                    else {
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
-                    }
-                });
-            }
-            if (this._nodeMark) {
-                this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
-            }
-            this._needClear = true;
-        }
-        _handleNodeRelatedClick(graphic) {
-            var _a;
-            const nodeDatum = getDatumOfGraphic(graphic);
-            const allNodeElements = this._nodeMark.getGraphics();
-            if (!allNodeElements || !allNodeElements.length) {
-                return;
-            }
-            const allLinkElements = this._linkMark.getGraphics();
-            if (!allLinkElements || !allLinkElements.length) {
-                return;
-            }
-            const father = ((_a = getDatumOfGraphic(allLinkElements[0])) === null || _a === void 0 ? void 0 : _a.parents) ? 'parents' : 'source';
-            if (father === 'source') {
-                const highlightNodes = [nodeDatum.key];
-                const highlightLinks = [];
-                allLinkElements.forEach((linkEl, i) => {
-                    var _a, _b, _c, _d;
-                    const linkDatum = getDatumOfGraphic(linkEl);
-                    const father = (linkDatum === null || linkDatum === void 0 ? void 0 : linkDatum.parents) ? 'parents' : 'source';
-                    if (array(linkDatum[father]).includes(nodeDatum.key)) {
-                        if (!highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
-                            highlightLinks.push((_b = linkDatum.key) !== null && _b !== void 0 ? _b : linkDatum.index);
-                        }
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                            const targetNode = allNodeElements.find(nodeElement => {
-                                return nodeElement.data[0].key === linkDatum.target;
-                            });
-                            let targetNodeSourceLinks = targetNode.data[0].sourceLinks;
-                            while ((targetNodeSourceLinks === null || targetNodeSourceLinks === void 0 ? void 0 : targetNodeSourceLinks.length) > 0) {
-                                const newTargetNodeSourceLinks = [];
-                                targetNodeSourceLinks.forEach((targetNodeSourceLinkDatum) => {
-                                    var _a, _b;
-                                    if (!highlightLinks.includes((_a = targetNodeSourceLinkDatum.key) !== null && _a !== void 0 ? _a : targetNodeSourceLinkDatum.index)) {
-                                        highlightLinks.push((_b = targetNodeSourceLinkDatum.key) !== null && _b !== void 0 ? _b : targetNodeSourceLinkDatum.index);
-                                        if (!highlightNodes.includes(targetNodeSourceLinkDatum.target)) {
-                                            highlightNodes.push(targetNodeSourceLinkDatum.target);
-                                            const sourceNodeTemp = allNodeElements.find(nodeElement => {
-                                                return nodeElement.data[0].key === targetNodeSourceLinkDatum.target;
-                                            });
-                                            newTargetNodeSourceLinks.push(sourceNodeTemp.data[0].targetLinks);
-                                        }
-                                        else {
-                                            return;
-                                        }
-                                    }
-                                    else {
-                                        return;
-                                    }
-                                });
-                                targetNodeSourceLinks = newTargetNodeSourceLinks;
-                                return;
-                            }
-                        }
-                    }
-                    else if (linkDatum.target === nodeDatum.key) {
-                        if (!highlightLinks.includes((_c = linkDatum.key) !== null && _c !== void 0 ? _c : linkDatum.index)) {
-                            highlightLinks.push((_d = linkDatum.key) !== null && _d !== void 0 ? _d : linkDatum.index);
-                        }
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                            const sourceNode = allNodeElements.find(nodeElement => {
-                                return nodeElement.data[0].key === linkDatum.source;
-                            });
-                            let sourceNodeTargetLinks = sourceNode.data[0].targetLinks;
-                            while ((sourceNodeTargetLinks === null || sourceNodeTargetLinks === void 0 ? void 0 : sourceNodeTargetLinks.length) > 0) {
-                                const newSourceNodeTargetLinks = [];
-                                sourceNodeTargetLinks.forEach((sourceNodeTargetLinkDatum) => {
-                                    var _a, _b;
-                                    if (!highlightLinks.includes((_a = sourceNodeTargetLinkDatum.key) !== null && _a !== void 0 ? _a : sourceNodeTargetLinkDatum.index)) {
-                                        highlightLinks.push((_b = sourceNodeTargetLinkDatum.key) !== null && _b !== void 0 ? _b : sourceNodeTargetLinkDatum.index);
-                                        if (!highlightNodes.includes(sourceNodeTargetLinkDatum.source)) {
-                                            highlightNodes.push(sourceNodeTargetLinkDatum.source);
-                                            const sourceNodeTemp = allNodeElements.find(nodeElement => {
-                                                return nodeElement.data[0].key === sourceNodeTargetLinkDatum.source;
-                                            });
-                                            newSourceNodeTargetLinks.push(sourceNodeTemp.data[0].targetLinks);
-                                        }
-                                        else {
-                                            return;
-                                        }
-                                    }
-                                    else {
-                                        return;
-                                    }
-                                });
-                                sourceNodeTargetLinks = newSourceNodeTargetLinks;
-                                return;
-                            }
-                        }
-                    }
-                });
-                if (this._linkMark) {
-                    const allLinkElements = this._linkMark.getGraphics();
-                    if (!allLinkElements || !allLinkElements.length) {
-                        return;
-                    }
-                    allLinkElements.forEach((linkEl, i) => {
-                        var _a;
-                        const linkDatum = getDatumOfGraphic(linkEl);
-                        if (highlightLinks.includes((_a = linkDatum.key) !== null && _a !== void 0 ? _a : linkDatum.index)) {
-                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, true);
-                        }
-                        else {
-                            linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                            linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
-                        }
-                    });
-                }
-                if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
-                }
-            }
-            else {
-                const highlightNodes = [nodeDatum.key];
-                const upstreamLinks = nodeDatum.targetLinks.reduce((res, link) => {
-                    const dividedLinks = array(link.datum);
-                    dividedLinks.forEach(dividedLink => {
-                        const parents = dividedLink.parents;
-                        const len = parents.length;
-                        for (let i = 0; i < len; i++) {
-                            const source = parents[i].key;
-                            const target = parents[i + 1] ? parents[i + 1].key : nodeDatum.key;
-                            const value = dividedLink.value;
-                            const existingItem = res.find(item => item.source === source && item.target === target);
-                            if (existingItem) {
-                                existingItem.value += value;
-                            }
-                            else {
-                                res.push({ source, target, value });
-                            }
-                        }
-                    });
-                    return res;
-                }, []);
-                allLinkElements.forEach((linkEl, i) => {
-                    const linkDatum = getDatumOfGraphic(linkEl);
-                    const originalDatum = linkDatum.datum;
-                    const selectedDatum = originalDatum
-                        ? originalDatum.filter((entry) => entry[father].some((par) => par.key === nodeDatum.key))
-                        : null;
-                    const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
-                    if (selectedDatum && selectedDatum.length) {
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                        }
-                        const val = selectedDatum.reduce((sum, d) => {
-                            return (sum += d.value);
-                        }, 0);
-                        const ratio = val / linkDatum.value;
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
-                        return;
-                    }
-                    if (upSelectedLink) {
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                        }
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
-                            ratio: upSelectedLink.value / linkDatum.value
-                        });
-                        return;
-                    }
-                    linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                    linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
-                    return;
-                });
-                if (this._nodeMark) {
-                    this._highLightElements(this._nodeMark.getGraphics(), highlightNodes);
-                }
-            }
-            this._needClear = true;
-        }
-        _handleLinkRelatedClick(graphic) {
-            const allNodeElements = this._nodeMark.getGraphics();
-            if (!allNodeElements || !allNodeElements.length) {
-                return;
-            }
-            const allLinkElements = this._linkMark.getGraphics();
-            if (!allLinkElements || !allLinkElements.length) {
-                return;
-            }
-            const father = getDatumOfGraphic(graphic) ? 'parents' : 'source';
-            if (father === 'source') {
-                if (this._linkMark) {
-                    allLinkElements.forEach(linkEl => {
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                    });
-                }
-                if (this._nodeMark) {
-                    allNodeElements.forEach(el => {
-                        el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                        el.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                    });
-                }
-            }
-            else {
-                const curLinkDatum = getDatumOfGraphic(graphic);
-                const highlightNodes = [curLinkDatum.source, curLinkDatum.target];
-                const upstreamLinks = [];
-                const dividedLinks = array(curLinkDatum.datum);
-                dividedLinks.forEach(dividedLink => {
-                    const parents = dividedLink.parents;
-                    const len = parents.length;
-                    for (let i = 0; i < len - 1; i++) {
-                        const source = parents[i].key;
-                        const target = parents[i + 1].key;
-                        const value = dividedLink.value;
-                        const existingItem = upstreamLinks.find(item => item.source === source && item.target === target);
-                        upstreamLinks.push({
-                            source: parents[i].key,
-                            target: parents[i + 1].key,
-                            value: dividedLink.value
-                        });
-                        if (existingItem) {
-                            existingItem.value += value;
-                        }
-                        else {
-                            upstreamLinks.push({ source, target, value });
-                        }
-                    }
-                });
-                allLinkElements.forEach(linkEl => {
-                    const linkDatum = getDatumOfGraphic(linkEl);
-                    const originalDatum = linkDatum.datum;
-                    if (linkDatum.source === curLinkDatum.source && linkDatum.target === curLinkDatum.target) {
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio: 1 });
-                        return;
-                    }
-                    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) {
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                        }
-                        const val = selectedDatum
-                            .filter((entry) => {
-                            return entry.parents.some((par, index) => {
-                                var _a;
-                                return par.key === curLinkDatum.source && ((_a = entry.parents[index + 1]) === null || _a === void 0 ? void 0 : _a.key) === curLinkDatum.target;
-                            });
-                        })
-                            .reduce((sum, d) => {
-                            return (sum += d.value);
-                        }, 0);
-                        const ratio = val / linkDatum.value;
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, { ratio });
-                        return;
-                    }
-                    const upSelectedLink = upstreamLinks.find((upLink) => upLink.source === linkDatum.source && upLink.target === linkDatum.target);
-                    if (upSelectedLink) {
-                        if (!highlightNodes.includes(linkDatum.source)) {
-                            highlightNodes.push(linkDatum.source);
-                        }
-                        if (!highlightNodes.includes(linkDatum.target)) {
-                            highlightNodes.push(linkDatum.target);
-                        }
-                        linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE);
-                        addRuntimeState(linkEl, exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS, {
-                            ratio: upSelectedLink.value / linkDatum.value
-                        });
-                        return;
-                    }
-                    linkEl.removeState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS);
-                    linkEl.addState(exports.STATE_VALUE_ENUM.STATE_SANKEY_EMPHASIS_REVERSE, true);
-                    return;
-                });
-                this._highLightElements(allNodeElements, highlightNodes);
-            }
-            this._needClear = true;
-        }
         _highLightElements(graphics, highlightNodes) {
             if (!graphics || !graphics.length) {
                 return;
@@ -100439,7 +100401,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.STACK_FIELD_TOTAL_PERCENT = STACK_FIELD_TOTAL_PERCENT;
     exports.STACK_FIELD_TOTAL_TOP = STACK_FIELD_TOTAL_TOP;
     exports.SankeyChart = SankeyChart;
-    exports.SankeyChartSpecTransformer = SankeyChartSpecTransformer;
     exports.SankeySeries = SankeySeries;
     exports.ScatterChart = ScatterChart;
     exports.ScatterSeries = ScatterSeries;